/* Composición: barra superior, mosaico de portada (última edición grande + 5 titulares), lista de ediciones
   anteriores, botón de más y franja de redes. Fondo: foto de portada que se degrada en cuero oscuro con textura de piedra. */
:root { --leather: #4a2e27; --bar: rgba(26, 22, 20, .92); --panel: #1b100a; --gold: #ffb30f; --gold-soft: #e6a21d; --cream: #f1e3c8; --muted: #c8b394; --line: #3d3733; --red: #c4281c; --alianza: #5f93de; --horda: #d8402e; --font-display: "Cinzel", Georgia, serif; --font-body: "Open Sans", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --font-title: "Archivo", "Open Sans", system-ui, sans-serif; --foto: none; color-scheme: dark; }
/* cuero oscuro con textura de piedra */
.bg-leather {
  background-color: var(--leather);
  background-image: url("g-76e32b3a.svg"), url("g-bcf170ec.svg");
  background-size: 512px 512px, 300px 300px;
  background-blend-mode: multiply;
}
/* foto de portada que se degrada hacia el cuero */
.bg-hero {
  bottom: auto; height: max(900px, 60vw);
  background-image: url("g-af051d5e.jpg"), url("g-6b2cf5a9.svg");
  background-size: cover, cover;
  background-position: center top, center top;
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(180deg, #000 0, #000 48%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0, #000 48%, transparent 100%);
}
.hv-kick { margin: 16px 0 6px; font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #ffd890; text-shadow: 0 1px 8px rgba(0,0,0,.8); }
.hv-title { margin: 0 0 8px; font-family: var(--font-title); font-weight: 800; font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.2; text-transform: uppercase; color: #fff4dc; text-shadow: 0 2px 12px rgba(0,0,0,.8); text-wrap: balance; }
.bg-shade::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;background:linear-gradient(180deg,rgb(255,215,200),rgb(235,160,140) 40%,rgb(215,130,110))}