/* TABLA CHAMPIONS LEAGUE */

.champions-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    overflow: hidden;
}

/* CABECERA */

.champions-table thead th {
    background: #001f5b;
    color: #ffffff;
    padding: 12px;
    text-align: center;
    font-weight: 600;
}

/* CELDAS */

.champions-table td {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

/* COLUMNA EQUIPO */

.champions-table td:nth-child(2) {
    text-align: left;
    white-space: nowrap;
}

/* ESCUDOS */

.champions-table img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
}

/* EFECTO HOVER */

.champions-table tbody tr:hover {
    background: #eef5ff;
}

/* PUESTOS 1-8 */

.champions-table tr.top8 {
    background-color: #d4edda;
}

/* PUESTOS 9-24 */

.champions-table tr.playoff {
    background-color: #fff3cd;
}

/* PUESTOS 25-36 */

.champions-table tr.eliminated {
    background-color: #f8d7da;
}

/* DESTACAR POSICIÓN */

.champions-table tr.top8 td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

.champions-table tr.playoff td:first-child {
    background: #ffc107;
    color: #333;
    font-weight: bold;
}

.champions-table tr.eliminated td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}

/* DESTACAR PUNTOS */

.champions-table td:last-child {
    font-weight: bold;
    font-size: 15px;
}

/* FILAS ALTERNAS */

.champions-table tbody tr:nth-child(even) {
    filter: brightness(0.98);
}

/* RESPONSIVE */

@media (max-width: 768px) {

    .champions-table {
        font-size: 12px;
    }

    .champions-table th,
    .champions-table td {
        padding: 6px;
    }

    .champions-table img {
        width: 18px;
        height: 18px;
    }
}
/* ============TABLA LALIGA =============*/
.laliga-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.laliga-table th {
    background: #d71920;
    color: white;
    padding: 10px;
    text-align: center;
}

.laliga-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.laliga-table td:nth-child(2) {
    text-align: left;
}

.laliga-table tr:hover {
    background: #f5f5f5;
}

/* Champions League */

.laliga-table tr.champions {
    background: #d4edda;
}

.laliga-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Europa League */

.laliga-table tr.europa {
    background: #dbeafe;
}

.laliga-table tr.europa td:first-child {
    background: #2563eb;
    color: white;
    font-weight: bold;
}

/* Conference League */

.laliga-table tr.conference {
    background: #ffedd5;
}

.laliga-table tr.conference td:first-child {
    background: #f97316;
    color: white;
    font-weight: bold;
}

/* Descenso */

.laliga-table tr.relegation {
    background: #f8d7da;
}

.laliga-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}
/* ==================================================
   LIGA F
================================================== */

.ligaf-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.ligaf-table th {
    background: #7b1fa2;
    color: white;
    padding: 10px;
    text-align: center;
}

.ligaf-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.ligaf-table td:nth-child(2) {
    text-align: left;
}

.ligaf-table tr:hover {
    background: #f5f5f5;
}

/* Puestos Champions League */

.ligaf-table tr.champions {
    background: #d4edda;
}

.ligaf-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Puestos de descenso */

.ligaf-table tr.relegation {
    background: #f8d7da;
}

.ligaf-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}

/*
 * /* ==================================================
   PREMIER LEAGUE
================================================== */
/* ==================================================
   PREMIER LEAGUE
================================================== */

.premier-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.premier-table th {
    background: #37003c;
    color: white;
    padding: 10px;
    text-align: center;
}

.premier-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.premier-table td:nth-child(2) {
    text-align: left;
}

.premier-table tr:hover {
    background: #f5f5f5;
}

/* Champions League */

.premier-table tr.champions {
    background: #d4edda;
}

.premier-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Europa League */

.premier-table tr.europa {
    background: #dbeafe;
}

.premier-table tr.europa td:first-child {
    background: #2563eb;
    color: white;
    font-weight: bold;
}

/* Conference League */

.premier-table tr.conference {
    background: #ffedd5;
}

.premier-table tr.conference td:first-child {
    background: #f97316;
    color: white;
    font-weight: bold;
}

/* Descenso */

.premier-table tr.relegation {
    background: #f8d7da;
}

.premier-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}

/* Columna de puntos */

.premier-table td:last-child {
    font-weight: bold;
}

/* Responsive */

@media (max-width: 768px) {

    .premier-table {
        font-size: 12px;
    }

    .premier-table th,
    .premier-table td {
        padding: 6px;
    }
}
/* ==================================================
   BUNDESLIGA
================================================== */

