/* Flávia Contiero Advocacia · prévia Bandit Studio
   Paleta da sala dela: parede branca, boiserie azul, ardósia; o dourado fica só na marca F. */
:root{
  --papel:#F3F2EE; --papel-2:#FBFAF7; --nevoa:#E5E9F0;
  --tinta:#1E2737; --tinta-2:#4F5A6B;
  --ardosia:#1B2433; --ardosia-2:#243045; --ardosia-3:#2E3B53;
  --azul:#7487A9; --azul-escuro:#3B4F78; --azul-claro:#B9C6DC;
  --creme:#F3F2EE; --creme-2:rgba(243,242,238,.76);
  --ouro:#C2A15A; --ouro-claro:#E3CB8F;
  --linha:rgba(30,39,55,.14); --linha-clara:rgba(243,242,238,.18);
  --moldura:rgba(243,242,238,.55); --moldura-clara:rgba(30,39,55,.22);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --script:"Pinyon Script",cursive;
  --t-gigante:clamp(3.4rem,9.6vw,8.6rem);
  --t-secao:clamp(2.5rem,6.4vw,5.4rem);
  --t-h3:clamp(1.65rem,2.7vw,2.4rem);
  --lado:clamp(16px,5vw,80px);
  --secao:clamp(88px,12vw,176px);
  --moldura-in:clamp(10px,1.6vw,22px);
  --ease:cubic-bezier(.22,1,.36,1);
  --topo-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--azul) var(--papel)}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main,footer{overflow-x:clip}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}
a,button,input,summary{touch-action:manipulation}
::selection{background:var(--azul-escuro);color:var(--papel-2)}
:focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:2px}
input{caret-color:var(--azul-escuro)}
h1,h2,h3{margin:0;font-weight:400;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.pular{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ardosia);color:var(--creme);padding:10px 14px}
.pular:focus{left:12px}
svg use{pointer-events:none}

