/* Base do site — Dr. Victor Fortunato. Carrega depois de hero.css. */
:root{
  --t-sec: clamp(2.2rem, 4.6vw, 4.2rem);
  --t-frase: clamp(1.5rem, 2.5vw, 2.3rem);
  --t-texto: clamp(1rem, 1.12vw, 1.125rem);
  --sec: clamp(5rem, 11vw, 9.5rem);
  --raio: 14px;
}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
h2,h3,ul,dl,dd{margin:0;padding:0}
ul{list-style:none}
img{max-width:100%;height:auto}

/* toda seção define a própria tinta: a noite do hero não vaza para baixo */
.wf-secao{
  --tinta:#171a21;--tinta-suave:#3a4050;--tinta-apagada:#535a70;--fio:rgb(35 39 46 / .22);
  position:relative;isolation:isolate;padding:var(--sec) var(--margem);color:var(--tinta);background:var(--parede-1);overflow:clip;
}
.wf-secao.wf-papel{background:var(--papel)}
.wf-secao.wf-noite{
  --tinta:#f6f6f3;--tinta-suave:#c9ccd9;--tinta-apagada:#a3a8bc;--fio:rgb(201 204 217 / .28);
  background:var(--noite);
}
.wf-largura{max-width:76rem;margin-inline:auto}

/* rótulo: pende de um pedaço do fio do hero, com o ponto vinho */
.wf-olho{position:relative;display:block;padding:0 0 0 1.25rem;margin:0 0 1.4rem;font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--tinta-suave)}
.wf-olho::before{content:"";position:absolute;left:2px;top:-2.6rem;bottom:.55em;width:1px;background:var(--fio)}
.wf-olho::after{content:"";position:absolute;left:-1px;bottom:.3em;width:7px;height:7px;border-radius:50%;background:var(--vinho)}
.wf-noite .wf-olho::after{background:var(--vinho-claro)}
.wf-titulo{font-family:var(--serifa);font-weight:400;font-size:var(--t-sec);line-height:.98;letter-spacing:-.012em;text-wrap:balance}
.wf-titulo em{font-style:italic;color:var(--vinho)}
.wf-noite .wf-titulo em{color:var(--vinho-claro)}
.wf-texto{font-size:var(--t-texto);line-height:1.6;color:var(--tinta-suave);max-width:38rem}
.wf-texto strong{color:var(--tinta);font-weight:600}
.wf-dele{font-family:var(--serifa);font-style:italic;font-size:var(--t-frase);line-height:1.18;color:var(--vinho);quotes:"“" "”"}
.wf-noite .wf-dele{color:var(--vinho-claro)}
.wf-dele-quem{display:block;margin-top:.7rem;font-family:var(--sans);font-style:normal;font-size:.875rem;color:var(--tinta-suave)}
.wf-dele-quem::before{content:"";display:inline-block;width:1.6rem;height:1px;background:currentColor;vertical-align:middle;margin-right:.6rem;opacity:.6}

.wf-bt{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:54px;padding:0 1.6rem;border-radius:999px;background:var(--vinho);color:var(--papel);font-weight:500;font-size:1rem;text-decoration:none;box-shadow:0 12px 26px -14px rgb(122 43 60 / .8);transition:transform .35s var(--suave),background .3s}
.wf-bt:hover{transform:translateY(-2px);background:#5f1f2e}
.wf-bt.wf-bt-claro{background:var(--papel);color:var(--noite);box-shadow:none}
.wf-link{display:inline-flex;align-items:center;min-height:48px;color:var(--tinta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}

/* entrada por rolagem: um gesto, de baixo, devagar */
.wf-js [data-entra]{opacity:0;transform:translateY(1rem);transition:opacity 1s var(--suave),transform 1.1s var(--suave);transition-delay:calc(var(--i,0) * 110ms)}
.wf-js [data-entra].wf-visto{opacity:1;transform:none}

/* granulado único, fixo, por cima de tudo */
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* botão do WhatsApp que acompanha a rolagem */
.wf-zap{position:fixed;z-index:50;right:clamp(.9rem,2.4vw,1.75rem);bottom:clamp(.9rem,2.4vw,1.75rem);display:inline-flex;align-items:center;gap:.6rem;min-height:54px;padding:0 1.3rem 0 1.1rem;border-radius:999px;background:var(--vinho);color:var(--papel);text-decoration:none;font-weight:500;font-size:.95rem;box-shadow:0 16px 34px -14px rgb(20 23 29 / .6);opacity:0;transform:translateY(1rem);pointer-events:none;transition:opacity .5s var(--suave),transform .6s var(--suave)}
.wf-zap.wf-zap-on{opacity:1;transform:none;pointer-events:auto}
@media (max-width:600px){.wf-zap{left:.9rem;right:.9rem;justify-content:center}}

/* rodapé */
.wf-rodape{--tinta:#f6f6f3;--tinta-suave:#c9ccd9;background:var(--noite);color:var(--tinta-suave);padding:clamp(3rem,6vw,5rem) var(--margem) calc(clamp(1.5rem,3vw,2.5rem) + 4.5rem);font-size:.9375rem;line-height:1.6}
.wf-rodape-grade{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:2.5rem;max-width:76rem;margin-inline:auto}
.wf-rodape-marca{font-family:var(--serifa);font-size:2rem;color:var(--papel);line-height:1}
.wf-rodape-marca small{display:block;font-family:var(--sans);font-size:.875rem;color:var(--tinta-suave);margin-top:.4rem}
.wf-rodape h3{font-size:.875rem;font-weight:500;color:var(--papel);margin-bottom:.7rem}
.wf-rodape a{color:inherit;text-decoration:underline;text-decoration-color:rgb(201 204 217 / .4);text-underline-offset:.25em;display:inline-flex;align-items:center;min-height:44px}
.wf-rodape a:hover{color:var(--papel)}
.wf-rodape-fim{max-width:76rem;margin:2.5rem auto 0;padding-top:1.4rem;border-top:1px solid rgb(201 204 217 / .18);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.875rem}
.wf-selo a{color:var(--papel);font-weight:500}
@media (max-width:760px){.wf-rodape-grade{grid-template-columns:1fr;gap:1.8rem}}