/* ==================================================
   BUNDESLIGA
================================================== */

.bundesliga-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.bundesliga-table th {
    background: #d20515;
    color: white;
    padding: 10px;
    text-align: center;
}

.bundesliga-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.bundesliga-table td:nth-child(2) {
    text-align: left;
}

.bundesliga-table tr:hover {
    background: #f5f5f5;
}

/* Champions League */

.bundesliga-table tr.champions {
    background: #d4edda;
}

.bundesliga-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Europa League */

.bundesliga-table tr.europa {
    background: #dbeafe;
}

.bundesliga-table tr.europa td:first-child {
    background: #2563eb;
    color: white;
    font-weight: bold;
}

/* Conference League */

.bundesliga-table tr.conference {
    background: #ffedd5;
}

.bundesliga-table tr.conference td:first-child {
    background: #f97316;
    color: white;
    font-weight: bold;
}

/* Promoción de permanencia */

.bundesliga-table tr.playoff {
    background: #fff3cd;
}

.bundesliga-table tr.playoff td:first-child {
    background: #ffc107;
    color: #333;
    font-weight: bold;
}

/* Descenso directo */

.bundesliga-table tr.relegation {
    background: #f8d7da;
}

.bundesliga-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}

/* Puntos */

.bundesliga-table td:last-child {
    font-weight: bold;
}

/* Responsive */

@media (max-width: 768px) {

    .bundesliga-table {
        font-size: 12px;
    }

    .bundesliga-table th,
    .bundesliga-table td {
        padding: 6px;
    }
}
/* ==================================================
   SERIE A
================================================== */

.seriea-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.seriea-table th {
    background: #0057b8;
    color: white;
    padding: 10px;
    text-align: center;
}

.seriea-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.seriea-table td:nth-child(2) {
    text-align: left;
}

.seriea-table tr:hover {
    background: #f5f5f5;
}

/* Champions League */

.seriea-table tr.champions {
    background: #d4edda;
}

.seriea-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Europa League */

.seriea-table tr.europa {
    background: #dbeafe;
}

.seriea-table tr.europa td:first-child {
    background: #2563eb;
    color: white;
    font-weight: bold;
}

/* Conference League */

.seriea-table tr.conference {
    background: #ffedd5;
}

.seriea-table tr.conference td:first-child {
    background: #f97316;
    color: white;
    font-weight: bold;
}

/* Descenso */

.seriea-table tr.relegation {
    background: #f8d7da;
}

.seriea-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}
/* =====
/* ==================================================
   LIGUE 1
================================================== */

.ligue1-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.ligue1-table th {
    background: #091c3e;
    color: white;
    padding: 10px;
    text-align: center;
}

.ligue1-table td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.ligue1-table td:nth-child(2) {
    text-align: left;
}

.ligue1-table tr:hover {
    background: #f5f5f5;
}

/* Champions League */

.ligue1-table tr.champions {
    background: #d4edda;
}

.ligue1-table tr.champions td:first-child {
    background: #28a745;
    color: white;
    font-weight: bold;
}

/* Conference League */

.ligue1-table tr.conference {
    background: #ffedd5;
}

.ligue1-table tr.conference td:first-child {
    background: #f97316;
    color: white;
    font-weight: bold;
}

/* Promoción permanencia */

.ligue1-table tr.playoff {
    background: #fff3cd;
}

.ligue1-table tr.playoff td:first-child {
    background: #ffc107;
    color: #333;
    font-weight: bold;
}

/* Descenso */

.ligue1-table tr.relegation {
    background: #f8d7da;
}

.ligue1-table tr.relegation td:first-child {
    background: #dc3545;
    color: white;
    font-weight: bold;
}

.ligue1-table td:last-child {
    font-weight: bold;
}
#leagueSelector {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    min-width: 250px;
    background: #fff;
    cursor: pointer;
}
/* ======================================
   FÚTBOL FEMENINO
====================================== */

#womenLeagueSelector{
    padding:10px;
    margin-bottom:20px;
    border-radius:6px;
    border:1px solid #ccc;
    min-width:260px;
}

.womens-table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial,sans-serif;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.womens-table th{
    background:#8e44ad;
    color:#fff;
    padding:10px;
    text-align:center;
}

