/* Base do site · Dr. Afrânio Bernardes. Deriva do hero B (css/hero.css define --b-*). */
:root{
  /* superfícies claras: alburno (a madeira jovem, perto da casca) */
  --w-alburno:#f2e7d6;
  --w-alburno-2:#e8d6bb;
  --w-alburno-3:#dcc19b;
  --w-tinta:#20100a;
  --w-tinta-2:#5a4334;
  --w-linha-clara:rgba(32,16,10,.16);
  --w-linha-noite:rgba(242,235,227,.16);
  --w-t-secao:clamp(2rem,1.2rem + 3.2vw,3.9rem);
  --w-t-sub:clamp(1.25rem,1.05rem + .8vw,1.7rem);
  --w-t-texto:clamp(1rem,.95rem + .25vw,1.13rem);
  --w-t-mini:.875rem;
  --w-respiro:clamp(4.5rem,3rem + 7vw,9.5rem);
  --w-largura:76rem;
  --w-curva:cubic-bezier(.2,.7,.2,1);
}
html{scroll-padding-top:1rem}
body.b-pagina::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;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='.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.1 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.b-grao{display:none}

/* seção: duas superfícies */
.w-secao{position:relative;isolation:isolate;padding:var(--w-respiro) var(--b-margem);overflow:clip}
.w-secao--noite{background:var(--b-noite);color:var(--b-creme)}
.w-secao--alburno{background:var(--w-alburno);color:var(--w-tinta)}
.w-dentro{max-width:var(--w-largura);margin:0 auto}
/* malha pronta (opcional): <div class="w-malha" aria-hidden="true"></div> como primeiro filho */
.w-malha{position:absolute;inset:-8%;z-index:-1;pointer-events:none}
.w-secao--noite .w-malha{background:radial-gradient(55% 60% at 80% 10% in oklab,#4a2712 0%,transparent 70%),radial-gradient(50% 55% at 5% 85% in oklab,#3a2114 0%,transparent 72%),radial-gradient(40% 45% at 55% 110% in oklab,#5c3018 0%,transparent 70%)}
.w-secao--alburno .w-malha{background:radial-gradient(55% 60% at 85% 5% in oklab,#fbf3e6 0%,transparent 70%),radial-gradient(50% 55% at 0% 90% in oklab,var(--w-alburno-2) 0%,transparent 72%),radial-gradient(45% 50% at 70% 105% in oklab,color-mix(in oklab,var(--w-alburno-3) 70%,transparent) 0%,transparent 70%)}

/* rótulo de seção: o mesmo rótulo de ano do tronco */
.w-rotulo{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1.4rem;font-size:var(--w-t-mini);letter-spacing:.14em;text-transform:uppercase}
.w-rotulo::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in oklab,currentColor 22%,transparent)}
.w-secao--noite .w-rotulo{color:var(--b-mel-claro)}
.w-secao--alburno .w-rotulo{color:#8a4a1c}

.w-titulo{margin:0;font-family:var(--b-serif);font-weight:400;font-size:var(--w-t-secao);line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
.w-titulo em{font-style:italic}
.w-secao--noite .w-titulo em{color:var(--b-mel-claro)}
.w-secao--alburno .w-titulo em{color:#8a4a1c}
.w-sub{margin:0;font-family:var(--b-serif);font-weight:400;font-size:var(--w-t-sub);line-height:1.2}
.w-texto{margin:0;font-size:var(--w-t-texto);line-height:1.62;max-width:36rem}
.w-secao--noite .w-texto{color:var(--b-creme-suave)}
.w-secao--alburno .w-texto{color:var(--w-tinta-2)}
.w-mini{font-size:var(--w-t-mini);letter-spacing:.03em}

/* citação de paciente */
.w-cita{margin:0}
.w-cita blockquote{margin:0;font-family:var(--b-serif);font-style:italic;font-size:var(--w-t-sub);line-height:1.28}
.w-cita figcaption{margin-top:.6rem;font-size:var(--w-t-mini);letter-spacing:.04em}
.w-secao--noite .w-cita figcaption{color:var(--b-creme-suave)}
.w-secao--alburno .w-cita figcaption{color:var(--w-tinta-2)}

/* botões: .b-botao (mel) vem do hero; variações */
.w-botao-escuro{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:54px;padding:0 1.7rem;border-radius:999px;background:var(--w-tinta);color:var(--w-alburno)!important;font-weight:600;font-size:1.02rem;text-decoration:none;transition:transform .3s ease}
.w-botao-escuro:hover{transform:translateY(-2px)}
.w-link{display:inline-flex;align-items:center;min-height:48px;font-size:1rem;text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 45%,transparent);text-underline-offset:.35em;text-decoration-thickness:1px}
.w-secao a:focus-visible,.w-rodape a:focus-visible,.w-zap:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* entrada na rolagem: um gesto por seção. js/base.js põe .w-visto */
.w-js .w-entra{opacity:0;transform:translateY(22px);transition:opacity .9s var(--w-curva),transform .9s var(--w-curva);transition-delay:calc(var(--i,0)*90ms)}
.w-js .w-entra.w-visto{opacity:1;transform:none}

/* botão do WhatsApp que acompanha a rolagem (celular) */
.w-zap{position:fixed;z-index:80;right:1rem;bottom:1rem;display:none;align-items:center;gap:.6rem;min-height:48px;padding:0 1.1rem;border-radius:999px;background:linear-gradient(180deg in oklab,#ecb777,#d9934a);color:var(--b-tinta)!important;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 0 0 1px rgba(32,16,10,.25),0 14px 34px -10px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .5s var(--w-curva)}
.w-zap.w-zap--ativo{transform:none}
@media (max-width:999px){.w-zap{display:inline-flex}}

/* rodapé: a casca */
.w-rodape{position:relative;background:#0b0603;color:var(--b-creme-suave);padding:clamp(3rem,6vw,5rem) var(--b-margem) 6.5rem;font-size:.95rem;line-height:1.6;border-top:1px solid rgba(227,167,99,.28)}
.w-rodape-dentro{max-width:var(--w-largura);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem}
.w-rodape strong{display:block;font-family:var(--b-serif);font-weight:400;font-size:1.6rem;color:var(--b-creme);line-height:1.15;margin-bottom:.4rem}
.w-rodape h2{margin:0 0 .6rem;font-family:var(--b-sans);font-size:var(--w-t-mini);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--b-mel-claro)}
.w-rodape p{margin:0 0 .3rem}
.w-rodape a{color:var(--b-creme);text-underline-offset:.3em;text-decoration-color:rgba(227,167,99,.6);display:inline-flex;align-items:center;min-height:44px}
.w-selo{max-width:var(--w-largura);margin:2.5rem auto 0;padding-top:1.4rem;border-top:1px solid var(--w-linha-noite);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:var(--w-t-mini)}
.w-selo p{margin:0}
@media (max-width:800px){.w-rodape-dentro{grid-template-columns:1fr;gap:1.8rem}}

@media (prefers-reduced-motion:reduce){
  .w-js .w-entra{opacity:1;transform:none;transition:none}
  .w-secao *,.w-secao *::before,.w-secao *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.w-pular{position:absolute;left:-999px;top:0;z-index:100;background:var(--b-creme);color:var(--b-tinta)!important;padding:.8rem 1.2rem}
.w-pular:focus{left:1rem;top:1rem}