/**
 * DJ-League - Tema: bootstrap_3
 * Nombre: Estadio Senior 2026
 * Descripción: Diseño fiel a las imágenes de referencia.
 *   - Fondo estadio con bokeh de luces (CSS gradients multicapa)
 *   - Tarjetas blancas con barra azul marino inferior
 *   - Fixture: equipos con VS badge central
 *   - Resultados: marcador lime verde, logos grandes
 *   - Tabla: badges de posición, diff coloreado (JS)
 * Compatible: com_djleague, mod_djleague_schedule, mod_djleague_tables
 * Joomla: 3, 4, 5
 *
 * Paleta exacta de referencia:
 *   Fondo:          #0a1628 (navy muy oscuro)
 *   Barra partido:  #1a3370 (navy intermedio)
 *   Blanco carta:   #ffffff
 *   Amarillo hora:  #f5c518
 *   Verde marcador: #b5e61d (lime)
 *   Verde diff +:   #22c55e
 *   Rojo diff -:    #ef4444
 */

/* ============================================================
   IMPORTAR FUENTES — Barlow Condensed (condensada bold)
   + Barlow (cuerpo de texto)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');

/* ============================================================
   FONDO ESTADIO — bokeh multicapa con CSS radial-gradient
   Replica: luces de inundación en esquinas superiores,
            resplandor central, pasto verde en base.
   ============================================================ */
.djl_theme_bootstrap_3 {
    font-family: 'Barlow', Arial, sans-serif;
    background-color: #0a1628;
    background-image:
        /* Focos inundación: esquina superior izquierda */
        radial-gradient(ellipse 58% 42% at 8% 2%,
            rgba(160, 200, 255, 0.50) 0%,
            rgba(80, 140, 255, 0.14) 38%,
            transparent 68%),
        /* Focos inundación: esquina superior derecha */
        radial-gradient(ellipse 58% 42% at 92% 2%,
            rgba(160, 200, 255, 0.50) 0%,
            rgba(80, 140, 255, 0.14) 38%,
            transparent 68%),
        /* Halo central superior */
        radial-gradient(ellipse 70% 28% at 50% 0%,
            rgba(130, 180, 255, 0.20) 0%,
            transparent 62%),
        /* Focos laterales medios */
        radial-gradient(ellipse 30% 32% at 0% 32%,
            rgba(70, 120, 255, 0.13) 0%,
            transparent 65%),
        radial-gradient(ellipse 30% 32% at 100% 32%,
            rgba(70, 120, 255, 0.13) 0%,
            transparent 65%),
        /* Puntos de luz bokeh (focos pequeños) */
        radial-gradient(circle at 18% 6%,
            rgba(255, 255, 255, 0.09) 0%,
            transparent 6%),
        radial-gradient(circle at 82% 6%,
            rgba(255, 255, 255, 0.09) 0%,
            transparent 6%),
        radial-gradient(circle at 30% 10%,
            rgba(200, 225, 255, 0.07) 0%,
            transparent 5%),
        radial-gradient(circle at 70% 10%,
            rgba(200, 225, 255, 0.07) 0%,
            transparent 5%),
        radial-gradient(circle at 50% 4%,
            rgba(255, 255, 255, 0.06) 0%,
            transparent 4%),
        /* Pasto verde en la base */
        radial-gradient(ellipse 115% 38% at 50% 100%,
            rgba(6, 90, 18, 0.70) 0%,
            rgba(4, 55, 10, 0.30) 45%,
            transparent 78%),
        /* Gradiente de base navy */
        linear-gradient(188deg,
            #0f2145 0%,
            #162857 28%,
            #0d1f45 62%,
            #081a0c 100%);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* ============================================================
   VISTA FIXTURE / RESULTADOS (.djl_schedule) — componente
   ============================================================ */

.djl_theme_bootstrap_3.djl_schedule {
    padding: 22px 16px 18px;
    border-radius: 16px;
}

/* Botón ordenar */
.djl_theme_bootstrap_3.djl_schedule .schedule_order {
    margin-bottom: 14px;
    text-align: right;
}
.djl_theme_bootstrap_3.djl_schedule .schedule_order a {
    display: inline-block;
    color: #f5c518;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(245, 197, 24, 0.30);
    border-radius: 6px;
    padding: 4px 14px;
    letter-spacing: 0.5px;
    transition: background 0.2s;
}
.djl_theme_bootstrap_3.djl_schedule .schedule_order a:hover {
    background: rgba(245, 197, 24, 0.15);
}

/* ---- ENCABEZADO DE GRUPO (fecha / jornada) ---- */
.djl_theme_bootstrap_3.djl_schedule .djl3-group-header {
    text-align: center;
    margin: 18px 0 10px;
}
.djl_theme_bootstrap_3.djl_schedule .djl3-group-header:first-child {
    margin-top: 0;
}
.djl_theme_bootstrap_3.djl_schedule .djl3-group-header span {
    display: inline-block;
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.35);
    color: #f5c518;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 5px 22px;
    border-radius: 20px;
}

/* ============================================================
   TARJETA BASE DE PARTIDO
   ============================================================ */
.djl_theme_bootstrap_3.djl_schedule .djl3-match-card {
    background: #ffffff;
    border-radius: 14px;
    margin-bottom: 14px;
    overflow: hidden;
    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.45);
}
.djl_theme_bootstrap_3.djl_schedule .djl3-match-card:last-child {
    margin-bottom: 0;
}