/* ---------- marca F ---------- */
.marca{width:64px;height:auto;overflow:visible}
.marca path{fill:none;stroke-width:44;stroke-linejoin:round;stroke-linecap:butt}
.f-ouro path,.marca .f-ouro{stroke:url(#ouro)}
.marca use.f-ouro{stroke:url(#ouro)}
.marca use.f-brilho{stroke:url(#brilho);mix-blend-mode:screen;opacity:.9}
.marca use{fill:none;stroke-width:44;stroke-linejoin:round}
.anim .marca-desenha use{stroke-dasharray:1;stroke-dashoffset:1;animation:desenha 1.5s var(--ease) .15s forwards}
.anim .marca-desenha use.f-brilho{animation-delay:.2s}
@keyframes desenha{to{stroke-dashoffset:0}}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.5em;font:500 .98rem/1 var(--sans);letter-spacing:.01em;text-decoration:none;border-radius:999px;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.botao svg{width:20px;height:20px;flex:none}
.botao-claro{background:var(--papel-2);color:var(--ardosia)}
.botao-claro:hover{background:#fff}
.botao-escuro{background:var(--ardosia);color:var(--papel-2)}
.botao-escuro:hover{background:var(--azul-escuro)}
.botao-vidro{background:rgba(243,242,238,.1);color:var(--creme);border:1px solid rgba(243,242,238,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.botao-vidro:hover{background:rgba(243,242,238,.2)}
.link-seta{display:inline-flex;align-items:center;gap:.5em;font:500 .98rem/1.3 var(--sans);color:var(--azul-escuro);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:rgba(59,79,120,.4);min-height:44px}
.link-seta svg{width:18px;height:18px;flex:none;transition:transform .3s var(--ease)}
.link-seta:hover svg{transform:translateX(4px)}
.link-seta:hover{text-decoration-color:currentColor}

/* ---------- títulos ---------- */
.t-secao{font:400 var(--t-secao)/.98 var(--serif);font-optical-sizing:auto;letter-spacing:-.018em;color:var(--tinta)}
.t-secao em{font-style:italic;font-weight:300;color:var(--azul-escuro)}
.t-claro{color:var(--creme)}
.t-claro em{color:var(--azul-claro)}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--topo-h);display:flex;align-items:center;gap:20px;padding:0 var(--lado);color:var(--creme);transition:background-color .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease);border-bottom:1px solid transparent}
.topo.rolado{background:rgba(27,36,51,.9);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:rgba(243,242,238,.14)}
.topo-marca{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;margin-right:auto}
.topo-marca .marca{width:40px;flex:none}
.topo-nomes{display:grid;min-width:0}
.topo-nome{font:500 1.06rem/1.1 var(--serif);letter-spacing:.01em;transition:opacity .35s,transform .35s var(--ease)}
.topo-info{display:grid;font:500 .76rem/1.3 var(--sans);letter-spacing:.02em;color:var(--creme-2);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .4s}
.topo-quem,.topo-secao{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topo-secao{color:var(--azul-claro)}
.topo.rolado .topo-info{max-height:34px;opacity:1}
.topo.rolado .topo-nome{display:none}
.topo.rolado .topo-quem{font:500 .98rem/1.2 var(--serif);letter-spacing:.01em;color:var(--creme)}
.topo-menu{display:none;gap:26px}
.topo-menu a{font:500 .9rem/1 var(--sans);text-decoration:none;color:var(--creme-2);padding:12px 0;transition:color .25s}
.topo-menu a:hover{color:var(--creme)}
.botao-topo{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--papel-2);color:var(--ardosia);font:500 .9rem/1 var(--sans);text-decoration:none;flex:none}
.botao-topo svg{width:16px;height:16px}
.bt-longo{display:none}
.oab-pc{display:none}
@media (min-width:700px){.oab-pc{display:inline}.oab-cel{display:none}}
.oab-cel{color:var(--creme-2)}
.topo-progresso{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden;opacity:0;transition:opacity .4s}
.topo.rolado .topo-progresso{opacity:1}
.topo-progresso i{display:block;height:100%;background:var(--azul-claro);transform-origin:0 50%;transform:scaleX(0)}
@media (min-width:600px){.bt-longo{display:inline}.bt-curto{display:none}}
@media (min-width:1100px){.topo-menu{display:flex}}

/* ---------- capa ---------- */
.capa{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:var(--creme);background:var(--ardosia);overflow:hidden;isolation:isolate}
.capa-fundo{position:absolute;inset:0;z-index:-1;will-change:transform}
.capa-quadro{position:absolute;inset:0;opacity:0;transition:opacity 1.4s var(--ease)}
.capa-quadro.ativo{opacity:1}
.capa-quadro img,.capa-quadro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa-quadro picture{position:absolute;inset:0}
.capa-video{z-index:1;opacity:0;transition:opacity .8s}
.capa-video.tocando{opacity:1}
.anim .capa-quadro.ativo img{animation:afasta 12s linear both}
@keyframes afasta{from{transform:scale(1.08)}to{transform:scale(1)}}
.capa-veu{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(27,36,51,.55) 0%,rgba(27,36,51,0) 22%,rgba(27,36,51,0) 38%,rgba(27,36,51,.8) 64%,rgba(27,36,51,.97) 100%)}
.capa-retrato{display:none}
.moldura{position:absolute;inset:var(--moldura-in);border:1px solid var(--moldura);pointer-events:none;z-index:3}
.canto{position:absolute;width:7px;height:7px;border-color:var(--creme);border-style:solid;border-width:0}
.c1{top:-4px;left:-4px;border-top-width:1px;border-left-width:1px}
.c2{top:-4px;right:-4px;border-top-width:1px;border-right-width:1px}
.c3{bottom:-4px;left:-4px;border-bottom-width:1px;border-left-width:1px}
.c4{bottom:-4px;right:-4px;border-bottom-width:1px;border-right-width:1px}
.capa-conteudo{position:relative;z-index:4;padding:0 calc(var(--lado) + 8px) 104px;max-width:760px}
.capa-logo{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.capa-logo .marca{width:66px}
.capa-logo-txt{display:grid;gap:3px}
.capa-logo-nome{font:500 1.18rem/1.3 var(--serif);letter-spacing:.16em;text-transform:uppercase;overflow:hidden;padding-top:.12em}
.capa-logo-sub{font:500 .74rem/1.4 var(--sans);letter-spacing:.5em;text-transform:uppercase;color:var(--creme-2);overflow:hidden}
.capa-logo-nome>span,.capa-logo-sub>span{display:block}
.anim .capa-logo-nome>span{animation:sobe 1s var(--ease) .55s both}
.anim .capa-logo-sub>span{animation:sobe 1s var(--ease) .7s both}
@keyframes sobe{from{transform:translateY(105%)}to{transform:none}}
.capa-sobre{display:flex;align-items:center;gap:12px;font:500 .8rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--creme-2);margin-bottom:14px}
.traco{width:32px;height:1px;background:currentColor}
.capa-titulo{font:400 clamp(2.4rem,7vw,4.6rem)/.98 var(--serif);letter-spacing:-.02em}
.capa-reta{display:block}
.capa-gigante{display:block;font-style:italic;font-weight:300;font-size:var(--t-gigante);line-height:.92;letter-spacing:-.03em;margin-top:.04em;color:var(--papel-2)}
.anim .capa-titulo>*{animation:entra 1.1s var(--ease) both}
.anim .capa-titulo .capa-gigante{animation-delay:.12s}
@keyframes entra{from{opacity:0;transform:translateY(24px) scale(1.04)}to{opacity:1;transform:none}}
.capa-sub{margin:20px 0 26px;max-width:34em;color:var(--creme-2);font-size:1.05rem}
.anim .capa-sub,.anim .capa-acoes{animation:entra 1s var(--ease) .35s both}
.capa-acoes{display:flex;flex-wrap:wrap;gap:12px}
.capa-linha{position:absolute;z-index:5;left:var(--moldura-in);right:var(--moldura-in);bottom:var(--moldura-in);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;transform:translateY(50%);font:500 .74rem/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--creme)}
.capa-linha>*{background:var(--ardosia);padding:6px 10px}
.capa-explore{display:none;align-items:center;gap:10px;text-decoration:none}
.capa-explore i{width:1px;height:16px;background:currentColor;animation:respira 2.4s ease-in-out infinite}
@keyframes respira{50%{transform:scaleY(.4)}}
.capa-slide{display:flex;align-items:center;gap:10px;min-width:0}
.capa-num{white-space:nowrap}.capa-num b{font-weight:600}
.capa-barra{width:48px;height:1px;background:rgba(243,242,238,.3);overflow:hidden;flex:none}
.capa-barra i{display:block;height:100%;background:var(--creme);transform-origin:0 50%;transform:scaleX(0)}
.capa-local{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}
.capa-pausa{display:flex;align-items:center;gap:8px;min-height:32px;font:inherit;letter-spacing:inherit;text-transform:inherit}
.pausa-icone{width:8px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.capa-pausa.pausado .pausa-icone{border:0;width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.video-play{position:absolute;z-index:6;right:calc(var(--lado) + 6px);top:calc(var(--topo-h) + 18px);width:44px;height:44px;border-radius:50%;background:rgba(27,36,51,.55);color:var(--creme);display:grid;place-items:center;border:1px solid rgba(243,242,238,.4)}
.video-play svg{width:18px;height:18px}
.video-play[hidden]{display:none}
.capa-pessoa,.capa-nome,.capa-oab,.capa-chips,.capa-prova{display:none}
/* celular: ELA na frente (retrato nítido) sobre a sala desfocada, nome grande, áreas e prova de comunicadora */
@media (max-width:699px){
  .capa{justify-content:flex-start;min-height:100vh;min-height:100svh;background:var(--ardosia) url("img/escritorio/sala-desfocada.webp") 50% 0/cover no-repeat}
  .capa::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(27,36,51,.5) 0%,rgba(27,36,51,.62) 34%,rgba(27,36,51,.94) 56%,var(--ardosia) 72%)}
  .capa-fundo,.capa-veu,.capa-retrato,.capa-logo,.capa-sub,.capa-linha,.video-play{display:none!important}
  .capa-conteudo{padding:calc(var(--topo-h) + 6px) calc(var(--moldura-in) + 14px) 34px;max-width:none}
  .capa-pessoa{display:block;position:relative;margin:0 0 26px;padding-right:22%}
  .cp-retrato{margin:0;position:relative;box-shadow:0 26px 50px -24px rgba(5,8,14,.75)}
  .cp-retrato img{width:100%;height:clamp(250px,calc(100svh - 500px),470px);object-fit:cover;object-position:50% 15%;outline:1px solid rgba(255,255,255,.75);outline-offset:-9px}
  .cp-sala{position:absolute;right:0;bottom:-16px;width:40%;margin:0;box-shadow:0 18px 36px -16px rgba(5,8,14,.8);border:3px solid var(--ardosia)}
  .cp-sala img{width:100%;aspect-ratio:1/1;object-fit:cover}
  .cp-sala figcaption{position:absolute;left:8px;right:8px;bottom:7px;font:500 .66rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
  .cp-local{position:absolute;right:0;top:4px;width:22%;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:500 .7rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--creme-2)}
  .cp-local svg{width:18px;height:18px;color:var(--ouro-claro)}
  .capa-nome{display:block;font:400 clamp(2.2rem,10.2vw,2.75rem)/1 var(--serif);letter-spacing:-.02em;color:var(--papel-2)}
  .capa-oab{display:block;margin-top:8px;font:500 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--azul-claro)}
  .capa-sobre{display:none}
  .capa-titulo{margin-top:16px;font-size:clamp(1.45rem,6.4vw,1.75rem);line-height:1.12;color:var(--creme-2)}
  .capa-reta{display:inline}
  .capa-gigante{display:inline;font-size:1em;letter-spacing:-.01em;color:var(--papel-2)}
  .capa-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:16px 0 0;padding:0}
  .capa-chips li{padding:6px 12px;border:1px solid rgba(243,242,238,.3);border-radius:999px;font:500 .84rem/1.2 var(--sans);color:var(--creme)}
  .capa-prova{display:flex;align-items:center;gap:10px;margin-top:14px;font:400 .88rem/1.35 var(--sans);color:var(--creme-2)}
  .cp-icones{display:flex;gap:4px;flex:none}
  .cp-icones svg{width:18px;height:18px;color:var(--creme)}
  .capa-acoes{margin-top:20px;gap:2px}
  .capa-acoes .botao-claro{flex:1 1 100%}
  .capa-acoes .botao-vidro{flex:1 1 100%;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:46px}
  @media (max-width:380px){.capa-chips li{padding:5px 10px;font-size:.8rem}.capa-prova{font-size:.82rem}}
  .anim .capa-pessoa{animation:entra 1s var(--ease) both}
  .anim .cp-sala{animation:entra 1s var(--ease) .25s both}
  .anim .capa-nome,.anim .capa-oab{animation:entra 1s var(--ease) .1s both}
  .anim .capa-chips,.anim .capa-prova{animation:entra 1s var(--ease) .4s both}
}
/* tablet e computador: sala ao fundo + retrato emoldurado à direita */
@media (min-width:700px){
  .capa{justify-content:center}
  .capa-veu{background:linear-gradient(90deg,rgba(27,36,51,.9) 0%,rgba(27,36,51,.72) 38%,rgba(27,36,51,.25) 70%,rgba(27,36,51,.35) 100%),linear-gradient(180deg,rgba(27,36,51,.5) 0%,rgba(27,36,51,0) 20%,rgba(27,36,51,0) 78%,rgba(27,36,51,.7) 100%)}
  .capa-conteudo{padding:calc(var(--topo-h) + 40px) 0 120px calc(var(--lado) + 18px);max-width:min(58vw,820px)}
  .capa-retrato{display:block;position:absolute;z-index:4;right:calc(var(--lado) + 18px);top:50%;width:min(30vw,420px,calc((100svh - 230px) * .8));margin:0;transform:translateY(-46%)}
  .capa-retrato img{width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:0 30px 70px -30px rgba(10,14,22,.65);outline:1px solid rgba(243,242,238,.62);outline-offset:-12px}
  .capa-retrato figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:500 .74rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--creme-2)}
  .anim .capa-retrato{animation:retrato 1.4s var(--ease) .25s both}
  .capa-explore{display:inline-flex}
}
@keyframes retrato{from{opacity:0;clip-path:inset(12% 0 12% 0)}to{opacity:1;clip-path:inset(0)}}
@media (min-width:700px) and (orientation:portrait){
  .capa-conteudo{max-width:none;padding-right:calc(var(--lado) + 18px);padding-top:calc(var(--topo-h) + 40vh)}
  .capa-retrato{top:calc(var(--topo-h) + 40px);transform:none;width:min(38vw,330px)}
  .capa-veu{background:linear-gradient(180deg,rgba(27,36,51,.55) 0%,rgba(27,36,51,.2) 30%,rgba(27,36,51,.86) 62%,var(--ardosia) 92%)}
}
.sem-anim *{animation-play-state:paused!important}

