/* ==========================================================================
   1. CONFIGURAÇÕES GLOBAIS E BLINDAGEM (RESET)
   ========================================================================== */
body { 
    margin: 0 !important; 
    padding: 0 !important; 
    font-family: 'Montserrat', sans-serif !important; 
    overflow-x: hidden !important; 
}
.lp-wrapper { overflow-x: hidden !important; width: 100% !important; position: relative !important; }
:root { --royal-blue: #0f172a; --gold-primary: #D4AF37; }

/* ==========================================================================
   2. NAVBAR E HEADER
   ========================================================================== */
/* #force-header-reset button, #force-header-reset a { border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; text-transform: uppercase !important; }
#force-header-reset h1 { line-height: 1.1 !important; margin: 0 !important; }

.main-nav { transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 9999 !important; }
.nav-scrolled { background-color: white !important; padding: 12px 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; color: #1e293b !important; }
.nav-transparent { background-color: transparent !important; padding: 24px 0 !important; color: white !important; }

.btn-whatsapp-force { background-color: #25D366 !important; color: white !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 12px !important; padding: 10px 24px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s ease !important; cursor: pointer !important; }
.btn-whatsapp-force:hover { background-color: #128C7E !important; transform: translateY(-2px) !important; box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4) !important; }

#mobile-menu { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; transform: translateY(-100%) !important; opacity: 0 !important; pointer-events: none !important; z-index: 10000 !important; }
#mobile-menu.active { transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important; }

.nav-item-link { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; padding: 8px 12px !important; border-radius: 6px !important; transition: all 0.3s !important; }
.link-light { color: rgba(255, 255, 255, 0.8) !important; }
.link-light:hover { color: white !important; background: rgba(255,255,255,0.1) !important; }
.link-dark { color: #475569 !important; }
.link-dark:hover { color: #0f172a !important; background: #f1f5f9 !important; }

.main-logo { height: 65px !important; width: auto !important; transition: transform 0.3s ease !important; }
.main-logo:hover { transform: scale(1.05) !important; } */

/* ==========================================================================
   3. HERO SECTION
   ========================================================================== */
/* .hero-bg-custom { background-image: url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80') !important; background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; }

.gradient-btn-hero { background: linear-gradient(to right, #0f172a, #3b82f6) !important; color: white !important; padding: 16px 36px !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 18px !important; transition: all 0.4s ease !important; display: inline-block !important; box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important; cursor: pointer !important; }
.gradient-btn-hero:hover { transform: scale(1.05) !important; box-shadow: 0 10px 25px rgba(59, 130, 246, 0.5) !important; }

.glass-btn-hero { background: rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(10px) !important; border: 2px solid rgba(255, 255, 255, 0.4) !important; color: white !important; padding: 16px 36px !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 18px !important; transition: all 0.4s ease !important; cursor: pointer !important; }
.glass-btn-hero:hover { background: rgba(255, 255, 255, 0.2) !important; border-color: white !important; transform: scale(1.05) !important; } */



/* ==========================================================================
   4. SEÇÃO DORES (CARDS)
   ========================================================================== */
#force-pains-reset h2, #force-pains-reset h3, #force-pains-reset p, #force-pains-reset li, #force-pains-reset span { line-height: 1.4 !important; margin-bottom: 0 !important; text-transform: none; }
#pains-neural-canvas { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; z-index: 1 !important; opacity: 0.6 !important; }

.gold-gradient-text { background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; font-weight: 900 !important; display: inline-block !important; }
.extraordinary-title { display: block !important; font-size: 3.5rem !important; line-height: 1.1 !important; margin-top: 0.5rem !important; text-transform: uppercase !important; letter-spacing: -0.02em !important; }
@media (min-width: 768px) { .extraordinary-title { font-size: 5rem !important; } }

.magic-card { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 3rem 2.5rem !important; position: relative !important; overflow: hidden !important; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; height: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; z-index: 10 !important; opacity: 0; transform: translateY(40px); box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important; }
.magic-card.active { opacity: 1 !important; transform: translateY(0) !important; }
.magic-card::before { content: '' !important; position: absolute !important; top: -100px !important; right: -100px !important; width: 200px !important; height: 200px !important; background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(15, 23, 42, 0.05)) !important; border-radius: 50% !important; transition: all 0.6s ease !important; z-index: -1 !important; }
.magic-card:hover { transform: translateY(-12px) !important; border-color: var(--gold-primary) !important; box-shadow: 0 25px 50px rgba(15, 23, 42, 0.12) !important; }
.magic-card:hover::before { transform: scale(3.5) !important; opacity: 1 !important; }

