*{box-sizing:border-box}
body{margin:0;background:#061525;color:white;font-family:Arial,sans-serif}
.page{min-height:100vh;display:flex;flex-direction:column}
header{background:#06111d;border-bottom:1px solid #174d73}
.header,.hero,.container{max-width:1200px;width:100%;margin:auto}
.header{height:75px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:34px;font-weight:bold}.logo span{color:#1e90ff}
.search{background:#102b43;padding:13px 25px;border-radius:30px}
.hero{height:260px;margin-top:15px;border-radius:16px;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover}
.container{flex:1;padding:35px 0}
.evento{display:flex;align-items:center;gap:25px;background:#071f35;padding:20px;border-radius:15px}
.competicion,.equipo,.equipos{display:flex;align-items:center;gap:10px}
.competicion img,.equipo img{width:42px;height:42px;object-fit:contain}
button{background:transparent;color:#1e90ff;border:1px solid #1e90ff;padding:10px 20px;border-radius:8px}
footer{margin-top:auto;background:#03111f;border-top:1px solid #174d73;padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px}
footer strong{color:#1e90ff}
@media(max-width:700px){.header{padding:0 15px}.search{display:none}.evento{flex-direction:column;align-items:flex-start}}

.agenda-header{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}

.agenda-titulo{
color:#1e90ff;
font-size:34px;
font-weight:800;
margin:0;
}

.agenda-subtitulo{
color:#a8b5b1;
margin-top:8px;
}

.fecha-local{
color:#1e90ff;
font-weight:bold;
}

@media(max-width:700px){
.agenda-header{
flex-direction:column;
align-items:flex-start;
}
}

.agenda-controles{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
margin:25px 0;
}

.filtros,.vistas{
display:flex;
gap:8px;
flex-wrap:wrap;
}

.agenda-controles button{
background:#102b43;
color:white;
border:0;
padding:11px 16px;
border-radius:10px;
cursor:pointer;
}

.agenda-controles button.activo{
background:#1e90ff;
color:#061525;
}

@media(max-width:700px){
.agenda-controles{
flex-direction:column;
align-items:flex-start;
}
}

/* margen general de plantilla */
.header,
.hero,
.container{
    width:calc(100% - 40px);
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.agenda-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
}

.agenda-fecha{
color:#1e90ff;
font-weight:bold;
margin-top:10px;
}

/* layout agenda estilo panel */
.agenda{
    background:#08233a;
    border:1px solid #103f34;
    border-radius:16px;
    padding:24px 18px;
}

.agenda-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.agenda-titulo{
    color:#1e90ff;
    font-size:32px;
    font-weight:800;
    margin:0;
}

.agenda-subtitulo{
    color:#a8b5b1;
    margin:8px 0 24px;
}

.agenda-controles{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    width:100%;
}

.filtros,.vistas{
    display:flex;
    gap:8px;
    flex-wrap:nowrap;
}

.agenda-controles button{
    background:#102b43;
    color:white;
    border:0;
    border-radius:10px;
    padding:11px 16px;
    white-space:nowrap;
}

.agenda-controles button.activo{
    background:#1e90ff;
    color:#061525;
}

.agenda-fecha{
    color:#1e90ff;
    font-weight:bold;
    white-space:nowrap;
}

@media(max-width:900px){
    .agenda-header,
    .agenda-controles{
        flex-direction:column;
        align-items:flex-start;
    }
    .filtros,.vistas{
        flex-wrap:wrap;
    }
}

.agenda-fecha{
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    font-size:15px;
}

@media(max-width:700px){
    .agenda-fecha{
        white-space:normal;
    }
}

/* corregir desbordamiento del evento */
.evento-partido,
.evento{
    width:100%;
    max-width:100%;
    overflow:hidden;
    flex-wrap:nowrap;
}

.evento-partido > *,
.evento > *{
    min-width:0;
}

.equipos{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
    min-width:0;
}

.equipo span{
    white-space:nowrap;
}

button{
    flex-shrink:0;
}

@media(max-width:900px){
    .evento-partido,
    .evento{
        flex-wrap:wrap;
    }
}

/* correccion definitiva fila partido */
.evento-partido{
    display:grid !important;
    grid-template-columns:70px 120px minmax(0,1fr) 140px;
    align-items:center;
    gap:15px;
    width:100%;
    overflow:hidden;
}

.competicion{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.equipos{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    overflow:hidden;
}

.equipo{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.equipo span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.equipos strong{
    flex-shrink:0;
}

.evento-partido button{
    width:140px;
}

@media(max-width:900px){
.evento-partido{
    grid-template-columns:1fr;
}
}

.agenda-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.agenda-fecha,
.fecha-local{
    white-space:nowrap;
    display:block;
    width:auto;
    color:#1e90ff;
    font-weight:bold;
}

/* fecha alineada con titulo */
.agenda-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}

.agenda-header > div:first-child{
    flex:1;
}

.agenda-fecha,
.fecha-local{
    margin-left:auto;
    align-self:center;
    white-space:nowrap;
}

.agenda-controles{
    margin-top:20px;
}

/* botones menu mas compactos */
.agenda-controles button{
    padding:8px 12px;
    font-size:14px;
    border-radius:9px;
}

.filtros,.vistas{
    gap:6px;
}

/* borde fino verde para contenedor agenda */
.agenda{
    border:1px solid #1d6da5;
    border-radius:16px;
}

/* marco exterior del bloque agenda */
.agenda{
    border:1px solid #1d6da5;
    border-radius:18px;
    padding:20px;
}

/* evita bordes interiores sueltos */
.agenda-controles button{
    border:0;
}

/* marco exterior completo de la agenda */
.agenda{
    border:1px solid rgba(36,156,255,.18);
    border-radius:18px;
    padding:18px;
    background:transparent;
}

/* asegurar que el borde engloba todo el bloque */
.agenda-header,
.agenda-controles,
.evento,
.evento-partido{
    position:relative;
}

/* marco exterior correcto */
.agenda{
    border:1px solid rgba(36,156,255,.22);
    border-radius:18px;
    padding:20px;
    width:100%;
}

.agenda-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.fecha-local{
    white-space:nowrap;
    color:#1e90ff;
    font-weight:bold;
}

/* tamaños agenda ajustados */
.agenda-titulo{
    font-size:28px;
    line-height:1.1;
}

.agenda-subtitulo{
    font-size:14px;
    color:#a8b5b1;
}

.agenda-header{
    position:relative;
}

.fecha-local{
    position:absolute;
    right:0;
    top:10px;
    color:#1e90ff;
    font-size:14px;
    font-weight:bold;
    white-space:nowrap;
}

/* titulo colores */
.agenda-verde{
    color:#1e90ff;
}
.agenda-blanco{
    color:#ffffff;
}

/* controles de vista a la derecha */
.agenda-controles{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.vistas{
    margin-left:auto;
}

/* botones de vista siempre a la derecha */
.agenda-controles{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
}

.filtros{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.vistas{
    display:flex;
    gap:8px;
    margin-left:auto;
}

@media(max-width:800px){
    .agenda-controles{
        flex-direction:column;
        align-items:flex-start;
    }

    .vistas{
        margin-left:0;
        margin-top:10px;
    }
}

/* titulo estilo logo principal */
.agenda-titulo{
    font-size:32px;
    font-weight:800;
    letter-spacing:-1px;
}

.agenda-titulo .agenda-verde{
    color:#1e90ff;
}

.agenda-titulo .agenda-blanco{
    color:#ffffff;
}

/* logo superior compacto */
.logo{
    font-size:32px;
    font-weight:800;
    letter-spacing:-1.5px;
}

.logo span{
    display:inline;
}

.agenda-titulo{
    font-size:28px;
    letter-spacing:-1px;
}

/* buscador conectado a agenda */
.buscador-agenda{
    width:270px;
    height:42px;
    display:flex;
    align-items:center;
    padding:0 18px;
    background:#102b43;
    border-radius:24px;
    color:#9fb0ab;
    font-size:14px;
    cursor:text;
}

.buscador-agenda input{
    border:0;
    outline:none;
    background:transparent;
    color:white;
    width:100%;
}

.buscador-agenda:focus-within{
    border:1px solid #1e90ff;
}

@media(max-width:700px){
    .buscador-agenda{
        width:100%;
    }
}

/* footer mas compacto */
footer{
    font-size:12px;
    gap:4px;
    padding:14px;
}

footer strong{
    font-size:13px;
}

footer small{
    font-size:11px;
}

/* color fondo agenda y footer igual al tono inferior */
.agenda{
    background:#06192b;
}

footer{
    background:#06192b;
    border-top:1px solid rgba(36,156,255,.15);
}

/* fondo superior estilo cabecera */
header,
.navbar,
.top-header{
    background:#06192b;
}

/* buscador integrado con la cabecera */
.buscador-agenda{
    background:#102b43;
}

/* fondo exterior mas oscuro */
body{
    background:#03111f;
}

/* mantener containers con su color actual */
.agenda,
.evento,
.evento-partido{
    background:#06192b;
}

/* botones de vista alineados a la derecha */
.agenda-controles{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

.filtros{
    display:flex;
    align-items:center;
    gap:8px;
}

.vistas{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
}

.vistas button{
    white-space:nowrap;
}

@media(max-width:800px){
    .agenda-controles{
        flex-direction:column;
        align-items:flex-start;
    }

    .vistas{
        margin-left:0;
    }
}

/* hora del partido en verde */
.hora-partido,
.evento-hora,
.hora{
    color:#1e90ff !important;
    font-weight:700;
}

/* forzar vistas a la derecha */
.agenda-controles{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
}

.vistas{
    margin-left:auto !important;
    display:flex !important;
    gap:8px !important;
}

/* partidos: contenedor exterior con borde verde */
.lista-partidos,
.partidos,
.eventos,
.eventos-lista{
    border:1px solid rgba(36,156,255,.22);
    border-radius:14px;
    padding:10px;
}

/* filas de partido */
.evento,
.evento-partido,
.partido{
    border:1px solid rgba(36,156,255,.18);
    border-radius:12px;
}

/* hora mas pequeña */
.hora-partido,
.evento-hora,
.hora{
    color:#1e90ff !important;
    font-size:13px !important;
    font-weight:700;
}

/* correccion definitiva: botones de vista a la derecha */
.agenda-menu,
.menu-filtros{
    display:flex;
    width:100%;
    align-items:center;
}

.menu-deportes,
.filtros-deportes{
    display:flex;
    gap:8px;
}

.menu-vistas,
.vistas,
.botones-vista{
    margin-left:auto !important;
    display:flex !important;
    gap:8px !important;
}

/* partidos */
.partidos-container,
.lista-partidos{
    border:1px solid rgba(36,156,255,.28);
    border-radius:14px;
}

.hora,
.hora-partido,
.evento-hora{
    font-size:12px !important;
    color:#1e90ff !important;
}

/* Ajuste real del bloque de filtros y vistas */
.agenda .menu,
.agenda .filters,
.agenda .filtros,
.agenda .categorias,
.agenda .category-bar {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
}

/* grupo izquierdo */
.agenda .menu > div:first-child,
.agenda .filtros {
    display:flex !important;
    gap:8px !important;
}

/* grupo derecho */
.agenda .menu > div:last-child,
.agenda .acciones,
.agenda .vistas,
.agenda .view-buttons {
    margin-left:auto !important;
    display:flex !important;
    gap:8px !important;
}

/* borde real lista partidos */
.agenda .partidos,
.agenda .lista-partidos,
.agenda .matches {
    border:1px solid rgba(36,156,255,.28) !important;
    border-radius:14px !important;
}

/* hora */
.agenda .hora,
.agenda .time,
.agenda .match-time {
    color:#1e90ff !important;
    font-size:12px !important;
}


/* CORRECCION REAL MENU */
.agenda-controles{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    width:100% !important;
}

.agenda-controles .filtros{
    justify-self:start !important;
}

.agenda-controles .vistas{
    justify-self:end !important;
    margin-left:0 !important;
}

/* hora partido */
.evento .hora{
    color:#1e90ff !important;
    font-size:12px !important;
    font-weight:700 !important;
}

/* marco exterior partidos */
.evento{
    border:1px solid rgba(36,156,255,.28) !important;
    border-radius:14px !important;
    padding:16px !important;
    background:#071f35;
}

@media(max-width:900px){
    .agenda-controles{
        grid-template-columns:1fr !important;
        gap:12px;
    }

    .agenda-controles .vistas{
        justify-self:start !important;
    }
}

/* fondo interior del container agenda */
.agenda{
    background:#06192b !important;
}

/* mantener partidos sin ese fondo */
.evento,
.partido,
.evento-partido,
.lista-partidos .evento{
    background:#071f35 !important;
}

/* ajustes botones vista */
.menu-vistas,
.vistas,
.view-buttons{
    margin-left:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    gap:8px !important;
}

/* logos y banderas partidos */
.partido img,
.evento img,
.team-logo,
.competicion-logo,
.flag-logo{
    width:28px;
    height:28px;
    object-fit:contain;
    vertical-align:middle;
}

.flag-logo{
    width:30px;
    height:20px;
}

.partido{
    display:flex;
    align-items:center;
    gap:12px;
}

/* borde exterior para imagen estadio */
.stadium,
.estadio,
.hero-stadium,
.header-stadium img{
    border:1px solid rgba(36,156,255,.28);
    border-radius:14px;
    overflow:hidden;
}

/* borde exterior buscador */
.buscador-agenda,
.search,
.search-box,
.buscador{
    border:1px solid rgba(36,156,255,.28);
    border-radius:24px;
}


/* correccion fecha titulo movil desde v41 */
.agenda-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
}

.fecha-local{
    color:#1e90ff;
    font-weight:700;
    white-space:nowrap;
}

@media(max-width:700px){
    .agenda-header{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .fecha-local{
        order:2;
        position:static;
        margin:0;
        font-size:12px;
    }

    .agenda-header > div:not(.fecha-local){
        order:1;
    }
}

/* AJUSTE SOLO VISTAS: derecha sin tocar el resto */
.agenda-controles .vistas{
    justify-self:end !important;
    margin-left:auto !important;
}

@media(max-width:900px){
    .agenda-controles .vistas{
        justify-self:end !important;
        margin-left:auto !important;
    }
}

/* Alineacion correcta botones de vista */
.vistas {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

@media (max-width: 600px) {
    .vistas {
        width: 100%;
        justify-content: flex-end;
        display: flex;
        gap: 8px;
    }
}

/* vistas derecha estructura real */
.vistas{
    margin-left:auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
}

/* contenedor menu */
.agenda-controles,
.menu-filtros{
    display:flex !important;
    align-items:center !important;
    width:100%;
}

/* estadio borde verde restaurado */
.hero-stadium,
.estadio,
.stadium,
.stadium img,
.hero img{
    border:1px solid rgba(36,156,255,.35) !important;
    border-radius:14px !important;
    overflow:hidden;
}

@media(max-width:600px){
    .vistas{
        width:100%;
        justify-content:flex-end !important;
        margin-left:0 !important;
    }
}

/* hora de partidos mas destacada */
.hora,
.hora-partido,
.evento-hora,
.match-time,
.time{
    color:#1e90ff !important;
    font-size:15px !important;
    font-weight:800 !important;
}

/* hora estilo tarjeta */
.hora,
.hora-partido,
.evento-hora,
.match-time,
.time{
    color:#1e90ff !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.2px;
}

/* hora de partido mas gruesa */
.hora,
.hora-partido,
.evento-hora,
.match-time,
.time{
    color:#1e90ff !important;
    font-size:15px !important;
    font-weight:900 !important;
    letter-spacing:.3px !important;
    font-family:Arial, sans-serif !important;
}

/* hora real del partido */
div.hora{
    color:#1e90ff !important;
    font-size:15px !important;
    font-weight:900 !important;
    font-family:Arial,sans-serif !important;
    line-height:1 !important;
}


/* hora partido forzada */
div.hora {
    color: #1e90ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

.partido div.hora,
.evento div.hora,
.card-partido div.hora {
    color: #1e90ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}


/* menu hamburguesa movil */
.menu-toggle {
    display:none;
    background:#1e90ff;
    color:#001f16;
    border:0;
    border-radius:8px;
    width:42px;
    height:36px;
    font-size:22px;
    cursor:pointer;
}

@media(max-width:600px){
    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .menu-deportes,
    .categorias,
    .filtros-deportes{
        display:none !important;
    }

    .menu-deportes.menu-abierto,
    .categorias.menu-abierto,
    .filtros-deportes.menu-abierto{
        display:flex !important;
    }
}

/* hamburguesa movil real */
.menu-toggle{
 display:none;
 background:#1e90ff;
 color:#001b12;
 border:0;
 border-radius:8px;
 width:38px;
 height:34px;
 font-size:22px;
 align-items:center;
 justify-content:center;
}
@media(max-width:600px){
 .menu-toggle{display:flex;}
 .agenda-controles{display:none;}
 .agenda-controles.menu-abierto{display:flex; flex-direction:column; gap:12px;}
 .filtros,.vistas{width:100%;}
 .vistas{justify-content:flex-end;}
}

/* header movil: logo izquierda, hamburguesa derecha, buscador debajo */
@media(max-width:600px){
  header, .header, .topbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .menu-toggle, .hamburger, .menu-btn{
    order:2 !important;
    margin-left:auto !important;
  }

  .logo, .brand, .site-logo{
    order:1 !important;
  }

  .search, .buscador, .search-box, header form{
    order:3 !important;
    flex-basis:100% !important;
    width:100% !important;
    margin-top:10px !important;
  }
}

/* separacion buscador movil */
@media (max-width:600px){
  header .search,
  header .buscador,
  .search-box,
  .search-container{
    margin-bottom:16px !important;
    margin-top:8px !important;
  }
  header{
    padding-bottom:12px !important;
  }
  .hero,
  .stadium,
  .banner-estadio{
    margin-top:12px !important;
  }
}

/* bandera competicion */
.flag-logo,
.competition-flag,
.bandera{
    display:inline-block !important;
    width:22px !important;
    height:15px !important;
    object-fit:contain !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* competicion visible */
.competicion,
.competition,
.league-logo{
    display:flex !important;
    align-items:center;
    gap:6px;
}

.competicion img,
.competition img,
.league-logo img{
    display:inline-block !important;
    width:26px;
    height:26px;
    object-fit:contain;
}

/* logo competicion LaLiga visible */
img[src*="laliga.svg"]{
    display:inline-block !important;
    width:28px !important;
    height:28px !important;
    object-fit:contain !important;
}

/* Barra lateral de desplazamiento en verde */
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#06111d;
}

::-webkit-scrollbar-thumb{
    background:#1e90ff;
    border-radius:10px;
    border:2px solid #06111d;
}

::-webkit-scrollbar-thumb:hover{
    background:#2aa8ff;
}

/* Firefox */
html{
    scrollbar-width:thin;
    scrollbar-color:#1e90ff #06111d;
}

/* Canales compactos debajo de cada partido */
.canales-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

.canales-panel .canal-opcion {
    width: auto !important;
    min-width: 130px !important;
    max-width: 220px !important;
    padding: 7px 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 8px !important;
}

.canales-panel .canal-opcion img {
    width: 24px !important;
    height: auto !important;
}

/* Correccion final: submenu canales en fila y cierre correcto */
.canales-panel {
    display: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding-left: 10px !important;
}

.canales-panel.activo {
    display: flex !important;
}

.canales-panel .canal-opcion {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    padding: 6px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
}

/* Ocultar balón en cualquier dispositivo móvil */
@media (max-width: 900px){
  .logo img{
    display:none !important;
  }
}

/* FIX FINAL: ocultar balon del logo en cualquier movil */
@media (max-width: 900px){
  header .header .logo > img,
  header .logo > img{
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
  }
}


/* Ajuste iconos de deportes */
.deporte-icono{
  font-size:22px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  vertical-align:middle;
}

/* Fecha + reloj según zona horaria detectada por IP */
.fecha-local{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fecha-local .reloj-ip{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:600px){.fecha-local{gap:7px}.fecha-local .reloj-ip{display:inline-block}}




/* Lista: solo botones de canal en fila (sin tocar el menu) */
.lista-agenda:not(.vista-tarjetas) .canales-panel .canal-opcion {
    width: auto !important;
    min-width: 120px !important;
    max-width: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
}
.lista-agenda:not(.vista-tarjetas) .canales-panel {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

/* Qatar (ARA): compensar su proporcion muy alargada para que no se vea diminuta */
.canales-panel .canal-opcion img[src$="/qa.svg"],
.canales-panel .canal-opcion img[src$="qa.svg"] {
    width: 32px !important;
    height: 16px !important;
    object-fit: fill !important;
    flex: 0 0 32px;
}


/* Etiqueta de origen de señal al final del nombre del canal (US, MX, AR...) */
.canales-panel .canal-opcion .canal-senal {
    display:inline-block !important;
    margin-left:6px !important;
    padding:1px 5px !important;
    border:1px solid #4fe66a !important;
    border-radius:5px !important;
    color:#70c7ff !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    vertical-align:1px !important;
    letter-spacing:.3px !important;
}


/* Contador dinamico de eventos - 2026-09-29 */
.agenda-eventos-contador{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:10px 0 14px;
    padding:8px 12px;
    border:1px solid #1e90ff;
    border-radius:10px;
    background:rgba(36,156,255,.055);
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1;
}
.agenda-eventos-contador .agenda-eventos-icono,
.agenda-eventos-contador strong{
    color:#1e90ff;
}
.agenda-eventos-contador strong{
    font-size:16px;
}
@media(max-width:600px){
    .agenda-eventos-contador{
        margin:8px 0 12px;
        padding:7px 10px;
        font-size:13px;
    }
    .agenda-eventos-contador strong{font-size:15px;}
}

/* Iconos deportivos unificados 2026-10-04 */
.menu-sport-icon, .evento-sport-icon{
  width:24px;
  height:24px;
  object-fit:contain;
  display:inline-block;
  vertical-align:middle;
  flex:0 0 24px;
}
.deporte-icono .evento-sport-icon{width:26px;height:26px;}
.menu-deportes button .menu-sport-icon,
.filtros-deportes button .menu-sport-icon{margin-right:3px;}


/* Igualado visual SOLO de iconos del menu 2026-10-04 */
.hamb-menu button, .agenda-controles .filtros button{
  display:inline-flex;
  align-items:center;
}
.hamb-menu .menu-sport-icon, .agenda-controles .filtros .menu-sport-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  margin-right:4px;
}
.hamb-menu .menu-emoji-icon, .agenda-controles .filtros .menu-emoji-icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
  margin-right:4px;
  font-size:19px;
  line-height:22px;
}
.hamb-menu .menu-emoji-nhl, .agenda-controles .filtros .menu-emoji-nhl{font-size:21px;}

/* FINAL AZUL */
body{background:#03111f!important}.agenda{border-color:rgba(36,156,255,.35)!important;background:#06192b!important}.lista-partidos,.partidos,.eventos,.eventos-lista{border-color:rgba(36,156,255,.28)!important}.evento,.evento-partido,.partido,.lista-partidos .evento{background:#071f35!important;border-color:rgba(36,156,255,.32)!important}.stadium,.estadio,.hero-stadium,.header-stadium img,.stadium img,.hero img,.hero{border-color:rgba(36,156,255,.42)!important}.buscador-agenda,.search,.search-box,.buscador{border-color:rgba(36,156,255,.35)!important}

/* Futbol Libre: igualar visualmente el nuevo balon azul con los emojis deportivos */
.menu-deportes button[data-filter="Fútbol"] .menu-sport-icon,
.filtros-deportes button[data-filter="Fútbol"] .menu-sport-icon,
.hamb-menu button[data-filter="Fútbol"] .menu-sport-icon,
.agenda-controles .filtros button[data-filter="Fútbol"] .menu-sport-icon {
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  margin-left:-2px;
  margin-right:1px !important;
}
.deporte-icono .evento-sport-icon[src*="futbol.png"] {
  width:31px !important;
  height:31px !important;
  max-width:none !important;
  margin:-2px -2px -2px -3px;
}