/* ===== base do site — Caroline Guimarães (derivada do hero B) ===== */
:root{
  --b-noite:#2a120e;          /* vinho-noite: só para a seção do plantão */
  --b-noite-2:#3d1a14;
  --b-papel:#f6efe5;          /* papel da gazeta */
  --b-tinta-jornal:#1f1a17;
  --b-urgente:#b8322a;        /* só em selo/cintilho */
  --s-pad-y:clamp(5rem, 11vh, 8.5rem);
  --s-larg:min(76rem, 100% - 2*var(--b-margem));
  --b-corpo:clamp(1.12rem, 1.02rem + .3vw, 1.22rem);
}
html{scroll-padding-top:5rem}
img{max-width:100%}
.x-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--b-vinho-escuro);outline-offset:3px}

/* revelação na rolagem: só com JS ligado */
.js [data-rev]{opacity:0;transform:translateY(26px);transition:opacity 1.1s var(--b-curva) var(--rev-d,0s),transform 1.3s var(--b-curva) var(--rev-d,0s)}
.js [data-rev].rev-on{opacity:1;transform:none}

/* barra fixa depois do hero */
.x-barra{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--b-margem);
  background:color-mix(in oklab, var(--b-creme) 86%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid color-mix(in oklab, var(--b-vinho) 14%, transparent);translate:0 -110%;transition:translate .5s var(--b-curva)}
.x-barra.on{translate:0 0}
.x-barra .b-marca-lamp{width:2.4rem}
.x-barra .b-marca-nome{font-size:1.05rem}
.x-barra .b-marca-cat{font-size:.6rem}
.x-barra nav{display:flex;gap:1.6rem}
.x-barra nav a{text-decoration:none;font-size:.92rem;font-weight:500;color:var(--b-vinho-escuro);opacity:.85}
.x-barra nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.x-barra .b-nav-wa{padding:.5rem .9rem;font-size:.9rem}
@media (max-width:1080px){ .x-barra nav{display:none} }

/* WhatsApp flutuante no celular */
.x-wa{position:fixed;right:1rem;bottom:1rem;z-index:41;display:none;align-items:center;gap:.55rem;padding:.9rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;color:#fff6ea;
  background:linear-gradient(180deg in oklab, #6e3a2d, var(--b-vinho-escuro));box-shadow:0 14px 30px -10px rgba(77,31,25,.6);translate:0 140%;transition:translate .5s var(--b-curva)}
.x-wa svg{width:1.3rem;height:1.3rem;fill:currentColor}
.x-wa.on{translate:0 0}
@media (max-width:760px){ .x-wa{display:inline-flex} .x-barra .b-nav-wa span{display:none} }

@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}
}