.icon-box { width: 72px !important; height: 72px !important; background: #f8fafc !important; border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 2rem !important; transition: all 0.4s ease !important; border: 1px solid #f1f5f9 !important; color: #64748b !important; }
.magic-card:hover .icon-box { background: var(--royal-blue) !important; color: var(--gold-primary) !important; transform: rotateY(360deg) !important; }

.card-bar { width: 45px !important; height: 4px !important; background: #cbd5e1 !important; margin-top: auto !important; border-radius: 99px !important; transition: all 0.5s ease !important; }
.magic-card:hover .card-bar { width: 100% !important; background: var(--gold-primary) !important; }

.pain-list li { display: flex !important; align-items: flex-start !important; gap: 12px !important; margin-bottom: 18px !important; color: #475569 !important; font-size: 1.05rem !important; line-height: 1.5 !important; }
.card-title { font-size: 1.8rem !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 0.8rem !important; }
.card-subtitle { font-size: 0.875rem !important; color: #94a3b8 !important; margin-bottom: 2.5rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }

/* ==========================================================================
   5. SEÇÃO METODOLOGIA (NOVO)
   ========================================================================== */



#force-method-reset h2, #force-method-reset h3, #force-method-reset h4, #force-method-reset p {
    line-height: 1.5 !important; margin-bottom: 0 !important;
}

/* --- Ajuste de Tamanho da Imagem da Metodologia --- */
/* Limita a largura do container da imagem para não ocupar metade da tela inteira */
#methodology .relative.rounded-\[2rem\] {
    max-width: 480px !important; /* Tamanho controlado */
    margin: 0 auto !important;   /* Centralizado na coluna */
    display: block !important;
    
}

/* --- Botão Barra de Ouro (Estilo Metálico Realista) --- */
.btn-gold-method {
    /* Gradiente que simula o metal ouro com reflexos */
    background: linear-gradient(to bottom, #FFD700 0%, #FDB931 50%, #B8860B 100%) !important;
    color: #4a3b00 !important; /* Cor do texto em marrom escuro para contraste */
    padding: 18px 40px !important;
    border-radius: 8px !important; /* Bordas levemente arredondadas, não pílula */
    font-weight: 800 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border: 1px solid #DAA520 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.4) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

/* Efeito de Reflexo Contínuo (Passando pelo botão) */
.btn-gold-method::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important; /* Começa fora do botão */
    width: 100% !important;
    height: 100% !important;
    /* Faixa de brilho branco */
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent) !important;
    transform: skewX(-20deg) !important; /* Inclinação do brilho */
    animation: shine-continuous 3s infinite linear !important; /* Animação infinita */
}

@keyframes shine-continuous {
    0% { left: -150%; }
    40% { left: 150%; } /* Passa rápido */
    100% { left: 150%; } /* Pausa antes de repetir */
}

/* Efeito Hover: Aumenta o Glow (Brilho externo) */
.btn-gold-method:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6), inset 0 1px 0 rgba(255,255,255,0.6) !important;
    filter: brightness(1.1) !important;
}

/* Animação do Reveal (Cabeçalhos e Texto) */
.header-reveal { opacity: 0; transform: translateY(20px); transition: all 1s ease; }
.header-reveal.active { opacity: 1 !important; transform: translateY(0) !important; }

/* Animação dos Itens da Lista (Cascata) */
.method-item { opacity: 0; transform: translateX(-20px); transition: all 0.6s ease; }
.method-item.active { opacity: 1 !important; transform: translateX(0) !important; }

/* ==========================================================================
   SEÇÃO 6: COACHING VS MENTORIA
   ========================================================================== */

/* Variáveis locais para esta seção */
:root {
    --gold-dark: #AA8C2C;
}

/* Reset específico para garantir a integridade dos botões dentro desta seção */
#force-coaching-reset button, #force-coaching-reset a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Títulos Monumentais (Tipografia Grande) */
.section-title {
    font-size: 2.8rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    margin-bottom: 1.5rem !important;
}

/* Canvas Genérico (Posicionamento no fundo) */
.bg-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* --- BOTÃO AZUL DEGRADÊ (Lado Esquerdo) --- */
.btn-blue-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #3b82f6 100%) !important;
    color: #ffffff !important;
    padding: 16px 36px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.4s ease !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.2) !important;
    position: relative;
    z-index: 10;
}
.btn-blue-gradient:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4) !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5) !important;
}

