:root{
  --d-noite:#070d1a;
  --d-marinho:#0a172a;
  --d-marinho-2:#132442;
  --d-marinho-3:#172d54;
  --d-palheta:#0d1830;
  --d-creme:#f3e7d2;
  --d-creme-2:#cdbfa6;
  --d-ambar:#ffcf7a;
  --d-ambar-2:#c8842e;
  --d-madeira:#835c3b;
  --d-fonte-titulo:"Big Shoulders Display","Barlow Condensed","Arial Narrow",sans-serif;
  --d-fonte-texto:"Barlow","Helvetica Neue",Arial,sans-serif;
  --d-margem:clamp(16px,3.9vw,56px);
  --d-foto-l:min(40vw,62svh);
  /* painel: 31 palhetas no desktop (o par mais longo tem 31 letras) */
  --d-cols:31;
  --d-vao:2px;
  --d-cw:clamp(17px,calc((62vw - var(--d-margem) - 28px - 60px) / 31),27px);
  --d-ch:calc(var(--d-cw) * 1.52);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
a{color:inherit}
.d-oculto{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- hero ---------- */
.d-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--d-noite)}

/* malha de manchas: noite marinho, luz âmbar vindo de baixo */
.d-malha{position:absolute;inset:0;z-index:-3;overflow:hidden;background:
  radial-gradient(120% 90% at 20% 0%, #132442 0%, rgb(19 36 66 / 0) 62%),
  linear-gradient(#0a172a,#070d1a)}
.d-mancha{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}
.d-mancha-1{width:62vmax;height:46vmax;left:-14vmax;top:-18vmax;background:radial-gradient(closest-side in oklch,#172d54,rgb(23 45 84 / 0));animation:d-deriva-1 34s ease-in-out infinite alternate}
.d-mancha-2{width:56vmax;height:34vmax;left:-6vmax;bottom:-22vmax;background:radial-gradient(closest-side in oklch,rgb(200 132 46 / .62),rgb(200 132 46 / 0));animation:d-deriva-2 27s ease-in-out infinite alternate}
.d-mancha-3{width:30vmax;height:20vmax;left:22vw;bottom:-13vmax;background:radial-gradient(closest-side in oklch,rgb(255 207 122 / .42),rgb(255 207 122 / 0));animation:d-deriva-3 21s ease-in-out infinite alternate}
.d-mancha-4{width:46vmax;height:40vmax;right:4vw;bottom:-20vmax;background:radial-gradient(closest-side in oklch,rgb(131 92 59 / .6),rgb(131 92 59 / 0));animation:d-deriva-1 39s ease-in-out infinite alternate-reverse}
.d-mancha-5{width:40vmax;height:40vmax;left:34vw;top:6vmax;background:radial-gradient(closest-side in oklch,rgb(10 23 42 / .9),rgb(10 23 42 / 0));animation:d-deriva-2 31s ease-in-out infinite alternate-reverse}
@keyframes d-deriva-1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(6vmax,3vmax,0) scale(1.12)}}
@keyframes d-deriva-2{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vmax,-3vmax,0) scale(1.1)}}
@keyframes d-deriva-3{from{transform:translate3d(-5vmax,0,0) scale(.92)}to{transform:translate3d(8vmax,-2vmax,0) scale(1.16)}}
.d-grao{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

/* ---------- foto ---------- */
.d-foto{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:var(--d-foto-l);margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0 / .5) 20%,#000 44%),linear-gradient(180deg,#000 0,#000 58%,rgb(0 0 0 / .55) 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0 / .5) 20%,#000 44%),linear-gradient(180deg,#000 0,#000 58%,rgb(0 0 0 / .55) 78%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.d-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.d-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(7 13 26 / .72) 0,rgb(7 13 26 / 0) 17%)}

/* ---------- navegação ---------- */
.d-nav{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--d-margem) 0}
.d-marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.d-marca img{width:auto;height:46px;display:block}
.d-marca-txt{display:flex;flex-direction:column;line-height:1.15}
.d-marca-nome{font-family:var(--d-fonte-titulo);font-weight:800;font-size:1.18rem;letter-spacing:.06em;text-transform:uppercase}
.d-marca-oab{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--d-creme-2)}
.d-nav-links{display:flex;gap:28px;font-size:.92rem;font-weight:500;letter-spacing:.02em}
.d-nav-links a{text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;text-shadow:0 1px 10px rgb(7 13 26 / .9)}
.d-nav-links a:hover,.d-nav-links a:focus-visible{border-bottom-color:var(--d-ambar)}

/* ---------- conteúdo ---------- */
.d-corpo{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,3svh,40px) var(--d-margem) clamp(26px,5svh,52px);max-width:calc(100vw - var(--d-foto-l) + 9vw)}
.d-titulo{margin:0;font-family:var(--d-fonte-titulo);font-weight:900;text-transform:uppercase;font-size:clamp(3.5rem,min(8.6vw,15.5svh),8.6rem);line-height:.86;letter-spacing:.005em;color:var(--d-creme)}
.d-titulo span{display:block}
.d-titulo .d-titulo-pt{color:var(--d-ambar)}

/* painel de palhetas */
.d-cena{position:relative;margin-top:clamp(22px,4svh,40px);width:max-content;max-width:100%;perspective:1400px;perspective-origin:30% 50%}
.d-ripas{position:absolute;z-index:-1;left:-3%;right:-3%;top:-38%;bottom:-16%;pointer-events:none;
  background:radial-gradient(58% 100% at 50% 100%,rgb(255 207 122 / .5) 0,rgb(200 132 46 / .26) 36%,rgb(200 132 46 / 0) 72%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);
  mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);
  filter:blur(.6px);animation:d-arandela 17s ease-in-out infinite alternate}