/* Cuerpo de la tarjeta */
.djl_theme_bootstrap_3.djl_schedule .djl3-match-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    background: #ffffff;
}

/* ============================================================
   TARJETA FIXTURE (partido pendiente — sin resultado aún)
   Layout: [NOMBRE][LOGO] [VS] [LOGO][NOMBRE]
   ============================================================ */

/* Contenedor equipo local */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-home {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    gap: 0;
}

/* Contenedor equipo visitante */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-away {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}

/* Nombre del equipo — fixture */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-name {
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 26px;
    color: #0a1628;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.05;
    white-space: nowrap;
}

/* Logo del equipo — fixture */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Local: nombre a la izquierda, logo a la derecha del nombre */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-home .djl3-team-name {
    order: 1;
}
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-home .djl3-team-logo {
    order: 2;
    margin-left: 12px;
}

/* Visitante: logo a la izquierda, nombre a la derecha */
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-away .djl3-team-logo {
    order: 1;
    margin-right: 12px;
}
.djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-away .djl3-team-name {
    order: 2;
}

/* VS Badge — botón azul marino central */
.djl_theme_bootstrap_3.djl_schedule .djl3-vs-badge {
    flex-shrink: 0;
    background: #1a3370;
    color: #ffffff;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: 1.5px;
    padding: 9px 18px;
    border-radius: 9px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* ============================================================
   TARJETA RESULTADO (partido jugado)
   Layout: [LOGO-GRANDE / NOMBRE] [MARCADOR] [LOGO-GRANDE / NOMBRE]
   ============================================================ */

.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-match-body {
    padding: 20px 22px;
    min-height: 130px;
}

/* Equipo local/visitante en resultado — columna centrada */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-home,
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-away {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
}

/* Logo grande — resultado */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-logo-large {
    width: 90px;
    height: 90px;
    object-fit: contain;
    display: block;
    margin-bottom: 10px;
}

/* Nombre del equipo debajo del logo — resultado */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-name {
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 800;
    font-size: 18px;
    color: #0a1628;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.1;
    text-align: center;
}

/* Contenedor del marcador central */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score-center {
    flex-shrink: 0;
    text-align: center;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Marcador — número lime verde, muy grande y bold */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score {
    display: block;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 64px;
    color: #b5e61d; /* lime verde — igual a las imágenes */
    letter-spacing: 4px;
    line-height: 1;
    white-space: nowrap;
    text-shadow: 0 2px 12px rgba(181, 230, 29, 0.25);
}

/* Descripción adicional del marcador (AET, pen, etc.) */
.djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score-desc {
    display: block;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    margin-top: 4px;
}

/* ============================================================
   BARRA DE INFORMACIÓN (compartida fixture y resultado)
   Fondo azul marino, icono+hora en amarillo, sede en blanco
   ============================================================ */
.djl_theme_bootstrap_3.djl_schedule .djl3-match-info {
    background: #1a3370;
    display: flex;
    align-items: center;
    padding: 11px 22px;
    gap: 0;
    min-height: 44px;
}

.djl_theme_bootstrap_3.djl_schedule .djl3-info-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Separador vertical */
.djl_theme_bootstrap_3.djl_schedule .djl3-info-divider {
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.30);
    margin: 0 16px;
    flex-shrink: 0;
}

.djl_theme_bootstrap_3.djl_schedule .djl3-info-right {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* allow ellipsis */
}

/* Iconos de la barra */
.djl_theme_bootstrap_3.djl_schedule .djl3-icon {
    font-style: normal;
    font-size: 15px;
    margin-right: 8px;
    flex-shrink: 0;
    line-height: 1;
}

/* Hora del partido (amarillo brillante) */
.djl_theme_bootstrap_3.djl_schedule .djl3-info-time {
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #f5c518;
    letter-spacing: 1.5px;
    line-height: 1;
}

/* Fecha del resultado */
.djl_theme_bootstrap_3.djl_schedule .djl3-info-date {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #d1d9f0;
    white-space: nowrap;
    line-height: 1.2;
}

/* Sede/cancha */
.djl_theme_bootstrap_3.djl_schedule .djl3-info-venue {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/* ============================================================
   TABLA DE POSICIONES (.djl_tables) — componente
   ============================================================ */

.djl_theme_bootstrap_3.djl_tables {
    padding: 22px 16px 18px;
    border-radius: 16px;
}

/* Tabla con esquinas redondeadas gracias a overflow:hidden */
.djl_theme_bootstrap_3.djl_tables .djl3-table-wrap {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 5px 28px rgba(0, 0, 0, 0.45);
}

.djl_theme_bootstrap_3.djl_tables table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    table-layout: auto;
}

/* ---- ENCABEZADOS ---- */
.djl_theme_bootstrap_3.djl_tables table thead tr th {
    background: #1a3370;
    color: #ffffff;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 14px;
    text-align: center;
    border: none;
    white-space: nowrap;
}
.djl_theme_bootstrap_3.djl_tables table thead tr th.team_th {
    text-align: left;
    padding-left: 16px;
}
.djl_theme_bootstrap_3.djl_tables table thead tr th:first-child {
    padding-left: 14px;
}

/* ---- FILAS DE DATOS ---- */
.djl_theme_bootstrap_3.djl_tables table tbody tr td {
    color: #0a1628;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 14px;
    border: none;
    border-bottom: 1px solid rgba(26, 51, 112, 0.08);
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
}
.djl_theme_bootstrap_3.djl_tables table tbody tr:nth-child(even) td {
    background: #f0f4ff; /* alternancia blanco / azul muy claro */
}
.djl_theme_bootstrap_3.djl_tables table tbody tr:last-child td {
    border-bottom: none;
}
.djl_theme_bootstrap_3.djl_tables table tbody tr:hover td {
    background: #e2eaff !important;
    transition: background 0.18s;
}

/* ---- BADGE DE POSICIÓN ---- */
.djl_theme_bootstrap_3.djl_tables table td.position {
    width: 56px;
    padding: 10px 8px;
}
.djl_theme_bootstrap_3.djl_tables table td.position .djl3-pos-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a3370;
    color: #ffffff;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 19px;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    letter-spacing: 0;
}