/* --- BOTÃO BARRA DE OURO (Lado Direito) --- */
.btn-gold-bar {
    background: linear-gradient(to bottom, #fcf6ba 0%, #bf953f 40%, #b38728 50%, #aa771c 100%) !important;
    border: 1px solid #8a6e2f !important;
    color: #3e2e08 !important;
    border-radius: 8px !important;
    padding: 16px 40px !important;
    font-weight: 800 !important;
    transition: all 0.4s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 4px 15px rgba(0,0,0,0.3) !important;
    position: relative;
    z-index: 10;
}
.btn-gold-bar:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(170, 119, 28, 0.4) !important;
}

/* Card de Vidro (Mentoria) */
.glass-card {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 2.5rem !important;
    margin-top: 2rem !important;
}

/* Divisor Dourado (Linha abaixo do título) */
.gold-divider {
    width: 70px;
    height: 4px;
    background: var(--gold-primary); /* Usa a variável global se definida, senão defina a cor aqui */
    background-color: #D4AF37; /* Fallback */
    border-radius: 99px;
    margin-bottom: 2rem;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}

/* Animação Reveal Padrão */
.reveal {
    /* Mudei para 1 para o conteúdo aparecer instantaneamente mesmo sem JS */
    opacity: 1; 
    transform: translateY(0);
    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
    
    /* Reforço para garantir que o texto fique ACIMA do canvas */
    position: relative;
    z-index: 20; 
}

/* Classe ativa (mantida para compatibilidade futura com JS de animação) */
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   SEÇÃO 7: DEPOIMENTOS (DARK MODE)
   ========================================================================== */

/* --- BLINDAGEM FORÇA BRUTA (GLOBAL DA SEÇÃO) --- */
#force-testimonials-section {
    font-family: 'Montserrat', sans-serif !important;
    overflow-x: hidden !important;
    background-color: #000000 !important;
    color: white !important;
}

/* Variáveis Locais */
#force-testimonials-section {
    --royal-blue: #0f172a;
    --gold-primary: #D4AF37;
    --gold-dark: #AA8C2C;
}

/* Reset para Elementor dentro desta seção */
#force-testimonials-section button, 
#force-testimonials-section a {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Tipografia Dourada */
#force-testimonials-section .gold-gradient-text {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800 !important;
}

/* --- FUNDO DARK GRADIENTE --- */
.section-gradient-bg {
    background: linear-gradient(180deg, #000000 0%, #0f172a 50%, #1e293b 100%) !important;
    position: relative;
}

/* --- CANVAS FIXO E GIGANTE --- */
#synapse-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 1 !important;
}

/* --- TÍTULO MONUMENTAL --- */
.force-mega-title {
    font-size: 3rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}
@media (min-width: 768px) {
    .force-mega-title {
        font-size: 5.5rem !important;
    }
}

/* --- CARDS ESTILO "MAGIC" --- */
.testimonial-card {
    background: white !important;
    border-radius: 20px !important;
    padding: 3rem 2rem !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: 100% !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5) !important;
    z-index: 2;
}

/* Círculo decorativo ao fundo do card */
.testimonial-card::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important;
    right: -100px !important;
    width: 200px !important;
    height: 200px !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(15, 23, 42, 0.05)) !important;
    border-radius: 50% !important;
    transition: all 0.6s ease !important;
    z-index: 0 !important;
}

/* Hover do Card */
.testimonial-card:hover {
    transform: translateY(-12px) !important;
    border-color: var(--gold-primary) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(212, 175, 55, 0.3) !important;
}
.testimonial-card:hover::before {
    transform: scale(4.5) !important;
    opacity: 1 !important;
}

/* Máscara da Imagem (Foto) */
.force-circle-mask {
    border-radius: 50% !important;
    overflow: hidden !important;
    width: 90px !important;
    height: 90px !important;
    border: 3px solid white !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    z-index: 1 !important;
    position: relative !important;
}

.force-img-fit {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* --- BOTÃO BARRA DE OURO (LINK INSTAGRAM) --- */
.insta-gold-btn {
    background: linear-gradient(to bottom, #fcf6ba 0%, #bf953f 40%, #b38728 50%, #aa771c 100%) !important;
    border: 1px solid #8a6e2f !important; 
    color: #3e2e08 !important; 
    border-radius: 10px !important; 
    padding: 12px 28px !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.3) !important;
    z-index: 1 !important;
    transition: transform 0.3s ease !important;
}

/* Animação de Brilho Contínuo no Botão */
.insta-gold-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent) !important;
    transform: skewX(-30deg) !important;
    animation: continuousShine 3.5s infinite linear !important;
}
.insta-gold-btn:hover {
    transform: scale(1.05) !important;
}

@keyframes continuousShine {
    0% { left: -150%; }
    35% { left: 150%; }
    100% { left: 150%; }
}

