@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fontes/instrument-serif.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url("assets/fontes/instrument-serif-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 800;font-display:swap;src:url("assets/fontes/figtree.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ══════════════════════════════════════════════════════════════════════
   Amanda de Barros · "a luz que cuida"
   Papel creme e quente, tinta ameixa (a cor da marca dela), e uma única
   luz: o vermelho-âmbar do laser, usado com parcimônia, sempre como brilho.
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --papel:#FBF6F0; --papel-2:#F4ECE2; --papel-3:#EADFD2;
  --tinta:#2B1F2A; --texto:#5C4D58; --suave:#8A7A85;
  --ameixa:#5E46A8; --ameixa-escura:#2C2450;
  --luz:#2F8576; --ambar:#6DB8A8; --luz-rgb:47,133,118;
  --verde-salvia:#689888;
  --linha:rgba(43,31,42,.12);
  --serifa:'Instrument Serif',Georgia,serif;
  --sans:'Figtree',system-ui,-apple-system,sans-serif;
  --raio:22px; --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:clip}
body{background:var(--papel);color:var(--texto);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{color:var(--tinta);font-family:var(--serifa);font-weight:400;letter-spacing:-.01em;line-height:1.04}
h1 em,h2 em{font-style:italic;color:var(--ameixa)}
.olho{font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ameixa)}

/* ── Botões ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 15px var(--sans);text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s,background .25s;cursor:pointer;border:0}
.btn-luz{background:linear-gradient(135deg,var(--ambar),var(--luz) 60%);color:#fff;box-shadow:0 10px 30px rgba(var(--luz-rgb),.32),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-luz:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(var(--luz-rgb),.42)}
.btn-linha{border:1.5px solid var(--linha);color:var(--tinta);background:rgba(255,255,255,.5)}
.btn-linha:hover{border-color:var(--ameixa);color:var(--ameixa)}
.btn-grande{min-height:60px;padding:0 34px;font-size:16.5px}
.link-seta{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--ameixa);text-decoration:none}
.link-seta::after{content:"→";transition:transform .25s var(--ease)}
.link-seta:hover::after{transform:translateX(4px)}

/* ── O fio de luz (desktop): trilho fino à esquerda que enche com a leitura ── */
.feixe{position:absolute;left:26px;top:0;height:100%;width:2px;background:var(--linha);z-index:40;pointer-events:none}
.feixe-cheio{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(var(--ambar),var(--luz));box-shadow:0 0 12px rgba(var(--luz-rgb),.7)}
.feixe-ponta{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--luz),0 0 22px 6px rgba(var(--luz-rgb),.65)}
@media (max-width:1100px){.feixe{display:none}}

