/* Alpha Dev — folha de estilo única.
   Ordem: fonte, tokens, base, componentes, seções (na ordem da página), movimento, telas menores. */

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("../fonts/archivo-var.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("../fonts/archivo-var-italic.woff2") format("woff2")}

:root{
  --papel:#F3F4F7;
  --branco:#FFFFFF;
  --tinta:#0B1238;          /* azul-noite: texto e cenas da madrugada */
  --azul:#2638E8;           /* azul de caneta: a cor da marca */
  --azul-fundo:#1C2BC9;
  --ceu:#E3E7FF;
  --vermelho:#E8432A;       /* caneta do contador: custo e trabalho manual */
  --grafite:#535A78;
  --linha:rgba(11,18,56,.13);
  --noite-texto:#EEF0FB;
  --noite-apoio:#A8B0D8;
  --noite-linha:rgba(238,240,251,.16);
  --noite:#0B1238;          /* fundo das cenas escuras (fica escuro nos dois temas) */
  --vidro:rgba(255,255,255,.86);
  color-scheme:light;

  --borda:clamp(20px,5vw,84px);
  --raio-g:32px; --raio-m:20px; --raio-p:12px;
  --sombra:0 1px 2px rgba(11,18,56,.06),0 12px 28px -8px rgba(11,18,56,.16),0 40px 80px -30px rgba(38,56,232,.28);
  --suave:cubic-bezier(.22,.8,.2,1);
  --topo-h:76px;
  /* o α da marca embutido, para as máscaras funcionarem também ao abrir o arquivo direto do disco */
  --alfa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M53 13C46 30 38 51 24 51 15 51 9.5 42.5 9.5 32 9.5 21.5 16 13 25 13c13 0 19 21 29.5 38' fill='none' stroke='%23000' stroke-width='7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* tema escuro: pelo botão do topo (data-tema) ou, sem escolha salva, pelo sistema */
:root[data-tema="escuro"]{--papel:#080C24;--branco:#10173D;--tinta:#E8EBFA;--grafite:#A2A9CC;--ceu:#141D52;--linha:rgba(232,235,250,.14);--noite:#03051A;--azul:#4A5CFF;--azul-fundo:#2E3FE0;--vidro:rgba(16,23,61,.86);--sombra:0 1px 2px rgba(0,0,0,.3),0 12px 28px -8px rgba(0,0,0,.5),0 40px 80px -30px rgba(74,92,255,.25);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){--papel:#080C24;--branco:#10173D;--tinta:#E8EBFA;--grafite:#A2A9CC;--ceu:#141D52;--linha:rgba(232,235,250,.14);--noite:#03051A;--azul:#4A5CFF;--azul-fundo:#2E3FE0;--vidro:rgba(16,23,61,.86);--sombra:0 1px 2px rgba(0,0,0,.3),0 12px 28px -8px rgba(0,0,0,.5),0 40px 80px -30px rgba(74,92,255,.25);color-scheme:dark}}
body{transition:background-color .4s,color .4s}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6;font-stretch:100%;font-weight:420;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:6px}
[data-fundo] :focus-visible{outline-color:#fff}
::selection{background:var(--azul);color:#fff}

.pula{position:fixed;left:16px;top:-80px;z-index:200;background:var(--noite);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;transition:top .2s}
.pula:focus{top:16px}

/* ---------- tipografia compartilhada ---------- */
.titulo{font-size:clamp(2rem,4.5vw,4.1rem);line-height:1.02;letter-spacing:-.022em;font-weight:740;font-stretch:116%;max-width:17ch;text-wrap:balance}
.apoio{font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.5;color:var(--grafite);max-width:46ch;text-wrap:pretty}
[data-fundo="noite"] .apoio{color:var(--noite-apoio)}
.ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ln>span{display:block;will-change:transform}

/* ---------- botões e links ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:0 30px;border:0;border-radius:999px;background:var(--azul);color:#fff;font-weight:640;font-stretch:108%;font-size:1.02rem;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background .25s,transform .35s var(--suave),box-shadow .25s;box-shadow:0 10px 24px -10px rgba(38,56,232,.7)}
.botao:hover{background:var(--noite)}
.botao:active{transform:scale(.97)}
.botao--menor{min-height:44px;padding:0 20px;font-size:.94rem;box-shadow:none}
.botao--claro{background:#fff;color:var(--azul);box-shadow:none}
.botao--claro:hover{background:var(--noite);color:#fff}
.botao--tinta{background:var(--noite);box-shadow:none}
.botao--tinta:hover{background:#fff;color:#0B1238}
.elo{font-weight:600;text-underline-offset:.28em;text-decoration-thickness:2px;text-decoration-color:var(--azul);transition:text-underline-offset .25s}
.elo:hover{text-underline-offset:.5em}

/* ---------- abertura ---------- */
.abre{display:none}
.abrindo .abre{display:grid;place-items:center;position:fixed;inset:0;z-index:300;background:var(--azul);color:#fff}
.abre__alfa{width:min(34vw,170px)}
.abre__alfa path{stroke-dasharray:1;stroke-dashoffset:1}

.progresso{position:fixed;inset:0 0 auto 0;height:3px;z-index:120;pointer-events:none}
.progresso i{display:block;height:100%;background:var(--azul);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;gap:24px;height:var(--topo-h);padding:0 var(--borda);transition:height .35s var(--suave),transform .35s var(--suave)}
.topo::before{content:"";position:absolute;inset:10px calc(var(--borda) - 18px);border-radius:999px;background:var(--vidro);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 2px rgba(11,18,56,.08),0 14px 32px -16px rgba(11,18,56,.3);opacity:0;transition:opacity .3s;z-index:-1}
.topo.rolou::before{opacity:1}
.topo.some{transform:translateY(-110%)}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.marca__alfa{width:34px;height:34px;color:var(--azul)}
.marca__nome{font-weight:780;font-stretch:118%;font-size:1.18rem;letter-spacing:-.02em}
.menu{display:flex;gap:clamp(16px,2.2vw,34px);margin-inline:auto}
.menu a{text-decoration:none;font-size:.95rem;font-weight:520;color:var(--tinta);padding:8px 0;position:relative}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--azul);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--suave)}
.menu a:hover::after,.menu a[aria-current="true"]::after{transform:scaleX(1)}
.topo__abre{display:none}
.linguas{display:flex;align-items:center}
.tema{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:50%;background:none;color:var(--tinta);cursor:pointer;transition:background-color .2s}
.tema:hover{background:var(--linha)}
.tema svg{width:20px;height:20px}
.tema .tema__sol{display:none}
:root[data-tema="escuro"] .tema .tema__sol{display:block}
:root[data-tema="escuro"] .tema .tema__lua{display:none}
.linguas a{display:inline-grid;place-items:center;min-width:34px;height:40px;padding:0 6px;font-size:.78rem;font-weight:660;font-stretch:96%;letter-spacing:.05em;color:var(--grafite);text-decoration:none;background:linear-gradient(var(--azul),var(--azul)) 50% 76%/0 2px no-repeat;transition:color .2s,background-size .3s var(--suave)}
.linguas a:hover{color:var(--tinta)}
.linguas a[aria-current="page"]{color:var(--azul);background-size:16px 2px}

/* ---------- capa ---------- */
.capa{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:100svh;padding:calc(var(--topo-h) + 40px) var(--borda) 72px}
.capa__titulo{font-size:clamp(2.55rem,min(6.1vw,9.4vh),6rem);line-height:.98;letter-spacing:-.028em;font-weight:780;font-stretch:120%;max-width:13ch}
.capa__sub{margin-top:clamp(20px,2.4vw,34px);font-size:clamp(1.1rem,1.45vw,1.36rem);line-height:1.5;color:var(--grafite);max-width:44ch;text-wrap:pretty}
.capa__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:clamp(26px,3vw,42px)}
.capa__palco{position:relative;justify-self:end;width:min(100%,500px)}

.central{position:relative;background:var(--branco);border-radius:var(--raio-g);box-shadow:var(--sombra);padding:18px 20px 16px;transform:rotate(-1.6deg);transform-origin:60% 40%}
.central__topo{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--linha)}
.central__luzes{display:flex;gap:6px}
.central__luzes i{width:10px;height:10px;border-radius:50%;background:var(--linha)}
.central__nome{font-weight:660;font-stretch:108%;font-size:.95rem}
.central__hora{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;font-stretch:76%;font-size:1.25rem;color:var(--azul);letter-spacing:.01em}
.central__agentes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.agente{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--raio-p);background:var(--papel);font-size:.86rem;transition:background .4s}
.agente__ponto{width:8px;height:8px;border-radius:50%;background:var(--azul);flex:none}
.agente__nome{font-weight:560}
.agente__n{margin-left:auto;font-variant-numeric:tabular-nums;font-stretch:80%;font-weight:720;font-size:1.02rem}
.agente.pulso{background:var(--ceu)}
.agente.pulso .agente__ponto{animation:pulso .9s var(--suave)}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(38,56,232,.55)}100%{box-shadow:0 0 0 12px rgba(38,56,232,0)}}
.central__fita{display:grid;gap:0;height:232px;overflow:hidden;align-content:start;mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}
.central__fita li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:11px 2px;border-bottom:1px solid var(--linha);font-size:.88rem;line-height:1.35}
.central__fita time{grid-row:span 2;font-variant-numeric:tabular-nums;font-stretch:80%;font-weight:640;color:var(--grafite);padding-top:1px}
.central__fita b{font-weight:640;font-size:.78rem;color:var(--azul)}
.central__fita li.gente b{color:var(--vermelho)}
.central__fita li.entra{animation:entra .6s var(--suave)}
@keyframes entra{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.central__nota{margin-top:10px;font-size:.76rem;color:var(--grafite)}

.recado{position:absolute;display:flex;align-items:center;gap:10px;max-width:250px;padding:12px 16px;border-radius:18px;background:var(--noite);color:#fff;font-size:.84rem;line-height:1.3;font-weight:520;box-shadow:0 18px 36px -14px rgba(11,18,56,.55);pointer-events:none}
.recado svg{width:20px;height:20px;flex:none;color:#8FA0FF}
.recado--a{left:-74px;bottom:54px}
.recado--b{right:-26px;bottom:-34px;background:var(--branco);color:var(--tinta)}
.recado__pessoa{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--vermelho);color:#fff;font-weight:700;font-size:.8rem;flex:none}

/* ---------- faixa ---------- */
.faixa{overflow:hidden;border-block:1px solid var(--linha);padding:18px 0;background:var(--papel)}
.faixa__trilho{display:flex;width:max-content;animation:corre 46s linear infinite}
.faixa ul{display:flex;flex:none}
.faixa li{display:flex;align-items:center;gap:26px;padding-right:26px;font-weight:620;font-stretch:122%;font-size:clamp(1.05rem,1.5vw,1.4rem);letter-spacing:-.01em;white-space:nowrap}
.faixa li::after{content:"";width:22px;height:22px;background:var(--azul);-webkit-mask:var(--alfa) center/contain no-repeat;mask:var(--alfa) center/contain no-repeat}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------- plantão ---------- */
.plantao{--p-fundo:var(--noite);--p-texto:var(--noite-texto);--p-apoio:var(--noite-apoio);--p-linha:var(--noite-linha);--p-cartao:#141C4C;background:var(--p-fundo);color:var(--p-texto);transition:background .9s var(--suave),color .9s var(--suave);position:relative}
.plantao.dia{--p-fundo:var(--ceu);--p-texto:var(--tinta);--p-apoio:var(--grafite);--p-linha:var(--linha);--p-cartao:#fff}
.plantao__preso{display:grid;grid-template-rows:auto 1fr;gap:clamp(22px,3.4vh,44px);padding:clamp(72px,11vh,120px) var(--borda) clamp(40px,6vh,72px)}
.plantao__titulo{font-size:clamp(1.7rem,3.5vw,3.3rem);line-height:1.06;letter-spacing:-.02em;font-weight:720;font-stretch:114%;max-width:24ch;text-wrap:balance}
.relogio{display:inline-block;font-stretch:62%;font-weight:820;font-size:1.34em;line-height:.8;letter-spacing:0;font-variant-numeric:tabular-nums;color:#8FA0FF;margin-left:.06em;transition:color .9s}
.plantao.dia .relogio{color:var(--azul)}
.plantao__manha{display:none}
.plantao.dia .plantao__noite{display:none}
.plantao.dia .plantao__manha{display:inline}
.plantao__sub{margin-top:14px;color:var(--p-apoio);max-width:56ch;transition:color .9s}
.plantao__cena{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start;min-height:0}

.fone{background:var(--p-cartao);border-radius:var(--raio-g);padding:14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.55);transition:background .9s var(--suave)}
.fone__topo{display:flex;align-items:center;gap:12px;padding:6px 8px 14px;border-bottom:1px solid var(--p-linha)}
.fone__topo b{display:block;font-weight:640;font-size:.95rem;line-height:1.2}
.fone__topo small{font-size:.78rem;color:var(--p-apoio)}
.fone__foto{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;font-weight:700;flex:none}
.fone__conversa{display:flex;flex-direction:column;gap:8px;padding:14px 6px 6px;min-height:330px}
.fala{max-width:86%;padding:10px 14px;border-radius:18px;font-size:.9rem;line-height:1.4}
.fala--cliente{align-self:flex-start;background:rgba(127,140,220,.2);border-bottom-left-radius:5px}
.fala--agente{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:5px}

.passos{display:grid;gap:0;align-content:start}
.passo{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:16px;padding:clamp(10px,1.7vh,18px) 0;border-top:1px solid var(--p-linha);transition:opacity .5s,border-color .9s}
.passo time{font-stretch:66%;font-weight:780;font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--p-apoio);transition:color .5s}
.passo b{display:block;font-weight:680;font-stretch:108%;font-size:clamp(1.02rem,1.3vw,1.24rem);line-height:1.25}
.passo span{display:block;margin-top:4px;font-size:.94rem;line-height:1.45;color:var(--p-apoio);max-width:46ch;transition:color .9s}
.passo.feito time{color:#8FA0FF}
.plantao.dia .passo.feito time{color:var(--azul)}

/* ---------- áreas ---------- */
.areas{padding:clamp(88px,13vh,160px) 0 clamp(40px,7vh,90px)}
.areas__cabeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(24px,4vw,72px);align-items:end;padding:0 var(--borda) clamp(34px,6vh,64px)}
.areas__preso{padding:0 var(--borda)}
.areas__nomes{display:none}
.painel{padding:28px 0;border-top:1px solid var(--linha)}
.painel__nome{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:740;font-stretch:116%;letter-spacing:-.02em;line-height:1.1}
.painel__frase{margin-top:10px;color:var(--grafite);max-width:52ch}
.painel__tarefas{display:grid;gap:0;margin-top:20px}
.painel__tarefas li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 14px;padding:14px 0;border-top:1px solid var(--linha)}
.painel__tarefas svg{width:24px;height:24px;color:var(--azul);grid-row:span 2;margin-top:2px}
.painel__tarefas b{font-weight:660;font-stretch:106%;font-size:1.08rem;line-height:1.3}
.painel__tarefas span{color:var(--grafite);font-size:.96rem;line-height:1.45}

/* ---------- custos ---------- */
.custos{padding:clamp(72px,11vh,140px) var(--borda) clamp(88px,13vh,160px)}
.custos__cabeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(24px,4vw,72px);align-items:end}
.rasura{margin:clamp(40px,7vh,84px) 0;display:grid;gap:.12em}
.rasura li{--w:74;--r:1;font-size:clamp(1.5rem,3.2vw,4rem);line-height:1.22;font-weight:760;letter-spacing:-.02em;font-variation-settings:"wdth" var(--w);white-space:nowrap;color:color-mix(in srgb,var(--tinta) calc((1 - var(--r)) * 100%),#A4A9BF)}
.rasura span{padding-inline:.12em;margin-inline:-.12em;background:linear-gradient(var(--vermelho),var(--vermelho)) 0 57%/calc(var(--r) * 100%) .085em no-repeat}
.gsap .rasura li{--w:125;--r:0}

.conta{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);border-radius:var(--raio-g);overflow:hidden;background:var(--branco);box-shadow:var(--sombra)}
.conta__entrada{padding:clamp(24px,3.4vw,52px);display:grid;gap:26px;align-content:start}
.conta__titulo{font-size:clamp(1.3rem,1.9vw,1.75rem);font-weight:720;font-stretch:112%;letter-spacing:-.015em;line-height:1.15}
.campo-faixa{display:grid;gap:12px}
.campo-faixa>span{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-weight:520;font-size:.98rem;line-height:1.3}
.campo-faixa output{font-stretch:76%;font-weight:780;font-size:1.5rem;font-variant-numeric:tabular-nums;color:var(--azul);white-space:nowrap}
input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--azul) var(--p),var(--ceu) var(--p))}
input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--ceu)}
input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--azul)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--azul);box-shadow:0 4px 10px -2px rgba(11,18,56,.3);transition:transform .2s}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--azul)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.conta__saida{background:var(--azul);color:#fff;padding:clamp(24px,3.4vw,52px);display:grid;align-content:center;justify-items:start;gap:4px}
.conta__rotulo{font-weight:540;font-size:.98rem;opacity:.86}
.conta__grande{font-stretch:66%;font-weight:820;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.92;letter-spacing:-.005em;font-variant-numeric:tabular-nums;margin-bottom:22px;white-space:nowrap}
.conta__grande--valor{font-size:clamp(2.6rem,5.6vw,5.2rem)}
.conta__nota{font-size:.84rem;line-height:1.45;opacity:.82;max-width:44ch;margin-bottom:22px}

/* ---------- entrega ---------- */
.entrega{padding:0 var(--borda) clamp(88px,13vh,160px)}
.entrega__grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(34px,6vh,64px)}
.obra{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.8vw,42px);border-radius:var(--raio-g);overflow:hidden;min-height:clamp(340px,44vh,440px)}
.obra h3{font-size:clamp(1.4rem,2.2vw,2.05rem);font-weight:740;font-stretch:114%;letter-spacing:-.02em;line-height:1.08}
.obra>p{max-width:44ch;line-height:1.5}
.obra__arte{margin-top:auto;padding-top:22px}
.obra--agente{grid-column:span 7;background:var(--noite);color:var(--noite-texto)}
.obra--agente>p{color:var(--noite-apoio)}
.obra--bot{grid-column:span 5;background:var(--ceu)}
.obra--liga{grid-column:span 5;background:var(--branco)}
.obra--soft{grid-column:span 7;background:var(--azul);color:#fff}
.obra--bot>p,.obra--liga>p{color:var(--grafite)}

.arte-agente{display:flex;flex-wrap:nowrap;gap:8px 0;align-items:center}
.arte-agente span{white-space:nowrap}
.arte-agente span{position:relative;padding:9px 16px;border-radius:999px;border:1.5px solid rgba(238,240,251,.3);font-size:.88rem;font-weight:560;margin-right:26px;transition:background .45s,border-color .45s,color .45s}
.arte-agente span:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:26px;height:1.5px;background:rgba(238,240,251,.3)}
.arte-agente span.ok{background:#fff;border-color:#fff;color:#0B1238}
.arte-agente span.arte-agente__fim.ok{background:var(--azul);border-color:var(--azul);color:#fff}
.arte-bot{display:grid;gap:8px}
.arte-bot p{max-width:78%;padding:11px 16px;border-radius:20px;font-size:.94rem;line-height:1.35;background:var(--branco);color:var(--tinta);border-bottom-left-radius:5px}
.arte-bot p+p{justify-self:end;background:var(--azul);color:#fff;border-radius:20px;border-bottom-right-radius:5px}
.arte-liga{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 12px;padding-top:26px}
.arte-liga span{position:relative;z-index:1;justify-self:center;padding:8px 14px;border-radius:12px;background:var(--papel);font-size:.86rem;font-weight:600;white-space:nowrap}
.arte-liga svg{position:absolute;inset:26px 0 0 0;width:100%;height:calc(100% - 26px);overflow:visible}
.arte-liga path{fill:none;stroke:var(--azul);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.arte-soft{display:flex;align-items:flex-end;gap:10px;height:120px}
.arte-soft i{flex:1;height:var(--h);border-radius:10px 10px 0 0;background:rgba(255,255,255,.28);transform-origin:50% 100%}
.arte-soft i:last-child{background:#fff}

/* ---------- método ---------- */
.metodo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);padding:0 var(--borda) clamp(88px,13vh,160px);align-items:start}
.metodo__cabeca{position:sticky;top:calc(var(--topo-h) + 28px);display:grid;gap:18px}
.etapas{position:relative;display:grid;gap:0;--fio:1}
.etapas::before,.etapas::after{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:var(--linha)}
.etapas::after{background:var(--azul);transform-origin:50% 0;transform:scaleY(var(--fio))}
.gsap .etapas{--fio:0}
.etapa{position:relative;z-index:1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:clamp(18px,2.4vw,34px);padding:0 0 clamp(34px,6vh,64px)}
.etapa:last-child{padding-bottom:0}
.etapa__n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--azul);color:#fff;font-stretch:80%;font-weight:800;font-size:1.5rem;border:2px solid var(--azul);transition:background .45s,color .45s,border-color .45s}
.gsap .etapa:not(.ativa) .etapa__n{background:var(--papel);color:var(--grafite);border-color:var(--linha)}
.etapa h3{font-size:clamp(1.45rem,2.4vw,2.2rem);font-weight:740;font-stretch:114%;letter-spacing:-.02em;line-height:1.1;padding-top:8px}
.etapa p{margin-top:10px;color:var(--grafite);max-width:52ch}

/* ---------- projetos ---------- */
.projetos{background:var(--noite);color:var(--noite-texto);border-radius:clamp(24px,3.4vw,48px) clamp(24px,3.4vw,48px) 0 0;clip-path:inset(0 var(--recuo,0px) 0 var(--recuo,0px) round clamp(24px,3.4vw,48px) clamp(24px,3.4vw,48px) 0 0);padding:clamp(72px,11vh,130px) 0 clamp(72px,11vh,130px);overflow:clip}
.projetos__cabeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(24px,4vw,72px);align-items:end;padding:0 var(--borda) clamp(34px,6vh,64px)}
.vitrine{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vitrine::-webkit-scrollbar{display:none}
.js .vitrine{cursor:grab;user-select:none;-webkit-user-select:none}
.vitrine.arrasta{cursor:grabbing;scroll-snap-type:none}
.vitrine img{-webkit-user-drag:none}
.vitrine__controle{display:none}
.js .vitrine__controle{display:flex;align-items:center;gap:14px;padding:28px var(--borda) 0}
.seta{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1.5px solid var(--noite-linha);background:transparent;color:var(--noite-texto);cursor:pointer;transition:background .25s,color .25s,border-color .25s,opacity .25s,transform .3s var(--suave)}
.seta:hover:not(:disabled){background:var(--noite-texto);color:var(--tinta);border-color:var(--noite-texto)}
.seta:active:not(:disabled){transform:scale(.92)}
.seta:disabled{opacity:.28;cursor:default}
.seta svg{width:22px;height:22px}
.seta--volta svg{transform:rotate(180deg)}
.vitrine__barra{flex:1;max-width:340px;height:2px;margin-left:10px;border-radius:2px;background:var(--noite-linha);overflow:hidden}
.vitrine__barra i{display:block;height:100%;background:#8FA0FF;transform-origin:0 50%;transform:scaleX(var(--v,.12));transition:transform .2s linear}
.vitrine__conta{font-stretch:76%;font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;color:var(--noite-apoio);min-width:3.4em}
.vitrine__trilho{display:flex;gap:clamp(18px,2.6vw,40px);width:max-content;padding:0 var(--borda)}
.vitral{flex:none;width:min(84vw,860px,84vh);scroll-snap-align:center;display:grid;gap:20px;align-content:start;color:inherit;text-decoration:none}
.janela{border-radius:var(--raio-m);background:#141C4C;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.janela__barra{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#1B2560}
.janela__barra i{width:9px;height:9px;border-radius:50%;background:rgba(238,240,251,.28)}
.janela__barra span{margin-left:10px;padding:4px 14px;border-radius:99px;background:rgba(238,240,251,.1);font-size:.78rem;color:var(--noite-apoio);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.janela__tela{aspect-ratio:16/10;overflow:hidden;background:#0d143c}
.janela__tela img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform 1.1s var(--suave)}
.vitral:hover .janela__tela img{transform:scale(1.035)}
.vitral__legenda{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:start}
.vitral__nome{font-size:clamp(1.4rem,2.3vw,2.1rem);font-weight:740;font-stretch:116%;letter-spacing:-.02em;line-height:1.1}
.vitral__tipo{grid-column:2;grid-row:1;align-self:center;padding:6px 14px;border-radius:99px;border:1.5px solid var(--noite-linha);font-size:.82rem;font-weight:560;white-space:nowrap}
.vitral__oque{grid-column:1/-1;color:var(--noite-apoio);max-width:60ch}

.acervo{position:relative;padding:clamp(56px,9vh,110px) var(--borda) 0}
.acervo__topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;padding-bottom:24px}
.acervo__titulo{font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:740;font-stretch:116%;letter-spacing:-.02em}
.filtros{display:flex;flex-wrap:wrap;gap:8px}
.filtro{min-height:40px;padding:0 16px;border-radius:99px;border:1.5px solid var(--noite-linha);background:transparent;color:var(--noite-texto);font-size:.9rem;font-weight:560;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.filtro:hover{border-color:var(--noite-texto)}
.filtro[aria-pressed="true"]{background:var(--noite-texto);color:#0B1238;border-color:var(--noite-texto)}
.filtro sup{font-size:.7em;opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}
.item{border-top:1px solid var(--noite-linha)}
.item:last-child{border-bottom:1px solid var(--noite-linha)}
.item__linha{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,6fr) 28px;gap:8px 24px;align-items:center;padding:20px 8px;color:inherit;text-decoration:none;transition:background .3s,padding .35s var(--suave)}
a.item__linha:hover{background:rgba(238,240,251,.06);padding-inline:20px 8px}
.item__nome{font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:700;font-stretch:112%;letter-spacing:-.015em;line-height:1.15}
.item__tipo{font-size:.88rem;color:var(--noite-apoio)}
.item__oque{font-size:.95rem;line-height:1.45;color:var(--noite-apoio)}
.item__linha svg{width:24px;height:24px;justify-self:end;transition:transform .35s var(--suave)}
a.item__linha:hover svg{transform:translate(3px,-3px)}
.acervo.resumido .item:nth-child(n+9){display:none}
.acervo__mais{display:none}
.acervo.resumido .acervo__mais{display:inline-flex;margin-top:28px;background:transparent;color:var(--noite-texto);border:1.5px solid var(--noite-linha);box-shadow:none}
.acervo.resumido .acervo__mais:hover{background:var(--noite-texto);color:var(--tinta);border-color:var(--noite-texto)}
.acervo__previa{position:fixed;left:0;top:0;z-index:60;width:340px;aspect-ratio:16/10;border-radius:var(--raio-m);overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .25s,scale .35s var(--suave);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);background:#141C4C}
.acervo__previa.vista{opacity:1}
.acervo__previa img{width:100%;height:100%;object-fit:cover;object-position:50% 0}

/* ---------- números ---------- */
.numeros{padding:clamp(88px,13vh,160px) var(--borda)}
.numeros__grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);margin-top:clamp(34px,6vh,72px)}
.dado{padding-top:18px;border-top:2px solid var(--tinta)}
.dado__n{font-stretch:62%;font-weight:820;font-size:clamp(4.4rem,9.4vw,9.4rem);line-height:.86;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--azul)}
.dado figcaption{margin-top:18px;line-height:1.45;max-width:30ch}
.dado cite{display:block;margin-top:10px;font-style:normal;font-size:.82rem;color:var(--grafite)}
.dado cite a{text-underline-offset:.2em}
.dado--alerta{border-top-color:var(--vermelho)}
.dado--alerta .dado__n{color:var(--vermelho)}
.numeros__fecho{margin-top:clamp(34px,6vh,64px);font-size:clamp(1.3rem,2.3vw,2.1rem);line-height:1.22;font-weight:640;font-stretch:110%;letter-spacing:-.015em;max-width:30ch;text-wrap:balance}

/* ---------- regras ---------- */
.regras{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);padding:0 var(--borda) clamp(88px,13vh,160px);align-items:start}
.regras .titulo{position:sticky;top:calc(var(--topo-h) + 28px)}
.regra{padding:26px 0;border-top:1px solid var(--linha)}
.regra:last-child{border-bottom:1px solid var(--linha)}
.regra dt{font-size:clamp(1.25rem,1.9vw,1.7rem);font-weight:720;font-stretch:112%;letter-spacing:-.015em;line-height:1.15}
.regra dd{margin-top:8px;color:var(--grafite);max-width:56ch}

/* ---------- dúvidas ---------- */
.duvidas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);padding:0 var(--borda) clamp(88px,13vh,160px);align-items:start}
.duvidas .titulo{position:sticky;top:calc(var(--topo-h) + 28px)}
.duvida{border-top:1px solid var(--linha)}
.duvida:last-child{border-bottom:1px solid var(--linha)}
.duvida summary{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:20px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(1.1rem,1.5vw,1.34rem);font-weight:640;font-stretch:106%;line-height:1.3}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary::after{content:"";grid-column:2;grid-row:1;width:28px;height:28px;border-radius:50%;background:var(--noite) linear-gradient(#fff,#fff) center/12px 2px no-repeat;transition:transform .4s var(--suave),background-color .3s;box-shadow:inset 0 0 0 0 #fff}
.duvida summary::before{content:"";grid-column:2;grid-row:1;justify-self:center;width:2px;height:12px;background:#fff;z-index:1;transition:transform .4s var(--suave)}
.duvida[open] summary::before{transform:scaleY(0)}
.duvida[open] summary::after{background-color:var(--azul)}
.duvida p{padding:0 48px 26px 0;color:var(--grafite);max-width:62ch}

/* ---------- contato ---------- */
.contato{position:relative;background:var(--azul);color:#fff;overflow:clip}
.contato__tinta{display:none}
.gsap .contato{background:transparent}
.gsap .contato__tinta{display:block;position:absolute;inset:0;background:var(--azul);clip-path:circle(var(--tinta-r,0%) at 50% 0%)}
.contato__miolo{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);padding:clamp(88px,14vh,170px) var(--borda);align-items:start}
.contato__titulo{font-size:clamp(2.1rem,4.9vw,4.6rem);line-height:1;letter-spacing:-.025em;font-weight:780;font-stretch:118%;max-width:14ch;text-wrap:balance}
.contato__texto>p{margin-top:22px;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.5;max-width:40ch;opacity:.9}
.contato__direto{display:grid;gap:10px;margin-top:30px;justify-items:start}
.contato__direto a{font-weight:640;font-size:1.1rem;text-underline-offset:.28em;text-decoration-thickness:2px}
.ficha{display:grid;gap:16px;padding:clamp(22px,2.8vw,40px);border-radius:var(--raio-g);background:#fff;color:var(--tinta);box-shadow:0 40px 80px -40px rgba(11,18,56,.6)}
.ficha__linha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.campo{display:grid;gap:6px}
.campo>span{font-size:.88rem;font-weight:600}
.campo input,.campo select,.campo textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--linha);background:var(--papel);transition:border-color .2s,background .2s;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--azul);background:#fff}
.campo .falta{border-color:var(--vermelho)}
.ficha__erro{color:var(--vermelho);font-weight:600;font-size:.94rem}
.ficha__nota{font-size:.82rem;color:var(--grafite);line-height:1.4}
.ficha .botao{justify-self:start}

/* ---------- rodapé ---------- */
.rodape{background:var(--noite);color:var(--noite-texto);padding:clamp(56px,9vh,100px) var(--borda) 30px;overflow:clip}
.rodape__marca{display:flex;align-items:center;gap:clamp(12px,2vw,30px)}
.rodape__marca svg{width:clamp(56px,11vw,170px);height:clamp(56px,11vw,170px);color:#8FA0FF;flex:none}
.rodape__marca p{font-size:clamp(2.6rem,10.4vw,11.5rem);font-weight:820;font-stretch:125%;line-height:.86;letter-spacing:-.04em;white-space:nowrap}
.rodape__colunas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:28px clamp(24px,4vw,72px);margin-top:clamp(40px,7vh,84px);padding-top:30px;border-top:1px solid var(--noite-linha)}
.rodape__colunas>p{max-width:34ch;color:var(--noite-apoio)}
.rodape nav{display:grid;gap:8px;justify-items:start}
.rodape nav a{text-decoration:none;font-weight:520}
.rodape nav a:hover{text-decoration:underline;text-underline-offset:.28em}
.rodape address{font-style:normal;color:var(--noite-apoio);line-height:1.7}
.rodape__fim{margin-top:44px;font-size:.84rem;color:var(--noite-apoio)}

/* =====================================================================
   MOVIMENTO — só vale quando o JS confirmou as bibliotecas (.gsap)
   ===================================================================== */
.gsap [data-linhas]:not(.pronto){visibility:hidden}
.gsap [data-sobe]{opacity:0}

@media (min-width:961px){
  /* cena presa: a conversa e os passos aparecem conforme a rolagem */
  .gsap .plantao{height:270vh}
  .gsap .plantao__preso{position:sticky;top:0;height:100vh;overflow:hidden}
  .gsap .fala{opacity:0;transform:translateY(14px) scale(.96);transform-origin:0 100%;transition:opacity .45s,transform .55s var(--suave)}
  .gsap .fala--agente{transform-origin:100% 100%}
  .gsap .fala.dita{opacity:1;transform:none}
  .gsap .passo{opacity:.26}
  .gsap .passo.feito{opacity:1}

  /* áreas: abas. Nomes à esquerda (mouse, clique ou teclado), painel da área ativa à direita. Não prende a rolagem. */
  .gsap .areas__preso{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:center}
  .gsap .areas__nomes{display:grid;gap:.05em}
  .area-nome{display:block;width:100%;text-align:left;background:none;border:0;padding:.06em 0;cursor:pointer;font-size:clamp(1.9rem,4.3vh + 1vw,3.9rem);line-height:1.08;font-weight:780;font-stretch:118%;letter-spacing:-.025em;color:transparent;-webkit-text-stroke:1.5px rgba(11,18,56,.3);transition:color .45s,-webkit-text-stroke-color .45s,font-stretch .6s var(--suave),transform .6s var(--suave)}
  .area-nome:hover{-webkit-text-stroke-color:var(--tinta)}
  .area-nome[aria-selected="true"]{color:var(--azul);-webkit-text-stroke-color:transparent;transform:translateX(.25em)}
  .gsap .areas__paineis{position:relative;height:min(72vh,600px)}
  .gsap .painel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,48px);border:0;border-radius:var(--raio-g);background:var(--branco);box-shadow:var(--sombra);opacity:0;visibility:hidden;transform:translateY(28px) scale(.98);transition:opacity .45s,transform .6s var(--suave),visibility 0s .45s}
  .gsap .painel.ativo{opacity:1;visibility:visible;transform:none;transition:opacity .45s,transform .6s var(--suave),visibility 0s}
  .gsap .painel__nome{font-size:1rem;font-weight:640;font-stretch:104%;letter-spacing:0;color:var(--azul)}
  .gsap .painel__frase{margin-top:6px;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.3;font-weight:620;font-stretch:108%;color:var(--tinta);max-width:34ch;letter-spacing:-.01em}
  .gsap .painel__tarefas li{padding:clamp(8px,1.4vh,14px) 0}
  .gsap .painel__tarefas svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--suave)}
  .gsap .painel.ativo .painel__tarefas svg path{stroke-dashoffset:0}
  .gsap .painel.ativo .painel__tarefas li:nth-child(2) svg path{transition-delay:.08s}
  .gsap .painel.ativo .painel__tarefas li:nth-child(3) svg path{transition-delay:.16s}
  .gsap .painel.ativo .painel__tarefas li:nth-child(4) svg path{transition-delay:.24s}
  .gsap .painel.ativo .painel__tarefas li:nth-child(5) svg path{transition-delay:.32s}
}

