/* ==========================================================================
   inner.css — Páginas internas no design system da Home (style.css)
   Carregar DEPOIS de style.css. Escopo: body.inner-page
   Converte o markup Tailwind escuro legado para a paleta clara da marca:
   Azul #A8832A (primária) · Dourado #C9A84C (destaque) · fundos #FAF7F0/#FFF
   ========================================================================== */

body.inner-page {
    background: var(--bg-light) !important;
    color: var(--text-body) !important;
    font-family: 'Poppins', system-ui, sans-serif !important;
}
body.inner-page .font-cormorant,
body.inner-page .font-outfit { font-family: 'Poppins', system-ui, sans-serif !important; }
body.inner-page .font-cormorant { letter-spacing: -0.01em; }
body.inner-page main, body.inner-page section, body.inner-page header { position: relative; }

/* ---- Texto ---- */
body.inner-page .text-white,
body.inner-page h1, body.inner-page h2, body.inner-page h3, body.inner-page h4 { color: var(--text-dark); }
body.inner-page .text-gray-300,
body.inner-page .text-gray-400 { color: var(--text-body) !important; }
body.inner-page .text-gray-500,
body.inner-page .text-gray-600 { color: var(--text-muted) !important; }
body.inner-page .text-gold,
body.inner-page .text-gold\/60,
body.inner-page .text-gold\/70,
body.inner-page .text-gold\/80 { color: #A8832A !important; }
body.inner-page .hover\:text-gold:hover,
body.inner-page .group:hover .group-hover\:text-gold { color: var(--primary) !important; }
body.inner-page .text-green-400 { color: #059669 !important; }
body.inner-page .text-red-400 { color: #DC2626 !important; }
body.inner-page .text-blue-400 { color: var(--primary-light) !important; }
body.inner-page .text-dark,
body.inner-page .text-\[\#111116\] { color: var(--text-dark) !important; }

/* texto em degradê (bg-clip-text) invisível no claro -> cor sólida */
body.inner-page .bg-clip-text {
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--text-dark) !important;
}
body.inner-page .italic.text-gold { color: var(--accent-dark, #A8832A) !important; }

/* ---- Fundos ---- */
body.inner-page .bg-dark,
body.inner-page .bg-\[\#111116\],
body.inner-page .bg-dark\/80,
body.inner-page .bg-dark\/95 { background-color: var(--bg-light) !important; }
body.inner-page .bg-dark-lighter,
body.inner-page .bg-dark-lighter\/50,
body.inner-page .bg-white\/5,
body.inner-page .bg-black\/40,
body.inner-page .bg-black\/50 {
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(168, 131, 42, 0.06);
}
body.inner-page .bg-gold\/5,
body.inner-page .bg-gold\/10 { background-color: rgba(201, 168, 76, 0.12) !important; }
body.inner-page .bg-red-500\/5,
body.inner-page .bg-red-500\/10 { background-color: #FEF2F2 !important; }
body.inner-page .bg-gold { background-color: var(--accent) !important; color: var(--text-dark) !important; }
body.inner-page .backdrop-blur-md, body.inner-page .backdrop-blur-sm { backdrop-filter: none; }

/* sombras escuras/brilhos dourados -> sombra suave azulada */
body.inner-page [class*="shadow-[0_0_"],
body.inner-page [class*="shadow-[0_20px"],
body.inner-page [class*="shadow-[0_4px"] { box-shadow: 0 8px 28px rgba(168, 131, 42, 0.10) !important; }
body.inner-page .blur-\[40px\], body.inner-page [class*="blur-[1"] { opacity: .25; }

/* ---- Bordas ---- */
body.inner-page .border-white\/5,
body.inner-page .border-white\/10,
body.inner-page .border-gold\/10,
body.inner-page .border-gold\/20 { border-color: var(--border) !important; }
body.inner-page .border-gold\/30,
body.inner-page .border-gold\/50,
body.inner-page .group:hover .group-hover\:border-gold\/50 { border-color: rgba(201, 168, 76, 0.55) !important; }
body.inner-page .border-red-500\/20 { border-color: #FECACA !important; }
body.inner-page .divide-white\/5 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border) !important; }

/* ---- Botões dourados (gradiente) -> botão primário azul ---- */
body.inner-page a.bg-gradient-to-r,
body.inner-page button.bg-gradient-to-r,
body.inner-page .btn-gold-solid {
    background: var(--primary) !important;
    background-image: none !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(168, 131, 42, 0.25) !important;
}
body.inner-page a.bg-gradient-to-r:hover,
body.inner-page button.bg-gradient-to-r:hover,
body.inner-page .btn-gold-solid:hover { background: var(--primary-dark) !important; }
body.inner-page a.bg-gradient-to-r *,
body.inner-page button.bg-gradient-to-r *,
body.inner-page .btn-gold-solid * { color: #fff !important; }
body.inner-page .btn-outline-gold {
    border: 2px solid var(--primary) !important;
    color: var(--primary) !important;
    background: transparent !important;
}
body.inner-page .btn-outline-gold:hover { background: var(--primary) !important; color: #fff !important; }

/* ---- Formulários ---- */
body.inner-page input:not([type="checkbox"]):not([type="radio"]),
body.inner-page select,
body.inner-page textarea,
body.inner-page .input-premium {
    background-color: #fff !important;
    color: var(--text-dark) !important;
    border: 1.5px solid var(--border) !important;
}
body.inner-page input::placeholder,
body.inner-page textarea::placeholder { color: var(--text-muted) !important; }
body.inner-page input:focus, body.inner-page select:focus, body.inner-page textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(168, 131, 42, 0.12) !important;
    outline: none;
}
body.inner-page select option { background: #fff; color: var(--text-dark); }

/* ---- Hero (faixa azul da marca, texto claro) ---- */
body.inner-page header#hero,
body.inner-page .page-hero {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
    background-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
    color: #fff;
}
body.inner-page header#hero > .absolute,
body.inner-page header#hero .bg-gradient-to-b { display: none !important; }
body.inner-page header#hero::after {
    content: ''; position: absolute; width: 520px; height: 520px; right: -140px; top: -160px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.28), transparent 70%); pointer-events: none;
}
body.inner-page header#hero h1,
body.inner-page header#hero h2,
body.inner-page header#hero h3,
body.inner-page header#hero .text-white,
body.inner-page header#hero .text-gray-300,
body.inner-page header#hero .text-gray-400 { color: #fff !important; }
body.inner-page header#hero p { color: rgba(255, 255, 255, 0.85) !important; }
body.inner-page header#hero .text-gold,
body.inner-page header#hero .italic { color: var(--accent-light) !important; border-color: rgba(220, 192, 109, .5) !important; }
body.inner-page header#hero .bg-gold\/10 { background-color: rgba(255, 255, 255, 0.12) !important; box-shadow: none; }
body.inner-page header#hero .border-gold\/30 { border-color: rgba(255, 255, 255, 0.3) !important; }
body.inner-page header#hero .bg-gold { background: var(--accent-light) !important; }
body.inner-page header#hero .border-white\/5 { border-color: rgba(255, 255, 255, 0.15) !important; }
body.inner-page header#hero a.bg-gradient-to-r,
body.inner-page header#hero .btn-gold-solid {
    background: var(--accent) !important;
    color: var(--text-dark) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25) !important;
}
body.inner-page header#hero a.bg-gradient-to-r *,
body.inner-page header#hero .btn-gold-solid * { color: var(--text-dark) !important; }
body.inner-page header#hero .bg-dark\/80,
body.inner-page header#hero .bg-dark-lighter { background-color: rgba(255, 255, 255, 0.1) !important; box-shadow: none; }

/* Blocos de números/benefícios logo abaixo do hero (trust bar) */
body.inner-page header#hero + section,
body.inner-page header#hero + div { background: #fff !important; }

/* ---- Seções ---- */
body.inner-page section { background-color: transparent; }
body.inner-page section.py-24:nth-of-type(even),
body.inner-page section.py-20:nth-of-type(even) { background-color: #fff; }
body.inner-page .bg-gradient-to-b.from-dark,
body.inner-page [class*="from-dark"] { background-image: none !important; }
body.inner-page .rounded-2xl.border,
body.inner-page .rounded-3xl.border { background-color: #fff; }

/* Títulos de seção */
body.inner-page section h2 { color: var(--text-dark) !important; font-weight: 800; }
body.inner-page section h3 { color: var(--text-dark) !important; }
body.inner-page section .text-center > p { color: var(--text-body); }

/* Faixas escuras de CTA final continuam azuis com texto branco */
body.inner-page .cta-dark,
body.inner-page .cta-dark h2, body.inner-page .cta-dark h3, body.inner-page .cta-dark p { color: #fff !important; }
body.inner-page .cta-dark { background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important; }

/* Tabelas */
body.inner-page table { color: var(--text-body); }
body.inner-page thead, body.inner-page th { background: #fff; color: var(--text-dark); }

/* Barra superior (injetada por components.js) */
.topbar { background: var(--primary-dark); color: rgba(255, 255, 255, 0.85); font-size: .78rem; padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.topbar-left, .topbar-right { display: flex; align-items: center; gap: 16px; }
.topbar-wa { color: #4ADE80; font-weight: 600; }
.topbar-portal { color: #F8D882; font-weight: 600; }

/* Painéis escuros de destaque -> painel azul da marca com texto claro */
body.inner-page [class*="from-[#1a1a24]"],
body.inner-page .bg-\[\#08080c\] {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border-color: transparent !important;
}
body.inner-page [class*="from-[#1a1a24]"] > h3,
body.inner-page [class*="from-[#1a1a24]"] > h4,
body.inner-page [class*="from-[#1a1a24]"] > p,
body.inner-page [class*="from-[#1a1a24]"] > .text-white,
body.inner-page .bg-\[\#08080c\] .text-white,
body.inner-page .bg-\[\#08080c\] h2,
body.inner-page .bg-\[\#08080c\] h3,
body.inner-page .bg-\[\#08080c\] p { color: #fff !important; }
body.inner-page .bg-\[\#08080c\] .text-gray-300,
body.inner-page .bg-\[\#08080c\] .text-gray-400 { color: rgba(255,255,255,.85) !important; }

/* Botão secundário (contorno) dentro do hero azul */
body.inner-page header#hero .btn-outline,
body.inner-page header#hero a[class*="btn-outline"] {
    color: #fff !important;
    border: 2px solid rgba(255, 255, 255, 0.55) !important;
    background: transparent !important;
}
body.inner-page header#hero .btn-outline:hover { background: rgba(255, 255, 255, 0.12) !important; }

/* Mini-cards de alerta dentro do hero azul */
body.inner-page header#hero .bg-red-500\/5,
body.inner-page header#hero .bg-red-500\/10,
body.inner-page header#hero .bg-green-500\/5,
body.inner-page header#hero .bg-green-500\/10 { background-color: rgba(255, 255, 255, 0.10) !important; box-shadow: none; }
body.inner-page header#hero .border-red-500\/15,
body.inner-page header#hero .border-red-500\/20,
body.inner-page header#hero .border-green-500\/20 { border-color: rgba(255, 255, 255, 0.2) !important; }
body.inner-page header#hero .text-red-400 { color: #FCA5A5 !important; }
body.inner-page header#hero .text-green-400 { color: #6EE7B7 !important; }