.elementor-16 .elementor-element.elementor-element-398ccb5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-bccf30b *//* ===== CSS PARA TORNAR O SITE COMPLETAMENTE FULL-WIDTH ===== */

/* 1. REMOVE TODAS AS LIMITAÇÕES DE LARGURA */
.hero-container,
.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 60px 0 !important; /* Remove padding lateral, mantém apenas vertical */
}

/* 2. AJUSTA O HERO PARA OCUPAR TODA A LARGURA */
.hero-section {
    width: 100vw !important; /* Força 100% da viewport width */
    margin: 0 !important;
    padding: 0 !important;
}

.hero-container {
    padding: 60px 5% !important; /* Mantém um padding mínimo apenas nas laterais */
}

/* 3. TODAS AS SEÇÕES OCUPAM 100% DA LARGURA */
.trust-section, 
.problem-section, 
.solution-preview, 
.social-proof, 
.target-section, 
.exclusive-section, 
.main-cta, 
.footer {
    width: 100vw !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. CONTEÚDO INTERNO DAS SEÇÕES */
.trust-section .container,
.problem-section .container,
.solution-preview .container,
.social-proof .container,
.target-section .container,
.exclusive-section .container,
.main-cta .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 5% !important; /* Apenas um padding mínimo nas laterais */
}

/* 5. REMOVE QUALQUER MARGEM DO BODY */
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 6. GARANTE QUE O HTML TAMBÉM OCUPE 100% */
html {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. AJUSTES ESPECÍFICOS PARA GRIDS */
.credentials-grid,
.pain-points,
.methodology-grid,
.stats-grid,
.target-grid {
    width: 100% !important;
    max-width: 100% !important;
}

/* 8. FOOTER FULL-WIDTH */
.footer-content,
.footer-bottom {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* 9. REMOVE LIMITAÇÕES DE CARDS E ELEMENTOS INTERNOS */
.credential-card,
.pain-point,
.methodology-card,
.stat-item,
.target-card {
    max-width: 100% !important;
    width: 100% !important;
}

/* 10. AJUSTES PARA O MODAL PERMANECER CENTRALIZADO */
.modal {
    width: 100vw !important;
    height: 100vh !important;
}

.modal-content {
    max-width: 480px !important; /* Mantém o modal em tamanho adequado */
}

/* 11. FORÇAR ELEMENTOS A NÃO TEREM MARGIN AUTO */
* {
    box-sizing: border-box !important;
}

*:not(.modal-content) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 12. RESPONSIVE - MOBILE FULL-WIDTH */
@media (max-width: 768px) {
    .hero-container {
        padding: 60px 3% !important;
    }
    
    .trust-section .container,
    .problem-section .container,
    .solution-preview .container,
    .social-proof .container,
    .target-section .container,
    .exclusive-section .container,
    .main-cta .container {
        padding: 0 3% !important;
    }
    
    .footer-content,
    .footer-bottom {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
}

/* 13. REMOVE QUALQUER SCROLL HORIZONTAL INDESEJADO */
html, body {
    overflow-x: hidden !important;
}

/* 14. GARANTE QUE BACKGROUNDS OCUPEM 100% */
.trust-section,
.problem-section,
.solution-preview,
.social-proof,
.target-section,
.exclusive-section,
.main-cta,
.footer {
    background-size: cover !important;
    background-position: center !important;
}

/* 15. AJUSTE ESPECÍFICO PARA O HERO BACKGROUND */
.hero-section {
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center right !important;
}

/* 16. REMOVE LIMITAÇÕES DE WIDTH EM ELEMENTOS ESPECÍFICOS */
.hero-content,
.solution-content,
.exclusive-quote {
    max-width: 100% !important;
}

/* 17. AJUSTA TEXTO PARA OCUPAR MAIS LARGURA QUANDO NECESSÁRIO */
.hero-description,
.problem-intro,
.target-intro,
.solution-description,
.cta-description {
    max-width: 100% !important;
}

/* 18. FORÇA FULL-WIDTH EM ELEMENTOS FLEX */
.hero-container,
.credentials-grid,
.pain-points,
.methodology-grid,
.stats-grid,
.target-grid,
.footer-content {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: space-between !important;
}

/* 19. AJUSTE PARA GRID DISPLAY QUANDO NECESSÁRIO */
.credentials-grid,
.pain-points,
.methodology-grid,
.stats-grid,
.target-grid,
.footer-content {
    display: grid !important;
}

/* 20. GARANTIA FINAL - VIEWPORT UNITS */
.hero-section,
.trust-section,
.problem-section,
.solution-preview,
.social-proof,
.target-section,
.exclusive-section,
.main-cta,
.footer {
    width: 100vw !important;
    min-width: 100vw !important;
}/* End custom CSS */