/* av · A avaliação — o caminho do "quer" ao "precisa": a voz ganha corpo a cada passo */

.av{color:var(--creme)}
.av-fundo{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(70% 38% at 8% 62%, color-mix(in oklab, var(--cacau) 42%, transparent), transparent 72%),
    radial-gradient(55% 30% at 100% 100%, color-mix(in oklab, var(--blusa) 18%, transparent), transparent 70%),
    linear-gradient(to bottom in oklab, #765143 0px, #6e4a3c 280px, #684536 70%, #5b3b2d 100%)}

/* ---------- cabeçalho ---------- */
.av-cab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(56px,7vw,104px)}
.av-titulo .voz-dela{color:var(--creme)}
.av-lead{font-size:var(--t-lead);line-height:1.45;color:color-mix(in oklab, var(--creme) 90%, transparent);max-width:30em;padding-bottom:.35em}

/* índice: os cinco verbos numa linha, do contorno à letra cheia */
.av-indice{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px clamp(18px,2.6vw,44px);margin-top:clamp(20px,3vw,40px);padding-top:clamp(18px,2.4vw,30px);border-top:1px solid color-mix(in oklab, var(--creme) 18%, transparent)}
.av-indice a{display:inline-flex;align-items:baseline;gap:10px;min-height:48px;color:var(--creme);text-decoration:none;font-size:clamp(2.1rem, .9rem + 3.6vw, 4.6rem);line-height:1.05;transition:color .3s, -webkit-text-stroke-color .3s}
.av-i-n{font-family:var(--f-dela);font-weight:800;font-style:normal;font-size:.875rem;letter-spacing:0;color:var(--ouro-claro);-webkit-text-stroke:0;align-self:flex-start;margin-top:.6em}
.av-indice a[data-n="1"] .av-i-p{font-family:var(--f-sua);font-style:italic;font-weight:300;color:transparent;-webkit-text-stroke:1.2px var(--creme)}
.av-indice a[data-n="2"] .av-i-p{font-family:var(--f-sua);font-style:italic;font-weight:400;color:color-mix(in oklab, var(--creme) 22%, transparent);-webkit-text-stroke:1.2px var(--creme)}
.av-indice a[data-n="3"] .av-i-p{font-family:var(--f-sua);font-style:italic;font-weight:500;color:color-mix(in oklab, var(--creme) 62%, transparent);-webkit-text-stroke:.8px var(--creme)}
.av-indice a[data-n="4"] .av-i-p{font-family:var(--f-dela);font-weight:700;letter-spacing:-.035em;color:color-mix(in oklab, var(--creme) 86%, transparent)}
.av-indice a[data-n="5"] .av-i-p{font-family:var(--f-dela);font-weight:800;letter-spacing:-.04em}
.av-indice a:hover .av-i-p{color:var(--ouro-claro);-webkit-text-stroke-color:var(--ouro-claro)}

/* ---------- corpo: palco fixo + passos ---------- */
.av-corpo{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:clamp(40px,6vw,104px);align-items:start}

.av-corpo{--sangra:calc(var(--pad) + max(0px, (100vw - 2 * var(--pad) - var(--larg)) / 2))}
.av-palco{position:sticky;top:68px;margin:0 0 0 calc(-1 * var(--sangra));height:max(calc(100svh - 68px), 560px);max-height:980px;border-radius:0 32px 32px 0;overflow:clip;isolation:isolate;container-type:inline-size;
  background:linear-gradient(to bottom in oklab, var(--cacau) 0%, #9b725e 58%, var(--noite) 100%);
  box-shadow:0 50px 90px -50px rgba(20,10,5,.75)}
.av-palco-luz{position:absolute;inset:0;z-index:0}
.av-palco-luz i{position:absolute;border-radius:50%;background:radial-gradient(closest-side, var(--c) 0%, color-mix(in oklab, var(--c) 45%, transparent) 50%, transparent 100%)}
.av-palco-luz i:nth-child(1){--c:#e7c3b2;width:110cqi;height:110cqi;left:-4cqi;top:-38cqi;opacity:.8}
.av-palco-luz i:nth-child(2){--c:#e9d29a;width:70cqi;height:70cqi;right:-30cqi;top:30%;opacity:calc(.08 + var(--luz, 0) * .12);transition:opacity 1.2s var(--ease)}
.av-palco[data-n="2"]{--luz:1}.av-palco[data-n="3"]{--luz:2}.av-palco[data-n="4"]{--luz:3}.av-palco[data-n="5"]{--luz:4}
.av-palco-luz i:nth-child(3){--c:#5e3a2b;width:140cqi;height:90cqi;left:-20cqi;bottom:-48cqi;opacity:.9}

.av-conta{position:absolute;z-index:4;top:24px;left:max(24px, calc(var(--sangra) - 4px));display:flex;align-items:baseline;gap:8px;padding:10px 16px 10px 14px;border-radius:999px;background:color-mix(in oklab, var(--noite-2) 62%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1}
.av-conta b{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--creme)}
.av-conta span{font-size:var(--t-mini);color:color-mix(in oklab, var(--creme) 86%, transparent)}
.av-conta em{font-style:normal;font-weight:500;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-claro);margin-left:6px;padding-left:12px;border-left:1px solid color-mix(in oklab, var(--creme) 26%, transparent)}

.av-ela{position:absolute;z-index:2;bottom:0;right:-14cqi;width:118cqi;height:auto;max-width:none;filter:drop-shadow(0 26px 34px rgba(40,22,14,.35))}

/* a palavra do passo: do contorno leve (quer) à letra cheia (precisa) */
.av-palavra{position:absolute;z-index:3;left:calc(var(--sangra) - .06em);bottom:-.05em;white-space:nowrap;line-height:.9;color:var(--creme);pointer-events:none;user-select:none}
.av-palavra .av-l{display:inline-block}
.av-brilho{position:absolute;inset:0;color:transparent;background:linear-gradient(100deg, transparent 30%, var(--ouro-claro) 46%, #fff6dc 50%, var(--ouro-claro) 54%, transparent 70%) no-repeat;background-size:250% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;opacity:0}
.av-palco.av-brilha .av-brilho{animation:av-varre 1.5s var(--ease) .35s forwards}

/* níveis de corpo (usados na palavra do palco, na palavra do celular e no título do passo) */
.av-palco[data-n="1"] .av-palavra,.av-passo[data-n="1"] .av-palavra-m{font-family:var(--f-sua);font-style:italic;font-weight:300;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px color-mix(in oklab, var(--creme) 92%, transparent)}
.av-palco[data-n="2"] .av-palavra,.av-passo[data-n="2"] .av-palavra-m{font-family:var(--f-sua);font-style:italic;font-weight:400;letter-spacing:-.02em;color:color-mix(in oklab, var(--creme) 22%, transparent);-webkit-text-stroke:1.5px color-mix(in oklab, var(--creme) 92%, transparent)}
.av-palco[data-n="3"] .av-palavra,.av-passo[data-n="3"] .av-palavra-m{font-family:var(--f-sua);font-style:italic;font-weight:500;letter-spacing:-.02em;color:color-mix(in oklab, var(--creme) 62%, transparent);-webkit-text-stroke:1px var(--creme)}
.av-palco[data-n="4"] .av-palavra,.av-passo[data-n="4"] .av-palavra-m{font-family:var(--f-dela);font-weight:700;letter-spacing:-.035em;color:color-mix(in oklab, var(--creme) 86%, transparent)}
.av-palco[data-n="5"] .av-palavra,.av-passo[data-n="5"] .av-palavra-m{font-family:var(--f-dela);font-weight:800;letter-spacing:-.04em;color:var(--creme);text-shadow:0 .06em .18em rgba(40,20,10,.3)}
.av-palavra{font-size:min(23cqi, 15rem)}

/* passos */
.av-passos{list-style:none;margin:0;padding:0}
.av-passo{position:relative;min-height:50vh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(40px,7vh,80px) 0 clamp(40px,7vh,80px) clamp(26px,3vw,44px)}
.av-passo::before,.av-passo::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}
.av-passo::before{background:color-mix(in oklab, var(--creme) 16%, transparent)}
.av-passo::after{background:var(--ouro);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease)}
.av-passo.av-ativo::after{transform:none}
.av-passo:first-child{padding-top:clamp(28px,5vh,56px);justify-content:flex-start;min-height:46vh}

.av-passo-quem{display:flex;align-items:center;gap:14px;font-weight:500;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;line-height:1;color:var(--ouro-claro)}
.av-num{font-weight:800;font-size:1rem;letter-spacing:.02em;color:var(--creme);min-width:2.2em;padding:7px 0;border-bottom:1px solid var(--ouro)}
.av-passo-tit{margin:4px 0 2px;font-size:clamp(2.2rem, 1.2rem + 2.3vw, 3.6rem);line-height:1.02;color:var(--creme);text-wrap:balance}
.av-passo[data-n="1"] .av-passo-tit{font-family:var(--f-sua);font-style:italic;font-weight:300;letter-spacing:-.01em}
.av-passo[data-n="2"] .av-passo-tit{font-family:var(--f-sua);font-style:italic;font-weight:400;letter-spacing:-.01em}
.av-passo[data-n="3"] .av-passo-tit{font-family:var(--f-dela);font-weight:500;letter-spacing:-.03em}
.av-passo[data-n="4"] .av-passo-tit{font-family:var(--f-dela);font-weight:700;letter-spacing:-.035em}
.av-passo[data-n="5"] .av-passo-tit{font-family:var(--f-dela);font-weight:800;letter-spacing:-.04em}
.av-passo-txt{font-size:var(--t-texto);line-height:1.55;max-width:34em;color:color-mix(in oklab, var(--creme) 90%, transparent)}
.av-nota{font-family:var(--f-sua);font-style:italic;font-weight:400;font-size:1.25rem;line-height:1.35;color:var(--creme)}
.av-pedidos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.av-pedidos .chip{color:var(--creme)}

.av-fala{margin:6px 0 0;padding-left:18px;border-left:1px solid color-mix(in oklab, var(--creme) 30%, transparent);max-width:32em}
.av-fala p{font-family:var(--f-sua);font-style:italic;font-weight:400;font-size:1.3rem;line-height:1.32;color:var(--creme)}
.av-fala cite{display:block;margin-top:6px;font-style:normal;font-size:var(--t-mini);font-weight:500;color:color-mix(in oklab, var(--creme) 84%, transparent)}
.av-fala-dela p{font-family:var(--f-dela);font-style:normal;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;line-height:1.2}

.av-agulha{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;align-self:flex-start;margin-top:8px;padding:14px 20px;border-radius:18px;border:1px dashed color-mix(in oklab, var(--creme) 34%, transparent);font-size:var(--t-peq);line-height:1.4;color:color-mix(in oklab, var(--creme) 90%, transparent)}
.av-agulha-q{font-family:var(--f-sua);font-style:italic;font-size:1.1rem;color:var(--creme)}
.av-agulha-fala{quotes:"“" "”";font-weight:800;font-size:1.1rem;letter-spacing:-.01em;color:var(--ouro-claro)}
.av-agulha-de{font-size:var(--t-mini);color:color-mix(in oklab, var(--creme) 84%, transparent)}
.av-agulha-de::before{content:"— "}

.av-palavra-m{display:none}

/* ---------- fecho: marcar + bom saber ---------- */
.av-pe{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px clamp(40px,7vw,120px);align-items:end;margin-top:clamp(64px,8vw,128px);padding-top:clamp(40px,5vw,64px);border-top:1px solid color-mix(in oklab, var(--creme) 20%, transparent)}
.av-fecho{display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}
.av-fecho-frase{display:flex;flex-direction:column;gap:.16em;font-size:clamp(2.3rem, 1.2rem + 3vw, 4.4rem);line-height:1}
.av-fecho-frase .voz-sua{font-size:.6em;color:color-mix(in oklab, var(--creme) 86%, transparent)}
.av-fecho-frase .voz-dela{color:var(--creme)}
.av-fecho-frase .quem{font-size:.75rem}
.av-bom .quem{margin-bottom:20px}
.av-bom-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;font-size:var(--t-texto);line-height:1.45;color:color-mix(in oklab, var(--creme) 88%, transparent)}
.av-bom-lista li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.av-bom-lista svg{width:44px;height:44px;padding:9px;border-radius:50%;border:1px solid color-mix(in oklab, var(--ouro-claro) 45%, transparent);fill:none;stroke:var(--ouro-claro);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.av-bom-lista b{font-weight:700;color:var(--creme)}
.av-acao{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.av-acao-info{font-size:var(--t-mini);color:color-mix(in oklab, var(--creme) 86%, transparent);padding-left:6px}
.av .btn-zap:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:4px}

/* ---------- movimento ---------- */
@keyframes av-letra{from{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}
@keyframes av-varre{0%{opacity:1;background-position:120% 0}80%{opacity:1}100%{opacity:0;background-position:-30% 0}}
.av-palavra.av-entra .av-l{animation:av-letra .55s var(--ease) both;animation-delay:calc(var(--i) * 45ms)}

/* ---------- notebook ---------- */
@media (min-width:1024px) and (max-height:820px){
  .av-palco{min-height:480px}
}

/* ---------- tablet e celular ---------- */
@media (max-width:1023px){
  .av-cab{grid-template-columns:minmax(0,1fr);margin-bottom:44px}
  .av-corpo{grid-template-columns:minmax(0,1fr);gap:8px}
  .av-indice{display:none}
  .av-palco{position:relative;top:auto;margin:0 calc(-1 * var(--pad));height:clamp(420px, 108vw, 680px);min-height:0;max-height:none;border-radius:0}
  .av-conta{display:none}
  .av-ela{right:-2cqi;width:100cqi}
  .av-palco .av-palavra{display:none}
  .av-passo,.av-passo:first-child{min-height:0;padding:44px 0 40px 22px;justify-content:flex-start}
  .av-passo:first-child::before,.av-passo:first-child::after{top:44px}
  .av-passo::after{transform:none;opacity:.0;transition:opacity .6s}
  .av-passo.av-ativo::after{opacity:1}
  .av-palavra-m{display:block;margin:0 0 6px -2px;font-size:clamp(4.2rem, 1rem + 15vw, 8rem);line-height:.9;white-space:nowrap}
  .av-pe{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .av-acao{align-items:stretch}
}
@media (max-width:640px){
  .av-passo-txt{font-size:1.0625rem}
  .av-fala p{font-size:1.15rem}
  .av-bom-lista{font-size:1.0625rem}
  .av-bom-lista li{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .av-bom-lista svg{width:40px;height:40px;padding:8px}
  .av-acao-info{text-align:center;padding:0}
}

@media (prefers-reduced-motion:reduce){
  .av-passo::after,.av-palco-luz i{transition:none}
  .av-palavra.av-entra .av-l,.av-palco.av-brilha .av-brilho{animation:none}
}