@keyframes d-arandela{from{opacity:.72}to{opacity:1}}
.d-painel{position:relative;padding:12px 14px 14px;border-radius:8px;
  background:linear-gradient(180deg,#0a1222 0,#070d1a 62%,#1a1410 100%);
  box-shadow:0 0 0 1px rgb(243 231 210 / .09),0 1px 0 0 rgb(243 231 210 / .16) inset,0 -1px 0 0 rgb(255 207 122 / .38) inset,0 34px 60px -18px rgb(0 0 0 / .8),0 26px 70px -10px rgb(200 132 46 / .3);
  transform:rotateY(5deg) rotateX(1.5deg);transform-origin:0 50%;transform-style:preserve-3d}
.d-rotulo{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ambar)}
.d-rotulo::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgb(255 207 122 / .4),rgb(255 207 122 / 0))}
.d-rotulo-jur{color:var(--d-creme-2)}
.d-rotulo-jur::after{background:linear-gradient(90deg,rgb(205 191 166 / .32),rgb(205 191 166 / 0))}
.d-grupo + .d-grupo{margin-top:12px}
.d-linha{display:grid;grid-template-columns:repeat(var(--d-cols),var(--d-cw));gap:var(--d-vao);height:var(--d-ch)}
.d-linha + .d-linha{margin-top:calc(var(--d-vao) + 2px)}
.d-cel{position:relative;width:var(--d-cw);height:var(--d-ch);perspective:160px;font-family:var(--d-fonte-titulo);font-weight:800;font-size:calc(var(--d-ch) * .8);color:var(--d-creme);filter:drop-shadow(0 2px 2px rgb(0 0 0 / .55))}
.d-cel::after{content:"";position:absolute;z-index:5;left:0;right:0;top:calc(50% - .5px);height:1px;background:#03060d}
.d-m{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--d-palheta);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.d-m i{position:absolute;left:-4px;right:-4px;height:var(--d-ch);line-height:calc(var(--d-ch) * 1.03);text-align:center;font-style:normal}
.d-sup,.d-gsup{top:0;border-radius:3px 3px 0 0;transform-origin:50% 100%;background:linear-gradient(180deg,#142142 0,#0d1830 100%)}
.d-inf,.d-ginf{bottom:0;border-radius:0 0 3px 3px;transform-origin:50% 0;background:linear-gradient(180deg,#0b1529 0,#0d1830 55%,#1c2136 100%)}
.d-sup i,.d-gsup i{top:0}
.d-inf i,.d-ginf i{bottom:0}
.d-gsup,.d-ginf{z-index:3;visibility:hidden}
/* a luz âmbar pega a linha de baixo (português) */
.d-grupo-pt .d-cel{color:#fbeacb}
.d-grupo-pt .d-linha:last-child .d-inf,.d-grupo-pt .d-linha:last-child .d-ginf{background:linear-gradient(180deg,#0b1529 0,#0f1a31 45%,#3a2a1c 100%)}

.d-apoio{margin:clamp(22px,4svh,38px) 0 0;max-width:33em;font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.48;color:var(--d-creme)}
.d-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:clamp(18px,3svh,28px)}
.d-botao{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:6px;background:linear-gradient(180deg,#ffcf7a,#eaa94d);color:#0a172a;font-weight:600;font-size:1.04rem;text-decoration:none;box-shadow:0 14px 34px -12px rgb(200 132 46 / .75),0 1px 0 rgb(255 255 255 / .5) inset;transition:transform .2s ease,box-shadow .2s ease}
.d-botao svg{width:20px;height:20px;flex:none}
.d-botao:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgb(200 132 46 / .9),0 1px 0 rgb(255 255 255 / .5) inset}
.d-link{font-weight:500;text-decoration:none;padding:12px 0;border-bottom:1px solid rgb(243 231 210 / .5)}
.d-link:hover{border-bottom-color:var(--d-ambar);color:var(--d-ambar)}
.d-botao:focus-visible,.d-link:focus-visible,.d-nav a:focus-visible{outline:2px solid var(--d-ambar);outline-offset:4px}
.d-prova{display:flex;flex-wrap:wrap;gap:6px 22px;margin:clamp(16px,3svh,26px) 0 0;padding:0;list-style:none;font-size:.9rem;letter-spacing:.03em;color:var(--d-creme)}
.d-prova li{display:flex;align-items:center;gap:8px}
.d-prova li + li::before{content:"";width:1px;height:14px;background:rgb(243 231 210 / .4);margin-right:14px}
.d-prova svg{width:15px;height:15px;color:var(--d-ambar)}

/* entrada */
.d-entra{opacity:0;transform:translateY(14px);animation:d-entra .7s cubic-bezier(.2,.7,.2,1) forwards}
.d-entra-2{animation-delay:.12s}.d-entra-3{animation-delay:.24s}.d-entra-4{animation-delay:.36s}.d-entra-5{animation-delay:.48s}
@keyframes d-entra{to{opacity:1;transform:none}}

/* ---------- empilhado: tablet e celular (17 palhetas, tradução em duas linhas) ---------- */
@media (max-width:1180px){
  :root{--d-cols:17;--d-vao:2px;--d-cw:min(calc((100vw - 2 * var(--d-margem) - 20px - 32px) / 17),34px);--d-foto-a:clamp(250px,41svh,430px)}
  .d-foto{left:0;width:auto;bottom:auto;height:var(--d-foto-a);
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,rgb(0 0 0 / .5) 76%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0,#000 52%,rgb(0 0 0 / .5) 76%,transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add}
  .d-foto img{object-position:50% 27%}
  .d-foto::after{background:linear-gradient(180deg,rgb(7 13 26 / .8) 0,rgb(7 13 26 / 0) 26%)}
  .d-nav{padding-top:14px}
  .d-nav-links{display:none}
  .d-marca img{height:38px}
  .d-marca-nome{font-size:1.02rem}
  .d-marca-oab{font-size:.7rem;color:var(--d-creme)}
  .d-marca-txt{text-shadow:0 1px 8px rgb(7 13 26 / .9)}
  .d-corpo{justify-content:flex-start;max-width:none;padding-top:calc(var(--d-foto-a) - 62px - clamp(40px,14vw,84px));padding-bottom:30px}
  .d-titulo{font-size:clamp(3.1rem,15.4vw,6.4rem);text-shadow:0 2px 22px rgb(7 13 26 / .75)}
  .d-cena{margin-top:16px;perspective:900px}
  .d-painel{padding:9px 10px 11px;transform:rotateX(2deg);transform-origin:50% 100%}
  .d-rotulo{font-size:.62rem;margin-bottom:5px}
  .d-grupo + .d-grupo{margin-top:9px}
  .d-acoes{margin-top:16px}
  .d-apoio{margin-top:18px;font-size:1rem}
  .d-botao{min-height:52px;padding:0 22px}
  .d-ordem-acoes{order:3}.d-ordem-apoio{order:4}.d-ordem-prova{order:5}
  .d-prova{font-size:.84rem}
}
@media (max-width:420px){
  .d-prova li + li::before{display:none}
  .d-prova{flex-direction:column;gap:4px}
}

@media (prefers-reduced-motion:reduce){
  .d-entra{opacity:1;transform:none}
}
/* fora da tela, a malha também para */
.d-fora .d-mancha,.d-fora .d-ripas{animation-play-state:paused}

/* ===== BASE DO SITE — GF Advogados. Só eu (montagem) mexo aqui. ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px;overflow-x:clip}
body{margin:0;background:var(--d-noite);color:var(--d-creme);font-family:var(--d-fonte-texto);font-size:17px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--d-ambar);outline-offset:4px}
::selection{background:var(--d-ambar);color:var(--d-marinho)}
/* granulado único, fixo, por cima de tudo */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.d-hero .d-grao{display:none}

:root{
  --wf-ambar-tinta:#8a5514;          /* âmbar legível sobre papel creme (AA) */
  --wf-papel:#f3e7d2;
  --wf-papel-2:#e9d9bd;
  --wf-tinta:#0a172a;
  --wf-tinta-suave:#3b4660;
  --wf-suave:#cdbfa6;                /* texto de apoio sobre noite (AA) */
  --wf-fio:rgb(243 231 210 / .16);
  --wf-fio-ambar:rgb(255 207 122 / .42);
  --wf-raio:8px;
  --wf-largura:1240px;
  --wf-respiro:clamp(76px,10.5vw,150px);
  --wf-curva:cubic-bezier(.2,.7,.2,1);
}

/* ---------- seção: três superfícies ---------- */
.wf-secao{position:relative;isolation:isolate;padding:var(--wf-respiro) var(--d-margem);overflow:clip}
.wf-miolo{position:relative;max-width:var(--wf-largura);margin:0 auto}
/* noite (padrão): marinho com uma mancha âmbar baixa */
.wf-noite{background:
  radial-gradient(70% 55% at 85% 100% in oklch,rgb(131 92 59 / .34),rgb(131 92 59 / 0) 70%),
  radial-gradient(60% 60% at 10% 0% in oklch,#132442,rgb(19 36 66 / 0) 70%),
  linear-gradient(#070d1a,#0a172a 50%,#070d1a)}
/* madeira: a parede ripada do escritório, à meia-luz */
.wf-madeira{background:
  linear-gradient(180deg in oklab,rgb(7 13 26 / .93) 0,rgb(12 12 14 / .6) 16%,rgb(14 11 8 / .5) 55%,rgb(7 13 26 / .95) 100%),
  repeating-linear-gradient(90deg,rgb(40 20 4 / .45) 0 2px,rgb(255 225 170 / .07) 2px 3px,transparent 3px 15px),
  radial-gradient(60% 70% at 78% 30% in oklch,#c98f4c 0%,transparent 70%),
  radial-gradient(50% 60% at 22% 60% in oklch,#a8733a 0%,transparent 72%),
  linear-gradient(180deg,#8e6130,#77501f)}
/* papel: a cor da letra das palhetas vira folha */
.wf-papel{background:
  radial-gradient(60% 60% at 90% 0% in oklab,#f8efdf,rgb(248 239 223 / 0) 70%),
  radial-gradient(70% 60% at 0% 100% in oklab,#e6d2b0,rgb(230 210 176 / 0) 70%),
  var(--wf-papel);color:var(--wf-tinta)}
.wf-papel ::selection{background:var(--wf-tinta);color:var(--wf-papel)}
/* faixa de luz no topo de cada seção: a emenda faz parte do desenho */
.wf-secao::before{content:"";position:absolute;z-index:1;left:var(--d-margem);right:var(--d-margem);top:0;height:1px;background:linear-gradient(90deg,var(--wf-fio-ambar),rgb(255 207 122 / 0) 70%)}
.wf-papel::before{background:linear-gradient(90deg,rgb(10 23 42 / .5),rgb(10 23 42 / 0) 70%)}

/* ---------- tipografia comum ---------- */
.wf-rotulo{display:flex;align-items:center;gap:12px;margin:0 0 clamp(16px,2vw,26px);font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ambar)}
.wf-rotulo::after{content:"";flex:0 1 120px;height:1px;background:linear-gradient(90deg,var(--wf-fio-ambar),rgb(255 207 122 / 0))}
.wf-papel .wf-rotulo{color:var(--wf-ambar-tinta)}
.wf-papel .wf-rotulo::after{background:linear-gradient(90deg,rgb(138 85 20 / .6),rgb(138 85 20 / 0))}
.wf-titulo{margin:0;font-family:var(--d-fonte-titulo);font-weight:900;text-transform:uppercase;font-size:clamp(2.7rem,6.4vw,5.9rem);line-height:.88;letter-spacing:.005em;text-wrap:balance}
.wf-titulo em{font-style:normal;color:var(--d-ambar)}
.wf-papel .wf-titulo em{color:var(--wf-ambar-tinta)}
.wf-titulo-2{margin:0;font-family:var(--d-fonte-titulo);font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1;letter-spacing:.02em}
.wf-texto{margin:0;font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.55;max-width:34em}
.wf-texto + .wf-texto{margin-top:1em}
.wf-suave{color:var(--wf-suave)}
.wf-papel .wf-suave{color:var(--wf-tinta-suave)}
/* a fala do cliente: única voz em itálico do site */
.wf-fala{font-style:italic;font-weight:400}

/* ---------- ações ---------- */
.wf-botao{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:6px;background:linear-gradient(180deg,#ffcf7a,#eaa94d);color:#0a172a;font-weight:600;font-size:1.04rem;text-decoration:none;box-shadow:0 14px 34px -12px rgb(200 132 46 / .75),0 1px 0 rgb(255 255 255 / .5) inset;transition:transform .2s ease,box-shadow .2s ease}
.wf-botao svg{width:20px;height:20px;flex:none}
.wf-botao:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgb(200 132 46 / .9),0 1px 0 rgb(255 255 255 / .5) inset}
.wf-papel .wf-botao{background:linear-gradient(180deg,#132442,#0a172a);color:var(--wf-papel);box-shadow:0 14px 30px -14px rgb(10 23 42 / .8)}
.wf-link{font-weight:500;text-decoration:none;padding:10px 0;border-bottom:1px solid currentColor}
.wf-link:hover{color:var(--d-ambar);border-bottom-color:var(--d-ambar)}
.wf-papel .wf-link:hover{color:var(--wf-ambar-tinta);border-bottom-color:var(--wf-ambar-tinta)}

/* ---------- palheta estática (número ou letra em plaquinha) ---------- */
.wf-plaq{display:inline-flex;gap:2px;vertical-align:middle}
.wf-plaq b{position:relative;display:inline-grid;place-items:center;width:1.05em;height:1.5em;border-radius:3px;background:linear-gradient(180deg,#142142 0,#0d1830 49%,#0b1529 51%,#1c2136 100%);color:var(--d-creme);font-family:var(--d-fonte-titulo);font-weight:800;font-size:1em;line-height:1;box-shadow:0 2px 3px rgb(0 0 0 / .45)}
.wf-plaq b::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .5px);height:1px;background:#03060d}

/* ---------- revelar ao rolar: um gesto por seção ---------- */
.wf-js .wf-revela{opacity:0;transform:translateY(18px);transition:opacity .8s var(--wf-curva),transform .8s var(--wf-curva);transition-delay:calc(var(--wf-i,0) * 90ms)}
.wf-js .wf-revela.wf-visto{opacity:1;transform:none}

/* ---------- botão fixo do WhatsApp (celular) ---------- */
.wf-zap{position:fixed;z-index:80;right:14px;bottom:14px;display:none;align-items:center;gap:9px;min-height:52px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#ffcf7a,#eaa94d);color:#0a172a;font-weight:600;font-size:1rem;text-decoration:none;box-shadow:0 12px 30px -8px rgb(0 0 0 / .7),0 0 0 1px rgb(10 23 42 / .15);opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.wf-zap svg{width:20px;height:20px}
.wf-zap.wf-aparece{opacity:1;transform:none;pointer-events:auto}
@media (max-width:820px){.wf-zap{display:inline-flex}}


/* ===== pg ===== */
/* ===== pg — Perguntas (áreas de atuação) ===== */
.pg-topo{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt sinal" "abre sinal";gap:clamp(16px,2vw,26px) 48px;align-items:end;margin-bottom:clamp(34px,4.6vw,64px)}
.pg-topo-txt{grid-area:txt;min-width:0}
.pg .wf-rotulo{white-space:nowrap}
.pg .wf-titulo{font-size:clamp(3rem,8.2vw,7.4rem)}
.pg-abre{grid-area:abre;color:var(--wf-tinta-suave);max-width:30em}

/* a palheta do painel em escala de cartaz */
.pg-sinal{grid-area:sinal;align-self:center;position:relative;display:block;font-size:clamp(5.2rem,17vw,15.5rem);line-height:1;margin-right:clamp(0px,3vw,44px);rotate:4deg}
.pg-sinal::before{content:"";position:absolute;z-index:-1;left:-34%;right:-34%;bottom:-20%;height:62%;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 100%,rgb(200 132 46 / .7) 0,rgb(200 132 46 / .3) 40%,rgb(200 132 46 / 0) 72%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}
.pg-sinal b{position:relative;display:grid;place-items:center;width:.8em;height:1.18em;border-radius:.045em;font-family:var(--d-fonte-titulo);font-weight:900;font-size:1em;line-height:1;color:var(--d-creme);
  background:linear-gradient(180deg,#172d54 0,#0d1830 49.4%,#0a1326 50.6%,#0d1830 78%,#3a2a1c 100%);
  box-shadow:0 0 0 1px rgb(10 23 42 / .5),0 1px 0 rgb(243 231 210 / .22) inset,0 -1px 0 rgb(255 207 122 / .45) inset,0 .2em .34em -.12em rgb(10 23 42 / .7),0 .22em .5em -.08em rgb(200 132 46 / .5)}
.pg-sinal b::after{content:"";position:absolute;left:0;right:0;top:calc(50% - 1px);height:2px;background:#03060d;box-shadow:0 1px 0 rgb(243 231 210 / .08)}

.pg-lista{list-style:none;margin:0;padding:0}
.pg-item{display:grid;grid-template-columns:190px minmax(0,1.2fr) minmax(0,1fr);gap:16px 48px;align-items:start;padding:clamp(28px,3.3vw,48px) 0;border-bottom:1px solid rgb(10 23 42 / .2)}
.pg-meta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0;font-size:1.7rem}
.pg-meta .wf-plaq b{transition:color .3s ease}
.pg-area{font-size:.78rem;font-weight:600;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--wf-ambar-tinta)}
.pg-pergunta{margin:0;font-family:var(--d-fonte-texto);font-size:clamp(1.62rem,2.85vw,2.55rem);line-height:1.14;letter-spacing:-.012em;text-indent:-.42em;text-wrap:balance;transition:transform .5s var(--wf-curva)}
.pg-resposta{padding-left:22px;border-left:2px solid var(--wf-tinta);max-width:31em}
.pg-resposta p{margin:0;font-size:clamp(1.02rem,1.15vw,1.12rem);line-height:1.55;color:var(--wf-tinta-suave)}
.pg-resposta .pg-curta{margin-bottom:10px;font-family:var(--d-fonte-titulo);font-weight:800;font-size:clamp(1.6rem,2.25vw,2.05rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--wf-tinta)}
@media (hover:hover){
  .pg-item:not(.pg-destaque):not(.pg-fecho):hover .pg-pergunta{transform:translateX(10px)}
  .pg-item:not(.pg-destaque):hover .pg-meta .wf-plaq b{color:var(--d-ambar)}
}

/* a primeira pergunta: a noite do hero aberta sobre o papel */
.pg-destaque{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"meta meta" "perg resp";gap:clamp(22px,3vw,40px) 60px;align-items:end;padding:clamp(24px,3.6vw,52px) clamp(22px,4.2vw,60px) clamp(34px,4.6vw,66px);border:0;border-radius:var(--wf-raio);color:var(--d-creme);
  background:
    radial-gradient(70% 90% at 78% 120% in oklch,rgb(200 132 46 / .6),rgb(200 132 46 / 0) 70%),
    radial-gradient(60% 80% at 0% 0% in oklch,#172d54,rgb(23 45 84 / 0) 70%),
    linear-gradient(#0a172a,#070d1a);
  box-shadow:0 1px 0 rgb(243 231 210 / .16) inset,0 -1px 0 rgb(255 207 122 / .4) inset,0 40px 70px -30px rgb(10 23 42 / .7),0 30px 80px -24px rgb(200 132 46 / .45)}
.pg-destaque::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none;
  background:radial-gradient(60% 100% at 74% 100%,rgb(255 207 122 / .34) 0,rgb(200 132 46 / .16) 40%,rgb(200 132 46 / 0) 74%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}
.pg-destaque > *{position:relative;z-index:1}
.pg-destaque .pg-meta{grid-area:meta;flex-direction:row;align-items:center;gap:16px}
.pg-destaque .pg-area{color:var(--d-ambar)}
.pg-destaque .wf-plaq b{box-shadow:0 2px 3px rgb(0 0 0 / .5),0 0 0 1px rgb(243 231 210 / .1)}
.pg-destaque .pg-pergunta{grid-area:perg;font-size:clamp(2.15rem,5.4vw,4.9rem);line-height:1.03;letter-spacing:-.022em}
.pg-destaque .pg-resposta{grid-area:resp;border-left-color:var(--d-ambar)}
.pg-destaque .pg-resposta p{color:var(--wf-suave);font-size:clamp(1.04rem,1.25vw,1.2rem)}
.pg-resposta .pg-termo{display:flex;flex-direction:column;gap:10px;margin-top:clamp(18px,2vw,26px)}
.pg-resposta .pg-termo-rot{font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ambar)}
.pg-termo-plaqs{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:clamp(1.3rem,2vw,1.85rem);color:var(--d-creme)}
.pg-destaque + .pg-item{margin-top:clamp(10px,1.4vw,20px)}

/* a sétima linha é a do visitante */
.pg-fecho{border-bottom:0;align-items:center;padding-bottom:0}
.pg-fecho-titulo{margin:0;font-family:var(--d-fonte-titulo);font-weight:900;text-transform:uppercase;font-size:clamp(2.1rem,4.2vw,3.8rem);line-height:1;letter-spacing:.01em;text-wrap:balance}
.pg-fecho-acao{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.pg-nota{margin:0;font-size:.95rem;line-height:1.5;color:var(--wf-tinta-suave);max-width:30em}

@media (max-width:980px){
  .pg-topo{grid-template-areas:"txt sinal" "abre abre";column-gap:14px}
  .pg-sinal{align-self:end;margin-right:6px}
  .pg-item{grid-template-columns:minmax(0,1fr);gap:14px}
  .pg-meta{flex-direction:row;align-items:center;gap:12px;font-size:1.45rem}
  .pg-pergunta{text-indent:-.36em;padding-left:.36em}
  .pg-destaque{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "perg" "resp";gap:18px}
  .pg-destaque .pg-pergunta{padding-left:0;text-indent:0}
  .pg-resposta{padding-left:16px;margin-left:.2em}
  .pg-destaque .pg-resposta{margin-left:0}
  .pg-fecho{align-items:start}
  .pg-fecho-acao{align-items:stretch;width:100%}
  .pg-fecho .wf-botao{justify-content:center;padding:0 16px}
}
@media (max-width:520px){
  .pg-fecho .wf-botao{font-size:1rem}
}

/* ===== di ===== */
/* ===== di — Dicionário de juridiquês ===== */
.di-topo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:end;margin-bottom:clamp(30px,4vw,56px)}
.di .wf-titulo em{display:block}
.di .wf-rotulo{white-space:nowrap}
.di-guia{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:.5em}
.di-conta{display:flex;align-items:center;gap:10px;margin:0;font-size:1.9rem}
.di-conta-de{font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-suave)}
.di-abre{margin:0;color:var(--wf-suave);font-size:1.02rem}

.di-cena{position:relative;container-type:inline-size}
.di .di-painel{--d-cw:calc((100cqw - 44px - 58px) / 30);--d-ch:calc(var(--d-cw) * 1.52);transform:none;padding:18px 22px 24px}
.di .d-rotulo{font-size:.74rem;margin-bottom:9px}
.di .d-grupo + .d-grupo{margin-top:18px}
.di-ripas{position:absolute;z-index:-1;left:-4%;right:-4%;top:-26%;bottom:-19%;pointer-events:none;
  background:radial-gradient(58% 100% at 50% 100%,rgb(255 207 122 / .55) 0,rgb(200 132 46 / .28) 36%,rgb(200 132 46 / 0) 72%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}

/* lâmpada do painel: acende enquanto as palhetas giram */
.di-luz{position:absolute;right:22px;top:17px;width:7px;height:7px;border-radius:50%;background:#5a4526;transition:background .3s ease,box-shadow .3s ease}
.di-girando .di-luz{background:var(--d-ambar);box-shadow:0 0 10px 2px rgb(255 207 122 / .8)}
.di .d-rotulo-jur{padding-right:22px}

/* o índice: teclado de palavras, numerado como dicionário */
.di-termos{list-style:none;margin:clamp(38px,4.8vw,66px) 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px clamp(22px,3.2vw,46px);counter-reset:di}
.di-termos li{counter-increment:di}
.di-termo{position:relative;display:flex;align-items:flex-start;gap:7px;min-height:52px;padding:8px 0;border:0;background:none;color:rgb(243 231 210 / .7);font-family:var(--d-fonte-titulo);font-weight:800;font-size:clamp(1.5rem,2.75vw,2.5rem);line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .25s ease;-webkit-tap-highlight-color:transparent}
.di-termo::before{content:counter(di,decimal-leading-zero);font-family:var(--d-fonte-texto);font-weight:600;font-size:.72rem;line-height:1;letter-spacing:.1em;color:rgb(255 207 122 / .78);padding-top:.15em;min-width:1.75em;font-variant-numeric:tabular-nums}
.di-termo::after{content:"";position:absolute;left:0;right:0;top:calc(8px + 1em + 2px);height:2px;background:var(--d-ambar);box-shadow:0 0 14px 1px rgb(255 207 122 / .7);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--wf-curva)}
.di-termo:hover{color:var(--d-creme)}
.di-termo[aria-pressed="true"]{color:var(--d-ambar)}
.di-termo[aria-pressed="true"]::after{transform:scaleX(1)}
.di-termo:focus-visible{outline:2px solid var(--d-ambar);outline-offset:6px;border-radius:2px}

.di-fecho{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 40px;margin-top:clamp(36px,5vw,64px);padding-top:clamp(24px,3vw,38px);border-top:1px solid var(--wf-fio)}
.di-fecho-fala{max-width:22em;text-wrap:balance}
.di-fecho-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:1.06rem;color:var(--d-ambar);border-bottom-color:rgb(255 207 122 / .6)}
.di-fecho-link svg{width:20px;height:20px;flex:none}
.di .di-fecho-link:hover{color:var(--d-creme);border-bottom-color:var(--d-creme)}

@media (min-width:761px){
  .di-cena{perspective:1800px;perspective-origin:50% 120%}
  .di .di-painel{transform:rotateX(4deg);transform-origin:50% 100%}
}
@media (max-width:760px){
  .di-topo{grid-template-columns:minmax(0,1fr);margin-bottom:22px}
  .di-guia{flex-direction:row;align-items:center;gap:16px;padding-bottom:0}
  .di-conta{font-size:1.4rem;flex:none}
  .di-abre{font-size:.98rem;line-height:1.35}
  .di-cena{position:sticky;top:8px;z-index:3}
  .di .di-painel{--d-cw:calc((100cqw - 20px - 32px) / 17);padding:9px 10px 12px}
  .di .d-rotulo{font-size:.62rem;margin-bottom:5px}
  .di .d-grupo + .d-grupo{margin-top:9px}
  .di-luz{right:11px;top:10px;width:6px;height:6px}
  .di-termos{margin-top:26px;gap:0 20px}
  .di-termo{font-size:1.5rem;min-height:48px;padding:12px 0 10px}
  .di-termo::after{top:calc(12px + 1em + 1px)}
  .di-termo::before{font-size:.66rem}
}

/* ===== qm ===== */
/* ===== qm — Quem responde ===== */
.qm{--qm-fora:max(var(--d-margem),calc((100vw - var(--wf-largura)) / 2));--qm-sobe:clamp(60px,8vw,118px)}
/* a luz âmbar sobe por baixo da frase, onde a foto se desfaz */
.qm::after{content:"";position:absolute;z-index:-2;left:-10%;width:70%;bottom:8%;height:46%;background:radial-gradient(50% 50% at 40% 55% in oklch,rgb(200 132 46 / .26),rgb(200 132 46 / 0) 100%)}
.qm-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,5vw,76px);grid-template-areas:"foto cabeca" "foto texto" "epi epi" "cartao cartao" "dados dados"}
.qm-cabeca{grid-area:cabeca;align-self:end;padding-top:clamp(0px,1vw,14px)}
.qm-texto{grid-area:texto;margin-top:clamp(20px,2.4vw,32px);padding-bottom:calc(var(--qm-sobe) + clamp(28px,4vw,56px))}

/* a voz de quem chegou: é para ela que ele está olhando */
.qm-pergunta{position:relative;margin:0 0 clamp(16px,1.8vw,24px);padding-left:20px;font-size:clamp(1.3rem,2.1vw,1.85rem);line-height:1.25;color:var(--d-creme);max-width:22em}
.qm-pergunta::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:2px;background:linear-gradient(180deg,var(--d-ambar),rgb(255 207 122 / .15))}

/* a foto sangra pela esquerda e se desfaz na noite por cima, pela direita e por baixo: a parede ripada vira parede da seção.
   recorte: da cabeça ao joelho; os quadros da parede ficam na faixa que some no escuro */
.qm-foto{grid-area:foto;position:relative;z-index:-1;align-self:start;margin:calc(-.62 * var(--wf-respiro)) 0 0 calc(-1 * min(var(--qm-fora),200px));aspect-ratio:4/5.3;overflow:hidden;--qm-z:1.36;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 60%,rgb(0 0 0 / .45) 83%,transparent 100%),linear-gradient(180deg,transparent 0,rgb(0 0 0 / .05) 3.5%,rgb(0 0 0 / .32) 7%,#000 10.5%,#000 62%,rgb(0 0 0 / .5) 82%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 60%,rgb(0 0 0 / .45) 83%,transparent 100%),linear-gradient(180deg,transparent 0,rgb(0 0 0 / .05) 3.5%,rgb(0 0 0 / .32) 7%,#000 10.5%,#000 62%,rgb(0 0 0 / .5) 82%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.qm-foto-img{position:absolute;max-width:none;width:calc(var(--qm-z) * 100%);height:auto;left:-14%;top:-61.1%}

/* a frase dele: a maior coisa da seção, por cima do pé da foto */
.qm-epigrafe{grid-area:epi;position:relative;margin:calc(-1 * var(--qm-sobe)) 0 0;padding-left:clamp(0px,6.6vw,96px)}
.qm-aspa{position:absolute;left:0;top:-.12em;font-family:var(--d-fonte-titulo);font-weight:900;font-size:clamp(5rem,11vw,10rem);line-height:1;color:var(--d-ambar)}
.qm-epigrafe p{margin:0;font-family:var(--d-fonte-titulo);font-weight:700;text-transform:uppercase;font-size:clamp(2.3rem,6.9vw,6.4rem);line-height:.9;letter-spacing:.01em;text-wrap:balance;color:var(--d-creme);text-shadow:0 2px 26px rgb(7 13 26 / .7)}
.qm-epigrafe em{font-style:normal;color:var(--d-ambar)}

/* o cartão dele, em plaquinhas, assina a frase */
.qm-cartao{grid-area:cartao;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:clamp(22px,2.6vw,34px);padding-left:clamp(0px,6.6vw,96px)}
.qm-cartao-rotulo{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-suave)}
.qm-palavras{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;font-size:clamp(1.2rem,1.7vw,1.5rem)}

/* dados em uma linha só: é a assinatura */
.qm-dados{grid-area:dados;display:flex;flex-wrap:wrap;gap:8px 0;margin:clamp(34px,4.6vw,60px) 0 0;padding:18px 0 0;list-style:none;border-top:1px solid var(--wf-fio);font-size:.96rem;letter-spacing:.02em;color:var(--wf-suave)}
.qm-dados li{display:flex;align-items:center}
.qm-dados li + li::before{content:"";width:1px;height:14px;margin:0 18px;background:rgb(243 231 210 / .4)}
.qm-dados li:first-child{font-weight:600;color:var(--d-creme)}

@media (max-width:1180px){
  .qm-dados{font-size:.88rem}
  .qm-dados li + li::before{margin:0 11px}
}
@media (max-width:900px){
  .qm{--qm-sobe:0px}
  .qm::after{left:-20%;width:140%;bottom:10%;height:30%}
  .qm-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cabeca" "foto" "texto" "epi" "cartao" "dados"}
  .qm-foto{margin:14px calc(-1 * var(--d-margem)) 0;aspect-ratio:1/1.12;--qm-z:1.3;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,rgb(0 0 0 / .05) 3.5%,rgb(0 0 0 / .32) 7%,#000 10.5%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgb(0 0 0 / .05) 3.5%,rgb(0 0 0 / .32) 7%,#000 10.5%,#000 74%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
  .qm-foto-img{left:-15%;top:-70.2%}
  .qm-texto{margin-top:-22px;padding-bottom:0}
  .qm-pergunta{font-size:1.32rem;padding-left:16px}
  .qm-epigrafe{margin-top:64px;padding-left:0;padding-top:.5em}
  .qm-aspa{top:-.42em;font-size:5.4rem}
  .qm-epigrafe p{font-size:clamp(2.5rem,12.4vw,4rem)}
  .qm-cartao{padding-left:0;margin-top:22px}
  .qm-palavras{gap:8px 12px;font-size:1.16rem}
  .qm-dados{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin-top:34px;padding-top:4px}
  .qm-dados li{padding:10px 0;border-bottom:1px solid var(--wf-fio)}
  .qm-dados li:nth-child(3),.qm-dados li:nth-child(4){grid-column:1 / -1}
  .qm-dados li:nth-child(4){grid-column:1;border-bottom:0}
  .qm-dados li:nth-child(5){border-bottom:0;color:var(--d-ambar);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
  .qm-dados li + li::before{display:none}
  .qm-dados li:nth-child(2),.qm-dados li:nth-child(5){justify-content:flex-end;padding-left:20px}
}

/* ===== cv ===== */
/* ===== cv — Como é a primeira conversa ===== */
.cv-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(28px,5vw,76px);grid-template-areas:"cabeca tempos" "cena tempos" "fecho tempos"}
.cv-cabeca{grid-area:cabeca}

/* painel de uma linha: a frase muda, a palheta é a mesma do hero */
.cv-cena{grid-area:cena;container-type:inline-size;max-width:622px;margin-top:clamp(26px,3.4vw,44px);--cv-ch:calc(min(calc((100cqw - 50px) / 11),52px) * 1.52)}
.cv .cv-painel{width:max-content;max-width:100%;transform:none;--d-cw:min(calc((100cqw - 50px) / 11),52px);--d-ch:calc(var(--d-cw) * 1.52);box-shadow:0 0 0 1px rgb(10 23 42 / .5),0 1px 0 0 rgb(243 231 210 / .16) inset,0 -1px 0 0 rgb(255 207 122 / .38) inset,0 30px 50px -22px rgb(10 23 42 / .75),0 26px 60px -14px rgb(200 132 46 / .5)}
.cv:not(.cv-vivo) .cv-cena{display:none}
.cv-painel-rotulo{margin-bottom:8px;white-space:nowrap}
.cv-painel-rotulo::after{order:1}
.cv-painel-n{display:inline-block;min-width:.9em;margin:0 -.1em;text-align:center;color:var(--d-creme)}
.cv-pontos{order:2;display:inline-flex;gap:5px}
.cv-pontos i{width:6px;height:6px;border-radius:50%;background:rgb(243 231 210 / .22);transition:background .3s ease,box-shadow .3s ease}
.cv[data-cv-tempo="1"] .cv-pontos i:nth-child(1),.cv[data-cv-tempo="2"] .cv-pontos i:nth-child(-n+2),.cv[data-cv-tempo="3"] .cv-pontos i{background:var(--d-ambar);box-shadow:0 0 8px rgb(255 207 122 / .7)}
/* a luz do painel escorre pelas ripas, como no hero, agora sobre o papel */
.cv-cena{position:relative}
.cv-ripas{position:absolute;z-index:-1;left:1.5%;right:1.5%;top:60%;height:calc(var(--cv-ch,60px) * 1.25);pointer-events:none;
  background:linear-gradient(180deg,rgb(138 85 20 / .55),rgb(200 132 46 / .3) 45%,rgb(200 132 46 / 0));
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}

/* os três tempos */
.cv-tempos{grid-area:tempos;margin:0;padding:0;list-style:none}
.cv-tempo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px clamp(16px,2vw,26px);padding:clamp(24px,2.8vw,36px) 0 clamp(26px,3vw,40px);border-top:1px solid rgb(10 23 42 / .22)}
.cv-tempo::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--wf-tinta);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--wf-curva)}
.cv-tempo.cv-ativo::before{transform:scaleX(1)}
.cv-num{grid-row:1 / span 2;align-self:start;font-size:clamp(2rem,3vw,2.6rem)}
.cv-num b{transition:color .3s ease}
.cv-ativo .cv-num b{color:var(--d-ambar)}
.cv-verbo{font-size:clamp(1.9rem,3.4vw,3rem);line-height:.95;color:var(--wf-tinta-suave);transition:color .3s ease}
.cv-ativo .cv-verbo{color:var(--wf-tinta)}
.cv-botao{appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cv-botao::after{content:"";position:absolute;inset:0}
.cv-botao:focus-visible{outline:none}
.cv-tempo:has(.cv-botao:focus-visible){outline:2px solid var(--wf-ambar-tinta);outline-offset:4px}
.cv-fala-dele{grid-column:2;color:var(--wf-tinta);font-size:clamp(1.04rem,1.35vw,1.24rem)}
/* um exemplo corre pelos dois primeiros tempos: a pergunta dela, a tradução dele */
.cv-exemplo{grid-column:2;display:flex;flex-direction:column;gap:6px;margin:10px 0 0;padding-left:16px;border-left:2px solid rgb(138 85 20 / .55)}
.cv-exemplo-rotulo{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wf-ambar-tinta)}
.cv-exemplo .wf-fala{font-size:clamp(1.12rem,1.5vw,1.36rem);line-height:1.3;color:var(--wf-tinta)}
.cv-termo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:clamp(1.04rem,1.35vw,1.2rem);color:var(--wf-tinta)}
.cv-termo .wf-plaq{font-size:1.16rem}
.cv-quer-dizer{font-weight:500}

.cv-fecho{grid-area:fecho;align-self:end;margin-top:clamp(40px,5vw,72px);padding-top:22px;border-top:1px solid rgb(10 23 42 / .22)}
.cv-fecho .wf-texto{max-width:26em}
.cv-fecho .wf-botao{margin-top:22px}

@media (max-width:900px){
  .cv-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"cabeca" "cena" "tempos" "fecho"}
  /* no celular o painel acompanha a leitura dos três tempos */
  .cv-cena{margin-top:22px;position:sticky;top:8px;z-index:3}
  .cv-ripas{height:44px}
  .cv-exemplo{padding-left:12px}
  .cv .cv-painel{padding:9px 10px 11px;--d-cw:min(calc((100cqw - 40px) / 11),52px)}
  .cv-tempos{margin-top:30px}
  .cv-fecho{margin-top:0;padding-top:24px}
}

/* ===== es ===== */
/* ===== es — O escritório: a página é a parede ===== */
.es{--es-al:84px;--es-foto-l:clamp(330px,31vw,430px);padding-top:calc(var(--wf-respiro) * .62)}
.es-defs{position:absolute}
.es-grade{display:grid;grid-template-columns:minmax(0,1fr) var(--es-foto-l);column-gap:clamp(24px,3.4vw,52px);align-items:start}
.es-parede{min-width:0}

/* fileira desenhada: continua a linha de fuga das arandelas da foto (maiores e mais altas à esquerda) */
.es-fileira{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:0 3% 0 1.5%;margin:0 0 calc(var(--es-al) * -.2)}
/* clarão na parede: aproxima as ripas da página das ripas da foto */
.es-fileira::before{content:"";position:absolute;z-index:-1;left:-12%;right:-30%;top:-40%;bottom:-110%;pointer-events:none;background:radial-gradient(50% 50% at 50% 42% in oklab,rgb(214 150 72 / .4),rgb(201 143 76 / .16) 48%,rgb(201 143 76 / 0) 72%)}
.es-ara{position:relative;flex:none;display:block;width:var(--es-l);aspect-ratio:120 / 230}
.es-ara-3{--es-l:calc(var(--es-al) * 1.44);--es-n:2;margin-top:0}
.es-ara-2{--es-l:calc(var(--es-al) * 1.2);--es-n:1;margin-top:calc(var(--es-al) * .36)}
.es-ara-1{--es-l:var(--es-al);--es-n:0;margin-top:calc(var(--es-al) * .68)}
.es-luz{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.es-ara::after{content:"";position:absolute;left:2%;right:2%;top:33.5%;height:13.5%;border-radius:calc(var(--es-l) * .1) calc(var(--es-l) * .1) 2px 2px;background:linear-gradient(180deg,#39404d 0,#1b202b 34%,#0b0e15 100%);box-shadow:0 1px 0 rgb(255 255 255 / .16) inset,0 -6px 14px -8px rgb(0 0 0 / .8)}
.es-ara::before{content:"";position:absolute;left:-110%;right:-110%;top:-30%;bottom:-50%;background:radial-gradient(50% 50% at 50% 46% in oklab,rgb(255 190 96 / .38),rgb(230 150 50 / .13) 45%,rgb(230 150 50 / 0) 70%);pointer-events:none}
.wf-js .es:not(.es-acesa) .es-luz,.wf-js .es:not(.es-acesa) .es-ara::before,.wf-js .es:not(.es-acesa) .es-fileira::before{opacity:0}
.es-fileira::before{transition:opacity 2.2s ease .5s}
.es-acesa .es-luz{animation:es-acende 1.15s linear both;animation-delay:calc(var(--es-n) * .34s + .25s)}
.es-acesa .es-ara::before{animation:es-acende 1.15s linear both,es-respira 8.5s ease-in-out infinite alternate;animation-delay:calc(var(--es-n) * .34s + .25s),calc(var(--es-n) * 1.3s + 2.4s)}
@keyframes es-acende{0%{opacity:0}8%{opacity:.75}14%{opacity:.12}26%{opacity:.9}32%{opacity:.4}46%,100%{opacity:1}}
@keyframes es-respira{from{opacity:1}to{opacity:.66}}

.es-rotulo{margin-bottom:clamp(12px,1.4vw,18px)}
.es-titulo{font-size:clamp(3.6rem,9.3vw,8.9rem);line-height:.84;text-shadow:0 3px 34px rgb(7 13 26 / .5)}
.es-titulo span,.es-titulo em{display:block}
.es-conta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2.6vw,40px);margin-top:clamp(24px,3vw,40px);max-width:720px}
.es-conta .wf-texto + .wf-texto{margin-top:0}
.es-claro{color:#e6d9bf}

.es-foto{margin:0;position:relative}
.es-foto figcaption{margin-top:12px;font-size:.86rem;letter-spacing:.03em;color:#e6d9bf}
/* a sala: a borda da foto se desfaz nas ripas da página */
.es-foto-sala{margin-top:calc(var(--es-al) * .78)}
.es-foto-sala img{width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0 / .55) 9%,#000 24%),linear-gradient(180deg,#000 0,#000 80%,rgb(0 0 0 / .5) 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0 / .55) 9%,#000 24%),linear-gradient(180deg,#000 0,#000 80%,rgb(0 0 0 / .5) 92%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.es-foto-sala figcaption{text-align:right;margin-top:0}

/* metade de baixo: a mesa e o que disseram do lugar */
.es-baixo{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,76px);align-items:center;margin-top:clamp(30px,3.6vw,54px)}
.es-foto-mesa img{width:100%;border-radius:4px;box-shadow:0 0 0 1px rgb(243 231 210 / .14),0 34px 60px -20px rgb(0 0 0 / .85),0 26px 70px -14px rgb(200 132 46 / .34)}
.es-dizem-rot{margin:0 0 18px;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--d-ambar)}
.es-vozes{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.es-vozes q{display:block;font-size:clamp(1.6rem,3.3vw,2.9rem);line-height:1.08;quotes:"“" "”";text-wrap:balance}
.es-vozes li:nth-child(2){padding-left:clamp(0px,5vw,74px)}
.es-vozes span{display:block;margin-top:7px;font-size:.86rem;letter-spacing:.06em;color:#e6d9bf}
.es-servico{margin:clamp(28px,3.4vw,46px) 0 0;border-top:1px solid var(--wf-fio-ambar)}
.es-servico div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--wf-fio)}
.es-servico dt{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--d-ambar)}
.es-servico dd{margin:0;font-size:1.04rem;line-height:1.4}
.es-junto{white-space:nowrap}
.es-mapa{display:inline-block;margin-top:14px}

@media (max-width:980px){
  .es{--es-al:58px;padding-top:calc(var(--wf-respiro) * .7)}
  .es-grade{grid-template-columns:minmax(0,1fr)}
  .es-parede{display:contents}
  .es-fileira{order:1;padding:0 6% 0 0;margin-bottom:6px}
  .es-fileira::before{left:-20%;right:-20%}
  .es-rotulo{order:2}
  .es-titulo{order:3;font-size:clamp(3.5rem,19vw,7rem)}
  .es-foto-sala{order:4;margin-top:22px}
  .es-foto-sala img{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%)}
  .es-foto-sala figcaption{text-align:left}
  .es-conta{order:5;grid-template-columns:minmax(0,1fr);gap:.8em;margin-top:22px}
  .es-baixo{order:6;grid-template-columns:minmax(0,1fr);margin-top:30px;gap:34px}
  .es-foto-mesa img{aspect-ratio:4 / 3;object-fit:cover;object-position:70% 30%}
  .es-servico div{grid-template-columns:minmax(0,1fr);gap:3px}
}
@media (min-width:600px) and (max-width:980px){
  .es-foto-sala{max-width:440px}
  .es-baixo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
}
@media (min-width:1200px){
  /* a foto da mesa sobe para a parede sob o texto; as frases penduram sob a foto da sala; o serviço fecha a largura toda */
  .es-grade{grid-template-rows:auto 1fr auto auto;row-gap:0}
  .es-baixo,.es-dizem{display:contents}
  .es-parede{grid-column:1;grid-row:1}
  .es-foto-sala{grid-column:2;grid-row:1 / span 2}
  .es-foto-mesa{grid-column:1;grid-row:2 / span 2;width:68%;margin-top:clamp(34px,3.6vw,54px)}
  .es-ditos{grid-column:2;grid-row:3;margin-top:34px}
  .es-vozes q{font-size:clamp(1.7rem,2.5vw,2.25rem)}
  .es-vozes li:nth-child(2){padding-left:44px}
  .es-servico{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);column-gap:36px;padding-right:250px;margin-top:clamp(40px,4.4vw,64px);border-bottom:0}
  .es-servico div{grid-template-columns:minmax(0,1fr);gap:5px;padding:16px 0 0;border-bottom:0}
  .es-mapa{grid-column:2;grid-row:4;justify-self:end;align-self:end;margin:0}
}

/* ===== av ===== */
/* ===== av — Avaliações ===== */
.av-fig,.av blockquote,.av blockquote p{margin:0}
.av-topo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,72px);align-items:end}
.av-titulo span,.av-titulo em{display:block}

/* a nota, em painel de palhetas */
.av-nota{margin-bottom:-6px}
.av-cena{position:relative;width:max-content;max-width:100%;perspective:1200px;perspective-origin:70% 50%}
.av-luz{position:absolute;z-index:-1;left:-4%;right:-4%;top:-20%;bottom:-17%;pointer-events:none;
  background:radial-gradient(58% 100% at 50% 100%,rgb(255 207 122 / .5) 0,rgb(200 132 46 / .26) 36%,rgb(200 132 46 / 0) 72%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);filter:blur(.6px)}
.av .av-painel{transform:rotateY(-4deg) rotateX(1.5deg);transform-origin:100% 50%}
.av-cels{font-family:var(--d-fonte-titulo);font-weight:800;text-transform:uppercase}
.av-cels-g{--d-cw:clamp(52px,5vw,64px);--d-ch:calc(var(--d-cw) * 1.5);--d-vao:3px;font-size:calc(var(--d-cw) * 1.2);line-height:1.25}
/* a vírgula ganha palheta estreita */
.av-cels-g .d-linha{grid-template-columns:var(--d-cw) calc(var(--d-cw) * .5) var(--d-cw)}
.av-cels-g .d-cel:nth-child(2){width:calc(var(--d-cw) * .5)}
.av-cels-p{--d-cw:clamp(17px,1.72vw,22.500px);--d-ch:calc(var(--d-cw) * 1.52);--d-vao:2px;font-size:1.5rem;line-height:1.3;color:#fbeacb}
.av-rot-2{margin-top:12px}
.av-linha-g{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
/* cinco leques acesos: a nota máxima dita com a luz da sala, no lugar das estrelas */
.av-lumes{position:relative;display:flex;gap:2px;height:calc(clamp(52px,5vw,64px) * 1.5);padding:13px 5px 0;align-items:stretch}
.av-lumes::after{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#39404d 0,#1b202b 40%,#0b0e15 100%);box-shadow:0 1px 0 rgb(255 255 255 / .16) inset}
.av-lumes i{display:block;width:clamp(15px,1.5vw,19px);border-radius:50% 50% 0 0 / 15% 15% 0 0;background:linear-gradient(180deg,#fff3cf 0,rgb(255 210 124 / .95) 13%,rgb(240 160 64 / .4) 48%,rgb(224 138 40 / 0) 88%);filter:blur(.5px)}
.wf-js .av:not(.av-acesa) .av-lumes i{opacity:0}
.av-acesa .av-lumes i{animation:av-acende .7s linear both;animation-delay:calc(var(--av-n) * .16s)}
@keyframes av-acende{0%{opacity:0}18%{opacity:.8}30%{opacity:.2}60%,100%{opacity:1}}
.av-nota-pe{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 18px;margin:22px 0 0;font-size:.86rem;color:var(--wf-suave)}
.av-nota-pe .wf-link{font-size:1rem;color:var(--d-creme)}
.av-nota-pe .wf-link:hover{color:var(--d-ambar)}

/* as frases */
.av blockquote p::before{content:"“"}
.av blockquote p::after{content:"”"}
.av-fig figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:14px;font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--d-ambar)}
.av-fig figcaption::before{content:"";width:28px;height:1px;background:var(--wf-fio-ambar)}
.av-fig figcaption span{font-weight:500;letter-spacing:.08em;text-transform:none;font-size:.86rem;color:var(--wf-suave)}
.av-destaque{position:relative;margin-top:clamp(44px,6.5vw,96px);padding-left:clamp(0px,5.2vw,74px)}
.av-destaque p{font-size:clamp(2rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.01em;max-width:19em;text-wrap:balance}
.av-destaque blockquote p::before{position:absolute;left:0;top:-.08em;font-size:1.9em;line-height:1;color:var(--d-ambar);font-style:normal;font-family:var(--d-fonte-titulo);font-weight:800}
.av-destaque figcaption{margin-top:22px}

/* três fileiras de duas, larguras desiguais e alternadas, cada frase presa a um fio de luz */
.av-lista{list-style:none;margin:clamp(46px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(34px,4.2vw,58px);align-items:start}
.av-i{position:relative;padding-top:22px}
.av-i::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--wf-fio-ambar),rgb(255 207 122 / 0) 82%)}
.av-p p{font-size:clamp(1.06rem,1.35vw,1.2rem);line-height:1.42;color:#e3d6bd}
.av-m p{font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.24}
.av-g p{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.06;text-wrap:balance}
.av-i1{grid-column:1 / span 7}
.av-i2{grid-column:9 / span 4}
.av-i3{grid-column:1 / span 5}
.av-i4{grid-column:7 / span 6}
.av-i5{grid-column:2 / span 4}
.av-i6{grid-column:7 / span 6}

@media (max-width:980px){
  .av-topo{grid-template-columns:minmax(0,1fr);align-items:start}
  .av .av-painel{transform:rotateX(2deg);transform-origin:50% 100%}
  .av-nota{margin-bottom:0}
  .av-nota-pe{max-width:360px}
}
@media (max-width:760px){
  .av-titulo{font-size:clamp(2.1rem,10.9vw,4.4rem)}
  .av-titulo span,.av-titulo em{white-space:nowrap}
  .av-nota-pe{margin-top:28px}
  .av-lista{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .av-i{grid-column:1}
  .av-i2,.av-i4,.av-i6{margin-left:11%}
  .av-destaque{padding-left:0}
  .av-destaque blockquote p::before{position:static;display:block;margin-bottom:-.38em}
  .av-cena{width:100%}
  .av-cels-g{--d-cw:52px}
  .av-cels-p{--d-cw:calc((100vw - 2 * var(--d-margem) - 20px - 24px) / 13)}
  .av-lumes i{width:calc((100vw - 2 * var(--d-margem) - 20px - 52px * 2.5 - 6px - 14px - 10px - 12px) / 5);max-width:20px}
  .av-nota-pe{max-width:none}
}

/* ===== ct ===== */
/* ===== ct — Contato: painel de partidas sobre o papel ===== */
.ct-topo{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:clamp(24px,5vw,84px);align-items:end}
.ct .wf-titulo{font-size:clamp(4.6rem,8.4vw,7.6rem);line-height:.86;text-wrap:nowrap}
.ct .wf-titulo em{display:block}
.ct-abre{padding-bottom:.55em;max-width:26em}

/* cena: console escuro com a luz âmbar saindo por baixo */
.ct-cena{position:relative;isolation:isolate;margin-top:clamp(30px,4.6vw,60px)}
.ct-ripas{position:absolute;z-index:-1;left:5%;right:5%;top:calc(100% - 6px);height:clamp(40px,6vw,74px);pointer-events:none;
  background:radial-gradient(52% 100% at 50% 0%,rgb(200 132 46 / .7) 0,rgb(200 132 46 / .3) 40%,rgb(200 132 46 / 0) 74%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);
  mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}
.ct-console{container-type:inline-size;padding:clamp(10px,1.6vw,22px);border-radius:var(--wf-raio);
  background:linear-gradient(180deg,#0a1222 0,#070d1a 62%,#1a1410 100%);color:var(--d-creme);
  box-shadow:0 0 0 1px rgb(10 23 42 / .9),0 1px 0 0 rgb(243 231 210 / .16) inset,0 -1px 0 0 rgb(255 207 122 / .38) inset,0 44px 70px -34px rgb(10 23 42 / .75),0 30px 60px -22px rgb(138 85 20 / .45);
  display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"quadro mapa" "barra mapa";gap:0 clamp(14px,2vw,28px)}

/* quadro de partidas: coluna do canal + palhetas */
.ct-quadro{grid-area:quadro;--ct-col:132px;--d-vao:2px;--d-cw:clamp(17px,calc((70cqw - var(--ct-col) - 14px - 50px) / 26),27px);--d-ch:calc(var(--d-cw) * 1.52);display:flex;flex-direction:column;min-width:0}
.ct-cab,.ct-grupo{display:grid;grid-template-columns:var(--ct-col) max-content;column-gap:14px;align-items:center}
.ct-cab{padding:2px 0 12px;font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-suave)}
.ct-cab-b{display:flex;align-items:center;justify-content:space-between}
.ct-cab-m{display:none}
.ct-lamp{position:absolute;right:0;top:0;display:inline-flex;align-items:center;gap:8px;color:var(--d-ambar)}
.ct-cab{position:relative}
.ct-lamp i{width:8px;height:8px;border-radius:50%;background:#5a4a30;transition:background .6s ease,box-shadow .6s ease}
.ct-aceso .ct-lamp i{background:var(--d-ambar);box-shadow:0 0 0 3px rgb(255 207 122 / .16),0 0 14px 2px rgb(255 207 122 / .7);animation:ct-pulsa 3.2s ease-in-out infinite alternate}
@keyframes ct-pulsa{from{opacity:.7}to{opacity:1}}
.ct-grupo{flex:1;padding:clamp(9px,1.1vw,14px) 0;border-top:1px solid rgb(243 231 210 / .1);text-decoration:none;color:inherit}
.ct-rot{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--d-ambar)}
.ct-seta{width:13px;height:13px;flex:none;transition:transform .25s var(--wf-curva)}
.ct-linhas{display:block}
.ct-linhas .d-cel{transition:filter .25s ease}
.ct-toca:hover .ct-seta,.ct-toca:focus-visible .ct-seta{transform:translate(3px,-3px)}
.ct-toca:hover .d-cel,.ct-toca:focus-visible .d-cel{filter:drop-shadow(0 2px 2px rgb(0 0 0 / .55)) brightness(1.22)}
.ct-toca:focus-visible{outline:2px solid var(--d-ambar);outline-offset:3px;border-radius:3px}
.ct-grupo-luz .d-cel{color:#fbeacb}
.ct-grupo-luz .d-linha:last-child .d-inf,.ct-grupo-luz .d-linha:last-child .d-ginf{background:linear-gradient(180deg,#0b1529 0,#0f1a31 45%,#3a2a1c 100%)}
.ct-toca:active .d-cel{filter:drop-shadow(0 2px 2px rgb(0 0 0 / .55)) brightness(1.4)}
/* barra do console: o botão do hero volta, âmbar sobre a noite */
.ct-barra{grid-area:barra;width:0;min-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(4px,.6vw,8px);padding-top:clamp(14px,1.6vw,20px);border-top:1px solid rgb(243 231 210 / .1)}
.ct .ct-botao{min-height:62px;padding:0 30px;font-size:1.12rem;background:linear-gradient(180deg,#ffcf7a,#eaa94d);color:#0a172a;box-shadow:0 14px 34px -12px rgb(200 132 46 / .75),0 1px 0 rgb(255 255 255 / .5) inset}
.ct .ct-botao:hover{box-shadow:0 20px 40px -12px rgb(200 132 46 / .9),0 1px 0 rgb(255 255 255 / .5) inset}
.ct .ct-botao svg{width:22px;height:22px}
.ct-servico{margin:0;font-size:.95rem;line-height:1.4;color:var(--wf-suave)}
/* sem script, o texto aparece no lugar das palhetas; com script, fica só para leitores de tela */
.ct-txt{display:block;font-family:var(--d-fonte-titulo);font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
.ct-vivo .ct-txt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* mapa em moldura retangular, com barra própria */
.ct-mapa{grid-area:mapa;margin:0;display:flex;flex-direction:column;min-width:0}
.ct-mapa figcaption{padding:2px 0 12px;font-size:.9rem;line-height:1.4;color:var(--d-creme)}
.ct-mapa-rot{display:block;margin-bottom:8px;font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-suave)}
.ct-mapa-janela{position:relative;flex:1;min-height:200px;border-radius:4px;overflow:hidden;background:#101a2e;box-shadow:0 0 0 1px rgb(243 231 210 / .16)}
.ct-mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:sepia(.22) saturate(.9) contrast(1.02)}

/* ações, lista de canais e aviso */
.ct-baixo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);margin-top:clamp(64px,8vw,112px);align-items:start}
.ct-canais{margin:0;padding:0;list-style:none;border-bottom:1px solid rgb(10 23 42 / .22)}
.ct-canal{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:clamp(18px,2vw,26px) 2px;border-top:1px solid rgb(10 23 42 / .22);text-decoration:none;transition:color .2s ease,padding .25s var(--wf-curva)}
.ct-canal-n{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wf-ambar-tinta)}
.ct-canal-d{font-size:clamp(1.14rem,1.9vw,1.66rem);font-weight:500;line-height:1.2;overflow-wrap:anywhere}
.ct-canal .ct-seta{width:16px;height:16px}
.ct-canal:hover,.ct-canal:active{color:var(--wf-ambar-tinta);padding-left:10px}
.ct-canal:hover .ct-seta{transform:translate(3px,-3px)}
.ct-aviso{padding:clamp(20px,2.2vw,30px);border-top:3px solid var(--wf-tinta);border-radius:0 0 var(--wf-raio) var(--wf-raio);background:rgb(10 23 42 / .06)}
.ct-aviso p{margin:12px 0 0;max-width:32em;line-height:1.5}
.ct-aviso-canais{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-weight:600}
.ct-aviso-canais a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;padding:10px 0}
.ct-aviso-canais a:hover{color:var(--wf-ambar-tinta)}
.ct-aviso-tel{font-family:var(--d-fonte-titulo);font-weight:800;font-size:1.7rem;letter-spacing:.04em;line-height:1}
.ct-aviso .ct-aviso-data{font-size:.84rem;color:var(--wf-tinta-suave)}

/* 17 palhetas: o canal sobe para cima da linha */
@media (max-width:1180px){
  .ct-quadro{--d-cw:min(calc((57cqw - 32px) / 17),30px)}
  .ct-cab,.ct-grupo{grid-template-columns:max-content;row-gap:6px}
  .ct-cab-a,.ct-cab-b{display:none}
  .ct-cab-m{display:block}
}
@media (max-width:900px){
  .ct-topo{grid-template-columns:minmax(0,1fr);gap:16px}
  .ct .wf-titulo{font-size:clamp(2.9rem,13.6vw,6.2rem)}
  .ct-abre{padding-bottom:0;max-width:34em}
  .ct-console{grid-template-columns:minmax(0,1fr);grid-template-areas:"quadro" "barra" "mapa"}
  .ct-barra{padding-top:12px;margin-top:2px}
  .ct-mapa{margin-top:16px;padding-top:4px;border-top:1px solid rgb(243 231 210 / .1)}
  .ct-quadro{--d-cw:min(calc((100cqw - 32px) / 17),34px)}
  .ct-cab,.ct-grupo{grid-template-columns:minmax(0,1fr)}
  .ct-cab{font-size:.62rem;padding-bottom:10px}
  .ct-rot{font-size:.62rem}
  .ct-grupo{padding:9px 0 10px}
  .ct-mapa figcaption{padding-top:8px}
  .ct-mapa-janela{flex:none;height:230px}
  .ct-baixo{grid-template-columns:minmax(0,1fr)}
  .ct .ct-botao{width:100%;justify-content:center;padding:0 18px;min-height:58px}
  .ct-servico br{display:none}
  .ct-canal{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:14px 2px}
  .ct-canal-n{grid-column:1 / -1}
}

/* ===== ro ===== */
/* ===== ro — Rodapé: noite mais funda, o painel parado fecha a página ===== */
.ro{position:relative;isolation:isolate;overflow:clip;color:var(--d-creme);padding:clamp(52px,6.4vw,90px) var(--d-margem) 24px;
  background:
    radial-gradient(46% 62% at 92% 100% in oklch,rgb(131 92 59 / .3),rgb(131 92 59 / 0) 72%),
    radial-gradient(70% 60% at 12% 0% in oklch,#0d1a30,rgb(13 26 48 / 0) 70%),
    #04080f}
.ro::before{content:"";position:absolute;z-index:1;left:var(--d-margem);right:var(--d-margem);top:0;height:1px;background:linear-gradient(90deg,var(--wf-fio-ambar),rgb(255 207 122 / 0) 70%)}
.ro-miolo{container-type:inline-size;max-width:var(--wf-largura);margin:0 auto}

/* a frase do hero em palhetas paradas */
.ro-fecho{position:relative;isolation:isolate}
.ro-ripas{position:absolute;z-index:-1;left:2%;right:2%;top:60%;height:130%;pointer-events:none;
  background:radial-gradient(54% 100% at 50% 0%,rgb(255 207 122 / .42) 0,rgb(200 132 46 / .2) 38%,rgb(200 132 46 / 0) 72%);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px);
  mask-image:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 13px)}
/* 24 placas: cada uma mede 1.05 x 1.5 da unidade; a letra ocupa 80% da altura */
.ro-lema{--ro-u:calc((100cqw - 48px) / 26.25);display:flex;gap:2px;margin:0;font-size:var(--ro-u)}
.ro-lema .wf-plaq{display:flex}
.ro-lema .wf-plaq b{width:calc(var(--ro-u) * 1.05);height:calc(var(--ro-u) * 1.5);font-size:1.2em;font-weight:900;border-radius:4px;box-shadow:0 3px 5px rgb(0 0 0 / .6)}
.ro-lema-a b:nth-last-child(-n+5){display:none}
.ro-lema-b b{color:var(--d-ambar)}

/* índice das seções: uma faixa entre fios */
.ro-indice{margin-top:clamp(58px,7vw,96px);border-top:1px solid var(--wf-fio);border-bottom:1px solid var(--wf-fio)}
.ro-indice ul{display:flex;flex-wrap:wrap;gap:0 clamp(18px,2.4vw,34px);margin:0;padding:0;list-style:none}
.ro-indice a{display:inline-flex;align-items:center;gap:7px;min-height:58px;text-decoration:none;font-size:.98rem;font-weight:500;letter-spacing:.01em;transition:color .2s ease}
.ro-indice a:hover{color:var(--d-ambar)}
.ro-sobe{margin-left:auto}
.ro-sobe a{color:var(--d-ambar)}
.ro-sobe svg{width:14px;height:14px;transition:transform .25s var(--wf-curva)}
.ro-sobe a:hover svg{transform:translateY(-3px)}

.ro-cima{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(36px,4.4vw,60px)}
.ro-col{padding-top:10px}
.ro-marca{display:flex;align-items:center;gap:22px}
.ro-marca img{width:auto;height:clamp(96px,10vw,128px)}
.ro-nome{margin:0;font-family:var(--d-fonte-titulo);font-weight:800;font-size:clamp(1.9rem,2.8vw,2.6rem);letter-spacing:.05em;text-transform:uppercase;line-height:1}
.ro-oab{margin:10px 0 0;font-size:.96rem;line-height:1.45;color:var(--wf-suave)}
.ro-rot{margin:0 0 10px;font-family:var(--d-fonte-texto);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ambar)}
.ro-col address{font-style:normal;line-height:1.6}
.ro-col ul{margin:0;padding:0;list-style:none}
.ro-col a{display:inline-block;padding:4px 0;text-decoration:none;transition:color .2s ease}
.ro-col a:hover{color:var(--d-ambar)}
.ro-col .ro-tel{font-family:var(--d-fonte-titulo);font-weight:800;font-size:1.9rem;letter-spacing:.04em;line-height:1;padding:0 0 8px}
.ro-fim{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 30px;margin-top:clamp(36px,4.4vw,60px);padding-top:14px;border-top:1px solid var(--wf-fio);font-size:.88rem;color:var(--wf-suave)}
.ro-fim p{margin:0}
.ro-selo a{display:inline-flex;align-items:center;gap:5px;min-height:44px;color:var(--d-creme);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--wf-fio-ambar)}
.ro-selo a svg{width:12px;height:12px;transition:transform .25s var(--wf-curva)}
.ro-selo a:hover{color:var(--d-ambar)}
.ro-selo a:hover svg{transform:translate(2px,-2px)}
.ro a:focus-visible{outline:2px solid var(--d-ambar);outline-offset:4px}

@media (max-width:900px){
  .ro-cima{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .ro-marca{grid-column:1 / -1}
  .ro-col{padding-top:0}
}
@media (max-width:700px){
  .ro-lema{--ro-u:calc((100cqw - 28px) / 15.75);flex-direction:column;gap:4px}
  .ro-lema-a b:nth-last-child(-n+5){display:grid}
  .ro-ripas{top:75%;height:80%}
  .ro-indice{margin-top:46px;padding:6px 0}
  .ro-indice ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
  .ro-indice a{min-height:46px}
  .ro-sobe{margin-left:0}
  .ro-col a{padding:9px 0}
  .ro-col .ro-tel{padding:4px 0 10px}
  .ro-rot{margin-bottom:6px}
}
@media (max-width:520px){
  .ro-cima{grid-template-columns:minmax(0,1fr)}
  .ro-fim{flex-direction:column;align-items:flex-start}
}

/* título "Advocacia / sem juridiquês." em duas linhas também no celular e no tablet */
@media (max-width:1180px){.d-titulo{font-size:clamp(2.5rem,12.3vw,5.6rem)}}

/* ===== sempre por último: movimento reduzido ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  html{scroll-behavior:auto}
  .wf-js .wf-revela{opacity:1;transform:none}
}