.elementor-7590 .elementor-element.elementor-element-de9b9c6{--display:flex;}body.elementor-page-7590:not(.elementor-motion-effects-element-type-background), body.elementor-page-7590 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-2181dd2 *//* 1. FUNDO PRETO ABSOLUTO */
body, .omni-body-wrapper, section, .hero, .elementor-section, .elementor-container, .premissa, .para-voce, .depoimentos, .cta-final {
    background-color: #050505 !important;
    background-image: none !important;
}

/* 2. RECONEXÃO DAS FONTES E TÍTULOS BRANCOS */
/* Adicionado h2 e seletor global para garantir que títulos internos apareçam */
h1, h2, h3, .hero h1, .section-title, .section-title-gold {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    letter-spacing: 0.04em !important;
    color: #ffffff !important; /* Força o branco em todos os títulos */
}

/* Ajuste específico de alinhamento apenas para a primeira dobra */
h1, .hero h1 {
    text-align: left !important;
}

.hero-sub, .serif-accent, .quote {
    font-family: 'DM Serif Display', serif !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    color: rgba(245, 240, 232, 0.8) !important;
    text-align: left !important;
}

.badge, label, .author, .btn-primary {
    font-family: 'IBM Plex Mono', monospace !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* 3. AJUSTE DO GRID (LADO A LADO) */
.hero .elementor-container, .hero-grid {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 50px !important;
    text-align: left !important;
}

.hero-content {
    flex: 1.2 !important;
    max-width: 650px !important;
}

.form-card {
    flex: 0.8 !important;
    background: #1A1A1A !important;
    padding: 40px !important;
    border-radius: 8px !important;
    border: 1px solid #242424 !important;
}

/* 4. BOTÃO E FORMULÁRIO */
/* Ajustado para garantir texto preto em todos os botões da página */
.btn-primary, .form-submit, .btn-primary--large {
    background-color: #C8A84B !important;
    color: #000000 !important; /* Texto preto para contraste */
    font-weight: 700 !important;
    padding: 18px !important;
    border-radius: 0 !important;
    border: none !important;
    cursor: pointer !important;
    width: 100% !important;
    text-decoration: none !important;
    display: inline-block;
}

.btn-primary:hover {
    background-color: #E8C86A !important;
}

.form-group label {
    font-size: 0.65rem !important;
    margin-bottom: 8px !important;
    color: rgba(245, 240, 232, 0.6) !important;
    text-align: left !important;
    display: block !important;
}

/* 5. RESPONSIVIDADE (MOBILE) */
@media (max-width: 1024px) {
    .hero .elementor-container, .hero-grid {
        flex-direction: column !important;
        text-align: center !important;
    }
    h1, .hero h1, .hero-sub {
        text-align: center !important;
    }
    h2, .section-title {
        text-align: center !important;
    }
}/* End custom CSS */