/* =========================================================================
   👑 PARTE 1 DE 5: CONTROL TIPOGRÁFICO MÁSTER Y CHASSIS GENERAL (VIP V75.010)
   Desarrollado para FÚTBOL LAS PALMAS. Sanea las familias de fuentes globales.
   Fija el wrapper centrado y clava las 2 columnas simétricas en ordenadores.
   ========================================================================= */

/* 🪓 SECCIÓN 1: EL CANDADO DE LA RAÍZ Y SANEAMIENTO HORIZONTAL */
html {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 🎯 EL REGULADOR CENTRAL: Establece la tipografía condensada de alta pasarela.
   Estrecha los caracteres por hardware para ganar pista y que los DIV no desborden. */
body {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    -webkit-text-size-adjust: 100%;
    font-family: 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Cortafuegos universal de acolchado: los elementos respetan los anchos del PHP */
body *, body div, body span {
    box-sizing: inherit;
}

/* El encuadre máster que unifica el ancho de las marquesinas y las tablas clasificatorias */
.wrapper { 
   /* max-width: 980px !important;*/
max-width: 980px !important; 
    margin: 0 auto !important; 
    width: 100% !important; 
    box-sizing: border-box !important; 
}

.wrapper div {
    letter-spacing: -0.1px; /* Comprime sutilmente el aire entre letras */
}

/* 🪓 SECCIÓN 2: LA REJILLA MAESTRA DE DOS COLUMNAS SIMÉTRICAS (SÓLO EN PC) */
#contenedor-partidos {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
}

@media (min-width: 1025px) {
    /* Fuerza estrictamente 2 columnas de tarjetas perfectas al 49% en mitad del monitor */
    .rejilla-interna-partidos-hoy,
    .grid-partidos {
        display: grid !important;
        grid-template-columns: 49% 49% !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
    }
    
    .rejilla-interna-partidos-hoy .card-partido,
    .grid-partidos .card-partido {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* DETECTOR HIJO ÚNICO: Si una categoría tiene un solo encuentro, se estira al 100% */
    .rejilla-interna-partidos-hoy > .card-partido:only-child {
        grid-column: 1 / -1 !important;
        max-width: 100% !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    }
    
    .rejilla-interna-partidos-hoy > .card-partido:only-child .row-marcador {
        max-width: 750px !important;
        margin: 10px auto !important; 
    }
}

/* Retorno elástico a hilera única vertical adaptativa líquida en smartphones */
@media (max-width: 1024px) {
    .rejilla-interna-partidos-hoy,
    .grid-partidos {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100vw !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }
}
/* =========================================================================
   👑 PARTE 2 DE 5: BADGES MULTIMEDIA EN VIVO Y BASTIDOR DE RACHAS (VIP V75.020)
   Desarrollado para FÚTBOL LAS PALMAS. Consolida marcadores, baloncitos e insignias.
   ========================================================================= */

/* 🪓 SECCIÓN 3: COMPONENTES COMUNES INTERFACES, RELOJES Y BADGES EN VIVO */
.row-marcador { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    font-weight: bold !important; 
    margin-top: 8px !important; 
}

.escudo-logo, .celda-equipo-fija img { 
    width: 24px !important; 
    height: 24px !important; 
    object-fit: contain !important; 
    background: transparent !important; 
    flex-shrink: 0 !important; 
}

.badge { 
    padding: 3px 8px !important; 
    border-radius: 10px !important; 
    font-size: 11px !important; 
    color: white !important; 
    font-weight: bold !important; 
    text-transform: uppercase !important; 
}

.badge-no_iniciado { background: #bdc3c7 !important; } 
.badge-en_juego { background: #e67e22 !important; animation: pulse 1.5s infinite !important; } 
.badge-finalizado { background: #34495e !important; }
.badge-descanso { background: #f1c40f !important; color: #333 !important; }

@keyframes pulse { 
    0% { opacity: 0.7; } 
    50% { opacity: 1; } 
    100% { opacity: 0.7; } 
}

select { padding: 8px 12px; font-size: 15px; border-radius: 4px; outline: none; }
table { width: 100%; border-collapse: separate !important; border-spacing: 0 !important; }
table th, td { padding: 2px 15px; text-align: left; } 

/* 🪓 SECCIÓN 4: BANDERAS AL VIENTO Y MARQUESINA ALTA DE DOS PISOS */
.marquesina-chasis-elastico { 
    display: flex !important; 
    flex-direction: column !important; 
    width: 100% !important; 
    max-width: 100% !important; 
    box-sizing: border-box !important; 
    overflow: hidden !important; 
}

#banderas-viento, #barra-equipaciones-fluida { 
    display: flex !important; 
    flex-wrap: nowrap !important; 
    align-items: center !important; 
    justify-content: center !important; 
    width: 100% !important; 
    padding: 0 10px !important; 
    box-sizing: border-box !important; 
    gap: 12px !important; 
    transition: all 0.2s ease-in-out !important; 
}

#barra-equipaciones-fluida { padding-top: 8px !important; justify-content: center !important; text-align: center !important; }
#banderas-viento::-webkit-scrollbar, #barra-equipaciones-fluida::-webkit-scrollbar { display: none !important; }

.bloque-bandera-contenedor, .bloque-equipacion-contenedor { 
    flex: 0 1 100px !important; 
    min-width: 65px !important; 
    box-sizing: border-box !important; 
    transition: all 0.2s ease !important; 
}

.bloque-equipacion-contenedor { 
    height: 280px !important; 
    position: relative !important; 
    background: transparent !important; 
    border: none !important; 
    box-shadow: none !important; 
}

.bandera-viento, .bloque-equipacion-contenedor img { max-width: 100% !important; height: auto !important; }

@media (max-width: 1024px) {
    #banderas-viento, #barra-equipaciones-fluida { justify-content: flex-start !important; overflow-x: auto !important; }
    #barra-equipaciones-fluida > div, #banderas-viento > div { display: inline-flex !important; gap: 20px !important; }
}

/* 🪓 SECCIÓN 5: BASTIDOR DE RACHAS DE LA TABLA CLASIFICATORIA GENERAL */
.col-racha, .td-racha-celda { width: 75px !important; min-width: 75px !important; max-width: 75px !important; text-align: center !important; }
.contenedor-parrilla-rachas { display: inline-flex !important; align-items: center !important; gap: 3px !important; justify-content: center !important; vertical-align: middle !important; }
.btn-racha-balon { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; line-height: 0 !important; }
.victoria-balon { width: 9px; height: 9px; display: inline-block; background-image: url("../escudos/victoria9.svg") !important; background-size: contain; background-repeat: no-repeat; }
.empate-balon { width: 9px; height: 9px; display: inline-block; background-image: url("../escudos/empate9.svg") !important; background-size: contain; background-repeat: no-repeat; }
.derrota-balon { width: 9px; height: 9px; display: inline-block; background-image: url("../escudos/derrota9.svg") !important; background-size: contain; background-repeat: no-repeat; }
/* =========================================================================
   👑 PARTE 3 DE 5: CABECERAS POR ID Y SECTOR A TRAJE CLARO (VIP V75.030)
   Desarrollado para FÚTBOL LAS PALMAS. Sincroniza letras y purifica el modo luz.
   ========================================================================= */

/* 🪓 SECCIÓN 6: SINTONIZACIÓN QUIRÚRGICA DE CABECERAS POR ID AISLADO CLASIFICACIÓN */
#tabla-responsiva-master th, 
#tabla-responsiva-master thead tr th { 
    font-size: 11px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    letter-spacing: -0.2px !important; 
    text-align: center !important; 
    vertical-align: middle !important; 
    padding: 8px 3px !important; 
    box-sizing: border-box !important; 
}

#tabla-responsiva-master th:nth-child(2), 
#tabla-responsiva-master thead th.col-eq { 
    text-align: left !important; 
    padding-left: 6px !important; 
}

#tabla-responsiva-master th:first-child, 
#tabla-responsiva-master thead th.col-pos { 
    text-align: center !important; 
    padding: 8px 1px !important; 
}

/* =========================================================================
   📊 PINÁCULO CROMÁTICO EN CABECERA SINCRO (COPLA DIRECTA EN LA PARRILLA)
   ========================================================================= */
html.modo-oscuro-vip #tabla-responsiva-master thead tr th:nth-child(5) { color: #22c55e !important; } 
html.modo-oscuro-vip #tabla-responsiva-master thead tr th:nth-child(6) { color: #f59e0b !important; } 
html.modo-oscuro-vip #tabla-responsiva-master thead tr th:nth-child(7) { color: #ef4444 !important; }

html.modo-claro-vip #tabla-responsiva-master thead tr th:nth-child(5) { color: #16a34a !important; } 
html.modo-claro-vip #tabla-responsiva-master thead tr th:nth-child(6) { color: #e67e22 !important; } 
html.modo-claro-vip #tabla-responsiva-master thead tr th:nth-child(7) { color: #dc2626 !important; }

/* ☀️ ==================== SECTOR A: TRAJE BLANCO TRADICIONAL ==================== */
html.modo-claro-vip, html.modo-claro-vip body, body.modo-claro-vip { background: #eef2f3 !important; color: #333333 !important; }
html.modo-claro-vip .header-box { display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; align-items: center; background: #34495e !important; padding: 15px; border-radius: 6px; color: white !important; margin-bottom: 20px; }
html.modo-claro-vip .card-partido { background:#ffffff !important; padding: 10px; border-radius: 8px !important; border: 1px solid #edf2f7 !important; box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; text-align: center; position: relative; }
html.modo-claro-vip .equipo-flex { width: 40%; display: flex; align-items: center; gap: 8px; font-size: 14px; background: #ffffff !important; border: 1px solid #edf2f7 !important; border-radius: 6px !important; padding: 6px 10px !important; box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important; }
html.modo-claro-vip .equipo-flex span { color: #333333 !important; text-shadow: none !important; }
html.modo-claro-vip .alerta-gol { background-color: #d4edda !important; border-color: #c3e6cb !important; transform: scale(1.02); }
html.modo-claro-vip .pulso-gol { color: #27ae60 !important; transform: scale(1.3); }

html.modo-claro-vip .tabla-contenedor { background: #ffffff !important; border-radius: 8px; overflow-x: auto; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
html.modo-claro-vip table th { background: #2c3e50 !important; color: white !important; }

/* 🪓 EL BLANQUEADOR DE COSTURAS: Pone la separación a cero baches oscuros en el modo blanco */
html.modo-claro-vip #tabla-responsiva-master tbody tr, 
html.modo-claro-vip .fila-tabla-clasificacion, 
html.modo-claro-vip table td, 
html.modo-claro-vip #tabla-responsiva-master td { 
    border-bottom: 1px solid #edf2f7 !important; 
}

html.modo-claro-vip table tbody tr:nth-child(odd) td { background-color: #ffffff !important; color: #334155 !important; }
html.modo-claro-vip table tbody tr:nth-child(even) td { background-color: #f8fafc !important; color: #334155 !important; }

/* 🚀 HOVER PREMIUM CLARO RESPETUOSO: El gris azulado pulcro brilla sin pisar las franjas de colores */
html.modo-claro-vip #tabla-responsiva-master tbody tr:hover td:nth-child(n+2), 
html.modo-claro-vip .fila-tabla-clasificacion:hover td:nth-child(n+2) { 
    background-color: #f1f5f9 !important; 
    cursor: pointer; 
}

/* LLEGE EL HOVER HASTA LA PRIMERA CELDA */
/*html.modo-claro-vip #tabla-responsiva-master tbody tr:nth-child(odd):hover td:first-child, 
html.modo-claro-vip .fila-tabla-clasificacion:nth-child(odd):hover td:first-child { 
    background-color: #ffffff !important;
	
	
}
html.modo-claro-vip #tabla-responsiva-master tbody tr:nth-child(even):hover td:first-child, 
html.modo-claro-vip .fila-tabla-clasificacion:nth-child(even):hover td:first-child { 
    background-color: #f8fafc !important; 
}
*/


html.modo-claro-vip table td.puntos { font-weight: bold; color: #27ae60 !important; background: linear-gradient(0deg, rgba(46, 204, 113, 0.08), rgba(46, 204, 113, 0.08)), #ffffff !important; border-left: 1px solid rgba(46, 204, 113, 0.2) !important; border-right: 1px solid rgba(46, 204, 113, 0.2) !important; }
html.modo-claro-vip table tr:nth-child(even) td.puntos { background: linear-gradient(0deg, rgba(46, 204, 113, 0.08), rgba(46, 204, 113, 0.08)), #f8fafc !important; }
html.modo-claro-vip .reloj-adelanto-vip { background: #e2e8f0 !important; color: #475569 !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important; }

@media screen and (max-width: 767px) {
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(1), 
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(2) { background-color: #f8f9fa !important; }
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(1), 
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(2) { background-color: #ffffff !important; }
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(3) { background: linear-gradient(0deg, rgba(46, 204, 113, 0.08), rgba(46, 204, 113, 0.08)), #ffffff !important; }
    html.modo-claro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(3) { background: linear-gradient(0deg, rgba(46, 204, 113, 0.08), rgba(46, 204, 113, 0.08)), #f8f9fa !important; }
}
/* =========================================================================
   👑 PARTE 4 DE 5: SECTOR B TRAJE PIZARRA VIP OSCURA Y JORNADA ORO (VIP V75.040)
   Desarrollado para FÚTBOL LAS PALMAS. Lacado de tarjetas y blindaje del amarillo.
   ========================================================================= */

/* 🌌 ==================== SECTOR B: TRAJE PIZARRA VIP OSCURA ==================== */
html.modo-oscuro-vip, html.modo-oscuro-vip body, body.modo-oscuro-vip { background: #0b0f19 !important; color: #f1f5f9 !important; }
html.modo-oscuro-vip .header-box { background: #0f172a !important; color: #cbd5e1 !important; border: 1px solid rgba(51, 65, 85, 0.5) !important; }
html.modo-oscuro-vip .card-partido { background: #0f172a !important; border: 1px solid rgba(51, 65, 85, 0.9) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important; border-radius: 12px !important; }

/* ⏰ DETONADOR DE LA JORNADA AMARILLA ORO BLINDADA EN MODO NOCHE
   Ataca los elementos internos (b, strong, a) para que no se trasluzca el blanco */
html.modo-oscuro-vip .card-partido span[style*="background"],
html.modo-oscuro-vip .card-partido span[style*="background-color"],
html.modo-oscuro-vip .card-partido .row-marcador -badge,
html.modo-oscuro-vip .card-partido div + span {
    background: #1e293b !important; /* Gris búnker oscuro estanco */
    color: #f5b041 !important; /* 🎯 LA JORNADA DESTELLA EN ORO VIEJO AMARILLO */
    border: 1px solid rgba(71, 85, 105, 0.5) !important;
}

html.modo-oscuro-vip .card-partido span[style*="background"] b,
html.modo-oscuro-vip .card-partido span[style*="background"] strong,
html.modo-oscuro-vip .card-partido span[style*="background"] a,
html.modo-oscuro-vip .card-partido span[style*="background-color"] b,
html.modo-oscuro-vip .card-partido span[style*="background-color"] strong {
    color: #f5b041 !important; /* 🎯 Machaca el blanco heredado y clava el amarillo oro */
    font-weight: 800 !important;
}




/* 🌌 Las cajitas de los equipos estilo simulador con fondo gris ceniza de Boxes */
html.modo-oscuro-vip .card-partido .equipo-flex { 
    background: #1e293b !important; /* 🎯 GRIS CENIZA BUNKER UNIFICADO DE FONDO */
    border: 1px solid rgba(71, 85, 105, 0.7) !important; /* Hilo ceniza pulido perimetral */
    border-radius: 8px !important; 
    padding: 6px 12px !important; 
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 2px 4px rgba(0, 0, 0, 0.2) !important; 
    width: 40% !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 8px !important; 
    box-sizing: border-box !important;
}



html.modo-oscuro-vip .card-partido.alerta-gol { background: rgba(34, 197, 94, 0.25) !important; border: 2px solid #22c55e !important; box-shadow: 0 0 25px rgba(34, 197, 94, 0.65) !important; transform: scale(1.03) !important; }
html.modo-oscuro-vip .pulso-gol { color: #22c55e !important; transform: scale(1.3); }

html.modo-oscuro-vip .card-partido div[style*="background:#fafafa"], html.modo-oscuro-vip .card-partido div[style*="background: #fafafa"] { background: rgba(30, 41, 59, 0.6) !important; border: 1px solid rgba(51, 65, 85, 0.5) !important; color: #94a3b8 !important; }
html.modo-oscuro-vip .card-partido div[style*="background:#fafafa"] a { color: #38bdf8 !important; }
html.modo-oscuro-vip .card-partido button[style*="background:#3498db"], html.modo-oscuro-vip .card-partido button[style*="background: #3498db"] { background: #0284c7 !important; color: white !important; }



/* 🌌 LA CLASIFICACIÓN OSCURA DE GALA Y SU HOVER ACERO CINÉTICO IMPALABLE */


html.modo-oscuro-vip .tabla-contenedor { background: rgba(15, 23, 42, 0.95) !important; border: 1px solid rgba(51, 65, 85, 0.8) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important; }


html.modo-oscuro-vip table th { background: #0f172a !important; color: #cbd5e1 !important; border-bottom: 2px solid #334155 !important; }

html.modo-oscuro-vip table tbody tr:nth-child(odd) td { background-color: #1e293b !important; color: #cbd5e1 !important; }

html.modo-oscuro-vip table tbody tr:nth-child(even) td { background-color: #151f32 !important; color: #cbd5e1 !important; }





/* 🏆 HOVER OSCURO RESPETUOSO DE ZONAS KO */
html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td:nth-child(n+2), html.modo-oscuro-vip .fila-tabla-clasificacion:hover td:nth-child(n+2) { background-color: #273549 !important; cursor: pointer; }



/* td:first-child pone un estilo concreto a la primera columna */

/*html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td:first-child, html.modo-oscuro-vip .fila-tabla-clasificacion:hover td:first-child { background-color: transparent !important; }*/



html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td:first-child, html.modo-oscuro-vip .fila-tabla-clasificacion:hover td:first-child { background-color: #273549 !important; }



html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td.zona-ascenso   { background-color: rgba(34, 197, 94, 0.16) !important; }

html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td.zona-playoff   { background-color: rgba(245, 158, 11, 0.16) !important; }

html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td.zona-copa      { background-color: rgba(14, 165, 233, 0.16) !important; }

html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td.zona-promocion { background-color: rgba(59, 130, 246, 0.16) !important; }

html.modo-oscuro-vip #tabla-responsiva-master tbody tr:hover td.zona-descenso  { background-color: rgba(239, 68, 68, 0.16) !important; }


/* 🛡️ RE-PINTADO DE LAS 5 FRANJAS DE COLORES DE TENDENCIA EN MODO NOCHE */
html.modo-oscuro-vip .zona-ascenso   { background-color: rgba(34, 197, 94, 0.12) !important; background: #15803d !important; }
html.modo-oscuro-vip .zona-playoff   { background-color: rgba(245, 158, 11, 0.12) !important; background: #b45309 !important; }
html.modo-oscuro-vip .zona-copa      { background-color: rgba(14, 165, 233, 0.12) !important; background: #1d4ed8 !important; }
html.modo-oscuro-vip .zona-promocion { background-color: rgba(59, 130, 246, 0.12) !important; background: #1d4ed8 !important; }
html.modo-oscuro-vip .zona-descenso  { background-color: rgba(239, 68, 68, 0.12) !important; background: #b91c1c !important; }
/* =========================================================================
   👑 PARTE 5 DE 5: CRISTAL DE PUNTOS, MODALES Y FOOTER MONUMENTAL (VIP V75.050)
   Desarrollado para FÚTBOL LAS PALMAS. Sella el chasis camaleónico unificado.
   ========================================================================= */

/* 🪓 SECCIÓN 7: ENCHUFE CRISTAL PREMIUM RECALIBRADO PARA PUNTOS NETOS */


html.modo-oscuro-vip table td.puntos,
html.modo-oscuro-vip table td:nth-child(3),
html.modo-oscuro-vip .tabla-contenedor tbody tr td:nth-child(3) { 
   /* background: linear-gradient(0deg, rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.16)) !important; /* 🚀 CRISTAL RECALIBRADO DE F1 */
	
	
    color: #22c55e !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    font-family: monospace !important;
    letter-spacing: 0.5px !important;
    border-left: 1px solid rgba(34, 197, 94, 0.25) !important;
    border-right: 1px solid rgba(34, 197, 94, 0.25) !important;
    box-shadow: inset 0 0 12px rgba(34, 197, 94, 0.15) !important; 
}

@media screen and (max-width: 767px) {
    #tabla-responsiva-master { width: auto !important; min-width: 100% !important; max-width: none !important; table-layout: auto !important; }
    #tabla-responsiva, .tabla-contenedor, #tabla-responsiva-master { background-color: #0b0f19 !important; background: #0b0f19 !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(1) { background-color: #1e293b !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(1) { background-color: #151f32 !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(2) { background-color: #1e293b !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(2) { background-color: #151f32 !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(odd) td:nth-child(3), html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(odd) td.puntos { background: linear-gradient(0deg, rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.16)), #1e293b !important; }
    html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(even) td:nth-child(3), html.modo-oscuro-vip #tabla-responsiva-master tr:nth-child(even) td.puntos { background: linear-gradient(0deg, rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.16)), #151f32 !important; }
    .tabla-contenedor.con-scrolling #tabla-responsiva-master th:nth-child(3), .tabla-contenedor.con-scrolling #tabla-responsiva-master td:nth-child(3) { border-right: 1px solid #475569 !important; }
    .tabla-contenedor.con-scrolling #tabla-responsiva-master td:nth-child(3) { box-shadow: 4px 0 8px -3px rgba(11, 15, 25, 0.85) !important; }
}


/* =========================================================================
   🛸 EFECTO CINÉTICO HOVER SINCRO PARA FILAS DE PICHICHIS (VIP V2026.210)
   Desarrollado para FÚTBOL LAS PALMAS. Ilumina celdas fijas y stickys a la vez.
   ========================================================================= */

/* 🎯 1. EFECTO HOVER EN MODO CLARO TRADICIONAL */
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr {
    transition: background-color 0.15s ease-in-out !important; /* Amortiguación elástica de encendido */
}

/* Forzamos a la fila completa y a cada una de sus celdas stickys a encenderse en Gris Premium */
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr:hover,
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr:hover td {
    background-color: #f1f5f9 !important; /* Gris azulado limpio que resalta al crack */
    cursor: pointer !important;
}

/* 🎰 2. EFECTO HOVER EN MODO PIZARRA VIP OSCURO */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr {
    transition: background-color 0.15s ease-in-out !important;
}

/* Forzamos a la fila completa y a sus celdas stickys oscuras a encenderse en Acero Grafito */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr:hover,
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr:hover td {
    background-color: #273549 !important; /* Acero grafito medio pulido idéntico a las tablas */
    cursor: pointer !important;
}

/* =========================================================================
   🎨 FILAS CEBRA AUTOMÁTICAS ADAPTATIVAS (OPCIONAL DE GALA)
   Al haber limpiado los fondos inline, estas reglas pintan las filas salteadas
   en ambos modos de forma nativa sin cargar la memoria RAM de PHP/JS.
   ========================================================================= */
/* Modo Claro Cebra */
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr:nth-child(odd) td { background-color: #ffffff !important; }
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr:nth-child(even) td { background-color: #f8fafc !important; }

/* Modo Oscuro Cebra */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr:nth-child(odd) td { background-color: #1e293b !important; }
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr:nth-child(even) td { background-color: #151f32 !important; }



/* 📐 RESPONSIVE COMPRESIÓN TEXTOS CLUBES */
@media (min-width: 1025px) { .celda-equipo-fija span, #tabla-responsiva-master .col-eq span { font-size: 15px !important; letter-spacing: 0.2px !important; } }
@media screen and (max-width: 767px) { .celda-equipo-fija span, #tabla-responsiva-master .col-eq span { font-size: 11px !important; letter-spacing: -0.1px !important; } }

/* 🪓 SECCIÓN 9: FOOTER MONUMENTAL DE GALA ORO SOBRE OSCURO */
.footer-monumental-completo { background-color: #2c3e50 !important; color: #ffffff !important; width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; padding: 45px 20px 30px 20px; box-sizing: border-box !important; border-top: 5px solid #F5B041; }
.footer-interior-centrado { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; text-align: left; }
.footer-columna { flex: 1; min-width: 220px; }
.footer-columna h4 { margin: 0 0 15px 0; color: #F5B041; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; }
.footer-columna p, .footer-columna span { font-size: 13px; color: #cbd5e1; line-height: 1.6; margin: 0; }
.footer-columna a { font-size: 11px; color: white; text-decoration: none; }
.footer-creditos-barra { max-width: 1000px; margin: 35px auto 0 auto; border-top: 1px solid #475569; padding-top: 18px; text-align: center; font-size: 11.5px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-creditos-barra span { color: #D4AF37 !important; font-size: 11px !important; }

@media (min-width: 1024px) {
    table th:nth-child(2), table td:nth-child(2), .nombre-equipo-col, .team-name-cell { width: auto !important; min-width: 280px !important; max-width: none !important; overflow: visible !important; }
    table td:nth-child(2) *, .nombre-equipo-col *, .team-name-cell * { width: auto !important; max-width: none !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; }
}

/* 🪓 CORTAFUEGOS FINAL: Sella las sábanas blancas residuales del transparent */
html.modo-oscuro-vip .card-partido div:not([style*="background"]), 
html.modo-oscuro-vip .card-partido span:not(.pulso-gol):not([style*="color"]):not([style*="background"]) {
    background-color: transparent !important;
}


















/* =========================================================================
   🌌 RE-BLINDAJE DE CASILLEROS OSCUROS: JAQUE MATE AL JS (VIP V75.300)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el color sin tocar el motor asíncrono.
   Funde el gris ceniza en la faja y clava las letras en blanco inmaculado.
   ========================================================================= */

/* 🎯 1. FUERZA BRUTA AL GRIS CENIZA: Forzamos el color ceniza búnker por encima de los transparent */
html.modo-oscuro-vip .card-partido .equipo-flex,
html.modo-oscuro-vip #contenedor-partidos .card-partido .equipo-flex,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido .equipo-flex {
    background: #1e293b !important; /* 🟢 Gris ceniza búnker premium de Boxes */
    background-color: #1e293b !important;
    border: 1px solid rgba(71, 85, 105, 0.7) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* 🎯 2. FUERZA BRUTA AL TEXTO EN BLANCO: Forzamos el color blanco inmaculado en el span */
html.modo-oscuro-vip .card-partido .equipo-flex span,
html.modo-oscuro-vip #contenedor-partidos .card-partido .equipo-flex span,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido .equipo-flex span,
html.modo-oscuro-vip .card-partido .equipo-flex span b {
    color: #ffffff !important; /* 🟢 Blanco puro nítido de alta visibilidad militar */
    font-weight: 800 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}





/* =========================================================================
   🌌 UNIFICACIÓN DE RACHAS OSCURAS: LOOK CEMENTO BOXES (VIP V75.400)
   Desarrollado para FÚTBOL LAS PALMAS. Funde el bloque de baloncitos en ceniza.
   ========================================================================= */

/* 🎯 FUERZA BRUTA AL GRIS CENIZA EN EL CONTENEDOR DE LOS BALONCITOS DE RACHAS */
/*html.modo-oscuro-vip .card-partido .contenedor-parrilla-rachas,
html.modo-oscuro-vip #contenedor-partidos .card-partido .contenedor-parrilla-rachas,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido .contenedor-parrilla-rachas {
    background: #1e293b !important; /* 🟢 Gris ceniza búnker idéntico a la faja del club */
   /* background-color: #1e293b !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

/* 🎯 OPACIDAD DE SEGURIDAD PARA LOS BALONCITOS EN GRIS CUANDO ESTÁN EN BLANCO */
/*html.modo-oscuro-vip .contenedor-parrilla-rachas .empate-balon[style*="opacity:0.25"],
html.modo-oscuro-vip .contenedor-parrilla-rachas .empate-balon[style*="opacity: 0.25"] {
    opacity: 0.45 !important; /* Subimos el brillo en modo noche para que se distingan los pendientes */
  /* filter: brightness(1.5) !important;
}

*/

/* =========================================================================
   🌌 UNIFICACIÓN DE RACHAS OSCURAS Y HOVER DE CASILLEROS (VIP V75.600 - SINCRO)
   Desarrollado para FÚTBOL LAS PALMAS. Funde el bloque de baloncitos en ceniza
   y activa el encendido lumínico más claro en el recuadro del equipo y rachas.
   ========================================================================= */

/* 🎯 A) ESTADO EN FRÍO: FUERZA BRUTA AL GRIS CENIZA EN EL CONTENEDOR DE RACHAS */
html.modo-oscuro-vip .card-partido .contenedor-parrilla-rachas,
html.modo-oscuro-vip #contenedor-partidos .card-partido .contenedor-parrilla-rachas,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido .contenedor-parrilla-rachas {
    background: #1e293b !important; /* Gris ceniza búnker idéntico a la faja del club */
    background-color: #1e293b !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Amortiguación elástica local */
}

/* 🎯 B) OPACIDAD DE SEGURIDAD PARA LOS BALONCITOS EN GRIS CUANDO ESTÁN EN BLANCO */
html.modo-oscuro-vip .contenedor-parrilla-rachas .empate-balon[style*="opacity:0.25"],
html.modo-oscuro-vip .contenedor-parrilla-rachas .empate-balon[style*="opacity: 0.25"] {
    opacity: 0.45 !important; 
    filter: brightness(1.5) !important;
}

/* =========================================================================
   🛸 EFECTO HOVER RELACIONAL PRESTIGE: EL DOBLE DESTELLO LOCAL (V75.600)
   ========================================================================= */

/* 🎯 C) CONSERVAMOS EL EFECTO DE MOVIMIENTO DE LA TARJETA GLOBAL (OPCIONAL DE GALA) */
html.modo-oscuro-vip .card-partido:hover,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido:hover,
html.modo-oscuro-vip .grid-partidos .card-partido:hover,
html.modo-oscuro-vip #contenedor-partidos .card-partido:hover {
    background: #111827 !important; /* Oscurece sutilmente la tarjeta para resaltar los casilleros */
    border-color: rgba(14, 165, 233, 0.35) !important; /* Hilo azul de carrera discreto */
    transform: translateY(-2px) scale(1.002) !important; /* Movimiento bonito premium conservado */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.55) !important;
}

/* 🎯 D) JUGADA MAESTRA: EL BOTONAZO DE LUZ LOCAL EN EL CASILLERO CENIZA
   Al pasar el ratón por la tarjeta, obligamos robóticamente a la faja del club y al 
   contenedor de las rachas a mutar juntos hacia un gris ceniza mucho más claro y deportivo */
html.modo-oscuro-vip .card-partido:hover .equipo-flex,
html.modo-oscuro-vip .card-partido:hover .contenedor-parrilla-rachas,
html.modo-oscuro-vip #contenedor-partidos .card-partido:hover .equipo-flex,
html.modo-oscuro-vip #contenedor-partidos .card-partido:hover .contenedor-parrilla-rachas,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido:hover .equipo-flex,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido:hover .contenedor-parrilla-rachas {
    background: #334155 !important; /* 💡 CENIZA MÁS CLARO ACERO SATINADO DE ALTA COMPETICIÓN */
    background-color: #334155 !important;
    border-color: rgba(148, 163, 184, 0.4) !important; /* Realce perimetral fino */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}












/* =========================================================================
   🛸 EFECTO HOVER FLOTANTE PRESTIGE: MARQUESINA EN ACCIÓN (VIP V75.500)
   Desarrollado para FÚTBOL LAS PALMAS. Dota de tracción tridimensional.
   Provoca una iluminación progresiva y micro-impulso cinético al pasar el cursor.
   ========================================================================= */

/* 🎯 A) EL GATILLO CINÉTICO DE ARRANQUE: Preparamos la amortiguación elástica de 0.25s */
html.modo-oscuro-vip .card-partido,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido,
html.modo-oscuro-vip .grid-partidos .card-partido,
html.modo-oscuro-vip #contenedor-partidos .card-partido {
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0 25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 🎯 B) EL SUBIDÓN DEL COMANDANTE: Al pasar el cursor (Hover) o el dedo en caliente */
html.modo-oscuro-vip .card-partido:hover,
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido:hover,
html.modo-oscuro-vip .grid-partidos .card-partido:hover,
html.modo-oscuro-vip #contenedor-partidos .card-partido:hover {
    background: #151f32 !important; /* 💡 Se enciende el gris pizarra satinado en la tarjeta */
    background-color: #151f32 !important;
    border-color: rgba(14, 165, 233, 0.45) !important; /* Hilo azul sutil de carrera */
    
    /* 🚀 EFECTO FLOTANTE: El bloque se eleva 2 micras y proyecta una sombra masiva hacia el suelo */
    transform: translateY(-2px) scale(1.005) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.65), 0 8px 10px -6px rgba(0, 0, 0, 0.6) !important;
    cursor: pointer;
}

/* 🎯 C) SINCRO DE CAPAS INTERNAS EN HOVER: Iluminamos los casilleros a juego al unísono */
html.modo-oscuro-vip .card-partido:hover .equipo-flex,
html.modo-oscuro-vip .card-partido:hover .contenedor-parrilla-rachas {
    background: #273549 !important; /* 💡 Acero grafito medio pulido cinético */
    background-color: #273549 !important;
    border-color: rgba(71, 85, 105, 0.9) !important;
    transition: background-color 0.2s ease-in-out !important;
}


/* =========================================================================
   🏆 RECALIBRACIÓN VISUAL DE TARJETAS: CABECERA APAGADA VIP (VIP V75.700)
   Desarrollado para FÚTBOL LAS PALMAS. Apaga el fogonazo blanco del separador.
   Sustituye el brillo intenso por un fino hilo ceniza medio de Boxes.
   ========================================================================= */

/* Atacamos los divisores inline de las azoteas de tarjetas en todas las vistas nocturnas */
html.modo-oscuro-vip .card-partido > div[style*="border-bottom"],
html.modo-oscuro-vip .grid-partidos .card-partido div[style*="border-bottom"],
html.modo-oscuro-vip .rejilla-interna-partidos-hoy .card-partido div[style*="border-bottom"],
html.modo-oscuro-vip #contenedor-partidos .card-partido div[style*="border-bottom"] {
    /* 🪓 EL APAGÓN DEL COMANDANTE: Reventamos el blanco intenso inline por hardware 
       y le clavamos el gris acero pulido ceniza discreto a juego con el chasis */
    border-bottom: 1px solid rgba(71, 85, 105, 0.45) !important; 
}


/* =========================================================================
   🔮 SECCIÓN 10: CONCENTRACIÓN DE CABECERAS DE TARJETAS (VIP V76.000)
   Desarrollado para FÚTBOL LAS PALMAS. Traslado de reglas inline al CSS exterior.
   ========================================================================= */

/* 🎯 A) ESTILOS COMUNES (MUNDO CLARO Y GENERAL DE SMARTPHONES) */
.cabecera-tarjeta-partido {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 10.5px !important;
    font-weight: bold !important;
    color: #7f8c8d !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding-bottom: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.titulo-categoria-partido {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #2c3e50 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 65% !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* 🎯 B) EL REGLAJE CAMALEÓNICO SOBERANO PARA EL MUNDO OSCURO VIP */
html.modo-oscuro-vip .cabecera-tarjeta-partido {
    border-bottom: 1px solid rgba(71, 85, 105, 0.45) !important; /* El fino hilo ceniza medio unificado */
    color: #94a3b8 !important;
}

html.modo-oscuro-vip .titulo-categoria-partido span {
    color: #ffffff !important; /* 🎯 ¡JAQUE MATE! El blanco inmaculado brilla libre de tapones html */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Si prefiere que el letrero de próximos cruces vista el azul satinado a juego con la jornada,
   solo tiene que descomentar la línea de abajo sustituyendo al blanco: */
/* html.modo-oscuro-vip .titulo-categoria-partido span { color: #38bdf8 !important; } */




/* =========================================================================
   🌌 ENCIENDO DE LOGOS DEL MAÑANA: PRÓXIMOS CRUCES INDUSTRIAL (VIP V75.900)
   Desarrollado para FÚTBOL LAS PALMAS. Ataca strictly por ID el texto del futuro.
   ========================================================================= */
html.modo-oscuro-vip #bloque-adelanto-jornada-siguiente .card-partido div:first-child div:first-child {
    color: #7f8c8d !important; /* 🎯 ¡JAQUE MATE DE LA ESCUDERÍA! El blanco brilla libre sobre el grafito */
}
html.modo-oscuro-vip #bloque-adelanto-jornada-siguiente .card-partido div:first-child div:first-child span {
    color: #7f8c8d !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}






/* =========================================================================
   🛡️ CORTAFUEGOS ANTI-DESBORDES: TARJETAS DEL MAÑANA LÍQUIDAS (VIP V75.960)
   Desarrollado para FÚTBOL LAS PALMAS. Absorbe los paddings hacia adentro.
   Prohíbe estrictamente a los adelantos medir más que el cristal del móvil.
   ========================================================================= */

/* Atacamos de forma rígida la clase de la tarjeta futura y sus contenedores de asfalto */
.card-partido-futuro,
#bloque-adelanto-jornada-siguiente .card-partido,
.contenedor-proximos-cruces .card-partido {
    width: 100% !important;
    max-width: 100% !important; /* Pasaporte aprobado: prohibido salirse de la pantalla */
    box-sizing: border-box !important; /* 🪓 EL MAZAZO DEL CAPITÁN: Mete los 12px de padding dentro del ancho */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px !important; /* Colchón ergonómico de respiro intacto */
    overflow: hidden !important; /* Poda cualquier píxel fugitivo en la sombra */
}

/* 💻 COMPENSACIÓN DE SIMETRÍA EN COMPUTADORAS (PC)
   Garantiza que en monitores grandes mantenga sus 980px centrados alineados con la liguilla */
@media (min-width: 1025px) {
    #bloque-adelanto-jornada-siguiente,
    .contenedor-proximos-cruces {
        max-width: 980px !important;
        width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
}



/* =========================================================================
   🛡️ EL CANDADO DE CIERRE DEL CAPITÁN: CONTENCIÓN ADELANTOS (VIP V75.990)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el box-sizing sobre el HTML inline.
   Aniquila los desbordes laterales y encaja la tarjeta futura en el móvil.
   ========================================================================= */

/* Atacamos el ID máster y su tarjeta de forma rígida y encadenada */
#bloque-adelanto-jornada-siguiente .card-partido,
.contenedor-proximos-cruces .card-partido,
.card-partido-futuro {
    box-sizing: border-box !important; /* 🪓 EL MAZAZO DEL COMANDANTE: Absorbe los paddings dentro del ancho */
    width: 100% !important; /* Machaca el width inline parásito que la sacaba de la pista móvil */
    max-width: 100% !important;
    padding: 12px !important; /* Colchón ergonómico interior intacto */
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important; /* Poda cualquier píxel fugitivo en la sombra */
}

/* Compensación de aerodinámica elástica para ordenadores grandes (PC) */
@media (min-width: 1025px) {
    #bloque-adelanto-jornada-siguiente,
    .contenedor-proximos-cruces {
        max-width: 980px !important;
        width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
}





/* =========================================================================
   🛡️ EL CANDADO DE ESTABILIDAD PERIMETRAL: ANTI-ZOOM PARÁSITO (VIP V75.999)
   Desarrollado para FÚTBOL LAS PALMAS. Sanea el ancho estanco de la web móvil.
   Aniquila los pasillos vacíos a la derecha y acopla el responsive líquido.
   ========================================================================= */

/* 🎯 A) EL SEGURO DE ANCHO LÍQUIDO: Obliga a todas las estructuras máster 
   a estirarse al 100% de la pantalla del terminal sin dejar huecos laterales */
html, body, .wrapper, .header-box, #contenedor-partidos, #bloque-datos-publicos-limpio {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* 🎯 B) EL REPLIEGUE ELÁSTICO DE ENCUADRE GENERAL:
   Garantiza que el wrapper mantenga sus 980px centrados look oficial en PC, 
   pero que en smartphones pase a un comportamiento fluido y adaptativo a cero desvíos */
@media (min-width: 1025px) {
    .wrapper {
      /*  max-width: 980px !important;*/
max-width: 780px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1024px) {
    .wrapper, .header-box, #contenedor-partidos {
        padding-left: 3px !important;  /* Tus 3px de respiro perimetral sagrados en teléfonos */
        padding-right: 3px !important;
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important; /* Poda quirúrgicamente cualquier píxel que intente fugar */
    }
}





/* =========================================================================
   🛡️ EL CANDADO DE COMPRESIÓN DE CHASIS: TRUNCADO MAESTRO (VIP V76.100)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el (...) rompiendo rigideces.
   Aniquila los ensanches y blinda la cabecera del botón de WhatsApp a la derecha.
   ========================================================================= */

/* 🎯 A) EL SEGURO DE LA TARJETA: Prohíbe al bloque estirarse más que la pantalla móvil 
   y le ordena encogerse rígidamente para salvar el pasillo derecho */
.card-partido,
#contenedor-partidos .card-partido,
.rejilla-interna-partidos-hoy .card-partido,
.grid-partidos .card-partido,
#bloque-adelanto-jornada-siguiente .card-partido {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; /* Rompe la rigidez del bloque */
    box-sizing: border-box !important; /* Absorbe paddings y bordes hacia adentro */
    overflow: hidden !important; /* Corta cualquier píxel fugitivo en las sombras */
}

/* 🎯 B) EL EQUILIBRADOR HORIZONTAL INTERNO: Reparte la pista útil en 3 pasillos fijos.
   Garantiza espacio de respiro exacto para los clubes (38% cada uno) y el marcador (24%) */
.card-partido .row-marcador {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.card-partido .equipo-flex,
.card-partido .equipo-flex.local,
   .card-partido .equipo-flex.visitante {

justify-content: flex-start;
  text-align: left;
  



    width: 38% !important; /* Clava el ancho para que no ensanche la tarjeta */
    max-width: 38% !important;
    min-width: 0 !important; /* Activa la compresión obligatoria del Flexbox */
    flex-shrink: 1 !important; /* Le da permiso al navegador para encoger las letras */
    box-sizing: border-box !important;
}

/* 🎯 C) EL REMACHE DEL TRUNCADO: Fuerza al string a trancarse con los tres puntos (...) */
.card-partido .equipo-flex span,
html.modo-oscuro-vip .card-partido .equipo-flex span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important; /* Prohibido saltar de línea o fugar hacia los lados */
    overflow: hidden !important; /* Corta de forma limpia las letras largas */
    text-overflow: ellipsis !important; /* Inyecta el (...) robótico en el borde del casillero */
}

/* 🎯 D) ADUANA DE CABECERA: Protege la hilera superior para que WhatsApp no se oculte */
.card-partido > div:first-child,
.card-partido .cabecera-tarjeta-partido {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}







/* =========================================================================
   🎛️ LIBERACIÓN PERIMETRAL DE LA PERSIANA DE LIGAS (VIP V75.999 - SINCRO)
   Desarrollado para FÚTBOL LAS PALMAS. Desbloquea la caída en smartphones.
   Aniquila el estrangulamiento de la cabecera flex sin perder el chasis general.
   ========================================================================= */

/* 🎯 A) CORTAFUEGOS DEL HANGAR DESPLEGABLE: Rompe el embargo de la cabecera flex 
   en teléfonos móviles y le da pista libre infinita para desbordar hacia el suelo */
.header-box {
    overflow: visible !important; /* Fuerza a la azotea a dejar caer el menú de categorías */
    position: relative !important;
}

.item-liga-rep {
    position: relative !important;
    overflow: visible !important; /* Desbloquea el foso horizontal para que brote la persiana */
    max-height: none !important;
    height: auto !important;
}

/* 🎯 B) EL COHETE SOBERANO DE LA PERSIANA: Le da la máxima jerarquía tridimensional 
   al cuadro flotante para que se abra al 100% de asfalto sobre banderas y camisetas */
#caja-desplegable-premium {
    position: absolute !important;
    top: 34px !important; /* Alineado justo debajo del botón de 31px */
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    max-height: 520px !important; /* Recuperado el rango amplio que muestra los 4 grupos juveniles de golpe */
    overflow-y: scroll !important; /* Mantiene activa su barrita azul satinada máster */
    -webkit-overflow-scrolling: touch !important;
    z-index: 999999 !important; /* Por encima de cualquier viga, valla publicitaria o chasis */
    box-sizing: border-box !important;
}

/* 🎯 C) COMPENSACIÓN TÁCTIL SMARTPHONE: Asegura que el botón responda al dedo en frío */
#boton-liga-premium,
#texto-boton-liga,
.item-liga-rep button {
    pointer-events: auto !important; /* Conexión de corriente táctil en el cristal móvil */
    cursor: pointer !important;
}









/* =========================================================================
   🏆 RESTITUCIÓN MAESTRA DE BARRAS DE LEYENDA: SINCRO TOTAL (VIP V71.500)
   Desarrollado para FÚTBOL LAS PALMAS. Se pega al FINAL ABSOLUTO del CSS.
   Libera los cuadraditos de color del secuestro negro en ambos modos.
   ========================================================================= */

/* 🪓 1. RE-PINTADO DE LAS BARRAS COLECTIVAS EN EL MUNDO OSCURO
   Fuerza los colores intensos saturados para que contrasten de cine sobre el fondo blanco */
html.modo-oscuro-vip .zona-ascenso,
html.modo-oscuro-vip .bg-champions,
html.modo-oscuro-vip [class*="ascenso"],
html.modo-oscuro-vip td[class*="ascenso"] {
    background-color: #15803d !important; /* 🚀 Barras de Champions: Verde Bosque sólido */
    background: #15803d !important;
}

html.modo-oscuro-vip .zona-playoff,
html.modo-oscuro-vip .bg-playoff,
html.modo-oscuro-vip [class*="playoff"],
html.modo-oscuro-vip td[class*="playoff"] {
    background-color: #b45309 !important; /* 🚀 Barras de Uefa: Naranja tostado nítido */
    background: #b45309 !important;
}

html.modo-oscuro-vip .zona-copa,
html.modo-oscuro-vip .bg-copa,
html.modo-oscuro-vip .zona-promocion,
html.modo-oscuro-vip [class*="copa"],
html.modo-oscuro-vip [class*="promocion"],
html.modo-oscuro-vip td[class*="copa"] {
    background-color: #1d4ed8 !important; /* 🚀 Barras de Conference/Promoción: Azul profundo */
    background: #1d4ed8 !important;
}

html.modo-oscuro-vip .zona-descenso,
html.modo-oscuro-vip .bg-descenso,
html.modo-oscuro-vip [class*="descenso"],
html.modo-oscuro-vip td[class*="descenso"] {
    background-color: #b91c1c !important; /* 🚀 Barras de Descenso: Rojo sangre opaco */
    background: #b91c1c !important;
}


/* 🪓 2. RE-PINTADO DE LAS BARRAS COLECTIVAS EN EL MUNDO CLARO TRADICIONAL
   Devuelve strictly las pinturas originales de fábrica que se habían quedado negras */
html.modo-claro-vip .zona-ascenso, html.modo-claro-vip .bg-champions { background-color: #2ece71 !important; background: #2ece71 !important; }
html.modo-claro-vip .zona-playoff, html.modo-claro-vip .bg-playoff { background-color: #e67e22 !important; background: #e67e22 !important; }
html.modo-claro-vip .zona-copa, html.modo-claro-vip .bg-copa, html.modo-claro-vip .zona-promocion { background-color: #3498db !important; background: #3498db !important; }
html.modo-claro-vip .zona-descenso, html.modo-claro-vip .bg-descenso { background-color: #e74c3c !important; background: #e74c3c !important; }


/* 🪓 3. SANEAMIENTO COMPLEMENTARIO DE TEXTOS EN LA LEYENDA CLARA/OSCURA
   Asegura que las letras que escoltan a las barras se lean en un gris oscuro pulcro */
html.modo-oscuro-vip .leyenda-box,
html.modo-oscuro-vip [class*="leyenda"] {
    color: #334155 !important; /* Texto gris pizarra oscuro extra-nítido sobre el fondo blanco */
    font-weight: 700 !important;
}
html.modo-oscuro-vip .leyenda-box td,
html.modo-oscuro-vip .leyenda-box span {
    color: #334155 !important;
}




/* =========================================================================
   🛡️ BYPASS MAESTRO DE BOTONERA DUAL: DOS CARRILES PDF (VIP V77.080)
   Desarrollado para FÚTBOL LAS PALMAS. Inyecta el botón rojo del Míster 
   directamente en la persiana del pie del modal por hardware de estilos.
   ========================================================================= */

/* Modificamos el pie del modal flotante para que use flexbox y distribuya dos botones */
#modal-calendario-equipo div[style*="text-align:right"] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    background: white !important;
}

/* Rediseñamos el botón naranja original para desplazarlo rígidamente a la derecha */
#modal-calendario-equipo div[style*="text-align:right"] button {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* Fabricamos por hardware el nuevo botón Rojo del Míster inyectado a la izquierda */
#modal-calendario-equipo div[style*="text-align:right"]::before {
    content: "📄 Folio Único Míster" !important;
    display: inline-block !important;
    background: #dc2626 !important; /* Rojo Arbitral Intenso */
    color: white !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-family: Arial, sans-serif !important;
    box-shadow: 0 1px 3px rgba(220,38,38,0.15) !important;
    text-transform: none !important;
    height: auto !important;
}

/* =========================================================================
   🏟️ EXPANSOR DE ESCUDOS EN CARTELERA WEB: MONITORES PC (VIP V77.350)
   Desarrollado para FÚTBOL LAS PALMAS. Amplía los logos en la marquesina pública.
   ========================================================================= */
@media screen and (min-width: 1025px) {
    
    /* 🎯 ATAQUE QUIRÚRGICO A LAS IMÁGENES DE LAS TARJETAS PÚBLICAS EN COMPUTADORAS */
    #contenedor-partidos div[style*="display: flex"] img,
    .grid-partidos img,
    .card-partido img[style*="width:"],
    div[style*="background: white"] div[style*="width: 40%"] img {
        width: 60px !important;  /* 🚀 Subido a 36px/40px fijos de asfalto visual (Ajuste a su gusto) */
        height: 60px !important; /* Mantiene la proporción circular perfecta */
        max-width: 30px !important;
        max-height: 36px !important;
        object-fit: contain !important;
        filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.10)) !important; /* Sombreado premium extra */
        transition: transform 0.2s ease-in-out !important;
    }

    /* Micro-impulso tridimensional dinámico al pasar el ratón por encima (PC) */
    #contenedor-partidos div[style*="display: flex"] img:hover,
    .grid-partidos img:hover {
        transform: scale(1.25) !important;
    }
    
    /* Ampliamos sutilmente el contenedor horizontal del club para que el texto respire */
    #contenedor-partidos div[style*="width: 40%"],
    .grid-partidos div[style*="width: 40%"] {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important; /* Más colchón ergonómico entre el texto y el escudo ampliado */
    }
}



/* =========================================================================
   🌌 CONGELACIÓN CROMÁTICA TARJETA ÚNICA: SELLO CENIZA MÁSTER (VIP V77.750)
   Desarrollado para FÚTBOL LAS PALMAS. Integra strictly html.modo-oscuro-vip.
   Pulveriza el recuadro blanco de la tarjeta estirada al 100% en PC.
   ========================================================================= */
@media (min-width: 1025px) {
    
    /* 🎯 1. CORRECCIÓN AL GRIS CENIZA BÚNKER CUANDO LA TARJETA SE QUEDA SOLA EN LA REJILLA */
    html.modo-oscuro-vip .rejilla-interna-partidos-hoy > .card-partido:only-child,
    html.modo-oscuro-vip #contenedor-partidos > .card-partido:only-child,
    html.modo-oscuro-vip .grid-partidos > .card-partido:only-child,
    html.modo-oscuro-vip .rejilla-interna-partidos-hoy > div:only-child,
    html.modo-oscuro-vip #contenedor-partidos > div:only-child,
    html.modo-oscuro-vip .grid-partidos > div:only-child {
        background: #1e293b !important; /* 🟢 Gris ceniza búnker idéntico de la escudería */
        background-color: #1e293b !important;
        color: #ffffff !important;
        border: 1px solid rgba(71, 85, 105, 0.7) !important;
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    }

    /* 🎯 2. REBUFO HOVER EN TARJETA ÚNICA OSCURA */
    html.modo-oscuro-vip .rejilla-interna-partidos-hoy > .card-partido:only-child:hover,
    html.modo-oscuro-vip #contenedor-partidos > .card-partido:only-child:hover {
        background: #111827 !important; /* Oscurece rígidamente igual que las tarjetas dobles */
        border-color: rgba(14, 165, 233, 0.35) !important;
    }
}



/* =========================================================================
   🎪 PUENTE AERODINÁMICO ANTI-RENDIJA: COMBO PREMIUM (VIP V78.550)
   Desarrollado para FÚTBOL LAS PALMAS. Rellena el vacío de aire entre el botón
   y la persiana para que el mouseleave no sufra cortes de corriente.
   ========================================================================= */
#caja-desplegable-premium {
    top: 31px !important; /* Lo pegamos sutilmente más arriba al filo del botón */
}

/* 🎯 EL INYECTOR DE AIRE INVISIBLE: Crea una pestaña superior transparente 
   que hace de puente para que el cursor siga flotando dentro del contenedor */
#caja-desplegable-premium::before {
    content: "" !important;
    position: absolute !important;
    top: -15px !important; /* Estira el imán 15px hacia arriba hasta pisar el botón */
    left: 0 !important;
    width: 100% !important;
    height: 15px !important;
    background: transparent !important; /* Totalmente invisible para el aficionado */
    display: block !important;
}



/* =========================================================================
   🎪 MICRO-CALIBRADOR DEFLECTOR DE PENALTIS COMPACTOS (VIP V78.600)
   Desarrollado para FÚTBOL LAS PALMAS - miércoles 21 de octubre de 2026.
   Comprime el tamaño de los emojis ✅/❌ en las tarjetas del KO al vuelo.
   Clava el cubicaje a los mismos 9px de los baloncitos para no asfixiar el móvil.
   ========================================================================= */

/* Atacamos de forma quirúrgica a los spans de emojis dentro del contenedor de rachas */
.contenedor-parrilla-rachas span[title*="Penalti"],
.card-partido .contenedor-parrilla-rachas span,
.tabla-publica-express .contenedor-parrilla-rachas span,
#contenedor-partidos .contenedor-parrilla-rachas span {
    font-size: 8px !important;       /* 🚀 ¡ZAPATAZO DE HARDWARE! Encogidos a los 9px de reglamento */
    line-height: 8px !important;
    width: 8px !important;
    height: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 1px !important;         /* Micro-colchón de separación horizontal */
    text-shadow: none !important;     /* Purgamos relieves pesados */
    transform: translateY(-1px) !important; /* Ajuste milimétrico de flotación vertical en el smartphone */
}

/* Forzamos a que el pasillo flexible de la tanda no haga bulto en el chasis de la faja */
.contenedor-parrilla-rachas {
    height: 12px !important;
    align-items: center !important;
}






/* =========================================================================
   🛸 INTENSIFICADOR DE HOVER PARA FILAS DE PICHICHIS (VIP V2026.220)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el color saltando los estilos inline.
   ========================================================================= */

/* 🪐 AMORTIGUACIÓN DE SEDE: Suavizado continuo de 0.15 segundos */
#cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige td {
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ☀️ A) EFECTO HOVER EN MODO CLARO TRADICIONAL */
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover,
html.modo-claro-vip #cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover td,
#cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover,
#cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover td {
    background-color: #f1f5f9 !important; /* Gris acero pulcro de gala */
    background: #f1f5f9 !important;
    cursor: pointer !important;
}

/* 🌌 B) EFECTO HOVER EN MODO PIZARRA VIP OSCURO */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover,
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover td {
    background-color: #273549 !important; /* Grafito medio de competición */
    background: #273549 !important;
    cursor: pointer !important;
}

/* 🔒 BLINDAJE DE SEGURIDAD PARA LA COLUMNA DE GOLES EN MODO NOCHE */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal tr.fila-goleador-prestige:hover td.td-goles-modal {
    color: #22c55e !important; /* Mantiene encendido su verde nítido federativo */
}





/* =========================================================================
   👑 REDISEÑO GEOMÉTRICO EXTREMO: PARTE FIJA EN PC (VIP V66.200 - PRESTIGE)
   Desarrollado para FÚTBOL LAS PALMAS. Opera estrictamente en ORDENADORES.
   Ensancha masivamente babor (Futbolista) y comprime el pasillo inmenso del scroll.
   ========================================================================= */

@media (min-width: 1025px) {
    
	
	#tabla-pichichis-responsiva
	{ 
        width: 700px !important; 
	}
	
    /* 🪓 A) RE-TALLADO DE LA CABECERA DEL THEAD (TECHO EN PC) */
    
    /* Columna 1: Puesto (#) -> Estilizado */
    #tabla-pichichis-responsiva thead tr th:nth-child(1),
    #tabla-pichichis-responsiva thead th:first-child { 
        width: 42px !important; 
        min-width: 42px !important; 
        max-width: 42px !important; 
        text-align: center !important; 
        box-sizing: border-box !important;
    }
    
    /* Columna 2: Futbolista -> ¡EXPANSIÓN MONUMENTAL DE PISTA! */
    #tabla-pichichis-responsiva thead tr th:nth-child(2) { 
        width: 290px !important; 
        min-width: 290px !important; 
        max-width: 290px !important; 
        text-align: left !important; 
        box-sizing: border-box !important;
    }
    
    /* Columna 3: Goles -> Compactado */
    #th-goles-modal,
    #tabla-pichichis-responsiva thead tr th:nth-child(3) { 
        width: 55px !important; 
        min-width: 55px !important; 
        max-width: 55px !important; 
        text-align: center !important; 
        box-sizing: border-box !important;
    }

    /* Columnas del Scroll: Recortamos el aire parásito para agruparlas */
    #th-club-modal, #tabla-pichichis-responsiva thead tr th:nth-child(4) { width: 130px !important; min-width: 130px !important; max-width: 130px !important; }
    #tabla-pichichis-responsiva thead tr th:nth-child(5) { width: 30px !important; min-width: 30px !important; max-width: 30px !important; }
    #tabla-pichichis-responsiva thead tr th:nth-child(6) { width: 35px !important; min-width: 35px !important; max-width: 35px !important; }
	
}
	

/* =========================================================================
   🛡️ EL CANDADO DEL TRUNCADO: TRES PUNTOS SUSPENSIVOS PARA FUTBOLISTAS
   Desarrollado para FÚTBOL LAS PALMAS. Evita que los apellidos pisen los goles.
   Fuerza el (...) automático strictly en la celda del jugador.
   ========================================================================= */

/* Atacamos con máxima prioridad jerárquica el segundo pasillo de la tabla del modal */
#caja-desplegable-premium table tr td:nth-child(2),
#cuerpo-tabla-pichichis-modal tr td:nth-child(2),
#modal-pichichis-publico table tr td:nth-child(2) {
    white-space: nowrap !important;   /* Prohibido saltar de línea hacia el suelo */
    overflow: hidden !important;       /* Poda quirúrgica de las letras fugitivas */
    text-overflow: ellipsis !important; /* 🚀 INYECTA LOS PUNTOS SUSPENSIVOS AL VUELO */
    box-sizing: border-box !important;
}


/* =========================================================================
   🏎️ IMÁN DE ALINEACIÓN DE EQUIPO LOCAL EN MODO OSCURO (VIP V2026.350)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el pegado rígido al escudo local.
   ========================================================================= */

/* Atacamos el bloque de las fajas elásticas orientándolo al flanco derecho */
html.modo-oscuro-vip .card-partido .equipo-flex:first-of-type,
html.modo-oscuro-vip .card-partido .equipo-flex.local,
html.modo-oscuro-vip div[style*="width: 40%"]:first-of-type {
    justify-content: flex-end !important; /* 🚀 ¡JAQUE MATE!: Empuja el texto pegado a su escudo */
    text-align: right !important;
}

/* Compensación de respiro para que el texto en teléfonos móviles no sufra rozamientos */
html.modo-oscuro-vip .card-partido .equipo-flex:first-of-type span {
    text-align: right !important;
    width: 100% !important;
}





/* =========================================================================
   🏎️ IMÁN DE ALINEACIÓN DE EQUIPO LOCAL EN MODO OSCURO (VIP V2026.350)
   Desarrollado para FÚTBOL LAS PALMAS. Fuerza el pegado rígido al escudo local.
   ========================================================================= */

/* Atacamos el bloque de las fajas elásticas orientándolo al flanco derecho */
html.modo-claro-vip .card-partido .equipo-flex:first-of-type,
html.modo-claro-vip .card-partido .equipo-flex.local,
html.modo-claro-vip div[style*="width: 40%"]:first-of-type {
    justify-content: flex-end !important; /* 🚀 ¡JAQUE MATE!: Empuja el texto pegado a su escudo */
    text-align: right !important;
}

/* Compensación de respiro para que el texto en teléfonos móviles no sufra rozamientos */
html.modo-claro-vip .card-partido .equipo-flex:first-of-type span {
    text-align: right !important;
    width: 100% !important;
}




/* =========================================================================
   ⚽ REGULADOR DE TAMAÑO PARA GOLES EN MODAL PICHICHIS (VIP V2026.360)
   Desarrollado para FÚTBOL LAS PALMAS. Rebaja el font-size en Modo Oscuro.
   ========================================================================= */
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal td.td-goles-modal,
html.modo-oscuro-vip #cuerpo-tabla-pichichis-modal td[data-goles-celda] {
    font-size: 13.5px !important;    /* 🎯 ¡BAJADO DE CUBICAJE!: Tamaño equilibrado, nítido y elegante */
    font-family: monospace !important; /* Mantiene la tipografía recta de marcador de boxes */
    font-weight: 900 !important;      /* Conserva su musculatura e impacto de gala */
}