/* ===== base do site (depois do hero) — Dra. Luciana Maldonado ===== */
:root{
  --wf-marfim:#f6f0eb;
  --wf-marfim-2:#ece4de;
  --wf-veio-claro:#968a88;
  --wf-tinta:#2a2124;
  --wf-tinta-suave:#5d4f50;
  --wf-terracota:#8a4c3e;
  --t-h2:clamp(2rem, 1.1rem + 3vw, 3.7rem);
  --t-h3:clamp(1.3rem, 1.1rem + .7vw, 1.75rem);
  --t-lead:clamp(1.08rem, 1rem + .35vw, 1.3rem);
  --t-texto:clamp(1rem, .95rem + .2vw, 1.08rem);
  --t-mini:.875rem;
  --t-rotulo:.72rem;
  --wf-respiro:clamp(5rem, 4rem + 6vw, 10rem);
  --wf-largura:84rem;
}
html{scroll-padding-top:4.5rem}
::selection{background:var(--b-rose);color:var(--b-tinta-botao)}

/* placas */
.wf-placa{position:relative;isolation:isolate;overflow:clip;padding:var(--wf-respiro) var(--b-margem)}
.wf-placa>.wf-dentro{position:relative;z-index:2;max-width:var(--wf-largura);margin:0 auto}
.wf-noite{background:var(--b-grafite-1);color:var(--b-creme)}
.wf-claro{background:var(--wf-marfim);color:var(--wf-tinta)}
/* pedra: textura atrás de um véu da cor da placa */
.wf-pedra{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:cover;background-position:center}
.wf-pedra::after{content:"";position:absolute;inset:0}
.wf-noite .wf-pedra{background-image:url("../img/marmore-grafite-a.webp");opacity:.55}
.wf-noite .wf-pedra::after{background:radial-gradient(120% 90% at 30% 40% in oklab, rgba(38,36,39,.35), rgba(28,26,29,.75))}
.wf-claro .wf-pedra{background-image:url("../img/marmore-claro-a.webp");opacity:.7}
.wf-claro .wf-pedra::after{background:radial-gradient(120% 90% at 70% 30% in oklab, rgba(246,240,235,.25), rgba(246,240,235,.65))}
.wf-pedra[data-pedra="b"]{background-image:url("../img/marmore-grafite-b.webp")}
.wf-pedra[data-pedra="c"]{background-image:url("../img/marmore-grafite-c.webp")}
.wf-claro .wf-pedra[data-pedra="b"]{background-image:url("../img/marmore-claro-b.webp")}
.wf-claro .wf-pedra[data-pedra="c"]{background-image:url("../img/marmore-claro-c.webp")}
/* granulado único, fixo */
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}

/* rótulo "VEIO 0N · NOME" */
.wf-rotulo{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-family:var(--b-mono);font-size:var(--t-rotulo);
  letter-spacing:.2em;text-transform:uppercase;color:var(--b-rose)}