.womens-table td{
    padding:8px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.womens-table td:nth-child(2){
    text-align:left;
}

.womens-table tr:hover{
    background:#f7f7f7;
}

/* Champions */

.womens-table tr.champions{
    background:#d4edda;
}

.womens-table tr.champions td:first-child{
    background:#28a745;
    color:white;
    font-weight:bold;
}

/* Descenso */

.womens-table tr.relegation{
    background:#f8d7da;
}

.womens-table tr.relegation td:first-child{
    background:#dc3545;
    color:white;
    font-weight:bold;
}

.womens-table td:last-child{
    font-weight:bold;
}
/* ======================================
   LIGAS EUROPEAS
====================================== */

#europeLeagueSelector{
    padding:10px;
    border:1px solid #ccc;
    border-radius:6px;
    min-width:250px;
    margin-bottom:20px;
}

.europe-table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial,sans-serif;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.europe-table th{
    background:#003366;
    color:#fff;
    padding:10px;
    text-align:center;
}

.europe-table td{
    padding:8px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.europe-table td:nth-child(2){
    text-align:left;
}

.europe-table tr:hover{
    background:#f5f5f5;
}

/* Champions */

.europe-table tr.champions{
    background:#d4edda;
}

.europe-table tr.champions td:first-child{
    background:#28a745;
    color:white;
    font-weight:bold;
}

/* Europa League */

.europe-table tr.europa{
    background:#dbeafe;
}

.europe-table tr.europa td:first-child{
    background:#2563eb;
    color:white;
    font-weight:bold;
}

/* Conference League */

.europe-table tr.conference{
    background:#ffedd5;
}

.europe-table tr.conference td:first-child{
    background:#f97316;
    color:white;
    font-weight:bold;
}

/* Descenso */

.europe-table tr.relegation{
    background:#f8d7da;
}

.europe-table tr.relegation td:first-child{
    background:#dc3545;
    color:white;
    font-weight:bold;
}

.europe-table td:last-child{
    font-weight:bold;
}
/* ======================================
   FÚTBOL NACIONAL ESPAÑOL
====================================== */

#spainLeagueSelector{
    padding:10px;
    border:1px solid #ccc;
    border-radius:6px;
    min-width:300px;
    margin-bottom:20px;
}

.spain-table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial,sans-serif;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.spain-table th{
    background:#aa151b;
    color:#fff;
    padding:10px;
    text-align:center;
}

.spain-table td{
    padding:8px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.spain-table td:nth-child(2){
    text-align:left;
}

.spain-table tr:hover{
    background:#f5f5f5;
}

.spain-table td:last-child{
    font-weight:bold;
}
/* ======================================
   TERCERA FEDERACIÓN
====================================== */

#terceraLeagueSelector{
    pad*ing:10px;
    border:1px solid #cc*;
    border-radius:6px;
    min-w*dth:280px;
    margin-bottom:20px;*}

.tercera-table{
    width:100%;*    border-collapse:collapse;
    *ont-family:Arial,sans-serif;
    b*x-shadow:0 2px 8px rgba(0,0,0,.08)*
}

.tercera-table th{
    backgro*nd:#c60b1e;
    color:#fff;
    pa*ding:10px;
    text-align:center;
}

.tercera-table td{
    padding:8px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.tercera-table td:nth-child(2){
    text-align:left;
}

.tercera-table tr:hover{
    background:#f5f5f5;
}

.tercera-table td:last-child{
    font-weight:bold;
}
/* ======================================
   REAL MADRID
====================================== */

#realMadridSelector{
    padding:10px;
    border:1px solid #ccc;
    border-radius:6px;
    min-width:260px;
    margin-bottom:20px;
}

.realmadrid-table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial,sans-serif;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.realmadrid-table th{
    background:#00529f;
    color:white;
    padding:10px;
    text-align:center;
}

