/* =========================================================================
   TIPOGRAFÍA ELEGIDA · Winner Cond (titulares) + De Lionist (acentos a mano)
   Archivo se mantiene para texto corrido y datos pequeños.
   Winner no tiene cursiva: el "efecto 8°" se consigue con skewX al mismo
   ángulo que la rejilla (italicAngle de Procerus = 8°).
   ========================================================================= */
@font-face { font-family: "LAHMP Display"; src: url("../fonts/winner-cond-medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "LAHMP Display"; src: url("../fonts/winner-cond-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "LAHMP Display"; src: url("../fonts/winner-cond-extrabold.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "LAHMP Display"; src: url("../fonts/winner-cond-black.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "LAHMP Mano"; src: url("../fonts/de-lionist.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --f-display: "LAHMP Display", "Archivo", "Arial Narrow", sans-serif;
  --f-mano: "LAHMP Mano", "Brush Script MT", cursive;
  --angulo: 8deg;
}
.display, .titulo-seccion, .titulo-m, .titulo-s, .btn, .enlace-flecha, .marca__siglas, .marca__sub, .nav__links a, .nav__menu, .vivo-pill, .menu-movil nav a, .banda-vivo a, .banda-vivo__marcador, .eq__sw, .hero__dato strong, .marcadores__titulo, .mc__eq, .mc__res, .ladrillo__hora, .ladrillo__res, .ladrillo--texto, .cartel-tabla th, .cartel-tabla .pos, .cartel-tabla .equipo, .cartel-tabla .pts, .tabla th, .tapiz::before, .tapiz p, .lider__cifra b, .lider__cifra span, .ranking .r-pos, .ranking .r-nombre, .ranking .r-val, .marquesina__pista span, .palmares .temp, .palmares .campeon b, .tapiz-codigos, .selector button, .selector a, .selector small, .filtro, .campo label, .etiqueta, .partido__hora, .partido__eq, .partido__marcador, .marcador-xl .eq, .marcador-xl .res, .eventos h4, .vacio b, .banda-eq__letra, .banda-eq__nombre, .banda-eq__stats b, .banda-eq__stats span, .plantilla a, .ficha__nick, .ficha__stats b, .ficha__stats span, .barras-jornada span, .grafico .val, .bump .etq, .indice-reglas a, .datos-clave b, .norma h3, .puntos-regla b, .puntos-regla span, .pista-svg text, .temporada-fila .t, .temporada-fila .c b, .temporada-fila small, .pie__grande, .pie .pie__h, .forma i, .tooltip b, .presentes li, .frase-dato, .hbar__eq, .foto::after, .extras b, .muro__resto { font-family: var(--f-display); font-stretch: normal; letter-spacing: .01em; }
.display { line-height: .9; }
.lider__nombre { margin-top: .1em; }

/* ---------- hero ---------- */
.hr { --fs: clamp(4rem, 11.4vw, 11.6rem); }
.hr__titulo > span { line-height: .9; }
/* De Lionist más pequeña y con aire para los rasgos (no se recorta) */
.hr__titulo > .hr__firma { --firma-x: 12%; --firma-k: 1.2; --firma-fs: .26; --firma-rot: -6deg; padding: .25em .4em .35em; margin-left: -.4em; }
@media (max-width: 900px) { .hr { --fs: clamp(3.4rem, 18vw, 6rem); } }

/* titular inclinado 8° por defecto (.titular-recto lo quita; lo usa el panel de pruebas) */
.hr__titulo > span:not(.hr__firma) { transform: skewX(calc(var(--angulo) * -1)); transform-origin: left bottom; }
.titular-recto .hr__titulo > span:not(.hr__firma) { transform: none; }
/* opción: también los títulos de sección */
.titulos-oblicuos :is(.titulo-seccion, .pie__grande, .lider__nombre, .marcadores__titulo, .banda-eq__nombre) { transform: skewX(calc(var(--angulo) * -1)); transform-origin: left bottom; }

/* ---------- ajustes de medida para Winner (más ancha que Archivo condensada) ---------- */
.cab__titulo { font-size: var(--cab-fs); }
.ficha__nick { font-size: clamp(1.6rem, 2.3vw, 2.1rem); line-height: .92; overflow-wrap: break-word; }
@media (max-width: 1000px) { .torneo { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) {
  .partido__eq { font-size: 1.1rem; }
  .partido__marcador { font-size: 1.7rem; padding-inline: 8px; }
  .tabla :is(th, td) { padding-inline: 5px; }
}