:root{--fundo:#0A0E1A;--texto:#EEF4F7;--marca:#22C7E0;--acento:#F2B880;--suave:#B9C8D8;--linha:rgba(185,200,216,.22);--sobre-marca:#0A0E1A;--escuro:#0A0E1A;--claro:#F4EFE6;--f-titulo:'Young Serif', serif;--f-texto:'Geist', sans-serif;--peso-titulo:400;--tracking-titulo:-.02em;--raio:999px;--raio-foto:4px;--logo-h:20px}
/* Blocos do kit site-cinematografico. Tudo sai dos tokens que o montar.py escreve em :root
   a partir do marca.json (cores e fontes do dono). Não pôr cor nem fonte fixa aqui. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 17px/1.6 var(--f-texto);overflow-x:clip}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-color:var(--acento);text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-titulo);font-weight:var(--peso-titulo,700);line-height:1.05;margin:0 0 .5em;letter-spacing:var(--tracking-titulo,-.01em);text-wrap:balance}
h2{font-size:clamp(2rem,5vw,3.6rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem)}
p{margin:0 0 1em}
::selection{background:var(--acento);color:var(--fundo)}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.k-pular{position:absolute;left:-9999px}.k-pular:focus{left:16px;top:16px;z-index:99;background:var(--fundo);padding:8px 12px}
.k-larg{width:min(1180px,100% - 32px);margin-inline:auto}
.k-estreito{width:min(760px,100% - 32px);margin-inline:auto}
.k-bloco{padding:clamp(72px,11vw,150px) 0;position:relative}
.k-bloco.k-alt{background:var(--suave);color:var(--texto-suave,var(--texto))}
.k-bloco.k-escuro{background:var(--escuro,#111);color:var(--claro,#fff)}
.k-botao{display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:.75em 1.4em;border-radius:var(--raio,999px);background:var(--marca);color:var(--sobre-marca,#fff);font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:var(--f-texto);font-size:1rem;transition:transform .2s,filter .2s}
.k-botao:hover{transform:translateY(-2px);filter:brightness(1.08)}
.k-botao.k-linha{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.k-botao svg{width:1.25em;height:1.25em}
.k-nota{font-size:.85rem;opacity:.72}

/* topo */
.k-topo{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,calc((100% - 1180px)/2));transition:background .3s,box-shadow .3s}
.k-topo.cheio{background:var(--fundo);box-shadow:0 1px 0 var(--linha)}
.k-topo .k-logo img{height:var(--logo-h,36px);width:auto}
.k-topo nav{display:flex;align-items:center;gap:20px}
.k-topo nav a:not(.k-botao){text-decoration:none;font-size:.95rem}
@media (max-width:760px){.k-topo nav a:not(.k-botao){display:none}.k-topo .k-botao{min-height:44px;padding:.5em 1em}}

/* motor de palco */
.palco{position:relative}
.palco .palco-cena{position:relative;height:100vh;height:100svh;overflow:hidden}
.palco.palco-vivo .palco-cena{position:sticky;top:0}
.palco.palco-estatico .palco-cena{height:auto;min-height:100vh;min-height:100svh}

/* robô: texto corrido que a IA lê, sem cara de FAQ */
.k-robo .k-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:start}
.k-robo h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.k-robo .k-texto p{max-width:62ch}
@media (max-width:860px){.k-robo .k-grade{grid-template-columns:1fr}}

