/* ==========================================================================
   PONTO OBJETIVA · sistema visual das apresentações
   Estilo contemporâneo. Paleta "Fiel", tirada do logo da Objetiva.
   Sem biblioteca externa, sem CDN: as fontes moram junto.
   ========================================================================== */
@font-face{font-family:"Inter";src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(../fonts/inter-tight-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --ink:#070D13; --base:#111A22; --base-2:#16222D; --base-3:#1C2B39;
  --azul:#0B5DAD; --azul-2:#1478D6; --ciano:#2AACE4; --luz:#9BE3FF;
  --papel:#F5F5F7; --branco:#fff;
  --txt:#111; --txt-2:#55606E; --linha:#DCDFE4;
  --t-d:#F5F7FA; --t-d2:#A9B8C6; --linha-d:rgba(255,255,255,.12);
  --ok:#1E8E5A; --ok-d:#3FCC8E; --aten:#B45309; --aten-d:#F0A93E;
  --wrap:1180px; --raio:28px;
  --f-t:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-c:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-c);font-size:17px;line-height:1.55;color:var(--txt);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px}
.pular{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 16px;border-radius:8px;z-index:100}
.pular:focus{left:8px}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.wrap-est{width:min(820px,100% - 40px);margin-inline:auto;text-align:center}

/* barra de leitura */
.progresso{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--ciano),var(--luz));z-index:60;transition:width .1s linear}