/* ---- COLUMNA EQUIPO ---- */
.djl_theme_bootstrap_3.djl_tables table td.team {
    text-align: left;
    padding-left: 14px;
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #0a1628;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.djl_theme_bootstrap_3.djl_tables table td.team .team_logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* ---- COLUMNA PUNTOS ---- */
.djl_theme_bootstrap_3.djl_tables table td.points {
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 19px;
    color: #0a1628;
}

/* ---- COLUMNA DIFERENCIA (coloreada por JS) ---- */
.djl_theme_bootstrap_3.djl_tables table td.score_diff {
    font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    font-weight: 800;
    font-size: 17px;
    /* Color se aplica vía JS inyectado en la vista */
}

/* ============================================================
   MÓDULO: TABLA DE POSICIONES (mod_djl_tables)
   ============================================================ */
.djl_theme_bootstrap_3.mod_djl_tables {
    padding: 14px 12px;
    border-radius: 12px;
}

.djl_theme_bootstrap_3.mod_djl_tables .djl3-table-wrap {
    border-radius: 10px;
    overflow: hidden;
}

.djl_theme_bootstrap_3.mod_djl_tables table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

.djl_theme_bootstrap_3.mod_djl_tables table thead th {
    background: #1a3370;
    color: #f5c518;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 9px 8px;
    text-align: center;
    border: none;
}
.djl_theme_bootstrap_3.mod_djl_tables table thead th.team_th {
    text-align: left;
    padding-left: 10px;
}

.djl_theme_bootstrap_3.mod_djl_tables table tbody tr td {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 8px;
    text-align: center;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}
.djl_theme_bootstrap_3.mod_djl_tables table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.04);
}
.djl_theme_bootstrap_3.mod_djl_tables table tbody tr.highlight_team td {
    background: rgba(245, 197, 24, 0.15);
    color: #f5c518;
}

