/* Ajustes da prévia Dra. Lara David · VIXCAPTA · 11/10/2026 */
.hero h1 em{color:var(--ouro);font-style:italic}
.hero-pontos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:560px}
.hero-pontos li{background:var(--card);border:1px solid var(--linha);border-radius:16px;padding:12px 14px}
.hero-pontos b{display:block;font:500 1.02rem var(--serif)}
.hero-pontos small{display:block;color:var(--txt2);font-size:.78rem;line-height:1.35}
.arco.camadas{border-radius:210px 210px 26px 26px;background:#F7F3EE}
.arco.camadas svg{width:100%;height:100%;display:block}
.arco.camadas .onda{animation:ld-onda 9s ease-in-out infinite alternate;transform-origin:center}
.arco.camadas .o2{animation-duration:11s;animation-delay:-3s}
.arco.camadas .o3{animation-duration:13s;animation-delay:-6s}
.arco.camadas .bol{animation:ld-bol 7s ease-in-out infinite alternate}
.arco.camadas .b2{animation-delay:-2s}.arco.camadas .b3{animation-delay:-4s}.arco.camadas .b4{animation-delay:-1s}.arco.camadas .b5{animation-delay:-5s}
.arco.camadas .gota{animation:ld-gota 6s ease-in-out infinite alternate}
@keyframes ld-onda{from{transform:translateY(0)}to{transform:translateY(-14px)}}
@keyframes ld-bol{from{transform:translateY(0)}to{transform:translateY(-12px)}}
@keyframes ld-gota{from{transform:translateY(0)}to{transform:translateY(10px)}}
.monograma{display:grid;place-items:center;aspect-ratio:1;max-width:380px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--ouro2),transparent 60%),var(--card);border:1px solid var(--linha);box-shadow:var(--sombra);margin-inline:auto}
.monograma img{width:60%;height:auto}
.sobre-fotos{padding-bottom:0}
.sinais .cabeca{margin-bottom:34px}
.abcde{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.abcde li{background:var(--card);border:1px solid var(--linha);border-radius:var(--r);padding:26px 20px;transition:transform .3s,box-shadow .3s}
.abcde li:hover{transform:translateY(-5px);box-shadow:var(--sombra)}
.abcde span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--ouro2),var(--ouro));color:#fff;font:italic 600 1.7rem var(--serif);margin-bottom:14px}
.abcde b{display:block;font:500 1.25rem var(--serif);margin-bottom:4px}
.abcde p{color:var(--txt2);font-size:.92rem}
.dia .cabeca{margin-bottom:30px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trio article{background:var(--card);border:1px solid var(--linha);border-radius:var(--r);padding:30px 26px}
.trio i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--ouro) 18%,transparent);color:var(--ouro);font-style:normal;font-size:1.5rem;margin-bottom:16px}
.trio b{display:block;font:500 1.3rem var(--serif);margin-bottom:6px}
.trio p{color:var(--txt2);font-size:.97rem}
@media (max-width:1000px){.abcde{grid-template-columns:repeat(2,1fr)}.abcde li:last-child{grid-column:1/-1}.trio{grid-template-columns:1fr}}
@media (max-width:560px){.hero-pontos{grid-template-columns:1fr}.abcde{grid-template-columns:1fr}.arco.camadas{border-radius:170px 170px 22px 22px}}
@media (prefers-reduced-motion:reduce){.arco.camadas *{animation:none!important}}

