/* ===== Override paleta/fuentes sistema Simón Levy (sobre estructura agua) ===== */
:root{
  --serif:"Instrument Serif",Georgia,serif;
  --sans:"Public Sans",system-ui,sans-serif;
  --mono:"Recursive",ui-monospace,monospace;
  --red:#B81C1C; --red-deep:#8f1414; --red-tint:#f2dcda;
  --water:#1E5A8C; --water-2:#2e6fa3; --water-tint:#dde8f1;
  --gold:#1E5A8C; --accent:var(--red);
}
/* Sin grano de papel (lava el crema en visores) */
body::before{ display:none !important; }
/* Capa crema fija detrás de todo */
.bg-crema{ position:fixed; inset:0; z-index:-1; background:#f6f2e9; }
/* Peso de titulares con Instrument Serif */
h1,h2.title,h3,.pull,.hv,.fepa-big{ font-weight:400; }
/* Bloques de impacto en claro (no dark en este sistema) */
.big-fig{ background:var(--card); border:1px solid var(--rule); border-radius:14px;
  padding:clamp(28px,5vw,52px); box-shadow:var(--shadow-1); text-align:center; }
.big-fig .bf-n{ font-family:var(--serif); color:var(--red);
  font-size:clamp(52px,9vw,110px); line-height:1; }
.big-fig .bf-n.azul{ color:var(--water); }
.big-fig small{ display:block; font-family:var(--mono); font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3); margin-top:14px; }

/* ===== Hero art (Pixa) · animación editorial sutil ===== */
.hero-art-wrap{ margin:clamp(28px,4vw,48px) 0 0; opacity:0;
  animation: heroArtIn 1.4s ease-out .5s forwards; }
.hero-art-img{ width:100%; max-width:880px; height:auto; display:block;
  margin:0 auto; border:1px solid var(--rule); border-radius:12px;
  box-shadow:var(--shadow-1);
  animation: heroSettle 7s ease-in-out 2s infinite alternate; }
@keyframes heroArtIn{ from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none} }
@keyframes heroSettle{ from{transform:translateY(0)} to{transform:translateY(6px)} }
@media (prefers-reduced-motion: reduce){ .hero-art-img{ animation:none } }