/* ── Topo ── */
.topo{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px clamp(20px,5vw,72px);background:rgba(251,246,240,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.topo.rolou{border-bottom-color:var(--linha)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.marca-luz{width:30px;height:30px;fill:var(--luz);stroke:var(--ambar);stroke-width:1.6;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(var(--luz-rgb),.5))}
.marca span{font:400 24px/1 var(--serifa);color:var(--tinta)}
.marca small{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.06em;color:var(--suave);margin-top:4px}
.menu{display:flex;gap:26px}
.menu a{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--texto);transition:color .2s}
.menu a:hover{color:var(--ameixa)}
.topo-cta{min-height:44px;padding:0 20px;font-size:14px}
@media (max-width:980px){.menu{display:none}}
/* No celular o botão do topo aparece quando a página rola: ele substitui o WhatsApp flutuante. */
@media (max-width:560px){
  .topo{gap:12px}
  .topo-cta{min-height:40px;padding:0 16px;font-size:13.5px;opacity:0;transform:translateY(-6px) scale(.96);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .topo.rolou .topo-cta{opacity:1;transform:none;pointer-events:auto}
  .cta-extra{display:none}
  .marca small{font-size:10px}
}

/* ── Herói ── */
.heroi{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(40px,6vw,80px) clamp(20px,5vw,72px) clamp(56px,7vw,96px) clamp(20px,7vw,110px);max-width:1360px;margin:0 auto}
.heroi h1{font-size:clamp(46px,6vw,84px);margin:18px 0 22px}
.heroi h1 em{display:block}
.heroi-sub{font-size:clamp(17px,1.4vw,19px);max-width:34em}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.heroi-selos{list-style:none;display:flex;gap:28px;margin-top:40px;padding-top:26px;border-top:1px solid var(--linha);flex-wrap:wrap}
.heroi-selos b{display:block;font:400 26px/1.1 var(--serifa);color:var(--tinta)}
.heroi-selos span{font-size:13.5px;color:var(--suave)}
.heroi-foto{position:relative}
.heroi-moldura{position:relative;border-radius:240px 240px var(--raio) var(--raio);overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -30px rgba(43,31,42,.45)}
.heroi-moldura img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
/* O brilho sai do laser aceso que aparece na foto, à direita. */
.heroi-brilho{position:absolute;right:4%;top:33%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--luz-rgb),.45),rgba(var(--luz-rgb),0) 62%);mix-blend-mode:screen;animation:respira 4.5s ease-in-out infinite}
@keyframes respira{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
.heroi-cartao{position:absolute;left:-28px;bottom:42px;display:flex;align-items:center;gap:14px;padding:14px 20px 14px 16px;border-radius:18px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px -14px rgba(43,31,42,.3);font-size:13.5px;color:var(--suave)}
.heroi-cartao b{display:block;color:var(--tinta);font-size:14.5px}
.pulso{position:relative;width:14px;height:14px;border-radius:50%;background:var(--luz);flex:none}
.pulso::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--luz);animation:pulsa 2s ease-out infinite}
@keyframes pulsa{to{transform:scale(3.2);opacity:0}}
@media (max-width:900px){
  .heroi{grid-template-columns:1fr;padding-top:24px}
  .heroi-foto{order:-1;max-width:420px;margin:0 auto;width:100%}
  .heroi-cartao{left:12px;bottom:18px}
}