.realmadrid-table td{
    padding:8px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

.realmadrid-table td:nth-child(2){
    text-align:left;
}

.realmadrid-table tr:hover{
    background:#f5f5f5;
}

.realmadrid-table td:last-child{
    font-weight:bold;
}
.realmadrid-table tr.realmadrid-highlight {
    background: #fff3cd;
}

.realmadrid-table tr.realmadrid-highlight td {
    font-weight: bold;
}

.realmadrid-table tr.realmadrid-highlight td:first-child {
    background: #ffd700;
    color: #000;
}
/* ======================================
   UEFA CHAMPIONS LEAGUE 2026/27
====================================== */

/* Selector */

#championsTeamSelector{
    width:100%;
    max-width:420px;
    padding:12px;
    margin-bottom:25px;
    border:1px solid #d0d0d0;
    border-radius:8px;
    background:#ffffff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}

/* Nombre de fase */

.champions-phase{
    margin-top:35px;
    margin-bottom:12px;
    padding:12px 15px;
    background:#001f5b;
    color:#ffffff;
    font-size:20px;
    border-radius:8px;
}

/* Tabla */

.champions-calendar{
    width:100%;
    border-collapse:collapse;
    margin-bottom:30px;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* Cabecera */

.champions-calendar th{
    background:#003b8e;
    color:#ffffff;
    padding:12px;
    text-align:center;
    font-size:14px;
}

/* Celdas */

.champions-calendar td{
    padding:10px;
    border-bottom:1px solid #e5e5e5;
    text-align:center;
}

/* Equipos */

.champions-calendar td:nth-child(2),
.champions-calendar td:nth-child(4){
    text-align:left;
    font-weight:500;
}

/* Resultado */

.champions-calendar td:nth-child(3){
    font-weight:bold;
    color:#003b8e;
}

/* Hover */

.champions-calendar tbody tr:hover{
    background:#eef5ff;
}

/* Equipo filtrado */

.champions-calendar tr.highlight-team{
    background:#fff8d6;
}

.champions-calendar tr.highlight-team td{
    font-weight:bold;
}

.champions-calendar tr.highlight-team td:first-child{
    border-left:5px solid #f5b700;
}

/* Filas alternas */

.champions-calendar tbody tr:nth-child(even){
    background-color:#fafafa;
}

/* Responsive */

@media (max-width:768px){

    #championsTeamSelector{
        font-size:14px;
        width:100%;
    }

    .champions-phase{
        font-size:18px;
    }

    .champions-calendar{
        font-size:12px;
    }

    .champions-calendar th,
    .champions-calendar td{
        padding:6px;
    }

}
.next-match-card{
    background:#fff;
    border-radius:12px;
    padding:20px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.10);
}

.next-match-title{
    font-size:18px;
    font-weight:bold;
    color:#00529f;
    margin-bottom:10px;
}

.next-match-competition{
    font-size:14px;
    color:#666;
    margin-bottom:12px;
}

.next-match-teams{
    font-size:20px;
    font-weight:bold;
    margin-bottom:12px;
}

.next-match-date{
    font-size:16px;
}
.next-match-card{
    background:#ffffff;
    border-radius:12px;
    padding:20px;
    text-align:center;
    box-shadow:0 2px 8px rgba(0,0,0,.10);
    max-width:400px;
    margin:auto;
}

.next-match-title{
    font-size:18px;
    font-weight:bold;
    color:#00529f;
    margin-bottom:10px;
}

.next-match-competition{
    font-size:14px;
    color:#666;
    margin-bottom:12px;
}

.next-match-teams{
    font-size:20px;
    font-weight:bold;
    margin-bottom:12px;
}

.next-match-date{
    font-size:16px;
}
.competition-logo{
    width:32px;
    height:32px;
    vertical-align:middle;
    margin-right:8px;
}

.next-match-competition{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
}

.next-match-teams{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:15px;
}

.team-block{
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:120px;
}

.team-logo{
    width:50px;
    height:50px;
    margin-bottom:6px;
}

.vs-block{
    font-size:22px;
    font-weight:bold;
    color:#00529f;
}

@media (max-width:768px){

    .next-match-teams{
        gap:12px;
    }

    .team-logo{
        width:40px;
        height:40px;
    }

}
.competition-logo{
    width:32px;
    height:32px;
    vertical-align:middle;
    margin-right:8px;
}

.next-match-competition{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
}

.next-match-teams{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:15px;
}

.team-block{
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:120px;
}

.team-logo{
    width:50px;
    height:50px;
    margin-bottom:6px;
}

.vs-block{
    font-size:22px;
    font-weight:bold;
    color:#00529f;
}

@media (max-width:768px){

    .next-match-teams{
        gap:12px;
    }

    .team-logo{
        width:40px;
        height:40px;
    }

}
.next-match-competition{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.competition-logo{
    width:32px;
    height:32px;
}

.next-match-teams{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:15px;
}

.team-block{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-width:120px;
}

.team-logo{
    width:50px;
    height:50px;
    margin-bottom:6px;
}

.vs-block{
    font-size:22px;
    font-weight:bold;
    color:#00529f;
}

@media (max-width:768px){

    .team-logo{
        width:40px;
        height:40px;
    }

    .next-match-teams{
        gap:15px;
    }

}
.competition-logo{
    width:32px;
    height:32px;
    margin-bottom:8px;
}

.team-logo{
    width:50px;
    height:50px;
    margin-bottom:6px;
}
.competition-logo{
    width:40px;
    height:40px;
    margin-bottom:8px;
}