/* --- CARROSSEL E NAVEGAÇÃO --- */
.carousel-item {
    flex: 0 0 100% !important; 
    padding: 0 15px !important;
}
@media (min-width: 640px) { .carousel-item { flex: 0 0 50% !important; } }
@media (min-width: 1024px) { .carousel-item { flex: 0 0 25% !important; } }

/* Setas de Navegação */
.nav-arrow {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.4s !important;
    cursor: pointer !important;
}
.nav-arrow:hover { 
    background: var(--gold-primary) !important; 
    border-color: var(--gold-primary) !important;
    transform: scale(1.1); 
}
.nav-arrow:disabled { opacity: 0.1; cursor: not-allowed; }

/* Dots (Indicadores) */
#dots-container .dot {
    height: 10px !important;
    width: 10px;
    border-radius: 99px !important;
    background: rgba(255,255,255,0.2) !important;
    transition: all 0.5s ease !important;
    cursor: pointer !important;
}
#dots-container .dot.active {
    width: 35px !important;
    background: #ffffff !important;
    box-shadow: 0 0 15px rgba(255,255,255,0.5) !important;
}

/* ==========================================================================
   SEÇÃO 8: CONTATO E FORMULÁRIO
   ========================================================================== */

/* --- BLINDAGEM CONTRA ELEMENTOR (FORÇA BRUTA TOTAL) --- */
#force-contact-wrapper {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #ffffff !important;
}

#force-contact-wrapper * {
    box-sizing: border-box !important;
}

/* --- CONTROLE DE TAMANHO DO TÍTULO (RESPONSIVO) --- */
.mega-title-main {
    font-size: 2rem !important; /* Tamanho Mobile */
    line-height: 1.1 !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

.mega-title-gold {
    font-size: 2.6rem !important; /* Tamanho Mobile Dourado */
    display: block !important;
    margin-top: 0.25rem !important;
    line-height: 1 !important;
}

@media (min-width: 1024px) {
    .mega-title-main {
        font-size: 3rem !important;
    }
    .mega-title-gold {
        font-size: 4.5rem !important;
    }
}

/* --- ESTILO DOS ÍCONES DE CONTATO --- */
.contact-item-box {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 24px !important;
    background: #f1f5f9 !important; 
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    text-decoration: none !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* Ajuste específico para mobile para economizar espaço lateral */
@media (max-width: 640px) {
    .contact-item-box {
        padding: 16px !important; /* Reduz padding no mobile */
        gap: 12px !important;
    }
}

.contact-item-box:hover {
    transform: translateX(8px) !important;
    border-color: #D4AF37 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 25px -5px rgba(212, 175, 55, 0.15) !important;
}

.contact-icon-circle {
    width: 52px !important;
    height: 52px !important;
    background: #ffffff !important; 
    color: #AA8C2C !important; 
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.4s ease !important;
    border: 1px solid #f1f5f9 !important;
}

/* Ajuste do ícone no mobile */
@media (max-width: 640px) {
    .contact-icon-circle {
        width: 42px !important;
        height: 42px !important;
    }
}

.contact-item-box:hover .contact-icon-circle {
    background: #D4AF37 !important; 
    color: #ffffff !important; 
    border-color: #D4AF37 !important;
    transform: scale(1.1) !important;
}

.contact-label {
    color: #64748b !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
}

.contact-value {
    color: #1e293b !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

@media (max-width: 640px) {
    .contact-value {
        font-size: 1rem !important; /* Fonte ligeiramente menor no mobile */
    }
}

.contact-subtext {
    color: #16a34a !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

/* --- FORMULÁRIO AZUL MARINHO --- */
.form-card-dark {
    background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%) !important;
    border-radius: 1.5rem !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

/* Bordas Douradas Visíveis */
.input-gold-field {
    width: 100% !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.6) !important; 
    color: #ffffff !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

.input-gold-field:focus {
    border-color: #D4AF37 !important;
    background-color: rgba(15, 23, 42, 0.8) !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important;
}

/* --- BOTÃO BARRA DE OURO --- */
#btn-enviar-contato {
    background: linear-gradient(180deg, #fcf6ba 0%, #bf953f 45%, #aa771c 100%) !important;
    color: #2a1f00 !important;
    border: 1px solid #8a6e2f !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 18px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

#btn-enviar-contato::after {
    content: '' !important;
    position: absolute !important;
    top: 0; left: -100%;
    width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transform: skewX(-30deg);
    animation: lightMove 5s infinite;
}

@keyframes lightMove {
    0% { left: -100%; }
    20% { left: 150%; }
    100% { left: 150%; }
}

#btn-enviar-contato:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4) !important;
}

.gold-gradient-text {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800 !important;
}

/* Customização do Select */
#field-assunto {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 1.1em !important;
}