/* ---------- apresentação ---------- */
.pessoa{padding:var(--secao) var(--lado) calc(var(--secao) * .7);background:var(--papel)}
.pessoa-grade{display:grid;gap:clamp(36px,5vw,80px);align-items:start;max-width:1320px;margin:0 auto}
.pessoa-midia{position:relative;max-width:640px;width:100%;justify-self:center}
.pessoa-janela{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--nevoa) url("vid/flavia-loop-cel.webp") center/cover}
.pessoa-janela video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pessoa-fala{opacity:0;transition:opacity .45s}
.pessoa.ouvindo .pessoa-fala{opacity:1}
.pessoa.ouvindo .pessoa-loop{opacity:0}
.pessoa-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,36,51,0) 55%,rgba(27,36,51,.55) 100%);pointer-events:none}
.pessoa-moldura{position:absolute;inset:12px;border:1px solid var(--moldura);pointer-events:none}
.pessoa-moldura .canto{border-color:var(--papel-2)}
.pessoa-moldura-txt{position:absolute;right:18px;bottom:-7px;padding:0 8px;font:500 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--papel-2);background:transparent;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.pessoa-ouvir{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px 0 14px;border-radius:999px;background:var(--papel-2);color:var(--ardosia);font:500 .92rem/1 var(--sans);box-shadow:0 10px 30px -12px rgba(10,14,22,.5)}
.pessoa-ouvir svg{width:20px;height:20px}
.pessoa-ouvir small{font:500 .78rem/1 var(--sans);color:var(--tinta-2);font-variant-numeric:tabular-nums}
.pessoa.ouvindo .pessoa-ouvir{opacity:0;pointer-events:none}
.pessoa-play{position:absolute;right:24px;top:24px;width:44px;height:44px;border-radius:50%;background:rgba(27,36,51,.55);color:var(--creme);display:grid;place-items:center}
.pessoa-play svg{width:18px;height:18px}
.pessoa-play[hidden]{display:none}
.pessoa-legenda{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);text-align:center;font:500 clamp(.95rem,1.6vw,1.15rem)/1.35 var(--sans);color:#fff;background:rgba(15,20,30,.72);padding:6px 12px;border-radius:6px}
.pessoa-legenda:empty{display:none}
.pessoa-controles{position:absolute;right:24px;top:24px;display:flex;gap:8px}
.pessoa-controles[hidden]{display:none}
.pessoa-controles button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;background:rgba(15,20,30,.62);color:#fff;font:500 .82rem/1 var(--sans)}
.pessoa-controles svg{width:16px;height:16px}
.pessoa-fim{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;background:rgba(27,36,51,.86);color:var(--creme);opacity:0;transition:opacity .45s}
.pessoa-fim.visivel{opacity:1}
.pessoa-fim[hidden]{display:none}
.pessoa-fim .marca{width:56px}
.pessoa-fim-nome{font:400 1.5rem/1.1 var(--serif)}
.pessoa-fim-botao{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--papel-2);color:var(--ardosia);font:500 .92rem/1 var(--sans);text-decoration:none;margin-top:6px}
.pessoa-nome{font:400 clamp(2.6rem,6.6vw,5.6rem)/.96 var(--serif);letter-spacing:-.02em}
.pessoa-nome>*{display:block;overflow:hidden;padding-bottom:.06em}
.pessoa-nome>*>span{display:block}
.pessoa-prazer{font-style:italic;font-weight:300;color:var(--azul-escuro);font-size:.62em}
.pessoa-cargo{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;font:500 .8rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.pessoa-frase{margin:34px 0 0;padding:0;font:400 clamp(1.35rem,2.3vw,1.9rem)/1.32 var(--serif);color:var(--tinta)}
.pessoa-frase em{color:var(--azul-escuro)}
.pessoa-assina{margin:18px 0 8px}
.assinatura{width:min(320px,80%);height:auto}
.assinatura text{font:400 76px/1 var(--script);fill:var(--azul-escuro)}
.pessoa-bio{color:var(--tinta-2);max-width:36em;margin-top:8px}
.pessoa-onde{margin:22px 0 0;display:grid;gap:10px}
.pessoa-onde dt{font:500 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.pessoa-onde dd{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.pessoa-onde dd span{padding:7px 14px;border:1px solid var(--linha);border-radius:999px;font-size:.92rem;background:var(--papel-2)}
.pessoa-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.pessoa-redes{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:22px;font-size:.88rem;color:var(--tinta-2)}
.pessoa-redes span{margin-right:6px}
.pessoa-redes a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--linha);border-radius:50%;color:var(--tinta-2);transition:color .25s,border-color .25s}
.pessoa-redes a:hover{color:var(--azul-escuro);border-color:var(--azul-escuro)}
.pessoa-redes svg{width:17px;height:17px}
.pessoa-numeros{max-width:1320px;margin:clamp(56px,7vw,100px) auto 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--linha)}
.pessoa-numeros>div{padding:22px 4px 18px;border-bottom:1px solid var(--linha);display:flex;flex-direction:column-reverse;gap:6px}
.pessoa-numeros>div:nth-child(odd){padding-right:14px;border-right:1px solid var(--linha)}
.pessoa-numeros>div:nth-child(even){padding-left:16px}
.pessoa-numeros dt{font:500 .8rem/1.35 var(--sans);color:var(--tinta-2)}
.pessoa-numeros dd{margin:0;font:300 clamp(2.4rem,5vw,3.8rem)/1 var(--serif);font-variant-numeric:lining-nums proportional-nums;color:var(--tinta)}
.pessoa-numeros small{font:400 max(.42em,14px)/1 var(--sans);color:var(--tinta-2)}
.pessoa-nota{max-width:1320px;margin:14px auto 0;font-size:.8rem;color:var(--tinta-2)}
@media (min-width:900px){
  .pessoa-grade{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
  .pessoa-midia{position:sticky;top:calc(var(--topo-h) + 28px)}
  .pessoa-numeros{grid-template-columns:repeat(4,1fr)}
  .pessoa-numeros>div{border-right:1px solid var(--linha);padding:26px 20px 22px!important}
  .pessoa-numeros>div:last-child{border-right:0}
}

/* ---------- manifesto + faixas ---------- */
.manifesto{padding:clamp(64px,9vw,130px) 0 clamp(54px,7vw,100px);background:var(--nevoa);overflow:hidden}
.manifesto-frase{padding:0 var(--lado);max-width:1200px;margin:0 auto;font:400 clamp(1.9rem,4.6vw,3.9rem)/1.08 var(--serif);letter-spacing:-.015em;text-align:center}
.manifesto-frase em{font-style:italic;font-weight:300;color:var(--azul-escuro)}
.faixa{margin-top:clamp(40px,6vw,80px);display:grid;gap:10px}
.faixa-l{display:flex;width:max-content;white-space:nowrap;font:400 clamp(1.05rem,2vw,1.5rem)/1.4 var(--serif);font-style:italic;color:var(--azul-escuro)}
.faixa-l span{padding-right:.4em}
.faixa-b{color:var(--tinta-2);font-style:normal;font-family:var(--sans);font-size:clamp(.88rem,1.4vw,1.05rem);letter-spacing:.12em;text-transform:uppercase}

/* ---------- áreas (capítulos laterais) ---------- */
.areas{background:var(--papel);padding:var(--secao) 0 calc(var(--secao) * .6)}
.areas-pino{position:relative}
.areas-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 var(--lado);margin-bottom:clamp(32px,4vw,56px)}
.areas-hud,.esc-hud{display:flex;align-items:center;gap:10px}
.hud-seta{width:46px;height:46px;border-radius:50%;border:1px solid var(--moldura-clara);display:grid;place-items:center;color:var(--tinta);transition:background-color .3s,color .3s,opacity .3s}
.hud-seta:hover:not(:disabled){background:var(--ardosia);color:var(--papel-2)}
.hud-seta:disabled{opacity:.35;cursor:default}
.hud-seta svg{width:18px;height:18px}
.hud-cont{font:500 .85rem/1 var(--sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;min-width:58px;text-align:center}
.areas-trilho{display:flex;gap:clamp(16px,2.4vw,36px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--lado) 8px;scroll-padding:0 var(--lado);scrollbar-width:none;overscroll-behavior-x:contain}
.areas-trilho::-webkit-scrollbar{display:none}
.area{flex:0 0 min(86vw,1040px);scroll-snap-align:start;display:grid;gap:22px;align-content:start}
.area-foto{position:relative;margin:0;overflow:hidden;aspect-ratio:1/1;background:var(--nevoa)}
.area-foto img{width:100%;height:100%;object-fit:cover}
.area-foto::after{content:"";position:absolute;inset:12px;border:1px solid var(--moldura);pointer-events:none}
.area-foto figcaption{position:absolute;left:24px;bottom:22px;font:500 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--papel-2);text-shadow:0 1px 10px rgba(0,0,0,.5)}
.area-txt h3{font:400 var(--t-h3)/1.06 var(--serif);letter-spacing:-.01em}
.area-txt h3 em{font-style:italic;font-weight:300;color:var(--azul-escuro)}
.area-txt>p{margin-top:14px;color:var(--tinta-2);max-width:34em}
.area-lista{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--linha)}
.area-lista li{padding:11px 0;border-bottom:1px solid var(--linha);font-size:1rem}
.area-acoes{margin-top:14px}
@media (min-width:700px){
  .area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;flex-basis:min(84vw,1080px)}
  .area-foto{aspect-ratio:4/5;max-height:72vh}
}
.areas.pinado .areas-trilho{overflow:visible;scroll-snap-type:none}