/* ── Seções ── */
.secao{padding:clamp(72px,9vw,128px) clamp(20px,5vw,72px) clamp(72px,9vw,128px) clamp(20px,7vw,110px);max-width:1360px;margin:0 auto;position:relative}
.cabeca{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.cabeca h2{font-size:clamp(38px,4.8vw,64px);margin:14px 0 18px}
.cabeca p:not(.olho){font-size:18px;max-width:36em}
/* Cada seção tem um nó no fio de luz, que acende quando ela entra na tela. */
[data-no]::before{content:"";position:absolute;left:-60px;top:clamp(78px,9.4vw,134px);width:14px;height:14px;border-radius:50%;background:var(--papel);border:2px solid var(--papel-3);transition:all .6s var(--ease)}
[data-no].ligada::before{background:#fff;border-color:var(--luz);box-shadow:0 0 18px 4px rgba(var(--luz-rgb),.55)}
/* O nó fica centrado no fio (x = 27px da janela). As seções do miolo são centralizadas em 1360px, então
   descontam a margem (--meio, medida no script, já sem a barra de rolagem); as faixas de largura total, não. */
@media (min-width:1101px){[data-no]::before{left:calc(20px - var(--meio,0px))}.luz::before,.passos-secao::before,.final::before{left:20px}}
@media (max-width:1100px){[data-no]::before{display:none}}

/* ── Abas: pra quem é ── */
.abas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.abas button{display:flex;align-items:baseline;gap:10px;padding:14px 22px;border-radius:999px;border:1.5px solid var(--linha);background:transparent;font:600 15px var(--sans);color:var(--texto);cursor:pointer;transition:all .25s var(--ease)}
.abas button span{font:400 15px var(--serifa);font-style:italic;color:var(--suave)}
.abas button:hover{border-color:var(--ameixa)}
.abas button.ativa{background:var(--tinta);border-color:var(--tinta);color:#fff}
.abas button.ativa span{color:var(--ambar)}
.painel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:center;animation:entra .5s var(--ease) both}
.painel[hidden]{display:none}
@keyframes entra{from{opacity:0;transform:translateY(14px)}}
.painel-foto{position:relative;border-radius:var(--raio);overflow:hidden;aspect-ratio:4/5}
.painel-foto img{width:100%;height:100%;object-fit:cover}
.painel-foto figcaption,.foto-ilustrativa{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(43,31,42,.55);color:rgba(255,255,255,.85);font-size:11px;letter-spacing:.04em}
.painel-texto h3{font-size:clamp(32px,3.4vw,46px);margin-bottom:14px}
.painel-texto>p{font-size:17.5px;max-width:34em}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.chips li{padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--linha);font-size:14.5px;color:var(--tinta);box-shadow:0 2px 0 rgba(43,31,42,.03)}
@media (max-width:820px){.painel{grid-template-columns:1fr}.painel-foto{aspect-ratio:16/11}}

/* ── Como a luz age: faixa escura, o único lugar onde a luz brilha de verdade ── */
.luz{--luz:#E8513F;--ambar:#F2A35E;--luz-rgb:232,81,63;max-width:none;background:radial-gradient(ellipse 60% 70% at 85% 0%,rgba(var(--luz-rgb),.22),transparent 60%),var(--ameixa-escura);color:rgba(255,255,255,.72)}
.luz>*{max-width:1220px;margin-left:auto;margin-right:auto}
.cabeca-clara h2{color:#fff}
.cabeca-clara h2 em{color:var(--ambar)}
.cabeca-clara .olho{color:var(--ambar)}
.cabeca-clara p:not(.olho){color:rgba(255,255,255,.72)}
/* ── A linha do tempo da luz ──
   Nós de 56px centrados no trilho. Quando a seção é alcançada (.viu), o feixe corre da esquerda pra
   direita em 2,4s e cada nó acende quando ele chega (0s, .8s, 1,6s, 2,4s): ícone, anel e texto juntos.
   Depois um fóton fica passando pelo trilho, devagar, pra seção nunca parecer parada. */
.trilha{--g:28px;--no:56px;position:relative;margin-top:8px}
.trilha-trilho{position:absolute;top:calc(var(--no)/2 - 1px);height:2px;left:calc((100% - 3*var(--g))/8);right:calc((100% - 3*var(--g))/8);background:rgba(255,255,255,.12);border-radius:2px}
.trilha-feixe{position:absolute;inset:0;background:linear-gradient(90deg,var(--ambar),var(--luz));box-shadow:0 0 14px rgba(var(--luz-rgb),.9),0 0 34px rgba(var(--luz-rgb),.45);transform-origin:left;transform:scaleX(0);transition:transform 2.4s linear}
.trilha-foton{position:absolute;top:50%;left:0;width:90px;height:6px;margin-top:-3px;border-radius:6px;background:radial-gradient(ellipse at center,#fff 0,rgba(255,214,170,.9) 25%,rgba(var(--luz-rgb),0) 70%);opacity:0;filter:blur(.4px)}
.luz.viu .trilha-feixe{transform:scaleX(1)}
.luz.viu .trilha-foton{animation:foton 3.6s 2.8s cubic-bezier(.45,.05,.35,1) infinite}
@keyframes foton{0%{left:-45px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 45px);opacity:0}}
.trilha-luz{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);position:relative}
.trilha-luz li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.tl-no{position:relative;width:var(--no);height:var(--no);border-radius:50%;display:grid;place-items:center;background:var(--ameixa-escura);border:1.5px solid rgba(255,255,255,.16);transition:background .6s,border-color .6s,box-shadow .6s;z-index:1}
.tl-no svg{width:24px;height:24px;fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .6s}
.tl-no::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,200,150,.35),rgba(var(--luz-rgb),.18) 55%,rgba(var(--luz-rgb),0) 80%);opacity:0;transition:opacity .6s}
.tl-no svg{position:relative}
.tl-no::after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid var(--luz);opacity:0}
.tl-num{margin:22px 0 6px;font:italic 400 18px var(--serifa);color:rgba(255,255,255,.3);transition:color .6s}
.trilha-luz b{display:block;font:400 27px/1.15 var(--serifa);color:rgba(255,255,255,.45);margin-bottom:10px;transition:color .6s}
.tl-txt{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.4);max-width:24ch;transition:color .6s}
.luz.viu .tl-no::before{opacity:1}
.luz.viu .tl-no{border-color:rgba(242,163,94,.9);box-shadow:0 0 0 6px rgba(var(--luz-rgb),.08),0 0 30px 4px rgba(var(--luz-rgb),.45)}
.luz.viu .tl-no svg{stroke:#fff}
.luz.viu .tl-no::after{animation:anel 1.1s ease-out forwards}
.luz.viu .tl-num{color:var(--ambar)}
.luz.viu .trilha-luz b{color:#fff}
.luz.viu .tl-txt{color:rgba(255,255,255,.74)}
.luz.viu .trilha-luz li:nth-child(2) :is(.tl-no,.tl-no svg,.tl-num,b,.tl-txt),.luz.viu .trilha-luz li:nth-child(2) .tl-no::before,.luz.viu .trilha-luz li:nth-child(2) .tl-no::after{transition-delay:0.8s;animation-delay:0.8s}
.luz.viu .trilha-luz li:nth-child(3) :is(.tl-no,.tl-no svg,.tl-num,b,.tl-txt),.luz.viu .trilha-luz li:nth-child(3) .tl-no::before,.luz.viu .trilha-luz li:nth-child(3) .tl-no::after{transition-delay:1.6s;animation-delay:1.6s}
.luz.viu .trilha-luz li:nth-child(4) :is(.tl-no,.tl-no svg,.tl-num,b,.tl-txt),.luz.viu .trilha-luz li:nth-child(4) .tl-no::before,.luz.viu .trilha-luz li:nth-child(4) .tl-no::after{transition-delay:2.4s;animation-delay:2.4s}
@keyframes anel{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.luz-fatos{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:56px}
.luz-fatos li{padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:15px}
.luz-fatos b{color:#fff;font-weight:600}
@media (max-width:820px){
  .trilha{--no:48px}
  .trilha-trilho{left:calc(var(--no)/2 - 1px);right:auto;top:calc(var(--no)/2);bottom:calc(var(--no)/2 + 40px);width:2px;height:auto}
  .trilha-feixe{transform-origin:top;transform:scaleY(0);background:linear-gradient(var(--ambar),var(--luz))}
  .luz.viu .trilha-feixe{transform:scaleY(1)}
  .trilha-foton{left:50%!important;top:0;width:6px;height:80px;margin:0 0 0 -3px;background:radial-gradient(ellipse at center,#fff 0,rgba(255,214,170,.9) 25%,rgba(var(--luz-rgb),0) 70%)}
  .luz.viu .trilha-foton{animation-name:foton-v}
  @keyframes foton-v{0%{top:-40px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 40px);opacity:0}}
  .trilha-luz{grid-template-columns:1fr;gap:34px}
  .trilha-luz li{display:grid;grid-template-columns:var(--no) 1fr;column-gap:18px;align-items:start;text-align:left;padding:0}
  .tl-no{grid-row:1/4}
  .tl-num{margin:2px 0 2px}
  .tl-txt{max-width:none}
}

/* ── Onde atendo: o mapa ── */
.onde{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,56px);align-items:center}
.mapa{border-radius:var(--raio);background:var(--papel-2);padding:18px;position:relative;overflow:hidden}
.mapa svg{width:100%;height:auto;display:block}
.mapa-legenda{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--texto);padding:4px 6px 2px}
.mapa-legenda span{display:inline-flex;align-items:center;gap:7px}
.mapa-legenda i{width:10px;height:10px;border-radius:50%;background:var(--luz)}
.mapa-legenda i.casa{background:var(--tinta);border-radius:2px}
.mapa-legenda i.ifi{background:var(--ameixa)}
.mapa-cidade{fill:rgba(110,79,126,.08);stroke:rgba(110,79,126,.18);stroke-width:1.5;stroke-dasharray:3 6}
.mapa-nome{font:italic 400 26px var(--serifa);fill:var(--ameixa)}
.mapa-estrada{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round}
.mapa-estrada.fina{stroke-width:5}
.mapa-rota{fill:none;stroke:var(--luz);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 7;animation:rota 1.6s linear infinite;opacity:.85}
@keyframes rota{to{stroke-dashoffset:-26}}
.mapa-casa path{fill:var(--tinta)}
.mapa-casa circle,.mapa-ifi>circle:first-child{animation:respira 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.mapa-casa.c2 circle{animation-delay:1.2s}.mapa-casa.c3 circle{animation-delay:2.4s}
.mapa-ifi circle:nth-child(2){fill:var(--ameixa);stroke:#fff;stroke-width:3}
.mapa-ifi text{font:600 13px var(--sans);fill:var(--tinta)}
.mapa-eu circle{fill:var(--luz)}
.mapa-eu-onda{fill:none!important;stroke:var(--luz);stroke-width:2;animation:onda 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes onda{to{transform:scale(4.5);opacity:0}}
.onde-cards{display:grid;gap:18px}
.onde-card{padding:28px 30px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha)}
.onde-card h3{font-size:30px;margin:10px 0 12px}
.onde-card p:not(.olho){margin-bottom:16px;font-size:16px}
@media (max-width:900px){.onde{grid-template-columns:1fr}}

/* ── Como funciona ── */
.passos-secao{background:var(--papel-2);max-width:none}
.passos-secao>*{max-width:1220px;margin-left:auto;margin-right:auto}
.passos{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.passos li{padding:28px 24px;border-radius:var(--raio);background:var(--papel)}
.passos span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tinta);color:var(--ambar);font:italic 400 22px var(--serifa);margin-bottom:18px}
.passos b{display:block;font:400 25px/1.15 var(--serifa);color:var(--tinta);margin-bottom:8px}
.passos p{font-size:15.5px}
@media (max-width:980px){.passos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.passos{grid-template-columns:1fr}}

/* ── Sobre ── */
.sobre{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,5vw,72px);align-items:center}
.sobre-foto{position:relative;border-radius:50%;aspect-ratio:1;overflow:visible}
.sobre-foto img{border-radius:50%;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
/* Um anel de luz em volta do retrato. */
.sobre-foto::after{content:"";position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from 200deg,var(--ambar),var(--luz),rgba(var(--luz-rgb),0) 55%,var(--ambar));filter:blur(2px);opacity:.75;animation:gira 14s linear infinite}
.sobre-foto::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:var(--papel);z-index:0}
@keyframes gira{to{transform:rotate(360deg)}}
.sobre-foto::after{z-index:-1}
.sobre h2{font-size:clamp(36px,4.2vw,56px);margin:14px 0 22px}
.sobre-texto p:not(.olho){margin-bottom:16px;font-size:17.5px;max-width:36em}
.credenciais{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.credenciais li{padding:8px 15px;border-radius:999px;border:1px solid var(--linha);font-size:14px;font-weight:600;color:var(--tinta)}
@media (max-width:820px){.sobre{grid-template-columns:1fr}.sobre-foto{max-width:280px;margin:14px auto 0}}

/* ── Dúvidas ── */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.faq details{border-radius:18px;background:#fff;border:1px solid var(--linha);padding:4px 24px;transition:border-color .25s}
.faq details[open]{border-color:rgba(var(--luz-rgb),.4)}
.faq summary{list-style:none;cursor:pointer;padding:18px 30px 18px 0;font:400 22px/1.25 var(--serifa);color:var(--tinta);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font:300 26px var(--sans);color:var(--luz);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px;font-size:16px}
@media (max-width:820px){.faq{grid-template-columns:1fr}}

/* ── Chamada final ── */
.final{position:relative;overflow:hidden;contain:paint;text-align:center;padding:clamp(90px,11vw,150px) 20px;background:var(--tinta);color:rgba(255,255,255,.7)}
.final .olho{color:var(--ambar)}
.final h2{color:#fff;font-size:clamp(38px,5vw,68px);max-width:16em;margin:16px auto 34px}
.final h2 em{color:var(--ambar);display:block}
.final-luz{position:absolute;left:50%;top:-40%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:radial-gradient(circle,rgba(var(--luz-rgb),.35),transparent 60%);animation:respira 6s ease-in-out infinite}
.final>*:not(.final-luz){position:relative}
.final-nota{margin-top:22px;font-size:14px}

/* ── Rodapé ── */
.rodape{padding:48px clamp(20px,5vw,72px) 28px clamp(20px,7vw,110px);border-top:1px solid var(--linha);font-size:14.5px}
.rodape-corpo{display:flex;flex-wrap:wrap;gap:28px 48px;justify-content:space-between;align-items:flex-start}
.rodape-nome{font:400 clamp(26px,3vw,32px)/1.15 var(--serifa);color:var(--tinta)}
.rodape-cargo{margin-top:8px;color:var(--texto);font-size:15.5px}
.rodape-reg{margin-top:2px;color:var(--suave);font-size:13.5px;letter-spacing:.02em}
.rodape-contato{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:6px}
.rodape-rotulo{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.rodape-fone{font:400 clamp(24px,2.6vw,30px)/1.1 var(--serifa);color:var(--ameixa-escura);text-decoration:none}
.rodape-fone:hover,.rodape-insta:hover{text-decoration:underline;text-underline-offset:5px}
.rodape-insta{font-weight:600;color:var(--ameixa);text-decoration:none}
.rodape .hf-credito{width:auto;margin-top:18px;padding-top:14px;border-top:1px solid var(--linha);justify-content:flex-end}
.rodape-pe{margin-top:34px;padding-top:18px;border-top:1px solid var(--linha);font-size:12.5px;color:var(--suave)}
@media (max-width:700px){.rodape-contato{align-items:flex-start;text-align:left}.rodape .hf-credito{justify-content:flex-start}}

/* ── Entrada suave ao rolar ── */
.js [data-no]>*{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js [data-no].acesa>*{opacity:1;transform:none}
.js .heroi>*{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-no]>*{opacity:1;transform:none}
}

/* ══ Bio (/bio) ══ */
.bio{min-height:100vh;display:flex;justify-content:center;padding:48px 20px 80px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(var(--luz-rgb),.16),transparent 60%),var(--papel)}
.bio-caixa{width:min(440px,100%);text-align:center}
.bio-avatar{position:relative;width:132px;height:132px;margin:0 auto 18px}
.bio-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:4px solid var(--papel)}
.bio-avatar::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 200deg,var(--ambar),var(--luz),rgba(var(--luz-rgb),0) 55%,var(--ambar));animation:gira 10s linear infinite}
.bio h1{font-size:40px}
.bio-sub{font-size:14.5px;color:var(--suave);margin:6px 0 4px}
.bio-onde{font-size:14px;color:var(--texto);margin-bottom:28px}
.bio-links{display:grid;gap:12px}
.bio-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--linha);text-decoration:none;text-align:left;transition:transform .2s var(--ease),border-color .2s}
.bio-link:hover{transform:translateY(-2px);border-color:rgba(var(--luz-rgb),.4)}
.bio-link b{display:block;color:var(--tinta);font-size:15.5px}
.bio-link small{font-size:13px;color:var(--suave)}
.bio-link .ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--papel-2);font:italic 400 18px var(--serifa);color:var(--ameixa)}
.bio-link.principal{background:linear-gradient(135deg,var(--ambar),var(--luz) 60%);border:0;box-shadow:0 12px 30px rgba(var(--luz-rgb),.32)}
.bio-link.principal b,.bio-link.principal small{color:#fff}
.bio-link.principal .ico{background:rgba(255,255,255,.22);color:#fff}
.bio-link .seta{margin-left:auto;color:var(--suave)}
.bio-link.principal .seta{color:#fff}
.bio-rodape{margin-top:30px;font-size:12.5px;color:var(--suave)}

/* ── Logo de lótus dela (vetor) no lugar do sol ── */
.marca-lotus{width:40px;height:auto;flex:none}
@media (max-width:560px){.marca-lotus{width:34px}}
.pulso{--luz:#E8513F;--luz-rgb:232,81,63}
@media (min-width:901px){.onde{align-items:start}.mapa{position:sticky;top:110px}}

/* ══ Menos template (06/10/2026) ══ */
/* Títulos retos: sem itálico, sem metade colorida. */
.t-reto{font-style:normal}
.cabeca-lado{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);align-items:end;max-width:none}
.cabeca-lado h2{font-size:clamp(40px,5vw,68px);margin:0}
.cabeca-lado p{margin:0 0 8px}
@media (max-width:820px){.cabeca-lado{grid-template-columns:1fr;gap:14px}}

/* Onde atendo: o número grande é o título. */
.cabeca-num{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:end;max-width:none}
.num-grande{grid-row:1/3;font:400 clamp(120px,14vw,190px)/.78 var(--serifa);color:var(--luz)}
.cabeca-num h2{font-size:clamp(34px,4vw,54px);margin:0 0 6px}
.cabeca-num p{margin:0}

/* Título lateral pequeno (Como funciona, Dúvidas). */
.t-lateral{font-size:clamp(30px,3.2vw,42px);margin-bottom:clamp(26px,3.5vw,40px);padding-bottom:16px;border-bottom:1px solid var(--linha)}

/* Como funciona: linha do tempo, sem cartões. */
.passos{gap:0;counter-reset:p}
.passos li{background:none;border-radius:0;padding:0 28px 0 0;position:relative}
.passos li+li{padding-left:28px;border-left:1px solid var(--linha)}
.passos span{width:auto;height:auto;background:none;border-radius:0;place-items:start;font:400 54px/1 var(--serifa);font-style:normal;color:var(--luz);margin-bottom:14px}
@media (max-width:980px){.passos{gap:28px 0}.passos li:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:560px){.passos li,.passos li+li{border-left:0;padding:0 0 22px;border-bottom:1px solid var(--linha)}}

/* Sobre mim: citação grande e o lótus como marca d'água. */
.sobre-marca{position:absolute;right:clamp(10px,3vw,40px);top:50%;translate:0 -50%;width:min(34vw,420px);height:auto;pointer-events:none;z-index:0}
.sobre-marca,.js [data-no].acesa>.sobre-marca,.js [data-no]>.sobre-marca{opacity:.06;transform:none}
.sobre>*:not(.sobre-marca){position:relative;z-index:1}
.citacao{font:400 clamp(38px,4.6vw,62px)/1.06 var(--serifa);color:var(--tinta);letter-spacing:-.01em;margin-bottom:24px}
.credenciais{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:26px;border-top:1px solid var(--linha)}
.credenciais div{padding:16px 28px 0 0}
.credenciais div+div{padding-left:28px;border-left:1px solid var(--linha)}
.credenciais dt{font:600 11.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:4px}
.credenciais dd{font-size:15.5px;font-weight:600;color:var(--tinta)}
@media (max-width:640px){.credenciais{grid-template-columns:1fr}.credenciais div,.credenciais div+div{padding:12px 0;border-left:0;border-bottom:1px solid var(--linha)}}

/* Tratamentos: texto corrido com separador, sem pílula. */
.chips{display:block;margin:20px 0 28px;line-height:1.9}
.chips li{display:inline;padding:0;border:0;background:none;box-shadow:none;border-radius:0;font-size:15.5px;color:var(--tinta)}
.chips li:not(:last-child)::after{content:"·";margin:0 10px;color:var(--luz);font-weight:700}

/* Fatos do laser: três colunas com fio em cima. */
.fatos-linha{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px}
.fatos-linha li{padding:18px 0 0;border:0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;font-size:15.5px}
.fatos-linha b{display:block;font:400 26px/1.1 var(--serifa);margin-bottom:4px}
@media (max-width:700px){.fatos-linha{grid-template-columns:1fr;gap:18px}}

/* Dúvidas: lista com fios, sem cartões. */
.faq{gap:0 clamp(24px,4vw,56px)}
.faq details{border:0;border-radius:0;background:none;padding:0;border-top:1px solid var(--linha)}
.faq details[open]{border-color:var(--linha)}

/* Separador de lótus entre seções. */
.sep-lotus{display:flex;align-items:center;gap:22px;max-width:520px;margin:clamp(40px,5vw,64px) auto 0;padding:0 20px}
.sep-lotus i{flex:1;height:1px;background:var(--linha)}
.sep-lotus-ico{width:38px;height:auto;flex:none;opacity:.9}

/* Final: lótus e frase curta. */
.final-lotus{width:64px;height:auto;margin:0 auto 22px;display:block;position:relative}
.final h2{margin-bottom:14px}
.final-sub{position:relative;font-size:18px;margin:0 auto 32px;max-width:30em;color:rgba(255,255,255,.75)}

/* ── Crédito do Henrique (mesmo selo do CineImob e da Moratta) ── */
.hf-credito{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.85}
.hf-credito a{display:inline-flex;align-items:center;gap:7px;font-weight:600;text-decoration:none;color:inherit}
.hf-credito a:hover{text-decoration:underline;text-underline-offset:4px}
.hf-mark{flex:none;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.bio .hf-credito,.bio-caixa .hf-credito{justify-content:center;margin-top:18px}