.wf-claro .wf-rotulo{color:var(--wf-terracota)}
.wf-rotulo::before{content:"";width:2.6rem;height:1px;background:linear-gradient(90deg, transparent, currentColor)}
/* títulos */
.wf-h2{margin:0;font-family:var(--b-serifa);font-weight:200;font-size:var(--t-h2);line-height:1.06;letter-spacing:-.012em;text-wrap:balance}
.wf-h2 em,.wf-h3 em{font-style:italic;font-weight:300;color:var(--b-rose)}
.wf-claro .wf-h2 em,.wf-claro .wf-h3 em{color:var(--wf-terracota)}
.wf-h3{margin:0;font-family:var(--b-serifa);font-weight:300;font-size:var(--t-h3);line-height:1.15}
.wf-lead{font-size:var(--t-lead);line-height:1.55;color:var(--b-creme-suave);max-width:38rem}
.wf-claro .wf-lead{color:var(--wf-tinta-suave)}
.wf-texto{font-size:var(--t-texto);line-height:1.6;color:var(--b-creme-suave)}
.wf-claro .wf-texto{color:var(--wf-tinta-suave)}
.wf-mono{font-family:var(--b-mono);letter-spacing:.08em}
/* citação */
.wf-cita{margin:0;padding-left:1.1rem;border-left:1px solid var(--b-rose)}
.wf-cita p{margin:0;font-family:var(--b-serifa);font-style:italic;font-weight:300;font-size:clamp(1.1rem,1rem + .5vw,1.45rem);line-height:1.42;color:var(--b-rose-claro)}
.wf-claro .wf-cita{border-color:var(--wf-terracota)}
.wf-claro .wf-cita p{color:var(--wf-tinta)}
.wf-cita footer,.wf-cita cite{display:block;margin-top:.6rem;font-style:normal;font-family:var(--b-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--b-cinza-texto)}
.wf-claro .wf-cita footer,.wf-claro .wf-cita cite{color:var(--wf-tinta-suave)}
/* botões fora do hero */
.wf-cta{display:inline-flex;align-items:center;gap:.6rem;min-height:3.2rem;padding:.8rem 1.5rem;border-radius:99px;text-decoration:none;
  background:linear-gradient(in oklch 100deg, var(--b-rose-claro), var(--b-rose) 60%, #ebae9c);color:var(--b-tinta-botao);font-weight:550;
  box-shadow:0 14px 40px -14px rgba(243,193,178,.55);transition:transform .4s var(--b-ease)}
.wf-cta:hover{transform:translateY(-2px)}
.wf-claro .wf-cta{background:var(--wf-tinta);color:var(--wf-marfim);box-shadow:0 14px 40px -16px rgba(42,33,36,.5)}
.wf-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.1rem;min-height:48px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--b-rose);outline-offset:3px}
.wf-claro a:focus-visible,.wf-claro button:focus-visible,.wf-claro summary:focus-visible{outline-color:var(--wf-terracota)}
/* foto com sombra */
.wf-foto{margin:0;position:relative}
.wf-foto img{width:100%;height:100%;object-fit:cover;display:block}
.wf-noite .wf-foto img{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.wf-etiqueta{position:absolute;left:0;bottom:0;max-width:85%;padding:.65rem .9rem;font-family:var(--b-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--b-creme);background:color-mix(in oklab, var(--b-grafite-0) 82%, transparent);border-left:1px solid var(--b-rose);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* veio (svg desenhado por WF.veio) */
svg[data-veio]{display:block;overflow:visible;pointer-events:none}
.wf-veio-base{fill:none;stroke:var(--b-rose);stroke-linecap:round;opacity:.75}
.wf-veio-nuvem{fill:none;stroke:var(--b-rose);stroke-linecap:round;opacity:.12}
.wf-veio-ramo{fill:none;stroke:var(--b-rose);stroke-linecap:round;opacity:.38}
.wf-veio-pulso{fill:none;stroke:var(--b-rose-claro);stroke-linecap:round;opacity:0}
.wf-claro .wf-veio-base,.wf-claro .wf-veio-ramo,.wf-claro .wf-veio-nuvem{stroke:var(--wf-veio-claro)}
.wf-claro .wf-veio-pulso{stroke:var(--wf-terracota)}

/* revelar */
.js [data-rev]{opacity:0;transform:translateY(.8rem)}
.js [data-rev].is-in{opacity:1;transform:none;transition:opacity 1s var(--b-ease) var(--d,0s), transform 1.1s var(--b-ease) var(--d,0s)}

/* topo fixo depois do hero */
.b-topo.wf-fixo{position:fixed;animation:wf-desce .6s var(--b-ease) both}
.b-topo.wf-fixo::before{inset:0;background:color-mix(in oklab, var(--b-grafite-0) 88%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(243,193,178,.14)}
@keyframes wf-desce{from{transform:translateY(-100%)}to{transform:none}}

/* WhatsApp que acompanha a rolagem no celular */
.wf-zap{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;display:none;align-items:center;gap:.5rem;
  min-height:3.25rem;padding:0 1.15rem;border-radius:99px;text-decoration:none;font-weight:550;font-size:.95rem;color:var(--b-tinta-botao);
  background:linear-gradient(in oklch 100deg, var(--b-rose-claro), var(--b-rose));box-shadow:0 12px 30px -10px rgba(0,0,0,.5);
  transform:translateY(160%);transition:transform .5s var(--b-ease)}
.wf-zap svg{width:1.2rem;height:1.2rem;fill:currentColor}
.wf-zap.is-on{transform:none}
@media (max-width:760px){ .wf-zap{display:inline-flex} }

/* rodapé (fim) */
.fim{background:var(--b-grafite-0);color:var(--b-creme-suave);padding:4rem var(--b-margem) calc(2rem + env(safe-area-inset-bottom));font-size:var(--t-mini)}
.fim-dentro{max-width:var(--wf-largura);margin:0 auto;display:grid;gap:2.5rem}
.fim-alto{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;align-items:start}
.fim-marca{display:flex;gap:1rem;align-items:center}
.fim-marca img{width:3rem;height:auto}
.fim-nome{font-family:var(--b-sans);letter-spacing:.3em;text-transform:uppercase;font-size:.85rem;color:var(--b-creme)}
.fim-sub{display:block;margin-top:.35rem;font-family:var(--b-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--b-rose)}
.fim h2{margin:0 0 .7rem;font-family:var(--b-mono);font-size:.68rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--b-cinza-texto)}
.fim p{margin:0 0 .35rem;line-height:1.6}
.fim a{color:var(--b-creme);text-decoration:none;border-bottom:1px solid rgba(244,236,230,.25)}
.fim a:hover{border-color:var(--b-rose)}
.fim-baixo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.6rem;border-top:1px solid rgba(243,193,178,.16);color:var(--b-cinza-texto)}
.fim-selo a{color:var(--b-rose);border-color:rgba(243,193,178,.45)}
@media (max-width:860px){ .fim-alto{grid-template-columns:1fr} .fim{padding-bottom:6rem} }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js [data-rev]{opacity:1;transform:none}
}