.djl_theme_bootstrap_3.mod_djl_tables table td.position { width: 34px; }
.djl_theme_bootstrap_3.mod_djl_tables table td.position .djl3-pos-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a3370;
    color: #ffffff;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 13px;
    width: 26px;
    height: 26px;
    border-radius: 5px;
}

.djl_theme_bootstrap_3.mod_djl_tables table td.team {
    text-align: left;
    padding-left: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
}
.djl_theme_bootstrap_3.mod_djl_tables table td.team .team_logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.djl_theme_bootstrap_3.mod_djl_tables table td.points {
    color: #b5e61d;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    font-size: 15px;
}
.djl_theme_bootstrap_3.mod_djl_tables table td.tables_link {
    text-align: right;
    padding-right: 8px;
}
.djl_theme_bootstrap_3.mod_djl_tables table td.tables_link a {
    color: #f5c518;
    font-size: 11px;
    text-decoration: none;
    font-weight: 700;
}

/* ============================================================
   MÓDULO: FIXTURE / SCHEDULE (mod_djl_schedule)
   ============================================================ */
.djl_theme_bootstrap_3.mod_djl_schedule {
    padding: 14px 12px;
    border-radius: 12px;
}

.djl_theme_bootstrap_3.mod_djl_schedule table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
    background: transparent;
}

.djl_theme_bootstrap_3.mod_djl_schedule table td {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    padding: 8px 7px;
    background: rgba(255, 255, 255, 0.07);
    border: none;
    vertical-align: middle;
}

.djl_theme_bootstrap_3.mod_djl_schedule table td.game_day {
    background: rgba(245, 197, 24, 0.12);
    border: 1px solid rgba(245, 197, 24, 0.25);
    color: #f5c518;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 8px;
    padding: 6px 10px;
}