/* ---------- primeiro contato ---------- */
.contato1{padding:var(--secao) var(--lado);background:var(--papel-2);border-top:1px solid var(--linha)}
.contato1>*{max-width:1320px;margin-left:auto;margin-right:auto}
.passos{list-style:none;padding:0;margin:clamp(36px,5vw,64px) auto 0;display:grid;gap:0;counter-reset:p}
.passos li{position:relative;padding:24px 0 24px 64px;border-top:1px solid var(--linha)}
.passo-n{position:absolute;left:0;top:20px;font:300 2.4rem/1 var(--serif);color:var(--azul);font-variant-numeric:lining-nums}
.passos h3{font:500 1.18rem/1.3 var(--sans)}
.passos p{margin-top:6px;color:var(--tinta-2);max-width:30em}
.levar{margin-top:clamp(28px,4vw,48px);padding:24px;border:1px solid var(--moldura-clara);background:var(--papel)}
.levar h3{font:400 1.5rem/1.2 var(--serif)}
.levar ul{margin:10px 0 0;padding-left:1.1em;color:var(--tinta-2)}
.levar li{margin:4px 0}
@media (min-width:900px){
  .passos{grid-template-columns:repeat(4,1fr);gap:28px}
  .passos li{padding:28px 0 0;border-top:1px solid var(--tinta)}
  .passo-n{position:static;display:block;margin-bottom:18px}
  .levar{display:flex;gap:40px;align-items:baseline}
  .levar ul{display:flex;gap:30px;padding:0;list-style:none}
}

