/* SOS Farol — camada de tema "Vidro / Por do sol" para as paginas internas (2026-10-02).
   Mesmo visual da home (vidro.css): fonte Outfit, fundo degrade Por do sol, cartoes de
   vidro claro, texto azul-escuro, botoes laranja. Carregada DEPOIS do CSS proprio de cada
   pagina; nao mexe na estrutura nem nos textos. Substitui tema-mosaico.css (guardado). */
@font-face{font-family:"Outfit";font-style:normal;font-weight:200 500;font-display:swap;src:url("/assets/fontes/outfit-latin.woff2") format("woff2")}
:root{
  --navy:#00005C; --navy-2:#00008A; --navy2:#00008A;
  --ink:#00005C; --muted:#4A5870; --soft:transparent; --white:#ffffff;
  --accent:#ff7a3c; --accent-2:#ff9a5c; --accent2:#ff9a5c;
  --ok:#0B7A47; --teal:#00008A; --coral:#C8323A; --coral-light:rgba(200,50,58,.08);
  --line:rgba(0,0,138,.1); --radius:24px;
  --vidro:rgba(255,255,255,.58); --vidro-borda:rgba(255,255,255,.85);
  --shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px -10px rgba(30,60,120,.18);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#CFE0FF 0%,#FBEFF3 55%,#FFD8C0 100%)!important;background-attachment:scroll;min-height:100vh;
  color:#00005C;font-family:"Outfit",system-ui,sans-serif!important;font-weight:300;-webkit-font-smoothing:antialiased}
b,strong{font-weight:500}
h1,h2,h3{font-family:"Outfit",system-ui,sans-serif;font-weight:300;letter-spacing:-.015em;line-height:1.1;color:inherit}
h1 b,h2 b,h3 b,h1 strong,h2 strong{font-weight:500}

/* cabecalhos (bar / nav) */
header.bar,header:not(.hero){background:rgba(246,240,250,.72)!important;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border:0!important;box-shadow:none!important}
header.bar>*,header .nav{background:var(--vidro);border:1px solid var(--vidro-borda);border-radius:20px;box-shadow:var(--shadow)}
.brand,.brand *{color:#00005C}

/* botoes */
.btn,button.btn,a.btn,.copy,.product-btn{border-radius:14px!important;font-family:"Outfit",sans-serif!important;font-weight:400!important;transition:transform .2s,background .2s}
.btn:hover,.copy:hover{transform:translateY(-2px)}
.btn-primary,.copy{background:#ff7a3c!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px -10px rgba(255,122,60,.8)!important}
.btn-primary:hover{background:#e2611f!important}
.btn-secondary,.btn-ghost{background:rgba(255,255,255,.78)!important;color:#00005C!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 8px 20px -12px rgba(30,60,120,.3)!important;border:0!important}

/* cartoes e caixas = vidro claro */
.card,.box,.form,.result,.gate,.help-box,.sidebox,.callout,.related-card,.guide-card,.hero-card,.price-card,.trust-item,.bridge-box,.note,.warnbox{border-radius:24px!important}
.card,.box,.form,.result,.gate,.related-card,.guide-card,.sidebox{background:var(--vidro)!important;border:1px solid var(--vidro-borda)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.warnbox{background:rgba(255,236,226,.8)!important;border:0!important}
.callout{background:rgba(220,231,255,.75)!important;border:0!important}
.highlight,.destaque{border-radius:16px}

/* campos de formulario */
input,select,textarea{border-radius:12px!important;border:1px solid rgba(0,0,138,.16)!important;background:rgba(255,255,255,.85)!important;font-family:"Outfit",system-ui,sans-serif!important;color:#00005C}
input:focus,select:focus,textarea:focus{outline:none;border-color:#ff7a3c!important;box-shadow:0 0 0 4px rgba(255,122,60,.15)!important}

/* etiquetas */
.eyebrow,.tag,.pill,.category{border-radius:99px!important;font-weight:400!important;letter-spacing:.16em}
.eyebrow{color:#d4561a!important;background:rgba(255,122,60,.1)!important;border:1px solid rgba(255,122,60,.22)!important;text-transform:uppercase;font-size:12px!important}

/* codigo de ativacao em destaque */
.code{border-radius:18px!important;letter-spacing:.08em}

/* artigos (conteudos/) */
.article{background:var(--vidro);border:1px solid var(--vidro-borda);border-radius:28px;box-shadow:var(--shadow);padding:clamp(22px,4vw,48px)!important}
.hero{background:transparent!important}
.hero-figure img{border-radius:24px}
.breadcrumbs a,main a:not(.btn){color:#d4561a}

/* rodapes: vidro claro como na home */
footer{background:transparent!important}
footer>.wrap,footer .footer-grid{background:var(--vidro);border:1px solid var(--vidro-borda);color:#00005C;border-radius:28px;padding:clamp(22px,4vw,40px);box-shadow:var(--shadow)}
footer,footer *{color:#4A5870}
footer a{color:#00005C!important}
footer a:hover{color:#d4561a!important}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== 2026-10-02: padrao final do site — destaques e rodape no degrade azul (#2c3ea8 -> #14163a) ===== */
.hero-card,.price-card.feature{background:linear-gradient(135deg,#2c3ea8,#14163a)!important;border:0!important;color:#fff!important;box-shadow:0 30px 60px -30px rgba(0,0,60,.6)!important}
.hero-card *,.price-card.feature *{color:inherit}
footer{background:linear-gradient(180deg,#2c3ea8 0%,#14163a 100%)!important;margin-top:60px}
footer>.wrap,footer .footer-grid{background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.75)}
footer,footer *{color:rgba(255,255,255,.75)}
footer a{color:rgba(255,255,255,.9)!important}
footer a:hover{color:#fff!important}
footer h2,footer h3,footer h4{color:#ffb48a!important}

/* ===== 2026-10-03: topo igual ao da home — barra de vidro fosco translucida, flutuando,
   e logo sem cartao branco. Vale para todas as paginas internas. ===== */
header:not(.hero),header.bar{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:10px 12px 0!important}
header .nav,header .bar,header.bar .row{background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.75)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px -12px rgba(20,22,58,.18)!important;padding-left:16px!important;padding-right:10px!important;transition:background .4s ease,box-shadow .4s ease}
header .brand,header .brand img{background:none!important;box-shadow:none!important;border-radius:0!important}
header .mobile-menu{background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;margin-top:8px;border:1px solid rgba(255,255,255,.75)!important}
header .menu-toggle{background:rgba(255,255,255,.7)!important}
header:not(.hero),header.bar{padding:10px 0 0!important}
header .bar,header.bar .row{box-sizing:border-box;width:calc(100% - 24px);margin-left:auto!important;margin-right:auto!important}
header .nav{box-sizing:border-box}
/* 2026-10-03: imagens com width/height (evita salto de layout) mantem a proporcao */
img[width][height]{height:auto}
/* 2026-10-03: contraste (acessibilidade/SEO) — textos pequenos em laranja um tom mais escuro */
.eyebrow{color:#a8420f!important}
.mini{color:#b8480f!important}