.djl_theme_bootstrap_3.mod_djl_schedule table td.team_home {
    text-align: right;
    width: 40%;
    text-transform: uppercase;
    border-radius: 7px 0 0 7px;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.team_home img {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    max-width: 22px;
    max-height: 22px;
    object-fit: contain;
}

.djl_theme_bootstrap_3.mod_djl_schedule table td.team_away {
    text-align: left;
    width: 40%;
    text-transform: uppercase;
    border-radius: 0 7px 7px 0;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.team_away img {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    max-width: 22px;
    max-height: 22px;
    object-fit: contain;
}

.djl_theme_bootstrap_3.mod_djl_schedule table td.vs_score {
    text-align: center;
    background: #1a3370;
    color: #b5e61d;
    font-weight: 900;
    font-size: 15px;
    width: 14%;
    white-space: nowrap;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.vs_score .vs_sign {
    color: #f5c518;
    font-size: 12px;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.time_venue {
    text-align: center;
    color: #94a3b8;
    font-size: 10px;
    background: transparent;
    letter-spacing: 0.5px;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.schedule_link {
    text-align: right;
    background: transparent;
}
.djl_theme_bootstrap_3.mod_djl_schedule table td.schedule_link a {
    color: #f5c518;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

/* ============================================================
   MÓDULO: CONTADOR (mod_djl_counter)
   ============================================================ */
.djl_theme_bootstrap_3.mod_djl_counter {
    text-align: center;
    padding: 20px 14px;
    color: #ffffff;
    border-radius: 12px;
}
.djl_theme_bootstrap_3.mod_djl_counter .dj-date-counter {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 46px;
    font-weight: 900;
    line-height: 56px;
    margin: 14px 0 22px;
    color: #f5c518;
}
.djl_theme_bootstrap_3.mod_djl_counter .dj-date-counter > span {
    position: relative;
    display: inline-block;
}
.djl_theme_bootstrap_3.mod_djl_counter .dj-date-counter > span:after {
    content: ':';
    color: rgba(255,255,255,0.4);
    margin: 0 3px;
}
.djl_theme_bootstrap_3.mod_djl_counter .dj-date-counter > span:last-child:after { content: none; }
.djl_theme_bootstrap_3.mod_djl_counter .dj-date-counter span span {
    display: inline-block;
    text-align: center;
    min-width: 68px;
    background: #1a3370;
    border-radius: 9px;
    padding: 4px 6px;
}
.djl_theme_bootstrap_3.mod_djl_counter .game {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    margin: 18px 0;
}
.djl_theme_bootstrap_3.mod_djl_counter .game .team_home,
.djl_theme_bootstrap_3.mod_djl_counter .game .team_away {
    float: left;
    width: 40%;
    font-size: 14px;
}
.djl_theme_bootstrap_3.mod_djl_counter .game .team_logo {
    max-width: 54px;
    max-height: 54px;
    margin-bottom: 9px;
    object-fit: contain;
}
.djl_theme_bootstrap_3.mod_djl_counter .game .name { display: block; font-size: 13px; }
.djl_theme_bootstrap_3.mod_djl_counter .game .vs_score {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 26px;
    font-weight: 900;
    float: left;
    width: 20%;
    color: #b5e61d;
    white-space: nowrap;
}
.djl_theme_bootstrap_3.mod_djl_counter .game .vs_sign { color: #f5c518; }
.djl_theme_bootstrap_3.mod_djl_counter.show_logo .game .vs_score { line-height: 54px; }
.djl_theme_bootstrap_3.mod_djl_counter .time_venue {
    color: #94a3b8;
    font-size: 13px;
    margin-bottom: 22px;
}
.djl_theme_bootstrap_3.mod_djl_counter .schedule_link { text-align: right; }
.djl_theme_bootstrap_3.mod_djl_counter .schedule_link a {
    color: #f5c518;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
}

/* ============================================================
   SPINNER AJAX
   ============================================================ */
.djl_spin {
    animation: djl3spin 600ms linear infinite;
}
@keyframes djl3spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Desktop: ocultar fila móvil, mostrar título largo tabla */
@media (min-width: 768px) {
    .djl_theme_bootstrap_3.djl_schedule table tr.mobile_info {
        display: none !important;
    }
    .djl_theme_bootstrap_3.djl_tables table .short_title {
        display: none;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-name {
        font-size: 28px;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-name {
        font-size: 20px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score {
        font-size: 50px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-logo-large {
        width: 70px;
        height: 70px;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-name {
        font-size: 16px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-vs-badge {
        font-size: 14px;
        padding: 7px 12px;
        margin: 0 8px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score {
        font-size: 40px;
        letter-spacing: 3px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-logo-large {
        width: 60px;
        height: 60px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-match-body {
        padding: 14px 14px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-match-info {
        padding: 9px 14px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-info-venue {
        font-size: 11px;
    }
    .djl_theme_bootstrap_3.djl_tables table .long_title { display: none; }
}

/* Móvil pequeño */
@media (max-width: 480px) {
    .djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-logo,
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-logo-large {
        display: none;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-fixture .djl3-team-name {
        font-size: 14px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-team-name {
        font-size: 14px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-result .djl3-score {
        font-size: 32px;
        letter-spacing: 2px;
    }
    .djl_theme_bootstrap_3.djl_schedule .djl3-info-divider,
    .djl_theme_bootstrap_3.djl_schedule .djl3-info-right {
        display: none;
    }
    /* Tabla posiciones: ocultar columnas secundarias */
    .djl_theme_bootstrap_3.djl_tables table th.won_th,
    .djl_theme_bootstrap_3.djl_tables table th.drawn_th,
    .djl_theme_bootstrap_3.djl_tables table th.lost_th,
    .djl_theme_bootstrap_3.djl_tables table th.score_for_th,
    .djl_theme_bootstrap_3.djl_tables table th.score_against_th,
    .djl_theme_bootstrap_3.djl_tables table td.won,
    .djl_theme_bootstrap_3.djl_tables table td.drawn,
    .djl_theme_bootstrap_3.djl_tables table td.lost,
    .djl_theme_bootstrap_3.djl_tables table td.score_for,
    .djl_theme_bootstrap_3.djl_tables table td.score_against {
        display: none;
    }
    .djl_theme_bootstrap_3.djl_tables table td .team_logo {
        display: none;
    }
}