/* ---------- vídeos ---------- */
.direitos{padding:var(--secao) var(--lado);background:var(--ardosia);color:var(--creme)}
.direitos>*{max-width:1320px;margin-left:auto;margin-right:auto}
.direitos-cabeca{display:grid;gap:18px}
.direitos-cabeca p{color:var(--creme-2);max-width:34em}
.direitos-grade{display:grid;gap:28px;margin-top:clamp(36px,5vw,60px)}
.yt-caixa{position:relative;aspect-ratio:16/9;background:var(--ardosia-2);overflow:hidden}
.yt-caixa.yt-v{aspect-ratio:9/16}
.yt{position:absolute;inset:0;width:100%;height:100%;display:block}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.yt:hover img{transform:scale(1.03)}
.yt-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(243,242,238,.92);color:var(--ardosia);display:grid;place-items:center}
.yt-play svg{width:24px;height:24px;margin-left:3px}
.yt-dur{position:absolute;right:12px;bottom:12px;font:500 .78rem/1 var(--sans);font-variant-numeric:tabular-nums;background:rgba(15,20,30,.78);color:#fff;padding:5px 8px;border-radius:4px}
.yt-caixa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-destaque h3{margin-top:18px;font:400 var(--t-h3)/1.1 var(--serif)}
.video-destaque p,.video-lista p{margin-top:8px;color:var(--creme-2)}
.video-lista{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.video-lista li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:16px;align-items:center}
.video-lista h3{font:400 1.3rem/1.15 var(--serif)}
.video-lista .yt-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.video-lista .yt-play svg{width:18px;height:18px}
.curtos{margin-top:clamp(48px,6vw,80px)}
.curtos-titulo{font:500 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--creme-2);margin-bottom:18px}
.curtos-trilho{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--lado) * -1);padding:0 var(--lado)}
.curtos-trilho::-webkit-scrollbar{display:none}
.curto{flex:0 0 min(62vw,300px);scroll-snap-align:start}
.curto h3{margin-top:12px;font:400 1.2rem/1.2 var(--serif)}
.redes{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.redes a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--linha-clara);border-radius:999px;text-decoration:none;font:500 .92rem/1 var(--sans);color:var(--creme)}
.redes a:hover{background:var(--ardosia-2)}
.redes svg{width:18px;height:18px}
@media (min-width:900px){
  .direitos-cabeca{grid-template-columns:1.2fr 1fr;align-items:end}
  .direitos-grade{grid-template-columns:1.5fr 1fr;gap:44px}
  .curtos-trilho{margin:0;padding:0;overflow:visible}
  .curto{flex:0 0 min(23vw,290px)}
}

