/* =========================================================
   Toda Linda Estética e Beleza — Biguaçu/SC
   Paleta tirada do Instagram @todalindaesteticaebeleza (print, 02/10/2026).
   Duas famílias só: Playfair Display (títulos) e Montserrat (texto).
   No Instagram ela mistura 3–4 fontes por arte; aqui a assinatura é
   o itálico da Playfair, que substitui o papel da letra cursiva.
   ========================================================= */

@font-face{
  font-family:"Playfair Display";
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url("assets/fonts/playfair-latin-var.woff2") format("woff2");
}
@font-face{
  font-family:"Playfair Display";
  font-style:italic;
  font-weight:400 700;
  font-display:swap;
  src:url("assets/fonts/playfair-italic-latin-var.woff2") format("woff2");
}
@font-face{
  font-family:"Montserrat";
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url("assets/fonts/montserrat-latin-var.woff2") format("woff2");
}

:root{
  --plum:       #7A1F4E;   /* destaque das artes: preço, faixa, CTA */
  --plum-deep:  #4A1832;   /* texto e rodapé */
  --magenta:    #D35FA0;   /* lótus — só decoração e títulos grandes (contraste 3,4:1) */
  --magenta-tx: #A8346F;   /* versão escura do magenta para texto pequeno (AA) */
  --blush:      #F7DCE6;   /* fundo dos posts */
  --blush-hi:   #FCEFF4;
  --creme:      #FDF8F5;
  --rose:       #C99A9A;
  --folha:      #4E8A3E;
  --ink:        #3B1428;
  --ink-soft:   #6B4A5B;
  --linha:      rgba(122,31,78,.14);

  --serif: "Playfair Display", Georgia, serif;
  --sans:  "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --raio: 18px;
  --sombra: 0 10px 30px -12px rgba(74,24,50,.25);
  --largura: 1120px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  font:400 1rem/1.65 var(--sans);
  color:var(--ink);
  background:var(--creme);
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
h1,h2,h3{font-family:var(--serif);color:var(--plum-deep);line-height:1.18;margin:0 0 .6em;font-weight:600}
h1{font-size:clamp(2rem,1.2rem + 3.6vw,3.3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,1.15rem + 1.9vw,2.4rem)}
h3{font-size:1.2rem}
h1 em,h2 em{font-style:italic;color:var(--plum);font-weight:500}
p{margin:0 0 1em}
a{color:inherit}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px;border-radius:6px}