/* ===== Versão 2 ===== */
.arco.camadas{position:relative}
.arco.camadas .foto-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.arco.camadas.com-foto svg{opacity:0}
.monograma{position:relative;overflow:hidden}
.monograma.com-foto{border-radius:var(--r);aspect-ratio:4/5;max-width:440px}
.monograma.com-foto>img:not(.foto-real){display:none}
.monograma .foto-real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--ouro) 16%,transparent);color:var(--ouro);margin-bottom:14px;font-size:0;transition:transform .3s,background .3s}
.pc i svg{width:26px;height:26px}
.pc:hover i{transform:rotate(-6deg) scale(1.08);background:color-mix(in srgb,var(--ouro) 28%,transparent)}
/* camadas da pele */
.camadas-sec{background:var(--bg2)}
.camadas-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cam-lista{list-style:none;display:grid;gap:14px;margin-top:26px}
.cam-lista li{padding:20px 22px;border-radius:var(--r);border:1px solid var(--linha);background:var(--card);opacity:.55;transform:translateX(0);transition:opacity .4s,transform .4s,box-shadow .4s,border-color .4s;cursor:pointer}
.cam-lista li.ativa{opacity:1;transform:translateX(10px);border-color:var(--ouro);box-shadow:var(--sombra)}
.cam-lista b{display:block;font:500 1.35rem var(--serif);margin-bottom:4px}
.cam-lista p{color:var(--txt2);font-size:.96rem}
.camadas-arte svg{width:100%;max-width:460px;margin-inline:auto;display:block;overflow:visible}
.camadas-arte .cam{opacity:.35;transform-origin:center;transition:opacity .5s,transform .6s}
.camadas-arte[data-foco="1"] .c1,.camadas-arte[data-foco="2"] .c2,.camadas-arte[data-foco="3"] .c3{opacity:1;transform:translateY(-8px)}
.camadas-arte text{font:600 13px var(--sans);letter-spacing:2.4px;fill:#141F38}
.camadas-arte text.esc{fill:#7A3A28}.camadas-arte text.cla{fill:#E6EEF6}
/* o que levar */
.traga{margin-top:30px;padding:28px 30px;border-radius:var(--r);border:1px solid rgba(241,238,234,.2);background:rgba(255,255,255,.05)}
.traga h3{font:500 1.4rem var(--serif);color:#fff;margin-bottom:14px}
.traga ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.traga li{position:relative;padding-left:30px;color:rgba(244,240,235,.85);font-size:.97rem}
.traga li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--ouro2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23123F45' stroke-width='3.200' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
/* instagram */
.insta{padding:0 0 10px}
.insta-card{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:var(--r);border:1px solid var(--linha);background:var(--card);box-shadow:var(--sombra);transition:transform .3s}
.insta-card:hover{transform:translateY(-3px)}
.insta-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--ouro2),var(--ouro));color:#fff;flex:none}
.insta-ic svg{width:28px;height:28px}
.insta-card small{display:block;color:var(--txt2);font-size:.82rem}
.insta-card b{font:500 1.5rem var(--serif)}
.insta-card em{margin-left:auto;font-style:normal;color:var(--ouro);font-weight:600}
/* barra fixa de agendar no celular */
.barra-ag{display:none}
@media (max-width:760px){
  .barra-ag{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--linha);box-shadow:0 -10px 30px -18px rgba(0,0,0,.35)}
  .barra-ag .btn{width:100%}
  .zap{display:none}
  body{padding-bottom:72px}
  .camadas-in{grid-template-columns:1fr;gap:34px}
  .traga ul{grid-template-columns:1fr}
  .camadas-arte{order:-1}
  .insta-card em{display:none}
}
@media (max-width:1000px){.camadas-in{gap:40px}}
/* fotos da Dra. Lara */
.arco.camadas .foto-real{object-position:center 12%}
.monograma .foto-real{object-position:center 15%}
.galeria-sec{padding:0 0 70px}
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.galeria figure{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sombra);background:var(--bg2)}
.galeria figure:nth-child(2n){transform:translateY(24px)}
.galeria img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.galeria figure:hover img{transform:scale(1.05)}
@media (max-width:760px){.galeria{grid-template-columns:1fr 1fr;gap:12px}.galeria figure:nth-child(2n){transform:none}}
@media (max-width:1000px){.hero-foto{order:-1;width:min(300px,76%)}.hero{padding-top:92px}}