/* abas / vitrine */
.k-abas .k-lista{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.k-abas [role=tab],.k-chip{min-height:44px;padding:.55em 1.1em;border-radius:999px;border:1.5px solid var(--linha);background:transparent;color:inherit;font:600 .95rem var(--f-texto);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.k-abas [role=tab][aria-selected=true]{background:var(--texto);color:var(--fundo);border-color:var(--texto)}
.k-painel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,56px);align-items:center}
.k-painel[hidden]{display:none}
.k-painel figure{margin:0;overflow:hidden;border-radius:var(--raio-foto,4px);background:var(--linha);aspect-ratio:4/3}
.k-painel figure img{width:100%;height:100%;object-fit:cover;animation:k-entra .6s ease both}
@keyframes k-entra{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@media (max-width:760px){.k-painel{grid-template-columns:1fr}}

/* quiz: o que você sente / precisa */
.k-quiz fieldset{border:0;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:10px}
.k-quiz legend{position:absolute;left:-9999px}
.k-quiz label{position:relative}
.k-quiz input{position:absolute;opacity:0;inset:0;cursor:pointer}
.k-quiz label span{display:inline-flex;align-items:center;min-height:48px;padding:.6em 1.2em;border-radius:999px;border:1.5px solid var(--linha);font-weight:600;transition:all .2s}
.k-quiz input:checked+span{background:var(--marca);color:var(--sobre-marca,#fff);border-color:var(--marca)}
.k-quiz input:focus-visible+span{outline:3px solid var(--acento);outline-offset:3px}
.k-resposta{border-left:0;padding:28px 0 0;border-top:1.5px solid var(--linha);min-height:9em}
.k-resposta[hidden]{display:none}
.k-resposta .k-r-titulo{font:var(--peso-titulo,700) clamp(1.4rem,2.6vw,2rem)/1.15 var(--f-titulo);margin-bottom:.4em}

/* calculadora */
.k-calc .k-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.k-calc label{display:block;margin:0 0 26px}
.k-calc label b{display:flex;justify-content:space-between;gap:12px;font-weight:600;margin-bottom:8px}
.k-calc output{font-variant-numeric:tabular-nums}
.k-calc input[type=range]{width:100%;accent-color:var(--marca);height:44px}
.k-total{font:var(--peso-titulo,700) clamp(3rem,9vw,6.5rem)/1 var(--f-titulo);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--marca)}
@media (max-width:760px){.k-calc .k-grade{grid-template-columns:1fr}}

/* configurador / monte o seu */
.k-config .k-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:start}
.k-config .k-vista{position:sticky;top:90px;border-radius:var(--raio-foto,4px);overflow:hidden;background:var(--suave);aspect-ratio:1/1;display:grid;place-items:center}
.k-config .k-vista img{width:100%;height:100%;object-fit:cover}
.k-config fieldset{border:0;padding:0;margin:0 0 22px}
.k-config legend{font-weight:700;margin-bottom:10px}
.k-config .k-ops{display:flex;flex-wrap:wrap;gap:8px}
.k-config .k-ops label{position:relative}
.k-config .k-ops input{position:absolute;opacity:0;inset:0;cursor:pointer}
.k-config .k-ops span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:.5em 1em;border-radius:999px;border:1.5px solid var(--linha)}
.k-config .k-ops i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.k-config .k-ops input:checked+span{border-color:var(--marca);box-shadow:inset 0 0 0 1.5px var(--marca)}
.k-config .k-ops input:focus-visible+span{outline:3px solid var(--acento);outline-offset:2px}
.k-resumo{margin:18px 0;padding:18px 0;border-top:1.5px solid var(--linha);border-bottom:1.5px solid var(--linha)}
@media (max-width:860px){.k-config .k-grade{grid-template-columns:1fr}.k-config .k-vista{position:relative;top:0}}

/* antes e depois */
.k-ad{position:relative;overflow:hidden;border-radius:var(--raio-foto,4px);touch-action:pan-y;user-select:none;--corte:50%;background:var(--linha)}
.k-ad img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.k-ad .k-depois{position:absolute;inset:0;clip-path:inset(0 0 0 var(--corte))}
.k-ad .k-fio{position:absolute;top:0;bottom:0;left:var(--corte);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);transform:translateX(-1px)}
.k-ad .k-alca{position:absolute;top:50%;left:var(--corte);width:48px;height:48px;border-radius:50%;background:#fff;color:#111;transform:translate(-50%,-50%);display:grid;place-items:center;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.k-ad input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.k-ad .k-rot{position:absolute;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem}
.k-ad .k-rot.a{left:12px}.k-ad .k-rot.d{right:12px}

/* galeria em tiras */
.k-tiras .k-fita{display:flex;gap:6px;height:min(72vh,640px);margin-top:28px}
.k-tiras figure{position:relative;flex:1 1 0;min-width:0;margin:0;overflow:hidden;border-radius:var(--raio-foto,4px);transition:flex-grow .6s cubic-bezier(.2,.7,.2,1);cursor:pointer;background:var(--linha)}
.k-tiras figure.ativa{flex-grow:5}
.k-tiras figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-tiras figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:.9rem;opacity:0;transition:opacity .4s}
.k-tiras figure.ativa figcaption{opacity:1}
.k-tiras button.k-tira-bt{position:absolute;inset:0;opacity:0;border:0;cursor:pointer}
@media (max-width:760px){.k-tiras .k-fita{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}
 .k-tiras figure{flex:0 0 78%;aspect-ratio:4/5;scroll-snap-align:center}.k-tiras figure.ativa{flex-grow:0}.k-tiras figcaption{opacity:1}}