/* notebooks de tela baixa: as cenas presas precisam caber em 100vh */
@media (min-width:961px) and (max-height:800px){
  .capa{padding-top:calc(var(--topo-h) + 22px);padding-bottom:40px}
  .capa__sub{margin-top:18px}
  .capa__acoes{margin-top:24px}
  .central__fita{height:186px}
  .plantao__preso{padding-top:60px;padding-bottom:22px;gap:18px}
  .plantao__titulo{font-size:clamp(1.55rem,5vh,3.3rem)}
  .plantao__sub{margin-top:8px;font-size:.96rem}
  .fone{padding:10px}
  .fone__topo{padding-bottom:10px}
  .fone__conversa{min-height:0;gap:6px;padding-top:10px}
  .fala{font-size:.84rem;padding:8px 12px}
  .passo{padding:8px 0}
  .passo time{font-size:1.3rem}
  .passo span{font-size:.88rem;margin-top:2px}
}

@media (prefers-reduced-motion:reduce){
  .faixa__trilho{animation:none}
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* =====================================================================
   TELAS MENORES
   ===================================================================== */
@media (max-width:1180px){
  .recado--a{left:-24px}
  .recado--b{right:-8px}
  .numeros__grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:960px){
  :root{--topo-h:66px}
  .topo::before{inset:8px 10px}
  .menu{position:fixed;inset:0;z-index:-2;flex-direction:column;justify-content:center;gap:6px;padding:90px var(--borda) 40px;background:var(--papel);margin:0;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s,transform .4s var(--suave),visibility 0s .3s}
  .menu.aberto{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--suave),visibility 0s}
  .menu a{font-size:clamp(1.7rem,7vw,2.4rem);font-weight:740;font-stretch:116%;letter-spacing:-.02em;padding:8px 0}
  .linguas{margin-left:auto}
  .topo__abre{display:grid;place-content:center;gap:6px;width:44px;height:44px;border:0;border-radius:50%;background:var(--noite);cursor:pointer}
  .topo__abre i{display:block;width:18px;height:2px;background:#fff;transition:transform .35s var(--suave)}
  .topo__abre[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
  .topo__abre[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}

  .capa{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:calc(var(--topo-h) + 44px);padding-bottom:84px}
  .capa__titulo{max-width:14ch}
  .capa__palco{justify-self:center;margin-top:20px;width:min(100%,440px)}
  .recado--a{left:-8px;bottom:104px}
  .recado--b{right:-6px;bottom:-30px}

  .plantao__cena,.areas__cabeca,.custos__cabeca,.conta,.metodo,.projetos__cabeca,.regras,.duvidas,.contato__miolo{grid-template-columns:minmax(0,1fr)}
  .metodo__cabeca,.regras .titulo,.duvidas .titulo{position:static}
  /* áreas em sanfona: uma aberta por vez, para não virar quatro telas de lista */
  .sanfona .painel{padding:0}
  .sanfona .painel:last-child{border-bottom:1px solid var(--linha)}
  .sanfona .painel__nome{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:16px;padding:20px 0;cursor:pointer;font-size:clamp(1.3rem,5.4vw,1.8rem)}
  .sanfona .painel__nome::after{content:"";grid-column:2;grid-row:1;width:28px;height:28px;border-radius:50%;background:var(--noite) linear-gradient(#fff,#fff) center/12px 2px no-repeat;transition:background-color .3s}
  .sanfona .painel__nome::before{content:"";grid-column:2;grid-row:1;justify-self:center;width:2px;height:12px;background:#fff;z-index:1;transition:transform .35s var(--suave)}
  .sanfona .painel.aberto .painel__nome::before{transform:scaleY(0)}
  .sanfona .painel.aberto .painel__nome::after{background-color:var(--azul)}
  .sanfona .painel.aberto .painel__nome{color:var(--azul)}
  .sanfona .painel:not(.aberto) .painel__frase,.sanfona .painel:not(.aberto) .painel__tarefas{display:none}
  .sanfona .painel__frase{margin-top:0}
  .sanfona .painel.aberto{padding-bottom:18px}
  .fone{max-width:420px}
  .fone__conversa{min-height:0}
  .obra--agente,.obra--bot,.obra--liga,.obra--soft{grid-column:1/-1;min-height:0}
  .arte-agente{flex-wrap:wrap;gap:8px}
  .arte-agente span{margin-right:0}
  .arte-agente span:not(:last-child)::after{display:none}
  .item__linha{grid-template-columns:minmax(0,1fr) 24px;padding:18px 0}
  .item__tipo,.item__oque{grid-column:1}
  .item__linha svg{grid-column:2;grid-row:1}
  .acervo__previa{display:none}
  .rodape__colunas{grid-template-columns:minmax(0,1fr)}
  .duvida p{padding-right:0}
}

@media (max-width:760px){
  .rasura li,.gsap .rasura li{--w:92;white-space:normal;font-size:clamp(1.3rem,6.2vw,2.1rem);line-height:1.28}
  .rasura{gap:.4em}
}

@media (max-width:560px){
  .topo__cta{display:none}
  .capa__acoes .botao{width:100%}
  .recado{font-size:.78rem;max-width:210px;padding:10px 13px}
  .recado--a{display:none}
  .central{padding:14px 14px 12px;transform:rotate(-1deg)}
  .central__fita{height:214px}
  .numeros__grade{grid-template-columns:minmax(0,1fr)}
  .ficha__linha{grid-template-columns:minmax(0,1fr)}
  .ficha .botao{width:100%}
  .vitral__legenda{grid-template-columns:minmax(0,1fr)}
  .vitral__tipo{grid-column:1;grid-row:auto;justify-self:start}
  .passo{grid-template-columns:3.6em minmax(0,1fr);gap:12px}
  .passo time{font-size:1.25rem}
  .conta__grande{white-space:normal}
}

/* ---------- complemento: legenda da vitrine ---------- */
.vitral__ia{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--noite-linha);color:#B9C3FF;font-size:.95rem;line-height:1.4;max-width:60ch}
.vitral__ia::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;background:#8FA0FF;-webkit-mask:var(--alfa) center/contain no-repeat;mask:var(--alfa) center/contain no-repeat}

/* ======================================================= chat com a Lia + agenda */
.chat-lanca{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:120;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:6px 20px 6px 6px;border:0;border-radius:999px;background:var(--noite);color:#fff;font-weight:620;font-size:.98rem;cursor:pointer;box-shadow:0 18px 40px -16px rgba(3,5,26,.6);opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .4s,transform .5s var(--suave),background-color .2s}
.chat-lanca.visivel{opacity:1;transform:none;pointer-events:auto}
.chat-lanca:hover{background:var(--azul)}
.chat-aberto .chat-lanca{opacity:0;pointer-events:none;transform:translateY(16px) scale(.96)}
.chat-lanca__rosto,.chat__rosto{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--azul);color:#fff;font-weight:780;font-stretch:112%;font-size:1.05rem}
.chat-lanca:hover .chat-lanca__rosto{background:#fff;color:var(--azul)}
.chat-lanca__rosto i,.chat__rosto i{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#2BB673;box-shadow:0 0 0 2.5px var(--noite)}
.chat{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:130;display:flex;flex-direction:column;width:min(410px,calc(100vw - 28px));height:min(660px,calc(100dvh - 40px));border-radius:24px;background:var(--branco);color:var(--tinta);box-shadow:0 1px 2px rgba(11,18,56,.08),0 30px 80px -24px rgba(11,18,56,.45);overflow:hidden;opacity:0;transform:translateY(24px) scale(.97);transform-origin:100% 100%;transition:opacity .22s,transform .35s var(--suave)}
.chat.aberto{opacity:1;transform:none}
.chat__topo{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--noite);color:#fff}
.chat__rosto i{box-shadow:0 0 0 2.5px var(--noite)}
.chat__quem{display:grid;line-height:1.25}
.chat__quem b{font-size:1.02rem;font-weight:700}
.chat__quem small{font-size:.82rem;color:var(--noite-apoio)}
.chat__fecha{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.chat__fecha:hover{background:rgba(255,255,255,.12)}
.chat__fecha svg{width:20px;height:20px}
.chat__log{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:18px 14px 10px;background:var(--papel)}
.chat__msg{max-width:84%;padding:10px 14px;border-radius:18px;font-size:.95rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;animation:chatEntra .32s var(--suave)}
.chat__msg.sem-entrada{animation:none}
.chat__msg--lia{align-self:flex-start;background:var(--branco);border-bottom-left-radius:6px;box-shadow:0 1px 2px rgba(11,18,56,.08)}
.chat__msg--eu{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:6px}
.chat__msg--eu.falhou{opacity:.55}
@keyframes chatEntra{from{opacity:0;transform:translateY(8px)}}
.chat__digita{display:flex;gap:5px;padding:14px 16px}
.chat__digita i{width:7px;height:7px;border-radius:50%;background:var(--grafite);animation:chatPonto 1.1s infinite ease-in-out}
.chat__digita i:nth-child(2){animation-delay:.15s}
.chat__digita i:nth-child(3){animation-delay:.3s}
@keyframes chatPonto{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chat__nota{align-self:center;max-width:90%;text-align:center;font-size:.82rem;color:var(--grafite);padding:4px 8px}
.chat__aviso{margin:0;padding:6px 16px 0;font-size:.74rem;color:var(--grafite);background:var(--branco)}
.chat__form{display:flex;align-items:flex-end;gap:8px;padding:8px 10px 12px 14px;background:var(--branco)}
.chat__rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.chat__form textarea{flex:1;min-height:46px;max-height:132px;resize:none;padding:12px 14px;border:1.5px solid var(--linha);border-radius:16px;background:var(--papel);font-size:16px;line-height:1.35}
.chat__form textarea:focus{outline:none;border-color:var(--azul)}
.chat__envia{display:grid;place-items:center;width:46px;height:46px;flex:none;border:0;border-radius:50%;background:var(--azul);color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}
.chat__envia:hover{background:var(--noite)}
.chat__envia:disabled{opacity:.5;cursor:default}
.chat__envia svg{width:22px;height:22px}
.chat__fim{align-self:stretch;display:grid;justify-items:center;gap:10px;margin-top:6px;padding:14px;border-radius:16px;border:1.5px dashed var(--linha);text-align:center;font-size:.9rem;color:var(--grafite)}
.chat__nova{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--noite);color:#fff;font-weight:600;cursor:pointer}

.agenda{align-self:stretch;display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--branco);box-shadow:0 1px 2px rgba(11,18,56,.08),0 12px 26px -16px rgba(11,18,56,.3);animation:chatEntra .4s var(--suave)}
.agenda__titulo{font-weight:720;font-stretch:108%;font-size:1rem}
.agenda__fuso,.agenda__local{font-size:.8rem;color:var(--grafite);margin-top:-6px}
.agenda__local:empty{display:none}
.agenda__dias{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:thin}
.agenda__dia{flex:none;display:grid;justify-items:center;gap:1px;width:64px;padding:8px 4px;border:1.5px solid var(--linha);border-radius:14px;background:transparent;cursor:pointer;scroll-snap-align:start;transition:border-color .2s,background-color .2s,color .2s}
.agenda__dia small{font-size:.72rem;text-transform:capitalize;color:var(--grafite)}
.agenda__dia b{font-size:1.25rem;line-height:1.1;font-stretch:90%;font-weight:760}
.agenda__dia span{font-size:.66rem;color:var(--grafite)}
.agenda__dia:hover{border-color:var(--azul)}
.agenda__dia[aria-selected="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.agenda__dia[aria-selected="true"] small,.agenda__dia[aria-selected="true"] span{color:rgba(255,255,255,.85)}
.agenda__horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px}
.agenda__hora{min-height:40px;border:1.5px solid var(--linha);border-radius:12px;background:transparent;font-weight:620;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.agenda__hora:hover{border-color:var(--azul);color:var(--azul)}
.agenda__hora[aria-selected="true"]{background:var(--noite);border-color:var(--noite);color:#fff}
.agenda__corpo{display:grid;gap:8px}
.agenda__campo{display:grid;gap:4px;font-size:.82rem;color:var(--grafite)}
.agenda__campo input{min-height:44px;padding:0 12px;border:1.5px solid var(--linha);border-radius:12px;background:var(--papel);color:var(--tinta);font-size:16px}
.agenda__campo input:focus{outline:none;border-color:var(--azul)}
.agenda__erro{font-size:.84rem;color:var(--vermelho)}
.agenda__ok{min-height:48px;border:0;border-radius:999px;background:var(--azul);color:#fff;font-weight:680;cursor:pointer;transition:background-color .2s,opacity .2s}
.agenda__ok:hover{background:var(--noite)}
.agenda__ok:disabled{opacity:.45;cursor:default}
.agenda__vazio{font-size:.9rem;color:var(--grafite)}
.agenda.feita{background:var(--azul);color:#fff}
.agenda.feita .agenda__resumo{font-size:.95rem;text-transform:capitalize}

/* contato: a conversa no lugar do formulário */
.conversa-convite{display:grid;gap:14px;padding:clamp(20px,2.6vw,34px);border-radius:var(--raio-g);background:var(--branco);color:var(--tinta);box-shadow:0 40px 80px -40px rgba(3,5,26,.6)}
.conversa-convite__topo{display:flex;align-items:center;gap:12px}
.conversa-convite__topo .chat__rosto i{box-shadow:0 0 0 2.5px var(--branco)}
.conversa-convite__topo b{display:block;font-size:1.05rem}
.conversa-convite__topo small{color:var(--grafite);font-size:.86rem}
.conversa-convite__msg{justify-self:start;max-width:92%;padding:12px 16px;border-radius:18px;border-bottom-left-radius:6px;background:var(--papel);font-size:1rem;line-height:1.45}
.conversa-convite__campo{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 6px 6px 18px;border:1.5px solid var(--linha);border-radius:999px;background:var(--papel);color:var(--grafite);font-size:1rem;text-align:left;cursor:pointer;transition:border-color .2s}
.conversa-convite__campo:hover{border-color:var(--azul)}
.conversa-convite__campo span{flex:1}
.conversa-convite__campo i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--azul);color:#fff}
.conversa-convite__campo svg{width:20px;height:20px}
.conversa-convite__alt{font-size:.88rem;color:var(--grafite)}
.conversa-convite__alt a{color:var(--azul);font-weight:600}

@media (max-width:560px){
  .chat{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}
  .chat-lanca{padding-right:6px}
  .chat-lanca__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (prefers-reduced-motion:reduce){
  .chat,.chat-lanca,.chat__msg,.agenda{transition:none;animation:none}
  .chat__digita i{animation:none;opacity:.6}
}

/* ======================================================= faixa de medição (GA4 só depois do "sim") */
.medir{position:fixed;left:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:125;display:grid;gap:12px;width:min(380px,calc(100vw - 28px));padding:16px 18px;border-radius:20px;background:var(--branco);color:var(--tinta);font-size:.9rem;line-height:1.45;box-shadow:0 1px 2px rgba(11,18,56,.08),0 24px 60px -24px rgba(11,18,56,.45);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .35s var(--suave)}
.medir.aberta{opacity:1;transform:none}
.medir__acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.medir__botao{min-height:44px;padding:0 12px;border:1.5px solid var(--tinta);border-radius:999px;background:transparent;color:var(--tinta);font-weight:620;cursor:pointer;transition:background-color .2s,color .2s}
.medir__botao:hover{background:var(--tinta);color:var(--papel)}
.rodape__fim a{color:inherit;margin-left:.6em}
@media (max-width:560px){.medir{left:10px;right:10px;bottom:84px;width:auto}}
@media (prefers-reduced-motion:reduce){.medir{transition:none}}