/**
 * Tipografía de la web pública (se carga al final, después de las demás hojas)
 *
 * Uso                              Fuente            Peso
 * Títulos de páginas               Saira Condensed   800
 * Títulos de widgets               Rajdhani          700
 * Subtítulos deportivos            Rajdhani          600
 * Artículos y párrafos             Inter             400
 * Menús y navegación               Inter             500–600
 * Tablas y nombres de equipos      Inter             500
 * Estadísticas numéricas           Inter             600–700
 * Metadatos y fechas               Inter             400–500
 *
 * Las fuentes de íconos (Font Awesome, Glyphicons, toros-del-este) no se tocan: no se usa el selector *.
 *
 * @author Aris Mota <soy@aris.do>
 * @version 1.0
 * @date 2026-10-18
 */

:root {
    --fuente-titulo: "Saira Condensed", "Arial Narrow", Arial, sans-serif;
    --fuente-widget: "Rajdhani", "Arial Narrow", Arial, sans-serif;
    --fuente-texto: "Inter", Arial, Helvetica, sans-serif;
}

/* Artículos y párrafos: Inter 400 */
body, p, li, dd, dt, blockquote, input, select, textarea, button, .btn, .popover, .tooltip {
    font-family: var(--fuente-texto);
}
body, p {
    font-weight: 400;
}

/* Títulos de páginas: Saira Condensed 800 (también el titular dentro de la nota) */
h1, .h1, .titulo_paginas {
    font-family: var(--fuente-titulo);
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.05;
}

/* Títulos de widgets: Rajdhani 700 (módulos, tarjetas de noticias de la portada y listados) */
h2, .h2, h3, .h3, .titulo_h2, .panel-title, .modal-title, .titulo_seccion,
figcaption h1, .artmin h1, #proximo-juego-titulo, .st-widget h2 {
    font-family: var(--fuente-widget);
    font-weight: 700;
    letter-spacing: .01em;
}

/* Subtítulos deportivos: Rajdhani 600 */
h4, .h4, h5, .h5, h6, .h6, .list-group-item-heading, .half-inning-title {
    font-family: var(--fuente-widget);
    font-weight: 600;
}

/* Subtítulos dentro de los artículos (noticias.css los define con !important) */
.cuerpo_articulo h2, .cuerpo_articulo h3 {
    font-family: var(--fuente-widget) !important;
    font-weight: 700 !important;
}
.cuerpo_articulo h4, .cuerpo_articulo h5, .cuerpo_articulo h6 {
    font-family: var(--fuente-widget) !important;
    font-weight: 600 !important;
}
.cuerpo_articulo, .cuerpo_articulo p, .cuerpo_articulo li {
    font-family: var(--fuente-texto) !important;
    font-weight: 400;
}

/* Menús y navegación: Inter 500–600 */
.navbar, .navbar a, .dropdown-menu > li > a, .nav > li > a, .pagination, .breadcrumb {
    font-family: var(--fuente-texto);
    font-weight: 500;
}
.navbar-nav > li > a, .navbar-brand, .nav-tabs > li > a, .nav-pills > li > a {
    font-weight: 600;
}

/* Tablas y nombres de equipos: Inter 500 */
table, .table, td {
    font-family: var(--fuente-texto);
    font-weight: 500;
}
th {
    font-family: var(--fuente-texto);
    font-weight: 600;
}
.team-name, .team-name-small, .st-equipo, .sb-previa-equipo strong, .st-vs-nombre strong {
    font-family: var(--fuente-texto);
    font-weight: 500;
}

/* Estadísticas numéricas: Inter 600–700, con cifras del mismo ancho para que las columnas alineen */
table, .table, .st-tabla, .score-table, .scoreboard-table {
    font-variant-numeric: tabular-nums;
}
.team-score, .score-table .cell-carreras, .st-vs-record, .st-rival-record, .st-cr-record,
.st-lider-valor, .sb-previa-reloj b, .st-magico, .st-eliminacion, .st-vs-resumen li, .sb-previa-record {
    font-family: var(--fuente-texto);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.team-record, .st-vs-tabla td, .st-tabla td {
    font-variant-numeric: tabular-nums;
}

/* Metadatos y fechas: Inter 400–500 */
small, .small, time, .fecha, .text-muted, .figure-caption p, .game-date, .game-location,
.sb-previa-fecha, .st-nota, .help-block {
    font-family: var(--fuente-texto);
}
small, .small, .text-muted, .figure-caption p {
    font-weight: 400;
}
time, .fecha, .game-date, .sb-previa-fecha {
    font-weight: 500;
}
/* El <small> dentro de un título conserva la fuente del título */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: inherit;
}