/* ---------- perguntas ---------- */
.perguntas{padding:var(--secao) var(--lado);background:var(--papel)}
.perguntas>*{max-width:980px;margin-left:auto;margin-right:auto}
.faq{margin-top:clamp(32px,4vw,52px);border-top:1px solid var(--tinta)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font:400 clamp(1.2rem,2vw,1.5rem)/1.25 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;flex:none;border-right:1.5px solid var(--azul-escuro);border-bottom:1.5px solid var(--azul-escuro);transform:rotate(45deg) translate(-3px,-3px);transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq details p{padding:0 0 24px;color:var(--tinta-2);max-width:42em}
.faq a{color:var(--azul-escuro);text-underline-offset:4px}
.faq-nota{margin-top:20px;font-size:.86rem;color:var(--tinta-2)}

/* ---------- escritório ---------- */
.escritorio{padding:var(--secao) var(--lado);background:var(--nevoa)}
.esc-grade{max-width:1320px;margin:0 auto;display:grid;gap:clamp(32px,5vw,72px);align-items:center}
.esc-galeria{position:relative;aspect-ratio:1600/1040;overflow:hidden;background:var(--papel);touch-action:pan-y}
.esc-foto{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s var(--ease)}
.esc-foto.ativo{opacity:1}
.esc-foto img{width:100%;height:100%;object-fit:cover}
.esc-foto figcaption{position:absolute;left:26px;bottom:26px;font:500 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.esc-moldura{position:absolute;inset:12px;border:1px solid var(--moldura);pointer-events:none}
.esc-moldura .canto{border-color:#fff}
.esc-hud{position:absolute;right:22px;bottom:16px;background:rgba(243,242,238,.92);border-radius:999px;padding:4px}
.esc-hud .hud-seta{width:40px;height:40px;border:0}
.esc-txt>p{margin-top:16px;color:var(--tinta-2);max-width:30em}
address{display:flex;gap:12px;margin-top:24px;font-style:normal;font-size:1.05rem}
address svg{width:22px;height:22px;flex:none;color:var(--azul-escuro);margin-top:2px}
.esc-links{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:16px}
@media (min-width:900px){.esc-grade{grid-template-columns:1.45fr 1fr}}
@media (max-width:699px){.esc-foto figcaption{top:26px;bottom:auto}}

/* ---------- agendar ---------- */
.agendar{position:relative;padding:calc(var(--secao) * 1.05) var(--lado);background:var(--ardosia);color:var(--creme);text-align:center;display:grid;justify-items:center}
.ag-moldura{position:absolute;inset:var(--moldura-in);border:1px solid var(--linha-clara);pointer-events:none}
.ag-moldura .canto{border-color:var(--creme-2)}
.ag-marca{width:70px;margin-bottom:26px}
.ag-txt{margin:20px 0 30px;max-width:32em;color:var(--creme-2)}
.ag-direto{margin-top:20px;color:var(--creme-2);font-size:.95rem}
.ag-direto a{color:var(--creme);font-weight:500;text-underline-offset:5px}

/* ---------- rodapé ---------- */
.rodape{background:#141B27;color:var(--creme-2);padding:56px var(--lado) 40px;display:grid;gap:28px;font-size:.92rem}
.rod-marca{display:flex;align-items:center;gap:14px}
.rod-marca .marca{width:46px}
.rod-nome{font:500 1.05rem/1.2 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--creme)}
.rod-nome span{display:block;font:500 .7rem/1.6 var(--sans);letter-spacing:.46em;color:var(--creme-2)}
.rod-col p{margin:4px 0}
.rodape a{color:var(--creme);text-underline-offset:4px}
.rod-redes{display:flex;gap:8px}
.rod-redes a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--linha-clara);border-radius:50%}
.rod-redes svg{width:18px;height:18px}
.rod-nota{font-size:.8rem;border-top:1px solid var(--linha-clara);padding-top:20px}
@media (min-width:900px){.rodape{grid-template-columns:1.2fr 1fr 1fr}.rod-nota{grid-column:1/-1}}

/* ---------- folha (pré-contato em 2 toques) ---------- */
.folha{width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 24px);border:0;padding:40px 28px 30px;background:var(--papel-2);color:var(--tinta);border-radius:14px;box-shadow:0 40px 100px -30px rgba(10,14,22,.6)}
.folha::backdrop{background:rgba(20,27,39,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.folha-fechar{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}
.folha-fechar:hover{background:var(--nevoa)}
.folha-fechar svg{width:20px;height:20px}
.folha-rot{font:500 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.folha-t{margin-top:12px;font:400 clamp(1.9rem,6vw,2.5rem)/1.05 var(--serif)}
.folha-t em{font-style:italic;font-weight:300;color:var(--azul-escuro)}
.folha-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chip{min-height:48px;padding:0 18px;border:1px solid var(--moldura-clara);border-radius:999px;background:var(--papel);font:500 1rem/1 var(--sans);transition:background-color .25s,color .25s,border-color .25s}
.chip:hover,.chip[aria-pressed="true"]{background:var(--ardosia);color:var(--papel-2);border-color:var(--ardosia)}
.folha-campo{display:grid;gap:8px;margin-top:24px;font:500 .9rem/1 var(--sans);color:var(--tinta-2)}
.folha-campo input{min-height:54px;padding:0 16px;border:1px solid var(--moldura-clara);border-radius:10px;background:#fff;color:var(--tinta);font:400 1.1rem/1 var(--sans)}
.folha-campo input::placeholder{color:#6B7483}
.folha-campo input:focus{outline:2px solid var(--azul);outline-offset:1px}
.folha-erro{margin-top:10px;color:#9B2C2C;font-size:.92rem}
.folha-enviar{width:100%;margin-top:18px}
.folha-voltar{margin-top:6px;text-align:center}
.folha-priv{margin-top:16px;font-size:.84rem;color:var(--tinta-2)}
.folha-priv a{color:var(--azul-escuro)}
.folha-ok-txt{margin-top:14px;color:var(--tinta-2)}
.folha-ok-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}