.pular{position:absolute;left:-999px;top:8px;background:var(--plum);color:#fff;padding:.6em 1em;border-radius:8px;z-index:100}
.pular:focus{left:8px}

.eyebrow{
  font:600 .78rem/1.3 var(--sans);
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--magenta-tx);margin-bottom:.9em;
}
.lead{font-size:1.1rem;color:var(--ink-soft);max-width:36em}
.centro{text-align:center}
.link{color:var(--plum);font-weight:600;text-underline-offset:3px}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font:600 .95rem/1 var(--sans);text-decoration:none;
  padding:.95em 1.5em;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s;
}
.btn--lg{padding:1.1em 1.7em;font-size:1rem}
.btn--sm{padding:.7em 1.2em;font-size:.85rem}
.btn--plum{background:var(--plum);color:#fff;box-shadow:0 8px 20px -10px rgba(122,31,78,.7)}
.btn--plum:hover{background:var(--plum-deep);transform:translateY(-1px)}
.btn--ghost{border-color:var(--plum);color:var(--plum);background:transparent}
.btn--ghost:hover{background:var(--plum);color:#fff}
.btn{touch-action:manipulation;min-height:48px}
.ico{width:1.2em;height:1.2em;flex:none}

/* Ícones do sprite: traço único, cor herdada. O do WhatsApp traz
   fill próprio no <path>, que vence a herança. */
svg:has(> use){fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.estrelas{display:inline-flex;gap:2px;color:#C98A1B}
.estrelas svg{width:16px;height:16px;fill:currentColor;stroke:none}

/* ---------- topo ---------- */
.topo{
  position:sticky;top:0;z-index:40;
  background:rgba(253,248,245,.94);
  backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid var(--linha);
}
.topo__in{max-width:var(--largura);margin:auto;padding:0 20px;height:68px;display:flex;align-items:center;gap:24px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.marca__lotus{width:40px;height:40px;flex:none}
.marca__txt strong{display:block;font:600 1.15rem/1 var(--serif);color:var(--plum-deep);letter-spacing:.02em}
.marca__txt small{display:block;font:500 .66rem/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--plum);margin-top:3px}
.menu{display:flex;gap:26px}
.menu a{font-size:.9rem;font-weight:500;text-decoration:none;color:var(--plum-deep);padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover{border-color:var(--magenta)}
.topo__hamb{display:none}

@media (max-width:900px){
  .topo__in{gap:12px}
  .topo__hamb{
    display:flex;flex-direction:column;gap:5px;justify-content:center;
    width:44px;height:44px;padding:10px;border:0;background:none;cursor:pointer;
  }
  .topo__hamb span{height:2px;background:var(--plum-deep);border-radius:2px;transition:transform .25s,opacity .2s}
  .topo__hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .topo__hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
  .topo__hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menu{
    position:absolute;left:0;right:0;top:68px;
    flex-direction:column;gap:0;padding:8px 20px 20px;
    background:var(--creme);border-bottom:1px solid var(--linha);
    box-shadow:0 20px 30px -20px rgba(74,24,50,.3);
    display:none;
  }
  .menu.aberto{display:flex}
  .menu a{padding:14px 0;border-bottom:1px solid var(--linha);font-size:1rem}
}
@media (max-width:420px){.topo__cta{display:none}}

/* ---------- seções ---------- */
.sec{padding:clamp(64px,8vw,110px) 0}
section[id]{scroll-margin-top:68px} /* não esconder o título sob o topo fixo */
.sec--blush{background:var(--blush-hi)}
.sec--creme{background:#fff}
.sec__in{max-width:var(--largura);margin:auto;padding:0 20px}
.sec__in--estreito{max-width:820px}
.sec__cab{text-align:center;max-width:40em;margin:0 auto 48px}
.sec__cab p:last-child{color:var(--ink-soft)}
.sec__cab--esq{text-align:left;margin:0 0 28px}

/* ---------- hero ---------- */
.hero{
  padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,96px);
  background:
    radial-gradient(60% 70% at 100% 0%, var(--blush) 0%, transparent 70%),
    radial-gradient(50% 60% at 0% 100%, #F9E7EE 0%, transparent 70%),
    var(--creme);
}
.hero__in{max-width:var(--largura);margin:auto;padding:0 20px;display:grid;grid-template-columns:1.25fr .9fr;gap:56px;align-items:center}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 36px}
.selos{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--linha);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.selos li{display:flex;gap:10px;align-items:flex-start}
.selos__ico{width:36px;height:36px;padding:8px;border-radius:50%;background:#fff;color:var(--plum);flex:none;box-shadow:0 2px 8px -4px rgba(74,24,50,.3)}
.selos span{font-size:.85rem;color:var(--ink-soft);line-height:1.4}
.selos strong{display:block;font-size:.92rem;color:var(--plum-deep)}

/* Visual do hero: arco da marca + avaliação real por cima.
   Quando a foto chegar, ela vira o fundo do arco. */
.hero__vis{position:relative;padding:0 0 56px 24px}
.hero__arco{
  aspect-ratio:4/5;border-radius:220px 220px var(--raio) var(--raio);
  background:
    radial-gradient(80% 60% at 50% 30%, rgba(255,255,255,.55), transparent 70%),
    linear-gradient(165deg,#F9E3EC 0%,#EDB9CF 100%);
  display:grid;place-items:center;box-shadow:var(--sombra);overflow:hidden;
}
.hero__lotus{width:40%;margin-top:-22%}
.hero__depo{
  position:absolute;left:0;right:12%;bottom:96px;margin:0;
  background:#fff;border-radius:16px;padding:18px 20px;box-shadow:var(--sombra);
}
.hero__depo blockquote{margin:8px 0 10px;font:italic 500 1.02rem/1.45 var(--serif);color:var(--plum-deep)}
.hero__depo figcaption{font-size:.8rem;font-weight:600;color:var(--ink-soft)}
.hero__nota{
  position:absolute;right:0;bottom:0;max-width:270px;margin:0;
  background:var(--plum-deep);color:#F3DCE6;border-radius:14px;padding:14px 16px;
  display:flex;gap:12px;align-items:flex-start;font-size:.82rem;line-height:1.4;
  box-shadow:var(--sombra);
}
.hero__nota strong{display:block;color:#fff;font-size:.9rem}
.hero__nota-ico{width:22px;height:22px;flex:none;color:#9FD08F}

@media (max-width:900px){
  .hero__in{grid-template-columns:1fr;gap:36px}
  .hero__vis{max-width:420px;margin:auto;width:100%;padding-left:0}
  .hero__arco{aspect-ratio:5/4;border-radius:180px 180px var(--raio) var(--raio)}
  .hero__lotus{width:26%;margin-top:-30%}
  .hero__depo{left:12px;right:12px;bottom:80px}
}
@media (max-width:560px){
  .selos{grid-template-columns:1fr;gap:12px}
  .hero__ctas .btn{width:100%}
  .hero__nota{position:static;max-width:none;margin-top:12px}
  .hero__vis{padding-bottom:0}
  .hero__arco{aspect-ratio:4/3}
  .hero__lotus{margin-top:-24%}
  /* no celular o cartão sai do absoluto e sobe sobre o arco, sem cobrir a faixa */
  .hero__depo{position:relative;left:auto;right:auto;bottom:auto;margin:-96px 12px 0}
}

/* ---------- cards cirurgias ---------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:26px 22px;display:flex;flex-direction:column;
  transition:box-shadow .25s,transform .25s;
}
.card:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
.card p{font-size:.95rem;color:var(--ink-soft)}
.card ul{list-style:none;padding:0;margin:0 0 20px;font-size:.9rem;color:var(--plum)}
.card li{padding:4px 0 4px 18px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--magenta)}
.card__link{margin-top:auto;padding-top:14px;border-top:1px solid var(--linha);font-weight:600;font-size:.9rem;color:var(--plum);text-decoration:none}
.card__link:hover{color:var(--magenta-tx)}
.card--suave{background:var(--blush-hi);border-style:dashed}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards{grid-template-columns:1fr}}

/* ---------- passos ---------- */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:p}
.passos li{position:relative}
.passos__n{
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--plum);color:#fff;font:600 1.15rem/1 var(--serif);margin-bottom:16px;
}
.passos p{font-size:.95rem;color:var(--ink-soft)}
@media (min-width:901px){
  .passos li:not(:last-child)::after{
    content:"";position:absolute;top:23px;left:58px;right:-18px;height:1px;
    background:repeating-linear-gradient(90deg,var(--rose) 0 6px,transparent 6px 12px);
  }
}
@media (max-width:900px){.passos{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.passos{grid-template-columns:1fr}}

/* ---------- formulário ---------- */
.agenda{background:#fff;border:1px solid var(--linha);border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:var(--sombra)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-size:.9rem;font-weight:600;color:var(--plum-deep)}
.campo em{font-weight:400;color:var(--ink-soft)}
.obrig{color:var(--magenta-tx)}
.campo__ajuda{margin:0;font-size:.82rem;color:var(--ink-soft)}
.campo__erro{margin:0;font-size:.85rem;font-weight:500;color:#B3261E}
.campo input[aria-invalid="true"]{border-color:#B3261E;background:#FFF6F6}
.form__ok{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#EEF6EA;color:#24461B}
.form__ok[hidden]{display:none}
.form__ok svg{width:22px;height:22px;flex:none;color:var(--folha)}
.form__ok p{margin:0;font-size:.92rem}
.form__ok a{color:#24461B;font-weight:600}
.campo--inteiro{grid-column:1/-1}
.campo input,.campo select{
  font:400 1rem/1.3 var(--sans);color:var(--ink);
  padding:.85em 1em;border:1.5px solid #E6CBD7;border-radius:12px;background:var(--creme);
  min-height:50px;
}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--plum);box-shadow:0 0 0 3px rgba(122,31,78,.15)}
.form__erro{grid-column:1/-1;margin:0;color:#B3261E;font-size:.9rem;font-weight:500}
@media (max-width:560px){.form{grid-template-columns:1fr}}

/* ---------- Ana ---------- */
.ana{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.ana__foto{
  aspect-ratio:4/5;border-radius:var(--raio);
  background:linear-gradient(200deg,var(--blush),#EBB9CE);
  display:grid;place-items:center;box-shadow:var(--sombra);
}
.ana__foto span{font:italic 500 3.4rem/1 var(--serif);color:var(--plum)}
.ana__txt p{color:var(--ink-soft);font-size:1.02rem}
.citacao{margin:28px 0 0;padding:20px 24px;border-left:4px solid var(--magenta);background:var(--blush-hi);border-radius:0 14px 14px 0}
.citacao p{font:italic 500 1.2rem/1.45 var(--serif);color:var(--plum-deep);margin:0 0 6px}
.citacao cite{font-style:normal;font-size:.82rem;color:var(--ink-soft)}
@media (max-width:900px){
  .ana{grid-template-columns:1fr;gap:36px}
  .ana__foto{max-width:340px;width:100%;margin:auto}
}

/* ---------- depoimentos ---------- */
.nota-google{font-size:1rem;color:var(--ink-soft)}
.nota-google strong{font:600 1.4rem/1 var(--serif);color:var(--plum-deep)}
.nota-google span{color:#C98A1B;letter-spacing:.1em}
.depos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.depo{margin:0;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.depo blockquote{margin:0;font-size:.98rem;color:var(--ink);line-height:1.6}
.depo figcaption{font-weight:600;font-size:.88rem;color:var(--plum)}
@media (max-width:900px){.depos{grid-template-columns:1fr}}

/* ---------- outros ---------- */
.outros{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.outros > div{background:#fff;border-radius:var(--raio);padding:24px;border:1px solid var(--linha)}
.outros h3{font-size:1.08rem}
.outros p{font-size:.92rem;color:var(--ink-soft);margin:0}
@media (max-width:1000px){.outros{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.outros{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.faq summary{
  list-style:none;cursor:pointer;padding:18px 56px 18px 22px;position:relative;
  font-weight:600;color:var(--plum-deep);font-size:1rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font:400 1.6rem/1 var(--sans);color:var(--plum);transition:transform .2s;
}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 22px 20px;margin:0;color:var(--ink-soft)}

/* ---------- onde ---------- */
.onde{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
.dados{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:16px}
.dados li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-soft)}
.dados svg{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--blush-hi);color:var(--plum);flex:none}
.dados strong{display:block;color:var(--plum-deep);font-size:.9rem}
.mapa{
  aspect-ratio:4/3;border-radius:var(--raio);overflow:hidden;
  background:
    linear-gradient(0deg,rgba(247,220,230,.75),rgba(247,220,230,.75)),
    repeating-linear-gradient(35deg,#efe3e8 0 2px,transparent 2px 38px),
    repeating-linear-gradient(-55deg,#efe3e8 0 2px,transparent 2px 52px),
    #faf3f6;
  display:grid;place-items:center;border:1px solid var(--linha);
}
.mapa iframe{width:100%;height:100%;border:0}
.mapa__btn{font:600 .95rem/1 var(--sans);color:#fff;background:var(--plum);border:0;border-radius:999px;padding:1em 1.6em;cursor:pointer}
@media (max-width:900px){.onde{grid-template-columns:1fr}}

/* ---------- rodapé ---------- */
.rodape{background:var(--plum-deep);color:#F3DCE6;padding:44px 0 96px}
.rodape__in{max-width:var(--largura);margin:auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.rodape p{margin:0;font-size:.9rem}
.rodape a{color:#fff}
.rodape__marca{font:600 1.3rem/1 var(--serif);color:#fff;display:block;margin-bottom:6px}
.rodape__peq{opacity:.7;font-size:.8rem}

/* ---------- WhatsApp fixo ---------- */
/* Verde mais escuro que o oficial #25D366: com ícone branco o oficial dá 2:1. */
.wa-fixo{
  position:fixed;right:18px;bottom:18px;z-index:50;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#128C4A;color:#fff;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);
  transition:transform .2s;
}
.wa-fixo:hover{transform:scale(1.07)}
.wa-fixo svg{width:30px;height:30px}

/* Barra fixa do celular */
.barra{display:none}
@media (max-width:700px){
  .wa-fixo{display:none}
  .barra{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:rgba(253,248,245,.96);backdrop-filter:blur(8px);
    border-top:1px solid var(--linha);
    transform:translateY(110%);transition:transform .25s ease-out;
  }
  .barra.visivel{transform:none}
  .barra__btn{width:100%}
  .rodape{padding-bottom:110px}
}
@media (prefers-reduced-motion:reduce){.barra{transition:none}}

/* ---------- entrada suave (só com JS e sem pedido de menos movimento) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .surge{opacity:0;transform:translateY(18px);transition:opacity .45s ease-out,transform .45s ease-out}
  .js .surge.visto{opacity:1;transform:none}
}

/* =========================================================
   Camada 2 — ícones, prova social, chamada final, estados
   ========================================================= */

/* ícone em pastilha (cards, outros cuidados) */
.card__ico{
  display:grid;place-items:center;width:48px;height:48px;border-radius:14px;
  background:var(--blush);color:var(--plum);margin-bottom:16px;
}
.card__ico svg{width:24px;height:24px}
.card--suave .card__ico{background:#fff}

/* links com seta: alvo de toque de 44px */
.card__link,.link--seta{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.card__link{display:flex;justify-content:space-between}
.card__link svg,.link--seta svg{width:18px;height:18px;transition:transform .2s ease-out}
.card__link:hover svg,.link--seta:hover svg{transform:translateX(3px)}
.link--seta{text-decoration:none}

/* avaliações */
.nota-google{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.nota-google .estrelas svg{width:20px;height:20px}
.depo blockquote{font-family:var(--serif);font-style:italic;font-size:1.02rem}
.depo figcaption{display:flex;align-items:center;gap:10px}
.depo__av{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--blush);color:var(--plum);font:600 .95rem/1 var(--sans);
}
.sec--blush .depo{border-color:transparent;box-shadow:0 6px 20px -14px rgba(74,24,50,.35)}

/* Ana */
.ana__foto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.ana__lotus{width:30%}
.ana__pontos{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:12px}
.ana__pontos li{display:flex;gap:12px;align-items:center;color:var(--plum-deep);font-weight:500}
.ana__pontos svg{width:20px;height:20px;color:var(--magenta-tx);flex:none}

.outros__cta{margin:28px 0 0}

/* chamada final */
.final{background:linear-gradient(135deg,var(--plum) 0%,var(--plum-deep) 100%);color:#F7DCE6;padding:clamp(56px,7vw,88px) 0;text-align:center}
.final__in{max-width:720px}
.final h2{color:#fff}
.final h2 em{color:#F7B8D3}
.final p{font-size:1.05rem;margin-bottom:28px}
.btn--branco{background:#fff;color:var(--plum)}
.btn--branco:hover{background:var(--blush);transform:translateY(-1px)}

/* menu: seção atual */
.menu a.ativo{color:var(--plum);border-color:var(--plum)}
@media (max-width:900px){.menu a.ativo{border-color:var(--linha);font-weight:600}}

.mapa__btn{display:inline-flex;align-items:center;gap:8px;min-height:48px}
.ico--traco{stroke-width:2}

/* =========================================================
   Camada 3 — foto e vídeo da Ana
   ========================================================= */
.hero__arco{background:var(--blush)}
.hero__arco img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.ana__foto{overflow:hidden;background:var(--blush)}
.ana__foto video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:560px){
  .hero__arco{aspect-ratio:4/4.2}
}

/* =========================================================
   Camada 4 — hero em vídeo, mapa do corpo, processo animado,
   Ana 9:16, comodidades. Sobrescreve as camadas anteriores.
   ========================================================= */

/* ---------- topo por cima do vídeo ---------- */
.topo{position:fixed;left:0;right:0;transition:opacity .6s ease-out,background .3s,border-color .3s}
.topo--sobre{background:transparent;backdrop-filter:none;border-color:transparent}
.topo--sobre .marca__txt strong,.topo--sobre .marca__txt small,.topo--sobre .menu a{color:#fff}
.topo--sobre .menu a:hover,.topo--sobre .menu a.ativo{border-color:#fff}
.topo--sobre .topo__hamb span{background:#fff}
.topo--sobre .topo__cta{background:#fff;color:var(--plum);box-shadow:none}
@media (max-width:900px){
  /* menu aberto no celular volta a ser claro */
  .topo--sobre:has(.menu.aberto){background:var(--creme)}
  .topo--sobre:has(.menu.aberto) .menu a,
  .topo--sobre:has(.menu.aberto) .marca__txt strong,
  .topo--sobre:has(.menu.aberto) .marca__txt small{color:var(--plum-deep)}
  .topo--sobre:has(.menu.aberto) .topo__hamb span{background:var(--plum-deep)}
}
html.intro .topo{opacity:0;pointer-events:none}

/* ---------- hero ---------- */
html.intro{overflow:hidden}
.hero{
  position:relative;min-height:100vh;min-height:100svh;padding:0;
  display:flex;align-items:flex-end;overflow:hidden;background:#2a1220;
}
.hero__poster,.hero__poster img,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__video{opacity:0;transition:opacity .4s}
.hero__video.rodando{opacity:1}
.hero__veu{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(42,18,32,.55) 0%,rgba(42,18,32,0) 22%),
    linear-gradient(0deg,rgba(42,18,32,.88) 0%,rgba(42,18,32,.55) 38%,rgba(42,18,32,.05) 70%);
  transition:opacity .8s;
}
html.intro .hero__veu{opacity:.25}
.hero__in{
  position:relative;z-index:2;display:block;
  max-width:var(--largura);width:100%;margin:0 auto;
  padding:0 20px clamp(72px,10vh,120px);
}
.hero h1{color:#fff;max-width:15em}
.hero h1 em{color:#F7B8D3}
.hero .lead{color:rgba(255,255,255,.88);max-width:34em}
.hero__eyebrow{color:#F7B8D3}
.hero__ctas{margin:28px 0 0}
.btn--vidro{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(6px)}
.btn--vidro:hover{background:#fff;color:var(--plum)}

/* entrada do texto depois da abertura */
.hero__in > *{transition:opacity .7s ease-out,transform .7s ease-out}
html.intro .hero__in > *{opacity:0;transform:translateY(24px)}
html.pronto .hero__in > :nth-child(2){transition-delay:.12s}
html.pronto .hero__in > :nth-child(3){transition-delay:.26s}
html.pronto .hero__in > :nth-child(4){transition-delay:.4s}

/* barrinha de progresso da abertura */
.hero__intro{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:rgba(255,255,255,.15);opacity:0;transition:opacity .4s}
.hero__intro span{display:block;height:100%;background:#F7B8D3;transform-origin:left;transform:scaleX(0)}
html.intro .hero__intro{opacity:1}
html.intro .hero__intro.correndo span{transform:scaleX(1);transition:transform var(--dur,4.3s) linear}

.hero__desce{
  position:absolute;left:50%;bottom:18px;z-index:2;transform:translateX(-50%);
  width:44px;height:44px;display:grid;place-items:center;color:#fff;opacity:.8;transition:opacity .6s;
}
.hero__desce svg{width:26px;height:26px}
html.intro .hero__desce{opacity:0}
@media (prefers-reduced-motion:no-preference){
  html.pronto .hero__desce svg{animation:desce 2.4s ease-in-out infinite}
  @keyframes desce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
}
@media (max-width:560px){
  .hero__in{padding-bottom:84px}
  .hero__ctas{flex-direction:column}
}

/* ---------- mapa do corpo ---------- */
.corpo{
  display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"abas abas" "fig painel";
  gap:28px 56px;align-items:center;
}
.corpo__abas{grid-area:abas;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.corpo__abas button{
  font:600 .92rem/1 var(--sans);color:var(--plum-deep);cursor:pointer;
  min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--linha);background:#fff;
  transition:background .2s,color .2s,border-color .2s;
}
.corpo__abas button:hover{border-color:var(--plum)}
.corpo__abas button[aria-selected="true"]{background:var(--plum);color:#fff;border-color:var(--plum)}
.corpo__fig{grid-area:fig;margin:0;position:relative;max-width:380px;justify-self:center;width:100%}
.corpo__svg{width:100%;height:auto;overflow:visible}
.corpo__pele{fill:#FBE9EF;stroke:#E2B3C6;stroke-width:2}
.corpo__traco{fill:none;stroke:#E2B3C6;stroke-width:2;stroke-linecap:round}
.corpo__traco circle{fill:#E2B3C6;stroke:none}
.reg{fill:url(#g-reg);opacity:0;transition:opacity .5s ease-out}
.reg--outras{fill:#D35FA0}
.cicatriz{fill:none;stroke:#7A1F4E;stroke-width:2.5;stroke-dasharray:3 5;stroke-linecap:round;opacity:0;transition:opacity .4s}
.fluxo{fill:none;stroke:#7A1F4E;stroke-width:4;stroke-linecap:round;stroke-dasharray:1 13;opacity:0;transition:opacity .4s}
.nodo circle{fill:#4E8A3E;stroke:#fff;stroke-width:2;opacity:.25;transition:opacity .4s}

.corpo[data-ativo="lipo"] .reg--lipo,
.corpo[data-ativo="abdomen"] .reg--abdomen,
.corpo[data-ativo="mama"] .reg--mama{opacity:1}
.corpo[data-ativo="outras"] .reg--outras{opacity:.18}
.corpo[data-ativo="abdomen"] .cicatriz{opacity:1}
.corpo[data-ativo="lipo"] .fluxo--lipo,
.corpo[data-ativo="abdomen"] .fluxo--abdomen,
.corpo[data-ativo="mama"] .fluxo--mama{opacity:1}
.corpo[data-ativo="lipo"] .nodo--virilha circle,
.corpo[data-ativo="abdomen"] .nodo--axila circle,
.corpo[data-ativo="mama"] .nodo--axila circle{opacity:1}

@media (prefers-reduced-motion:no-preference){
  .fluxo path{animation:flui 1.3s linear infinite}
  @keyframes flui{to{stroke-dashoffset:-28}}
  .corpo[data-ativo="lipo"] .nodo--virilha circle,
  .corpo[data-ativo="abdomen"] .nodo--axila circle,
  .corpo[data-ativo="mama"] .nodo--axila circle{animation:pulsa 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  @keyframes pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
  .painel:not([hidden]){animation:painel .35s ease-out}
  @keyframes painel{from{opacity:0;transform:translateY(10px)}}
}
.corpo__leg{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:.82rem;color:var(--ink-soft)}
.corpo__leg span{display:inline-flex;align-items:center;gap:6px}
.leg-fluxo{width:22px;height:0;border-top:4px dotted var(--plum)}
.leg-nodo{width:12px;height:12px;border-radius:50%;background:var(--folha)}
.corpo__paineis{grid-area:painel}
.painel h3{font-size:1.6rem}
.painel p{color:var(--ink-soft);font-size:1.02rem}
.painel ul{list-style:none;padding:0;margin:0 0 24px;color:var(--plum)}
.painel li{padding:6px 0 6px 22px;position:relative}
.painel li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:8px;border-radius:50%;background:var(--magenta)}
@media (max-width:820px){
  .corpo{grid-template-columns:1fr;grid-template-areas:"abas" "fig" "painel";gap:20px}
  .corpo__abas{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
  .corpo__abas button{flex:none}
  .corpo__fig{max-width:280px}
}

/* ---------- processo 1→4 ---------- */
.passos{position:relative;--prog:0}
.passos li::after{display:none}                /* tira o tracejado da camada 1 */
.passos::before,.passos::after{
  content:"";position:absolute;top:23px;left:23px;right:calc(25% - 5px);height:2px;border-radius:2px;
}
.passos::before{background:#EBD3DD}
.passos::after{background:var(--plum);transform-origin:left;transform:scaleX(var(--prog))}
.passos__n{position:relative;z-index:1;background:#fff;color:var(--plum);border:2px solid #EBD3DD;transition:background .5s,color .5s,border-color .5s,transform .5s}
.passos li h3,.passos li p{transition:opacity .6s}
.js .passos.anima li:not(.feito) h3,.js .passos.anima li:not(.feito) p{opacity:.3}
.passos li.feito .passos__n{background:var(--plum);color:#fff;border-color:var(--plum);transform:scale(1.08)}
.passos.anima::after{transition:transform 1.1s linear}
@media (max-width:900px){
  .passos{grid-template-columns:1fr;gap:28px}
  .passos li{padding-left:66px;min-height:46px}
  .passos__n{position:absolute;left:0;top:0;margin:0}
  .passos::before,.passos::after{top:23px;bottom:23px;left:22px;right:auto;width:2px;height:auto}
  .passos::after{transform-origin:top;transform:scaleY(var(--prog))}
}
@media (prefers-reduced-motion:reduce){.passos.anima::after{transition:none}}

/* ---------- Ana 9:16 ---------- */
.ana{grid-template-columns:minmax(260px,360px) 1fr;justify-content:center}
.ana__foto{aspect-ratio:9/16;max-width:360px;width:100%;justify-self:center;border-radius:24px}
@media (max-width:900px){.ana{grid-template-columns:1fr}.ana__foto{max-width:300px}}

/* ---------- onde ---------- */
.comod{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.comod li{
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  padding:16px 8px;border-radius:16px;background:var(--blush-hi);font-size:.85rem;font-weight:600;color:var(--plum-deep);
}
.comod svg{width:26px;height:26px;color:var(--plum)}
.onde__ctas{display:flex;flex-wrap:wrap;gap:12px}
.mapa{background:var(--blush-hi);aspect-ratio:4/3.4}
@media (max-width:560px){
  .comod{grid-template-columns:repeat(2,1fr)}
  .onde__ctas .btn{width:100%}
}

/* ajustes pós-teste da abertura */
.hero__eyebrow{color:#fff;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero__veu{background:
  linear-gradient(180deg,rgba(42,18,32,.55) 0%,rgba(42,18,32,0) 22%),
  linear-gradient(0deg,rgba(42,18,32,.92) 0%,rgba(42,18,32,.7) 42%,rgba(42,18,32,.15) 75%)}
html.intro .wa-fixo,html.intro .barra{opacity:0;pointer-events:none}
.wa-fixo{transition:transform .2s,opacity .6s}

.corpo__fig{max-width:330px}

/* =========================================================
   Camada 5 — ajustes da Ana (05/10): tratamentos em grupos
   com "balõezinhos", equipamentos, apresentação e formulário.
   ========================================================= */

/* ---------- tratamentos ---------- */
.grupos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.grupo{
  background:#fff;border:1px solid var(--linha);border-radius:24px;padding:28px 24px 22px;
  display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 30px -22px rgba(74,24,50,.45);
}
.grupo__cab{display:flex;align-items:center;gap:14px}
.grupo__cab h3{margin:0;font-size:1.25rem}
.grupo__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--plum);color:#fff;flex:none}
.grupo__ico svg{width:26px;height:26px}
.baloes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.baloes li{
  position:relative;display:flex;gap:12px;align-items:flex-start;
  background:var(--blush-hi);border-radius:18px 18px 18px 6px;padding:14px 16px;
  transition:transform .2s ease-out,background .2s;
}
.baloes li:hover{transform:translateY(-2px);background:var(--blush)}
.baloes svg{width:22px;height:22px;color:var(--plum);flex:none;margin-top:2px}
.baloes strong{display:block;color:var(--plum-deep);font-size:.98rem;margin-bottom:2px}
.baloes span{font-size:.9rem;color:var(--ink-soft);line-height:1.45}
.grupo .link--seta{margin-top:auto;font-size:.92rem}
@media (max-width:1000px){.grupos{grid-template-columns:1fr;max-width:560px;margin:0 auto}}

.equip{
  margin:32px auto 0;max-width:900px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;
}
.equip__tit{margin:0;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--plum-deep);font-size:.95rem}
.equip__tit svg{width:20px;height:20px;color:var(--magenta-tx)}
.equip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.equip li{font-size:.85rem;font-weight:500;color:var(--plum);padding:7px 14px;border-radius:999px;border:1.5px solid #EBD3DD;background:#fff}

/* ---------- Ana ---------- */
.ana__midia{
  margin:20px 0 0;padding:12px 16px;border-radius:12px;background:var(--blush-hi);
  font-size:.92rem;color:var(--plum-deep);
}

/* ---------- formulário ---------- */
.campo textarea{
  font:400 1rem/1.4 var(--sans);color:var(--ink);resize:vertical;min-height:96px;
  padding:.85em 1em;border:1.5px solid #E6CBD7;border-radius:12px;background:var(--creme);
}
.campo textarea:focus{outline:none;border-color:var(--plum);box-shadow:0 0 0 3px rgba(122,31,78,.15)}

/* =========================================================
   Camada 6 — Ana na mídia (06/10): podcast que toca na página
   + cards das matérias.
   ========================================================= */
.midia{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}

.podcast{margin:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--sombra)}
.podcast__capa{
  position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;cursor:pointer;background:#111;
}
.podcast__capa img,.podcast iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}
.podcast iframe{aspect-ratio:16/9;height:auto}
.podcast__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:var(--plum);color:#fff;box-shadow:0 10px 30px -8px rgba(0,0,0,.5);
  transition:transform .2s ease-out,background .2s;
}
.podcast__play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}
.podcast__capa:hover .podcast__play{transform:translate(-50%,-50%) scale(1.08);background:var(--plum-deep)}
.podcast figcaption{padding:20px 22px 22px;display:flex;flex-direction:column;gap:4px}
.podcast figcaption strong{font:600 1.3rem/1.25 var(--serif);color:var(--plum-deep)}
.podcast figcaption span:last-child{color:var(--ink-soft);font-size:.95rem}

.midia__tipo{font:600 .74rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--magenta-tx)}

.materias{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.materias a{
  position:relative;display:flex;flex-direction:column;gap:4px;text-decoration:none;
  background:#fff;border:1px solid var(--linha);border-radius:18px;padding:18px 52px 18px 20px;
  transition:transform .2s ease-out,box-shadow .2s,border-color .2s;
}
.materias a:hover{transform:translateY(-2px);box-shadow:var(--sombra);border-color:transparent}
.materias strong{font-size:1rem;color:var(--plum-deep);line-height:1.35}
.materias span:not(.midia__tipo){font-size:.9rem;color:var(--ink-soft);line-height:1.45}
.materias__seta{position:absolute;right:18px;top:50%;width:20px;height:20px;transform:translateY(-50%) rotate(-45deg);color:var(--plum);transition:transform .2s}
.materias a:hover .materias__seta{transform:translateY(-50%) rotate(-45deg) translateX(3px)}

@media (max-width:900px){.midia{grid-template-columns:1fr;max-width:620px;margin:0 auto}}

/* =========================================================
   Camada 7 — pedidos do Pedro (06/10): "Fale comigo" no topo,
   hero 16:9 no celular, foto no agendamento, rodapé completo.
   ========================================================= */

/* ---------- botão do topo ---------- */
.topo__cta{gap:.45em}
.topo__cta .ico{width:1.05em;height:1.05em}

/* hero no celular: volta ao vertical em tela cheia (Pedro, 06/10: o 16:9
   ficou feio). Agora com vídeo 9:16 nativo (608x1080, hero-jz-916.mp4). */

/* ---------- agendamento: foto bem leve ao fundo ---------- */
#agendar{
  background:
    linear-gradient(rgba(247,220,230,.88),rgba(247,220,230,.88)),
    url("assets/agendar-fundo.webp") center/cover no-repeat;
}

/* ---------- rodapé ---------- */
.rodape{padding:64px 0 0;background:var(--plum-deep);color:#EBCFDC}
.rodape__in{
  max-width:var(--largura);margin:auto;padding:0 20px 48px;
  display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1.2fr;gap:36px;align-items:start;
}
.rodape__col p{margin:0 0 12px;font-size:.92rem;line-height:1.6}
.rodape__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rodape__col a{color:#EBCFDC;text-decoration:none;font-size:.92rem;display:inline-flex;align-items:center;gap:10px;min-height:36px}
.rodape__col a:hover{color:#fff}
.rodape__tit{font:600 .78rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#F7B8D3;margin:0 0 14px}
.rodape__contatos svg{width:20px;height:20px;flex:none}
.marca--clara{margin:0 0 16px}
.marca--clara .marca__txt strong{color:#fff}
.marca--clara .marca__txt small{color:#F7B8D3}

.rodape__base{border-top:1px solid rgba(255,255,255,.12)}
.rodape__base-in{
  max-width:var(--largura);margin:auto;padding:18px 20px;
  display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;
}
.rodape__base p{margin:0;font-size:.8rem;color:rgba(235,207,220,.8)}

/* marca d'água do estúdio */
.assinatura{
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  font-size:.74rem;color:rgba(235,207,220,.75);opacity:.85;transition:opacity .2s;min-height:36px;
}
.assinatura:hover{opacity:1}
.assinatura strong{font:800 .82rem/1 "Montserrat",sans-serif;letter-spacing:-.01em;color:#fff}
.assinatura em{font-style:normal;color:#FF5A5A}

@media (max-width:900px){.rodape__in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .rodape__in{grid-template-columns:1fr;gap:28px}
  .rodape__base-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){.rodape{padding-bottom:84px}}

/* correções pós-teste (06/10) */
@media (max-width:560px){
  nav.rodape__col ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:0}
}

.rodape__hora{margin-top:10px!important;opacity:.85}

/* =========================================================
   Camada 8 — Equipamentos em grade (06/10): 4×2 no computador,
   2 colunas no tablet, 1 no celular. Cartões abrem ao toque (<details>).
   Substitui a faixa de pílulas soltas da camada 5.
   ========================================================= */
.equip{display:block;max-width:none;margin:64px 0 0}
.equip__cab{text-align:center;margin:0 0 24px}
.equip__cab h3{font-size:1.5rem;margin:0 0 6px}
.equip__cab p{margin:0;color:var(--ink-soft);font-size:.95rem}
.equip__grade{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}

.eq{background:#fff;border:1px solid var(--linha);border-radius:18px;transition:box-shadow .2s,border-color .2s}
.eq[open]{box-shadow:var(--sombra);border-color:transparent}
.eq summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:16px 40px 16px 16px;min-height:76px;position:relative;
}
.eq summary::-webkit-details-marker{display:none}
.eq summary::after{
  content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font:400 1.4rem/1 var(--sans);color:var(--plum);transition:transform .2s;
}
.eq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.eq__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--blush);color:var(--plum);flex:none}
.eq__ico svg{width:22px;height:22px}
.eq__nome{display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:var(--ink-soft);line-height:1.35}
.eq__nome strong{font-size:.98rem;color:var(--plum-deep)}
.eq p{margin:0;padding:0 16px 18px;font-size:.9rem;color:var(--ink-soft);line-height:1.55}
@media (prefers-reduced-motion:no-preference){
  .eq[open] p{animation:painel .3s ease-out}
}

/* 8º cartão: convite para perguntar */
.eq--cta{
  display:flex;align-items:center;gap:12px;padding:16px;min-height:76px;text-decoration:none;
  background:var(--plum);border-color:var(--plum);
}
.eq--cta .eq__ico{background:rgba(255,255,255,.14);color:#fff}
.eq--cta .eq__nome,.eq--cta .eq__nome strong{color:#fff}
.eq--cta:hover{background:var(--plum-deep)}

@media (max-width:1000px){.equip__grade{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.equip__grade{grid-template-columns:1fr}}

/* mesma altura para todos os cartões fechados (nomes que quebram em 2 linhas) */
.eq summary,.eq--cta{min-height:116px}
@media (max-width:520px){.eq summary,.eq--cta{min-height:76px}}
.eq--cta{min-height:118px}
@media (max-width:520px){.eq--cta{min-height:78px}}

/* celular deitado / telas baixas (06/10): o texto do hero passava por baixo do
   menu fixo e não cabia na altura. Reserva o espaço do menu e encolhe o texto. */
@media (min-width:701px){.hero__in{padding-top:92px}}
@media (min-width:701px) and (max-height:560px){
  .hero h1{font-size:clamp(1.5rem,3.6vw,2.1rem);margin-bottom:.4em}
  .hero .lead{font-size:.95rem;margin-bottom:0}
  .hero__eyebrow{margin-bottom:.5em}
  .hero__ctas{margin-top:16px}
  .hero__ctas .btn--lg{padding:.8em 1.3em;font-size:.92rem}
  .hero__in{padding-top:80px;padding-bottom:28px}
  .hero__desce{display:none}
}

.topo__cta{white-space:nowrap}

/* =========================================================
   Camada 9 — reunião com a Ana (19/10): sessão avulsa,
   antes e depois, vale-presente.
   ========================================================= */

/* link dentro do balão (Spa Day → vale-presente) */
.baloes__link{display:inline-block;margin-top:4px;font-weight:600;color:var(--plum);text-underline-offset:3px}

/* sessão avulsa na apresentação */
.ana__avulsa{
  margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--blush-hi);
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;justify-content:space-between;
}
.ana__avulsa p{margin:0;color:var(--plum-deep);font-size:.95rem;flex:1 1 240px}

/* ---------- antes e depois ---------- */
.ads{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ad{margin:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(74,24,50,.5)}
.ad__quadro{position:relative;aspect-ratio:1/1;overflow:hidden;--pos:50%;user-select:none;touch-action:pan-y}
.ad__lado{position:absolute;inset:0;background-size:cover;background-position:center}
.ad__lado--antes{background-color:#EFE3E8}
.ad__lado--depois{background-color:#F7DCE6;clip-path:inset(0 0 0 var(--pos))}
.ad__vazio{
  position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:.82rem;font-weight:600;color:var(--ink-soft);width:50%;text-align:center;
}
.ad__lado--antes .ad__vazio{left:0}
.ad__lado--depois .ad__vazio{right:0}
.ad__vazio svg{width:28px;height:28px;color:var(--rose)}
.ad__lado.tem-foto .ad__vazio{display:none}
.ad__rot{
  position:absolute;top:12px;z-index:2;font:600 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:rgba(74,24,50,.7);padding:6px 10px;border-radius:999px;pointer-events:none;
}
.ad__rot--antes{left:12px}.ad__rot--depois{right:12px}
.ad__linha{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);z-index:2;pointer-events:none;box-shadow:0 0 0 1px rgba(74,24,50,.15)}
.ad__linha span{
  position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;
  background:#fff;box-shadow:0 4px 14px -4px rgba(74,24,50,.5);
}
.ad__linha span::before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font:700 .95rem/1 var(--sans);color:var(--plum);letter-spacing:2px}
.ad__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}
.ad__range:focus-visible + .ad__linha,.ad__quadro:focus-within .ad__linha span{outline:3px solid var(--magenta);outline-offset:2px}
.ad figcaption{padding:14px 18px 16px;display:flex;flex-direction:column;gap:2px;font-size:.88rem;color:var(--ink-soft)}
.ad figcaption strong{font-size:1rem;color:var(--plum-deep)}
.ads__aviso{margin:20px 0 0;text-align:center;font-size:.85rem;color:var(--ink-soft)}
@media (max-width:900px){.ads{grid-template-columns:1fr;max-width:420px;margin:0 auto}}

/* ---------- vale-presente ---------- */
.vp{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
.vp__form{display:flex;flex-direction:column;gap:22px}
.vp__passo{border:0;margin:0;padding:0;min-width:0}
.vp__passo legend{display:flex;align-items:center;gap:10px;font:600 1.05rem/1.3 var(--serif);color:var(--plum-deep);margin-bottom:12px;padding:0}
.vp__passo legend span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--plum);color:#fff;font:600 .85rem/1 var(--sans)}
.vp__chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  font:500 .9rem/1 var(--sans);color:var(--plum-deep);cursor:pointer;min-height:44px;padding:0 16px;
  border-radius:999px;border:1.5px solid #E6CBD7;background:#fff;transition:background .2s,color .2s,border-color .2s;
}
.chip:hover{border-color:var(--plum)}
.chip[aria-checked="true"],.chip[aria-pressed="true"]{background:var(--plum);border-color:var(--plum);color:#fff}
.chip[aria-pressed="true"]::before{content:"✓ ";}
.vp__nomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vp__nomes .campo input,.vp__nomes .campo textarea{background:#fff}

.vp__lado{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.vale{
  position:relative;border-radius:22px;padding:24px 24px 22px;color:#fff;overflow:hidden;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(247,184,211,.35), transparent 60%),
    linear-gradient(150deg,var(--plum) 0%,var(--plum-deep) 100%);
  box-shadow:0 24px 50px -24px rgba(74,24,50,.7);
}
.vale::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;
  border:1px dashed rgba(255,255,255,.25);
}
.vale__topo{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.vale__lotus{width:36px;height:36px;flex:none}
.vale__marca{display:block;font:600 1.15rem/1 var(--serif)}
.vale__tipo{display:block;font:500 .68rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#F7B8D3}
.vale__ocasiao{margin-left:auto;font-size:.72rem;font-weight:600;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.vale__para{margin:0 0 10px;font:400 1.5rem/1.2 var(--serif)}
.vale__para strong{font-style:italic;color:#F7B8D3;font-weight:500}
.vale__itens{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vale__itens li{font-size:.8rem;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35)}
.vale__msg{margin:0 0 14px;font:italic 400 1rem/1.5 var(--serif);color:#FBE3EC}
.vale__de{margin:0;font-size:.85rem;color:#EBCFDC}
.vale__de strong{color:#fff}
.vp__aviso{margin:0;font-size:.85rem;color:var(--ink-soft);text-align:center}
.vp__cta{width:100%}
@media (max-width:900px){
  .vp{grid-template-columns:1fr;gap:28px}
  .vp__lado{position:static}
}
@media (max-width:520px){.vp__nomes{grid-template-columns:1fr}}

/* Antes e depois com fotos reais (12/10): 6 casos; no celular 3 + "ver mais" */
.ads{row-gap:24px}
.ads__mais{display:none}
@media (max-width:900px){
  .ads:not(.aberto) .ad--mais{display:none}
  .ads__mais{display:flex;margin:20px auto 0}
  .ads.aberto + .ads__mais{display:none}
}

/* Menu com 7 links (Resultados entrou em 21/10): sem quebra de linha e mais justo em telas médias */
.menu a{white-space:nowrap}
@media (min-width:901px) and (max-width:1200px){.menu{gap:16px}.menu a{font-size:.84rem}}
@media (min-width:901px) and (max-width:1100px){.menu a[href="#depoimentos"],.menu a[href="#como-funciona"]{display:none}}


/* ============ Camada 10 (21/10): guia por objetivo, vitrine de equipamentos,
   rolagem travada ============ */
/* Guia de tratamentos por objetivo */
.guia{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.guia__lista{display:flex;flex-direction:column;gap:8px;position:sticky;top:96px}
.guia__dica{margin:0 0 6px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--plum)}
.guia__obj{
  display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;min-height:52px;
  font:500 .95rem/1.25 var(--sans);color:var(--plum-deep);text-align:left;cursor:pointer;
  background:#fff;border:1px solid var(--linha);border-radius:14px;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.guia__obj svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--magenta);transition:color .2s}
.guia__obj:hover{border-color:var(--magenta);transform:translateX(3px)}
.guia__obj[aria-selected="true"]{background:var(--plum);border-color:var(--plum);color:#fff;font-weight:600}
.guia__obj[aria-selected="true"] svg{color:#fff}
.guia__obj:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}

.guia__painel{background:#fff;border:1px solid var(--linha);border-radius:24px;padding:clamp(22px,3vw,36px);box-shadow:var(--sombra);min-height:420px}
.guia__painel:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.gp--entra .gp{animation:gpEntra .35s ease both}
@keyframes gpEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gp__cab h3{margin:4px 0 18px;font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2rem);color:var(--plum-deep)}
.gp__cab .eyebrow{margin:0}
.gp__corpo{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:start}
.gp__corpo:not(:has(.gp__col--res)){grid-template-columns:1fr}
.gp__bloco + .gp__bloco{margin-top:22px}
.gp__bloco h4{margin:0 0 10px;font:600 .8rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.gp .baloes{margin:0}
.gp__eqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gp__eq{
  display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px 14px;cursor:pointer;
  font:400 .82rem/1.35 var(--sans);color:var(--ink-soft);background:var(--blush-hi);border:1px solid transparent;border-radius:14px;
  transition:border-color .2s,background .2s;
}
.gp__eq strong{display:block;font-size:.9rem;font-weight:600;color:var(--plum-deep)}
.gp__eq svg{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:var(--plum);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gp__eq:hover{border-color:var(--magenta);background:#fff}
.gp__eq:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}

.gp__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px;padding-top:22px;border-top:1px solid var(--linha)}

.guia__todos{margin-top:28px;text-align:center}
.guia__todos > summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:600;color:var(--plum);padding:10px 4px;border-bottom:2px solid var(--linha)}
.guia__todos > summary::-webkit-details-marker{display:none}
.guia__todos > summary::after{content:"+";font-size:1.2rem;line-height:1}
.guia__todos[open] > summary::after{content:"–"}
.guia__todos[open] .grupos{margin-top:24px;text-align:left}

/* destaque na grade de equipamentos */
.equip__filtro{color:var(--plum);font-weight:600}
.equip--filtro .eq[data-eq]:not(.eq--rel){opacity:.5}
.equip--filtro .eq.eq--rel{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta)}
.eq{transition:opacity .25s,box-shadow .2s,border-color .2s}
@keyframes pisca{0%,100%{box-shadow:0 0 0 0 rgba(211,95,160,0)}30%{box-shadow:0 0 0 6px rgba(211,95,160,.45)}}
.eq--pisca,.ad--pisca{animation:pisca 1.2s ease 2}

@media (max-width:900px){
  .guia{grid-template-columns:1fr;gap:16px}
  .guia__lista{position:static;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}
  .guia__lista::-webkit-scrollbar{display:none}
  .guia__dica{display:none}
  .guia__obj{width:auto;flex:none;scroll-snap-align:start;white-space:nowrap;padding:10px 14px;min-height:46px;border-radius:99px}
  .guia__obj:hover{transform:none}
  .gp__corpo{grid-template-columns:1fr}
      .guia__painel{min-height:0}
  .gp__acoes .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.gp--entra .gp,.eq--pisca,.ad--pisca{animation:none}}

/* Equipamentos: vitrine escura */
.eqs{--claro:#F3B8D6;background:radial-gradient(120% 80% at 85% 0%,#6B2147 0%,transparent 60%),var(--plum-deep);color:#fff}
.eqs .sec__cab .eyebrow{color:var(--claro)}
.eqs .sec__cab h2{color:#fff}
.eqs .sec__cab p{color:rgba(255,255,255,.78)}
.eqs .equip__filtro{color:var(--claro);font-weight:600}
.eqs__palco{display:grid;grid-template-columns:52px 1fr 52px;gap:18px;align-items:center}
.eqs__seta{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);transition:background .2s,border-color .2s}
.eqs__seta:hover{background:var(--magenta);border-color:var(--magenta)}
.eqs__seta:focus-visible{outline:3px solid var(--claro);outline-offset:3px}
.eqs__seta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eqs__seta--ant svg{transform:rotate(180deg)}
.eqs__slide{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,48px);align-items:center}
.eqs__slide.gp--entra .eqs__midia{animation:eqsFoto .5s ease both}
.eqs__slide.gp--entra .eqs__txt{animation:gpEntra .45s .08s ease both}
@keyframes eqsFoto{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

.eqs__midia{position:relative;margin:0;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:#3A1228;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.eqs__midia img{width:100%;height:100%;object-fit:cover;display:block}
.eqs__midia figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font-size:.78rem;font-weight:500;color:#fff;background:rgba(42,18,32,.6);backdrop-filter:blur(6px);border-radius:99px}
.eqs__midia figcaption svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}

/* ilustração animada (enquanto não chega a foto) */
.eqs__ilu{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#A13A73 0%,#5A1A3C 55%,#3A1228 100%)}
.eqs__ilu > svg{position:relative;z-index:2;width:34%;height:34%;fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(243,184,214,.55))}
.eqs__onda{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(243,184,214,.55);transform:translate(-50%,-50%) scale(.6);opacity:0;animation:onda 3.6s ease-out infinite}
.eqs__onda:nth-child(2){animation-delay:1.2s}.eqs__onda:nth-child(3){animation-delay:2.4s}
@keyframes onda{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
.eqs__ilu--oz .eqs__onda{border-radius:50% 50% 45% 55%;animation-name:vapor}
@keyframes vapor{0%{opacity:.8;transform:translate(-50%,-30%) scale(.5)}100%{opacity:0;transform:translate(-50%,-120%) scale(1.4)}}
.eqs__ilu--cr > svg{stroke-dasharray:60;animation:pulso 2.2s linear infinite}
@keyframes pulso{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}
.eqs__ilu--peel > svg{animation:brilho 2.8s ease-in-out infinite}
@keyframes brilho{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.08)}}
.eqs__ilu--end > svg{animation:rola 2.4s ease-in-out infinite}
@keyframes rola{0%,100%{transform:translateY(-10%)}50%{transform:translateY(10%)}}

.eqs__cont{margin:0 0 6px;font-size:.8rem;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.eqs__cont span{color:var(--claro);font-weight:700}
.eqs__txt h3{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;color:#fff}
.eqs__curto{margin:8px 0 20px;color:var(--claro);font-weight:500}
.eqs__bloco{margin-bottom:16px}
.eqs__bloco h4{margin:0 0 6px;font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.eqs__bloco p{margin:0;color:rgba(255,255,255,.9);line-height:1.6}
.eqs__bloco--ana{padding:14px 16px;border-left:3px solid var(--magenta);background:rgba(255,255,255,.06);border-radius:0 14px 14px 0}
.eqs__tags{list-style:none;margin:4px 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eqs__tags li{padding:6px 12px;font-size:.8rem;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:99px}
.eqs__objs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}
.eqs__objs > span{font-size:.8rem;color:rgba(255,255,255,.6);margin-right:2px}
.eqs .eqx__obj{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;min-height:38px;cursor:pointer;font:600 .8rem/1 var(--sans);color:#fff;background:transparent;border:1px solid var(--magenta);border-radius:99px;transition:background .2s}
.eqs .eqx__obj::after{content:"↑"}
.eqs .eqx__obj:hover{background:var(--magenta)}
.eqs .eqx__obj:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
.eqs__wa{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;min-height:48px;font-weight:600;font-size:.92rem;text-decoration:none;color:var(--plum-deep);background:#fff;border-radius:99px;transition:transform .2s,background .2s}
.eqs__wa:hover{transform:translateY(-2px);background:var(--blush)}
.eqs__wa svg{width:20px;height:20px;fill:currentColor}

.eqs__trilho{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:40px}
.eqs__item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 10px 6px;cursor:pointer;text-align:left;
  font:500 .8rem/1.25 var(--sans);color:rgba(255,255,255,.62);background:none;border:0;border-top:2px solid rgba(255,255,255,.18);transition:color .2s,border-color .2s,opacity .25s}
.eqs__item:hover{color:#fff}
.eqs__item:focus-visible{outline:3px solid var(--claro);outline-offset:2px}
.eqs__num{font-size:.7rem;letter-spacing:.12em}
.eqs__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eqs__item[aria-selected="true"]{color:#fff;border-top-color:var(--magenta)}
.eqs__item[aria-selected="true"] .eqs__num{color:var(--claro)}
.eqs .eqx__dot{position:absolute;top:14px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--claro);opacity:0;transition:opacity .2s}
.eqs__item.eq--rel .eqx__dot{opacity:1}
.equip--filtro .eqs__item:not(.eq--rel):not([aria-selected="true"]){opacity:.4}
.eqs__fim{margin:28px 0 0;text-align:center;color:rgba(255,255,255,.7);font-size:.92rem}
.eqs__fim a{color:#fff;font-weight:600}

@media (max-width:900px){
  .eqs .sec__in{display:flex;flex-direction:column}
  .eqs .sec__cab{order:-2}
  .eqs__palco{grid-template-columns:1fr}
  .eqs__seta{display:none}
  .eqs__slide{grid-template-columns:1fr;gap:20px}
  .eqs__trilho{order:-1;display:flex;overflow-x:auto;margin:0 -16px 18px;padding:0 16px;scrollbar-width:none;gap:4px}
  .eqs__trilho::-webkit-scrollbar{display:none}
  .eqs__item{flex:none;width:118px}
  .eqs__wa{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.eqs__onda,.eqs__ilu > svg,.eqs__slide.gp--entra .eqs__midia,.eqs__slide.gp--entra .eqs__txt{animation:none}.eqs__onda{opacity:.4}}
.eqs__slide[hidden]{display:none}
.eqs,#tratamentos{overflow-x:clip}

/* v3: vitrine objetiva (foto + título + texto) */
.eqs__txt > p:not(.eqs__cont){margin:0 0 14px;color:rgba(255,255,255,.88);line-height:1.65}
.eqs__txt h3{margin-bottom:16px}
.eqs__txt .eqs__wa{margin-top:10px}
.eqs__midia{aspect-ratio:5/4}

/* v4: rolagem travada (seção fixa, a rolagem passa de item em item) */
:root{--topo:68px;--barra-cel:0px}
/* a barra fixa do celular some enquanto a seção travada está na tela */
body.em-pin-guia .barra,body.em-pin-eq .barra{transform:translateY(110%)}
.pin__dica{display:none}
@media (min-height:500px){
  .pin{position:relative;height:calc(100svh - var(--topo) - var(--barra-cel) + (var(--n) - 1) * 55svh)}
  .pin__palco{position:sticky;top:var(--topo);height:calc(100svh - var(--topo) - var(--barra-cel));display:flex;flex-direction:column;justify-content:center;gap:14px;padding:12px 0}
  .pin .guia__lista{position:static}
  .pin .guia__painel{min-height:0}
  .pin__dica{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);transition:opacity .3s}
  .pin__dica svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;animation:dica 1.6s ease-in-out infinite}
  .eqs .pin__dica{color:rgba(255,255,255,.6)}
  .pin--fim .pin__dica{opacity:0}
  .eqs__trilho{margin-top:8px}
}
@keyframes dica{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
/* celular: conteúdo enxuto para caber no palco */
@media (min-height:500px) and (max-width:900px){
  .pin__palco{justify-content:flex-start;padding-top:10px}
  .pin .guia{gap:10px}
  .pin .guia__painel{padding:16px 18px;border-radius:20px}
  .pin .gp__cab .eyebrow{display:none}
  .pin .gp__cab h3{margin:0 0 10px;font-size:1.35rem}
  .pin .gp__bloco + .gp__bloco{margin-top:12px}
  .pin .gp__bloco h4{margin-bottom:6px;font-size:.7rem}
  .pin .gp .baloes{gap:8px}
  .pin .gp .baloes li{padding:10px 12px}
  .pin .gp .baloes li span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pin .gp__eqs{display:flex;flex-wrap:wrap;gap:6px}
  .pin .gp__eq{padding:7px 10px;border-radius:99px;align-items:center}
  .pin .gp__eq span{font-size:0}
  .pin .gp__eq strong{font-size:.78rem}
  .pin .gp__eq svg{width:16px;height:16px;margin:0}
  .pin .gp__acoes{margin-top:14px;padding-top:12px}
  .pin .gp__acoes .link{font-size:.85rem}
  .pin .eqs__trilho{order:-1;margin:0 -16px}
  .pin .eqs__item{padding:10px 10px 4px;width:108px}
  .pin .eqs__slide{gap:12px}
  .pin .eqs__midia{border-radius:18px}
  .pin .eqs__cont{display:none}
  .pin .eqs__txt h3{font-size:1.45rem;margin-bottom:8px}
  .pin .eqs__txt > p:not(.eqs__cont){font-size:.88rem;line-height:1.5;margin-bottom:8px}
  .pin .eqs__wa{margin-top:4px;min-height:44px;padding:10px 16px}
  .pin__dica{font-size:.7rem}
}
.guia__lista{scroll-padding-left:16px}

.pin--solto{height:auto!important}
.pin--solto .pin__palco{position:static;height:auto}
.pin--solto .pin__dica{display:none!important}
.pin__palco{justify-content:safe center}
@media (min-height:500px) and (max-width:900px){
  .pin .gp .baloes li span{-webkit-line-clamp:2}
  .pin .eqs__txt > p:not(.eqs__cont){font-size:.86rem}
}
.pin__palco > *{flex-shrink:0}
@media (min-height:500px) and (max-width:900px){
  .pin .eqs__item{width:auto;flex:1 0 46px;flex-direction:row;align-items:center;gap:6px;padding:10px 6px 6px}
  .pin .eqs__nm{display:none}
  .pin .eqs__item .eqx__dot{top:6px;right:2px}
  .pin .eqs__trilho{margin:0;overflow:visible}
  .pin .eqs__txt h3{font-size:1.35rem}
  .pin .eqs__txt > p:not(.eqs__cont){font-size:.84rem;line-height:1.48}
  .pin .eqs__wa{font-size:.86rem}
}

/* desktop com pouca altura (notebook): guia mais compacto */
@media (min-width:901px) and (max-height:860px){
  .pin .guia__lista{gap:6px}
  .pin .guia__dica{margin-bottom:2px}
  .pin .guia__obj{min-height:42px;padding:8px 14px;font-size:.9rem}
  .pin .guia__painel{padding:22px 26px}
  .pin .gp__cab h3{margin:2px 0 12px;font-size:1.6rem}
  .pin .gp__bloco + .gp__bloco{margin-top:14px}
  .pin .gp .baloes{gap:8px}
  .pin .gp .baloes li{padding:10px 14px}
  .pin .gp__eq{padding:9px 12px}
  .pin .gp__acoes{margin-top:16px;padding-top:14px}
  .pin .eqs__midia{max-height:calc(100svh - var(--topo) - 220px);width:auto;justify-self:center}
  .pin .eqs__trilho{margin-top:4px}
  .pin .eqs__item{padding:12px 10px 4px}
}

/* ============ Camada 11 (21/10): ajustes do celular e dos botões ============ */
/* foto do aparelho inteira no celular (Ana + equipamento) */
@media (max-width:900px){.eqs__midia{aspect-ratio:5/4}.eqs__midia img{object-position:center}}

/* botões: vinho com degradê nas ações principais, rosé suave nas secundárias */
.btn--plum{background:linear-gradient(135deg,#A33A6E 0%,var(--plum) 100%);box-shadow:0 8px 18px -12px rgba(122,31,78,.6)}
.btn--plum:hover{background:linear-gradient(135deg,#8E2F60 0%,var(--plum-deep) 100%)}
.btn--rosa{background:var(--blush);color:var(--plum-deep);border-color:transparent}
.btn--rosa:hover{background:#F2C9DA;color:var(--plum-deep);transform:translateY(-1px)}
.btn--rosa .ico{color:var(--plum)}
.topo--sobre .btn--rosa{background:rgba(255,255,255,.92)}
.sec--blush .btn--rosa{background:#fff;border-color:#EBC3D5}
.sec--blush .btn--rosa:hover{background:var(--blush)}