.elementor-38 .elementor-element.elementor-element-2bb2cde{--display:flex;}.elementor-38 .elementor-element.elementor-element-de3f635{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-de3f635 *//* ============================================
   CSS PERSONALIZADO - ESTÉTICA LUMEN
   Remove bordas e faz o site ocupar 100% da largura
   ============================================ */

/* Remove margens e padding do body */
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove padding do site wrapper */
#page,
#content,
.site,
.site-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove margens dos containers do Elementor */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Faz todas as seções do Elementor ocuparem 100% */
.elementor-section {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove padding lateral das colunas do Elementor */
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

/* Container principal do Elementor sem limitação de largura */
.elementor-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove qualquer wrapper ou container do tema */
.site-wrapper,
.container,
.main-container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Header sem margens */
header,
.site-header,
#masthead {
    margin: 0 !important;
    width: 100% !important;
}

/* Footer sem margens */
footer,
.site-footer {
    margin: 0 !important;
    width: 100% !important;
}

/* Remove padding das rows (linhas) do Elementor */
.elementor-row {
    margin: 0 !important;
    width: 100% !important;
}

/* Para seções específicas que devem ter conteúdo centralizado */
.elementor-section.centered-content > .elementor-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Remove qualquer overflow que possa criar scrollbar horizontal */
body,
html {
    overflow-x: hidden !important;
}

/* Garante que todos os elementos ocupem 100% */
.elementor-top-section {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */