/* ═══════════════════════════════════════════
   HOME — capa, links, seções e rodapé
═══════════════════════════════════════════ */

.home-wrap{
  position:relative;z-index:2;
  width:100%;max-width:468px;margin:0 auto;
  padding:calc(var(--safe-t) + 8px) 22px calc(var(--safe-b) + 128px);
}

/* ── Marca: monograma redondo + nome ── */
.hdr{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:5px;padding:26px 0 24px;animation:fadeD .6s ease both;
}
.avatar-shell{position:relative;width:112px;height:112px;margin-bottom:16px}
.avatar-ring{
  position:absolute;inset:-7px;border-radius:50%;
  border:1px solid var(--rose-300);
}
.avatar-ring::before{
  content:'';position:absolute;inset:-7px;border-radius:50%;
  border:1px solid var(--line-soft);
}
.avatar-inner{
  width:100%;height:100%;border-radius:50%;overflow:hidden;
  background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-md);
}
.avatar-inner img{width:68%;height:auto;object-fit:contain}
.cname{font-family:var(--ff-display);font-size:36px;line-height:1.05;font-weight:500;color:var(--ink)}
.ctag{
  font-family:var(--ff-mono);font-size:9px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--rose-600);margin-top:4px;
}
.csub{font-size:13px;color:var(--dim);margin-top:2px}

/* ── Capa: foto ── */
.hero-photo{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:var(--rose-200);aspect-ratio:4/5;
  box-shadow:var(--shadow-lg);animation:fadeU .7s ease both;
}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.hero-photo::after{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:var(--r-xl);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}

/* ── Capa: texto abaixo da foto ── */
.hero-text{padding:22px 2px 0;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;animation:fadeU .7s .1s ease both}
.hero-bio{font-size:15.5px;line-height:1.72;color:var(--ink-2);text-wrap:pretty}
.badges{display:flex;flex-wrap:wrap;gap:7px;padding-top:2px;justify-content:center}

/* ── Pilares ── */
.pilares{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:22px;background:var(--line-soft);
  border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden;
}
.pil{background:rgba(255,255,255,.72);padding:15px 8px;text-align:center}
.pil-v{font-family:var(--ff-display);font-size:22px;font-weight:500;color:var(--rose-700);line-height:1.15}
.pil-l{font-family:var(--ff-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-top:6px}

/* ── CTA principal ── */
.hero-cta{margin-top:22px}

/* ── Cards de link ── */
.links{margin-top:11px;display:flex;flex-direction:column;gap:9px}
.lcard{
  position:relative;overflow:hidden;cursor:pointer;
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.84);border:1px solid var(--line);
  border-radius:var(--r-md);padding:14px 16px;
  transition:border-color .2s,background .2s,transform .15s;
}
.lcard:active{transform:scale(.99)}
@media(hover:hover){.lcard:hover{border-color:var(--rose-400);background:#fff}}
.cico{
  width:42px;height:42px;flex-shrink:0;border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:17px;
  background:var(--rose-100);border:1px solid var(--line-soft);
}
.cico svg{width:21px;height:21px}
.cico img{width:100%;height:100%;object-fit:cover}
.cico.mono{font-family:var(--ff-display);font-size:18px;font-weight:600;color:var(--rose-700)}
.ctxt{flex:1;min-width:0}
.ct{font-size:15px;font-weight:400;color:var(--ink)}
.cs{font-size:12px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carr{font-size:14px;color:var(--rose-400);flex-shrink:0}

/* ── Chips de procedimento ── */
.proc-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pchip{
  border:1px solid var(--line);background:rgba(255,255,255,.7);
  border-radius:999px;padding:9px 15px;font-size:12.5px;color:var(--ink-2);
  transition:border-color .2s,color .2s;
}
@media(hover:hover){.pchip:hover{border-color:var(--rose-500);color:var(--rose-800)}}

/* ── Carrossel de destaques ── */
.motiv-wrap{margin:0 -22px;overflow:hidden}
.motiv-scroll{
  display:flex;gap:12px;overflow-x:auto;padding:4px 22px 14px;
  scroll-snap-type:x mandatory;scrollbar-width:none;
}
.motiv-scroll::-webkit-scrollbar{display:none}
.mcard{
  scroll-snap-align:start;flex:0 0 208px;cursor:pointer;
  border-radius:var(--r-lg);overflow:hidden;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.mcard-media{position:relative;aspect-ratio:3/4;background:var(--rose-200)}
.mcard-media img{width:100%;height:100%;object-fit:cover}
.mcard-overlay{
  position:absolute;inset:auto 0 0 0;padding:22px 14px 14px;
  background:linear-gradient(to top,rgba(48,32,28,.86),rgba(48,32,28,0));
}
.mq-text{font-family:var(--ff-display);font-size:17px;line-height:1.32;color:#FFF6F3;font-style:italic}
.mq-tag{font-family:var(--ff-mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-200);margin-top:7px}
.mcard-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 14px}
.mcard-label{font-size:12px;color:var(--ink-2)}
.mcard-brand{font-family:var(--ff-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-400)}

/* ── Seletor "o que te incomoda" ── */
.symp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc{
  border:1px solid var(--line);background:rgba(255,255,255,.7);
  border-radius:var(--r-sm);padding:12px 11px;font-size:12.5px;color:var(--ink-2);
  text-align:left;line-height:1.35;transition:all .2s;
}
.sc.on{border-color:var(--rose-500);background:#fff;color:var(--rose-800);box-shadow:var(--shadow-sm)}
.sr{
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .4s ease,opacity .3s ease,margin .3s;
  font-size:14px;line-height:1.72;color:var(--ink-2);
}
.sr.show{max-height:560px;opacity:1;margin-top:12px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sr strong{color:var(--rose-800);font-weight:500}
.sr .sr-ttl{font-family:var(--ff-display);font-size:21px;font-weight:500;color:var(--ink);margin-bottom:8px}
.sr a{display:inline-block;margin-top:12px;font-size:13.5px;color:var(--rose-700);border-bottom:1px solid var(--rose-300);padding-bottom:2px}

/* ── Depoimentos (marquee) ── */
.test-wrap{margin:0 -22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.test-track{display:flex;gap:12px;padding:4px 22px;width:max-content;animation:slide 52s linear infinite}
.test-wrap:hover .test-track{animation-play-state:paused}
.tc{
  flex:0 0 246px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:9px;
}
.tc-stars{color:var(--rose-500);font-size:11px;letter-spacing:.22em}
.tc-txt{font-family:var(--ff-display);font-size:17px;line-height:1.48;color:var(--ink);font-style:italic}
.tc-author{font-family:var(--ff-mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}

/* ── Rodapé ── */
.foot{padding:40px 0 0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.foot-logo{width:200px;max-width:60%;height:auto;opacity:.85}
.ft{font-size:12.5px;line-height:1.9;color:var(--dim)}
.ft a{color:var(--rose-700)}
.fb{font-family:var(--ff-mono);font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-300);margin-top:6px}
.fb-autor{font-family:var(--ff-mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);opacity:.75}

/* ── FABs ── */
/* Ancorados na borda direita da tela, não na coluna de conteúdo */
.fabs{
  position:fixed;right:0;bottom:calc(var(--safe-b) + 20px);z-index:30;
  display:flex;align-items:center;gap:10px;
  padding-right:22px;pointer-events:none;transition:opacity .3s;
}
.fab-ai{
  pointer-events:auto;display:flex;align-items:center;gap:9px;
  height:46px;padding:0 17px;border-radius:999px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);
  font-size:13px;color:var(--ink-2);
}
.fab-ai i{width:7px;height:7px;border-radius:50%;background:var(--rose-500);animation:bk 2.4s ease-in-out infinite}
.fab-wa{
  pointer-events:auto;display:flex;align-items:center;gap:8px;
  height:46px;padding:0 19px;border-radius:999px;
  background:linear-gradient(135deg,var(--rose-500),var(--rose-700));
  box-shadow:var(--shadow-md);font-size:13px;color:#FFF8F5;
}
.fab-wa svg{width:16px;height:16px;fill:currentColor}