/* navegação */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(9,15,21,.66);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--linha-d)}
.nav .wrap{display:flex;align-items:center;gap:28px;min-height:64px}
.nav .logo img{height:34px;width:auto}
.nav .links{display:flex;gap:26px;margin-left:auto}
.nav .links a{font-size:.9rem;color:var(--t-d2);text-decoration:none;transition:color .2s}
.nav .links a:hover{color:#fff}
.nav .btn{margin-left:auto;padding:.6em 1.2em;font-size:.9rem}
.nav .links + .btn{margin-left:0}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:1em 1.7em;border-radius:999px;font:600 1rem/1 var(--f-c);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-luz{background:#fff;color:#0A1218;box-shadow:0 6px 30px rgba(155,227,255,.25)}
.btn-p{background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;box-shadow:0 8px 24px rgba(11,93,173,.35)}
.btn-vidro{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-linha{background:transparent;border-color:var(--linha);color:var(--azul)}
.botoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* seções */
.sec{position:relative;padding-block:clamp(76px,11vw,150px);overflow:hidden}
.escuro{background:var(--base);color:var(--t-d)}
.escuro-2{background:var(--ink);color:var(--t-d)}
.claro{background:var(--papel);color:var(--txt)}
.branco{background:#fff;color:var(--txt)}
.cab{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.cab.centro{margin-inline:auto;text-align:center}
.olho{font:600 .78rem/1 var(--f-c);letter-spacing:.16em;text-transform:uppercase;color:var(--ciano);margin:0 0 20px}
.claro .olho,.branco .olho{color:var(--azul)}
.titulo{font:800 clamp(2.35rem,4.5vw,3.75rem)/1.02 var(--f-t);letter-spacing:-.045em;margin:0;text-wrap:balance}
.cta .titulo,.titulo.grande-t{font-size:clamp(2.7rem,7vw,5.6rem)}
.titulo-2{font:750 clamp(2.05rem,4.7vw,3.7rem)/1.05 var(--f-t);letter-spacing:-.038em;margin:0;text-wrap:balance}
.titulo-3{font:700 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--f-t);letter-spacing:-.03em;margin:0 0 18px;text-wrap:balance}
.lead{font-size:clamp(1.06rem,1.5vw,1.32rem);line-height:1.5;color:var(--t-d2);max-width:42ch;margin:22px 0 0}
.claro .lead,.branco .lead{color:var(--txt-2)}
.centro .lead{margin-inline:auto}
.grad{background:linear-gradient(92deg,#BDEEFF 0%,#2AACE4 46%,#4F91E8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fina{font-size:.84rem;color:var(--t-d2);max-width:78ch;margin:34px 0 0}
.claro .fina{color:var(--txt-2)}

/* brilho de fundo */
.aura,.aura-2{position:absolute;pointer-events:none;border-radius:50%;filter:blur(30px)}
.aura{width:min(80vw,900px);aspect-ratio:1;right:-18%;top:-14%;background:radial-gradient(closest-side,rgba(42,172,228,.30),transparent 72%)}
.aura-2{width:min(70vw,760px);aspect-ratio:1;left:-20%;bottom:-30%;background:radial-gradient(closest-side,rgba(11,93,173,.45),transparent 72%)}

/* revelar ao rolar: a página em repouso é sempre legível */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s!important}.d2{transition-delay:.16s!important}.d3{transition-delay:.24s!important}.d4{transition-delay:.32s!important}

/* ============================ HERO ============================ */
.hero{padding-top:clamp(112px,13vw,168px);padding-bottom:clamp(60px,8vw,110px);background:var(--base)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,5vw,80px);align-items:center;position:relative;z-index:2}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--linha-d);margin-bottom:26px;font-size:.9rem}
.chip img{width:26px;height:26px;border-radius:7px}
.nota-hero{font-size:.9rem;color:var(--t-d2);margin-top:26px;max-width:46ch}

/* o celular do brilho da marcação */
.palco{position:relative;display:grid;place-items:center;min-height:min(74vh,640px)}
.aparelho{position:relative;width:clamp(238px,25vw,308px);aspect-ratio:9/18.6;border-radius:46px;isolation:isolate}
.aparelho .anel{position:absolute;inset:-4px;border-radius:50px;overflow:hidden;z-index:-1}
.aparelho .anel::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,#2AACE4,#BDEEFF,#0B5DAD,#4F91E8,#9BE3FF,#2AACE4);animation:gira 7s linear infinite}
.aparelho .brilho{position:absolute;inset:-6px;border-radius:52px;z-index:-2;filter:blur(30px);opacity:.55;overflow:hidden}
.aparelho .brilho::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,#2AACE4,#BDEEFF,#0B5DAD,#4F91E8,#2AACE4);animation:gira 7s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.aparelho .tela{position:absolute;inset:0;border-radius:46px;background:#05090D;border:9px solid #0B1219;overflow:hidden}
.aparelho .tela::before{content:"";position:absolute;top:8px;left:50%;width:74px;height:20px;background:#0B1219;border-radius:20px;transform:translateX(-50%);z-index:5}
.cena{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity .7s ease,transform .7s ease}
.cena-camera{padding:52px 20px 24px;align-items:center;justify-content:center;gap:18px;background:radial-gradient(120% 80% at 50% 0%,#12202C,#05090D)}
.cena-camera p{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t-d2)}
.mira{position:relative;width:74%;aspect-ratio:1;border-radius:18px;background:#fff;padding:12px;overflow:hidden}
.mira img{width:100%;height:100%;object-fit:contain}
.mira i{position:absolute;width:24px;height:24px;border:3px solid var(--ciano);border-radius:6px}
.mira i:nth-child(2){top:-2px;left:-2px;border-right:0;border-bottom:0}
.mira i:nth-child(3){top:-2px;right:-2px;border-left:0;border-bottom:0}
.mira i:nth-child(4){bottom:-2px;left:-2px;border-right:0;border-top:0}
.mira i:nth-child(5){bottom:-2px;right:-2px;border-left:0;border-top:0}
.mira .varre{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--ciano),transparent);box-shadow:0 0 18px var(--ciano);animation:varre 1.7s ease-in-out infinite}
@keyframes varre{0%{top:6%}50%{top:92%}100%{top:6%}}
.cena-ok{padding:50px 18px 20px;background:linear-gradient(180deg,#0C1620,#08111A);color:#fff;align-items:stretch}
.ok-topo{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--t-d2);justify-content:center;margin-bottom:12px}
.ok-topo b{color:var(--ok-d)}
.ok-relogio{text-align:center;font:800 2.35rem/1 var(--f-t);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ok-data{text-align:center;font-size:.72rem;color:var(--t-d2);margin:6px 0 14px}
.ok-selo{margin:0 auto 12px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(63,204,142,.28),rgba(63,204,142,.06));border:2px solid var(--ok-d);color:var(--ok-d)}
.ok-selo svg{width:34px;height:34px}
.ok-msg{text-align:center;font:700 1.05rem/1.2 var(--f-t);margin:0}
.ok-msg small{display:block;font:500 .7rem/1.4 var(--f-c);color:var(--t-d2);margin-top:4px}
.ok-cartao{margin-top:auto;background:rgba(255,255,255,.06);border:1px solid var(--linha-d);border-radius:14px;padding:11px 13px;font-size:.7rem;color:var(--t-d2);display:grid;gap:5px}
.ok-cartao div{display:flex;justify-content:space-between;gap:8px}
.ok-cartao b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.ok-btn{margin-top:10px;text-align:center;padding:12px;border-radius:14px;background:linear-gradient(180deg,#1478D6,#0B5DAD);font-weight:700;font-size:.82rem}
/* estado: em repouso mostra a marcação confirmada; com script, a câmera lê e confirma */
.js .cena-ok{opacity:0;transform:scale(.97)}
.js .aparelho.lido .cena-ok{opacity:1;transform:none}
.js .aparelho.lido .cena-camera{opacity:0;transform:scale(1.04);pointer-events:none}
.js .aparelho:not(.lido) .cena-camera{opacity:1}
.cena-camera{opacity:0}
.chip-vidro{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:16px;background:rgba(20,32,44,.72);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.82rem;box-shadow:0 14px 40px rgba(0,0,0,.35);animation:flutua 6s ease-in-out infinite}
.chip-vidro svg{width:22px;height:22px;color:var(--ciano);flex:0 0 auto}
.chip-vidro b{display:block;font-size:.84rem}
.chip-vidro span{color:var(--t-d2);font-size:.74rem}
.chip-vidro.a{left:-6%;top:6%}
.chip-vidro.b{right:-6%;bottom:2%;animation-delay:-2.6s}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ============================ DORES ============================ */
.dores{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.dor{position:relative;grid-column:span 2;padding:34px 30px 32px;border-radius:var(--raio);background:linear-gradient(180deg,var(--base-2),var(--base));border:1px solid var(--linha-d);overflow:hidden;min-height:260px}
.dor.g{grid-column:span 4}
.dor.m{grid-column:span 3}
.dor .num{position:absolute;right:22px;top:6px;font:800 5.4rem/1 var(--f-t);letter-spacing:-.05em;color:rgba(255,255,255,.05)}
.dor .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(42,172,228,.14);border:1px solid rgba(42,172,228,.3);color:var(--ciano);margin-bottom:22px}
.dor .ic svg{width:26px;height:26px}
.dor h3{font:700 1.45rem/1.15 var(--f-t);letter-spacing:-.03em;margin:0 0 12px;max-width:20ch}
.dor p{margin:0;color:var(--t-d2);font-size:.98rem;max-width:44ch}
.dor.solido{background:linear-gradient(135deg,#0B5DAD,#0A3F78);border-color:rgba(255,255,255,.18)}
.dor.solido p{color:#D5E6F7}.dor.solido .ic{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.dor cite{display:block;margin-top:14px;font-style:normal;font-size:.8rem;color:var(--ciano)}

/* ============================ VIRADA ============================ */
.virada-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.passos{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.passo{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--linha);box-shadow:0 1px 2px rgba(17,26,34,.04)}
.passo .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;font:800 1.15rem var(--f-t)}
.passo h3{font:700 1.22rem/1.2 var(--f-t);letter-spacing:-.02em;margin:2px 0 6px}
.passo p{margin:0;color:var(--txt-2);font-size:.98rem}
.fluxo{margin-top:clamp(50px,7vw,90px);padding:clamp(28px,4vw,52px);border-radius:32px;background:var(--base);color:var(--t-d)}
.fluxo h3{font:750 clamp(1.5rem,2.8vw,2.1rem)/1.1 var(--f-t);letter-spacing:-.03em;margin:0 0 8px}
.fluxo .sub{color:var(--t-d2);margin:0 0 30px;max-width:60ch}
.trilho{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:stretch}
.no{position:relative;padding:20px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--linha-d)}
.no b{display:block;font:700 1.02rem/1.2 var(--f-t);margin-bottom:6px}
.no span{font-size:.84rem;color:var(--t-d2);line-height:1.4;display:block}
.no.luz{background:linear-gradient(180deg,rgba(42,172,228,.24),rgba(11,93,173,.2));border-color:rgba(42,172,228,.5)}
.no:not(:last-child)::after{content:"";position:absolute;right:-13px;top:50%;width:26px;height:2px;background:linear-gradient(90deg,var(--ciano),var(--luz));z-index:2}
.no:not(:last-child)::before{content:"";position:absolute;right:-14px;top:calc(50% - 4px);width:8px;height:8px;border-top:2px solid var(--luz);border-right:2px solid var(--luz);transform:rotate(45deg);z-index:3}
.trilho{gap:26px}

/* ============================ SISTEMA ============================ */
.tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--linha-d);margin-bottom:44px}
.tab{appearance:none;border:0;background:transparent;color:var(--t-d2);font:600 .95rem var(--f-c);padding:.75em 1.4em;border-radius:999px;cursor:pointer;transition:all .2s}
.tab[aria-selected=true]{background:#fff;color:#0A1218}
.tour-painel{display:none;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center}
.tour-painel.on{display:grid}
.tour-painel ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.tour-painel li{position:relative;padding-left:30px;color:var(--t-d2);font-size:1.02rem}
.tour-painel li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,var(--ciano) 0 38%,rgba(42,172,228,.22) 40%)}
.tour-cena{display:flex;justify-content:center;align-items:center;min-height:300px}
.disp-nb{width:100%;max-width:640px}
.disp-nb .tampa{border:9px solid #0D141B;border-bottom-width:12px;border-radius:18px 18px 4px 4px;background:#000;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}
.disp-nb .tampa img{width:100%;height:auto}
.disp-nb .base{height:14px;margin:0 -4%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#26333F,#111A22)}
.disp-cel{width:min(70%,320px)}
.disp-cel .corpo{border:9px solid #0D141B;border-radius:38px;background:#000;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06),0 0 60px rgba(42,172,228,.18)}
.disp-cel img{width:100%;height:auto}
.legenda{font-size:.82rem;color:var(--t-d2);margin-top:26px;text-align:center}
.claro .legenda{color:var(--txt-2)}

/* ============================ RECURSOS (bento) ============================ */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rec{padding:28px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha)}
.rec.g{grid-column:span 2}
.rec .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#E7F1FB;color:var(--azul);margin-bottom:18px}
.rec .ic svg{width:24px;height:24px}
.rec h3{font:700 1.18rem/1.2 var(--f-t);letter-spacing:-.02em;margin:0 0 8px}
.rec p{margin:0;font-size:.95rem;color:var(--txt-2)}
.rec.az{background:linear-gradient(135deg,#0B5DAD,#0A3F78);border-color:transparent;color:#fff}
.rec.az .ic{background:rgba(255,255,255,.16);color:#fff}
.rec.az p{color:#D5E6F7}

/* ============================ NÚMEROS ============================ */
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grande-c{padding:38px 32px;border-radius:var(--raio);background:linear-gradient(180deg,var(--base-2),var(--base));border:1px solid var(--linha-d)}
.grande{font:800 clamp(3rem,6vw,5rem)/1 var(--f-t);letter-spacing:-.05em;margin:0 0 12px}
.grande small{font-size:.4em;letter-spacing:-.02em;font-weight:700;margin-left:.15em;color:var(--t-d2);-webkit-text-fill-color:var(--t-d2)}
.grande-c h3{font:700 1.2rem/1.2 var(--f-t);margin:0 0 8px}
.grande-c p{margin:0;color:var(--t-d2);font-size:.95rem}

/* ============================ A CLT ============================ */
.lei-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,90px);align-items:center}
.condicoes{display:grid;gap:12px;margin-top:30px}
.cond{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--linha-d);font-size:.98rem}
.cond svg{width:24px;height:24px;flex:0 0 auto;color:var(--ok-d);margin-top:1px}
.cond b{display:block;color:#fff}
.cond span{color:var(--t-d2);font-size:.9rem}
.aviso-caixa{padding:26px;border-radius:26px;background:linear-gradient(180deg,#1A2A38,#111A22);border:1px solid rgba(240,169,62,.35);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.aviso-caixa .topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.aviso-caixa .topo i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--aten-d);color:#111;font:800 1rem var(--f-t);font-style:normal}
.aviso-caixa .rot{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--aten-d);font-weight:600}
.aviso-caixa h3{font:700 1.25rem/1.25 var(--f-t);margin:0 0 10px}
.aviso-caixa p{margin:0 0 10px;color:var(--t-d2);font-size:.95rem}
.aviso-caixa .norma{color:var(--luz);font-size:.82rem;margin:0}

/* ============================ VALOR ============================ */
.valor{text-align:center}
.preco-grande{font:800 clamp(4rem,12vw,9rem)/.95 var(--f-t);letter-spacing:-.06em;margin:0}
.preco-grande small{display:block;font:600 clamp(1rem,2vw,1.4rem)/1.3 var(--f-c);letter-spacing:0;color:var(--t-d2);margin-top:14px;-webkit-text-fill-color:var(--t-d2)}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;text-align:left}
.bloco{padding:34px;border-radius:var(--raio);background:rgba(255,255,255,.05);border:1px solid var(--linha-d)}
.bloco .rot{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ciano);font-weight:600;margin:0 0 16px}
.bloco ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.bloco li{position:relative;padding-left:28px;color:var(--t-d);font-size:1rem}
.bloco li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--ok-d);opacity:.9;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* ============================ IMPLANTAÇÃO ============================ */
.linha-tempo{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.etapa{position:relative;padding:26px 22px;border-radius:24px;background:#fff;border:1px solid var(--linha)}
.etapa .bola{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;font:800 1rem var(--f-t);margin-bottom:16px}
.etapa .quando{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--azul);font-weight:600;margin:0 0 6px}
.etapa h3{font:700 1.08rem/1.2 var(--f-t);margin:0 0 8px;letter-spacing:-.02em}
.etapa p{margin:0;font-size:.9rem;color:var(--txt-2)}
.sem-baixar{display:flex;flex-wrap:wrap;gap:10px 26px;margin:38px 0 0;font-weight:600;color:var(--azul);font-size:.95rem}
.sem-baixar span::before{content:"✓";margin-right:8px;color:var(--ok)}
.doc-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* equipe (QR para a apresentação dos funcionários) */
.equipe{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:32px;background:linear-gradient(135deg,#0B5DAD,#0A3F78);color:#fff}
.equipe .qr{width:clamp(150px,18vw,210px);padding:12px;background:#fff;border-radius:22px}
.equipe h3{font:750 clamp(1.5rem,3vw,2.3rem)/1.1 var(--f-t);letter-spacing:-.03em;margin:0 0 12px}
.equipe p{margin:0 0 20px;color:#D5E6F7;max-width:52ch}

/* ============================ FAQ ============================ */
.faq{max-width:860px;margin-inline:auto;display:grid;gap:10px}
.faq details{border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--linha-d);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:22px 26px;font:650 1.1rem/1.3 var(--f-t);letter-spacing:-.015em;display:flex;justify-content:space-between;gap:18px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.7rem/1 var(--f-c);color:var(--ciano);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .res{padding:0 26px 24px;color:var(--t-d2);font-size:1rem}
.faq .res p{margin:0 0 10px}

/* ============================ CONTATO / RODAPÉ ============================ */
.cta{text-align:center}
.contato{margin-top:44px;color:var(--t-d2);font-size:.95rem}
.contato a{color:#fff}
.rodape{background:#04080C;color:var(--t-d2);padding:44px 0;font-size:.84rem}
.rodape .wrap{display:grid;gap:14px}
.rodape img{height:38px;width:auto}
.rodape p{margin:0;max-width:90ch}
.zap{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;box-shadow:0 12px 34px rgba(11,93,173,.55);text-decoration:none}
.zap svg{width:26px;height:26px}
.dica-proj{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:70;background:#fff;color:#0A1218;padding:12px 20px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:0 14px 40px rgba(0,0,0,.4)}

/* ============================ MODO PROJEÇÃO / TV ============================ */
html.proj{scroll-snap-type:y mandatory;scroll-behavior:auto}
html.proj .sec,html.proj .hero{min-height:100vh;display:flex;align-items:center;scroll-snap-align:start}
html.proj .sec>.wrap,html.proj .hero>.wrap{width:min(var(--wrap),100% - 80px)}
html.proj .nav,html.proj .zap,html.proj .progresso{display:none}
html.proj .js .rv,html.proj .rv{opacity:1;transform:none}
html.tv body{font-size:21px}
html.tv .lead{max-width:34ch}

/* ============================ RESPONSIVO ============================ */
@media (max-width:980px){
  .hero-grid,.virada-grid,.tour-painel.on,.lei-grid,.dois,.equipe{grid-template-columns:1fr}
  .palco{min-height:0;margin-top:20px}
  .nav .links{display:none}
  .nav .btn{margin-left:auto}
  .dores{grid-template-columns:1fr 1fr}
  .dor,.dor.g,.dor.m{grid-column:span 1}
  .dor.g{grid-column:span 2}
  .bento{grid-template-columns:1fr 1fr}
  .rec.g{grid-column:span 2}
  .tres{grid-template-columns:1fr}
  .linha-tempo{grid-template-columns:1fr 1fr}
  .trilho{grid-template-columns:1fr;gap:34px}
  .no:not(:last-child)::after{right:auto;left:26px;top:auto;bottom:-27px;width:2px;height:26px;background:linear-gradient(180deg,var(--ciano),var(--luz))}
  .no:not(:last-child)::before{right:auto;left:22px;top:auto;bottom:-16px;transform:rotate(135deg)}
  .disp-cel{width:min(70%,300px)}
}
@media (max-width:620px){
  body{font-size:16px}
  .chip-vidro{display:none}
  .olho{letter-spacing:.1em}
  .aparelho{width:min(78vw,300px)}
  .dores,.bento,.linha-tempo{grid-template-columns:1fr}
  .dor.g,.rec.g{grid-column:span 1}
  .chip-vidro.a{left:0;top:6%}.chip-vidro.b{right:0;bottom:8%}
  .botoes .btn{width:100%}
  .tabs{display:flex;width:100%;border-radius:22px}
  .tab{flex:1 1 45%}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none}
  .js .cena-ok{opacity:1;transform:none}
  .js .cena-camera{opacity:0}
}
@media print{
  html{font-size:11pt}
  body,.escuro,.escuro-2,.hero{background:#fff!important;color:#111!important}
  .nav,.zap,.progresso,.aura,.aura-2,.chip-vidro,.tabs{display:none!important}
  .js .rv{opacity:1!important;transform:none!important}
  .sec{padding-block:26pt;page-break-inside:avoid}
  .lead,.dor p,.tour-painel li,.no span,.grande-c p,.cond span,.faq .res,.aviso-caixa p{color:#333!important}
  .grad{-webkit-text-fill-color:#0B5DAD;color:#0B5DAD;background:none}
  .tour-painel{display:grid!important}
  .dor,.grande-c,.no,.bloco,.cond,.faq details,.fluxo{background:#fff!important;border:1px solid #ccc!important}
  .fluxo,.equipe{color:#111!important}
  details .res{display:block!important}
}