/* onde fica */
.k-onde .k-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:stretch}
.k-onde .k-mapa{min-height:360px;border-radius:var(--raio-foto,4px);overflow:hidden;background:var(--linha)}
.k-onde .k-mapa iframe{width:100%;height:100%;min-height:360px;border:0;filter:grayscale(.35)}
.k-onde dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:20px 0}
.k-onde dt{font-weight:700}.k-onde dd{margin:0}
@media (max-width:760px){.k-onde .k-grade{grid-template-columns:1fr}}

/* depoimentos */
.k-depo blockquote{margin:0;font:var(--peso-titulo,700) clamp(1.5rem,3.4vw,2.6rem)/1.2 var(--f-titulo);max-width:26ch}
.k-depo .k-quem{margin-top:18px;opacity:.8}
.k-depo .k-item[hidden]{display:none}
.k-depo .k-pontos{display:flex;gap:6px;margin-top:28px}
.k-depo .k-pontos button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative}
.k-depo .k-pontos button::after{content:"";position:absolute;left:8px;right:8px;top:20px;height:3px;background:var(--linha);border-radius:2px}
.k-depo .k-pontos button[aria-selected=true]::after{background:var(--marca)}

/* CTA */
.k-cta{text-align:left}
.k-cta h2{max-width:18ch}
.k-cta .k-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* proposta TIDEX */
.k-proposta{background:#0d0f14;color:#f4f2ec;padding:clamp(72px,10vw,130px) 0}
.k-proposta .k-carimbo{display:inline-flex;align-items:center;gap:8px;font:600 .8rem/1 var(--f-texto);letter-spacing:.06em;padding:8px 12px;border:1px solid rgba(244,242,236,.35);border-radius:999px;margin-bottom:24px}
.k-proposta .k-carimbo i{width:8px;height:8px;border-radius:50%;background:#4be08a}
.k-proposta h2{max-width:20ch}
.k-proposta .k-grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,72px);margin-top:28px}
.k-proposta ul{margin:0;padding:0;list-style:none}
.k-proposta li{padding:14px 0;border-top:1px solid rgba(244,242,236,.16)}
.k-proposta .k-preco{border:1px solid rgba(244,242,236,.22);border-radius:8px;padding:26px;align-self:start}
.k-proposta .k-v{font:700 2.4rem/1.05 var(--f-titulo)}.k-proposta .k-m{font:700 1.4rem/1.2 var(--f-titulo);margin-top:12px}
.k-proposta small{display:block;font:400 .85rem/1.4 var(--f-texto);opacity:.7;margin-top:4px}
.k-proposta .k-botao{margin-top:20px;background:#25d366;color:#08140c;width:100%;justify-content:center}
@media (max-width:860px){.k-proposta .k-grade{grid-template-columns:1fr}}

/* rodapé e selo */
.k-rodape{padding:56px 0 90px;border-top:1px solid var(--linha);font-size:.92rem}
.k-rodape .k-grade{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.k-rodape ul{list-style:none;margin:0;padding:0}.k-rodape li{margin:0 0 6px}
@media (max-width:760px){.k-rodape .k-grade{grid-template-columns:1fr}}
.k-selo{position:fixed;left:12px;bottom:12px;z-index:60;padding:6px 12px;border-radius:999px;background:#ffd84d;color:#1a1500;font:700 .75rem/1.2 system-ui,sans-serif;letter-spacing:.04em;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none}

/* páginas internas (GEO): sóbrias de propósito */
.k-interna main{padding:130px 0 80px}
.k-interna article{width:min(720px,100% - 32px);margin-inline:auto}
.k-interna h1{font-size:clamp(2rem,5vw,3.2rem)}
.k-interna .k-direta{font-size:1.2rem}
.k-interna dt{font-weight:700;margin-top:22px}.k-interna dd{margin:6px 0 0}
.k-migalha{font-size:.9rem;opacity:.7}

/* entrada quieta: só opacidade, uma vez */
.js .k-revela{opacity:0;transition:opacity .9s ease}.js .k-revela.visto{opacity:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.k-revela{opacity:1}}

/* menu hambúrguer (padrão em todo site): botão no topo, painel lateral, compra em destaque */
main [id]{scroll-margin-top:72px}
.k-menu-botao{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:44px;min-width:44px;padding:0 14px;border-radius:var(--raio,999px);border:1.5px solid currentColor;background:transparent;color:inherit;font:600 .95rem var(--f-texto);cursor:pointer}
.k-menu-botao[hidden]{display:none}
.k-menu-ico{position:relative;width:20px;height:14px;display:block}
.k-menu-ico i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.k-menu-ico i:nth-child(1){top:0}.k-menu-ico i:nth-child(2){top:6px}.k-menu-ico i:nth-child(3){top:12px}
.k-menu-botao[aria-expanded=true] .k-menu-ico i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.k-menu-botao[aria-expanded=true] .k-menu-ico i:nth-child(2){opacity:0}
.k-menu-botao[aria-expanded=true] .k-menu-ico i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.k-menu-fundo{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}
.k-menu{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(420px,100%);background:var(--escuro,#111);color:var(--claro,#fff);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.m-aberto .k-menu-fundo{opacity:1}.m-aberto .k-menu{transform:none}
.k-menu[hidden],.k-menu-fundo[hidden]{display:none}
.m-trava{overflow:hidden}
.k-menu-cab{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 20px;min-height:64px;border-bottom:1px solid rgba(127,127,127,.3)}
.k-menu-cab p{margin:0;font:var(--peso-titulo,700) 1.3rem var(--f-titulo)}
.k-menu-x{width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center}
.k-menu-x svg{width:18px;height:18px}
.k-menu-corpo{overflow-y:auto;padding:18px 16px 28px 20px;flex:1}
.k-menu-destaque{display:block;text-decoration:none;background:var(--acento);color:var(--escuro,#111);border-radius:16px;padding:16px 18px}
.k-menu-destaque small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.k-menu-destaque b{display:block;font:var(--peso-titulo,700) 1.7rem/1.05 var(--f-titulo);margin-top:4px}
.k-menu-destaque span{display:block;font-size:.95rem;line-height:1.35;margin-top:6px}
.k-menu-zap{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:10px;border-radius:var(--raio,999px);text-decoration:none;font-weight:600;box-shadow:inset 0 0 0 1.5px currentColor}
.k-menu-zap svg{width:1.2em;height:1.2em}
.k-menu-lista{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid rgba(127,127,127,.3)}
.k-menu-lista a{display:flex;align-items:center;min-height:48px;padding:10px 4px;border-bottom:1px solid rgba(127,127,127,.3);text-decoration:none;font:var(--peso-titulo,700) 1.15rem/1.15 var(--f-titulo)}
.k-menu-lista a:hover{color:var(--acento)}
[data-m-foco]:focus{outline:none}
@media (max-width:760px){.k-menu-botao .k-menu-txt{display:none}.k-menu-botao{padding:0;width:44px}}
@media (prefers-reduced-motion:reduce){.k-menu,.k-menu-fundo,.k-menu-ico i{transition:none}}

/* TIDEX · noite azul-marinho + ciano do logo, que vira amanhecer. Texto grande morando no céu. */
:root{--noite:#0A0E1A;--noite-2:#060912;--ciano:#22C7E0;--ciano-2:#15D2DC;--ambar:#F2B880;--creme:#F4EFE6;--tinta:#0E1626}
::selection{background:var(--ciano);color:var(--noite)}
:focus-visible{outline:2px solid var(--ciano);outline-offset:3px}
h1,h2{font-weight:400}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grao{position:fixed;inset:-50%;z-index:30;pointer-events:none;opacity:.08;background-image:var(--grao);animation:grao 1s steps(6) infinite;mix-blend-mode:overlay}
@keyframes grao{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}

.ato .palco-cena{background:var(--noite-2)}
.tela{position:absolute;inset:0;width:100%;height:100%;display:block}
.ceu{position:absolute;left:0;right:0;top:0;height:44%;display:grid;place-items:center;padding:76px 16px 0;box-sizing:border-box;pointer-events:none}
.ceu>*{grid-area:1/1}
.fala{margin:0;max-width:22ch;text-align:center;font-family:var(--f-titulo);font-size:clamp(1.7rem,3.9vw,3.5rem);line-height:1.08;letter-spacing:-.02em;font-weight:400;opacity:0;transform:translateY(14px);will-change:opacity,transform;text-wrap:balance}
.fala p{margin:0}
.fala.claro{color:#F4F8FA;text-shadow:0 2px 26px rgba(4,8,18,.75),0 0 2px rgba(4,8,18,.5)}
h1.fala span{display:block;font-family:var(--f-texto);font-size:clamp(.92rem,1.3vw,1.05rem);letter-spacing:.04em;margin-top:20px;color:var(--ciano);font-weight:500;text-shadow:none}
.fala .quem{font-family:var(--f-texto);font-size:clamp(.92rem,1.35vw,1.1rem);letter-spacing:.01em;line-height:1.35;margin-top:16px;display:inline-block;padding:9px 16px;border-radius:999px;background:rgba(6,12,24,.62);border:1px solid rgba(34,199,224,.45);color:#DDEBF2;text-shadow:none}
.fala .quem b{color:var(--ciano);font-weight:600}
.fala .quem i{font-style:normal;color:var(--ambar);padding:0 2px}
.dica{display:none;position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;font-family:var(--f-texto);font-size:.85rem;letter-spacing:.06em;color:rgba(238,244,247,.7)}
@media (max-width:759px){.ceu{height:auto;bottom:auto;align-items:start;padding-top:70px}.fala{font-size:clamp(1.45rem,6.6vw,2.1rem);max-width:21ch}.fala .quem{font-size:.86rem;padding:8px 12px}}

/* reduced motion: tudo legível, em ordem */
.palco-estatico .palco-cena{display:flex;flex-direction:column}
.palco-estatico .tela{position:absolute}
.palco-estatico .ceu{position:relative;height:auto;display:flex;flex-direction:column;gap:22px;padding:96px 16px 48vh}
.palco-estatico .fala{opacity:1;transform:none;background:rgba(6,10,20,.82);text-shadow:none;padding:14px 18px;border-radius:10px}
.palco-estatico .dica{display:none}

/* Ato 6 · a escolha */
.es{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#1B2B45}
.es .tela{position:absolute;inset:0}
.es-ceu{position:relative;min-height:100vh;min-height:100svh;display:grid;align-content:start;justify-items:center;padding:96px 16px 24px;box-sizing:border-box;text-align:center}
.es-pergunta,.es-fecho{grid-area:1/1;max-width:820px;transition:opacity .8s ease,transform .8s ease}
.es-pergunta h2,.es-final{font-family:var(--f-titulo);font-size:clamp(1.8rem,4.4vw,3.8rem);line-height:1.06;letter-spacing:-.02em;color:#F4F8FA;margin:0 0 22px;text-shadow:0 2px 26px rgba(4,8,18,.75);text-wrap:balance}
.es-bts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.es-bt{min-height:56px;padding:0 28px;border-radius:999px;font:500 1.12rem var(--f-texto);cursor:pointer;border:1.5px solid var(--ciano);transition:transform .2s,background .2s,color .2s}
.es-bt[data-ir="parado"]{background:rgba(6,10,20,.55);color:#DDEBF2;border-color:rgba(185,200,216,.6)}
.es-bt[data-ir="barco"]{background:var(--ciano);color:var(--noite)}
.es-bt:hover{transform:translateY(-2px)}
.es-dica{margin:14px 0 0;font-family:var(--f-texto);font-size:.9rem;color:#C9D6E0}
.es-fecho{opacity:0;transform:translateY(16px);pointer-events:none;background:rgba(6,10,20,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(34,199,224,.25);border-radius:18px;padding:22px 20px 18px}
.es[data-fase="fim"] .es-fecho{opacity:1;transform:none;pointer-events:auto}
.es[data-fase="anda"] .es-pergunta,.es[data-fase="fim"] .es-pergunta{opacity:0;pointer-events:none;transform:translateY(-12px)}
.es-linha{display:none;margin:0 0 10px;font-family:var(--f-texto);font-size:clamp(1.05rem,1.8vw,1.3rem);color:#E6EEF3;text-shadow:0 1px 14px rgba(4,8,18,.8)}
.es[data-caminho="parado"] .es-l-parado,.es[data-caminho="barco"] .es-l-barco{display:block}
.es-cta{display:inline-flex;align-items:center;min-height:54px;padding:0 28px;border-radius:999px;background:var(--ciano);color:var(--noite);text-decoration:none;font:600 1.06rem var(--f-texto);box-shadow:0 8px 30px rgba(34,199,224,.35)}
.es-cta:hover{background:#5BD9EC}
.es-mais{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:12px 0 0}
.es-mais button{background:none;border:0;min-height:44px;font:inherit;font-family:var(--f-texto);color:#DDEBF2;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.es-nota a{color:#DDEBF2;text-underline-offset:3px}
.es-nota{font-family:var(--f-texto);font-size:.88rem;color:#C9D6E0;max-width:52ch;margin:8px auto 0;text-shadow:0 1px 12px rgba(4,8,18,.8)}

/* Saiba mais */
.sm{background:var(--creme);color:var(--tinta);padding:88px 0}
.sm-in{width:min(900px,100% - 32px);margin:0 auto}
.sm h2{font-family:var(--f-titulo);font-size:clamp(2rem,4.4vw,3.4rem);margin:0 0 .2em}
.sm-intro{margin:0 0 26px;color:#4A5466}
.sm-abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.sm-abas [role=tab]{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--tinta);background:transparent;color:var(--tinta);font:500 .98rem var(--f-texto);cursor:pointer}
.sm-abas [aria-selected=true]{background:var(--tinta);color:#F4F8FA}
.sm-painel p,.sm-painel li{font-size:1.08rem;line-height:1.6;margin:0 0 .8em;max-width:66ch}
.sm-painel .sm-nota{font-size:.9rem;color:#56607A}
.sm-painel a{color:#0B6F86}
.sm-fontes{padding-left:1.1em;margin:0 0 1em}
.sm-tab{overflow-x:auto;margin:0 0 1em;border-radius:10px;border:1px solid rgba(14,22,38,.18);background:#FBF8F2}
.sm-tab table{border-collapse:collapse;width:100%;min-width:620px;font-size:.98rem}
.sm-tab th,.sm-tab td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(14,22,38,.12);vertical-align:top}
.sm-tab thead th{font-weight:600;background:#EDE6D8}
.sm-tab tbody th{font-weight:600}
.sm-tab tr:last-child th,.sm-tab tr:last-child td{border-bottom:0}

/* rodapé TIDEX (pos.py) */
.tx-rodape{background:var(--noite-2);color:#B9C8D8;padding:56px 0 96px;font-size:.9rem}
.tx-rodape .k-larg{display:grid;gap:16px}
.tx-rodape img{height:22px;width:auto}
.tx-rodape a{color:#DDEBF2}
.tx-rodape p{margin:0}
.tx-rodape .tx-previa{color:var(--ambar)}
@media (prefers-reduced-motion:reduce){.grao{animation:none}.es-pergunta,.es-fecho{transition:none}}
@media (min-width:760px){.dica{display:block}}

.k-topo nav a:not(.k-botao){display:none!important}
.k-topo .k-botao{display:none!important}
.k-topo{background:linear-gradient(rgba(6,9,18,.5),rgba(6,9,18,0))}
.k-topo.cheio{background:linear-gradient(rgba(6,9,18,.5),rgba(6,9,18,0));box-shadow:none}
@media (max-width:760px){.k-topo .k-logo img{height:24px}}