
/* css/style.css */
*{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:#071f35;
 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;
}


/* PAGINA CANALES - tarjetas simples */
.lista-agenda .canales-panel{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(180px,1fr));
    gap:14px;
    padding:12px 0;
}

.lista-agenda .canales-panel .canal-opcion{
    min-height:70px !important;
    width:auto !important;
    border-radius:14px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    padding:14px !important;
    font-size:16px;
    border:1px solid rgba(0,255,120,.35);
}

.lista-agenda .canales-panel .canal-opcion:hover{
    transform:translateY(-2px);
}

@media(max-width:800px){
 .lista-agenda .canales-panel{
    grid-template-columns:repeat(2,minmax(140px,1fr));
 }
}
@media(max-width:500px){
 .lista-agenda .canales-panel{
    grid-template-columns:1fr;
 }
}

/* menu canales */
.filtro-canal{display:inline-flex;align-items:center;padding:10px 16px;border-radius:12px;background:#0b3028;color:#fff;text-decoration:none;font-size:16px;}
.filtro-canal:hover{border-color:#1e90ff;color:#1e90ff;}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/canales-page.css */

.bloque-canales{margin-top:25px}
.bloque-canales h2{color:#1e90ff;font-size:22px}
.grid-canales{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tarjeta-canal{background:#071f35;border:1px solid #0fe87a;border-radius:14px;padding:22px;text-align:center}
.nombre-canal{font-size:18px;font-weight:700;color:white;margin-bottom:18px}
.tarjeta-canal button{width:100%;background:#1e90ff;border:0;border-radius:10px;padding:10px;font-weight:700}
@media(max-width:800px){.grid-canales{grid-template-columns:1fr}}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/flags-v23.css */

.country-flag{
 width:28px;
 height:18px;
 object-fit:contain;
 display:inline-block;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/agenda-layout-v24.css */

.match-card,
.event-card,
.partido-card {
  margin-bottom: 12px;
  padding: 18px 20px;
}

.options-menu,
.dropdown-options {
  margin-top: 8px;
  padding: 12px;
  border-radius: 10px;
}

.channel-country-flag {
  width: 24px;
  height: 16px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 8px;
}

/* EN VIVO */
.en-vivo{
  display:inline-flex;
  align-items:center;
  background:#e60000;
  color:#fff;
  border-radius:999px;
  padding:5px 10px;
  font-weight:700;
  margin-right:8px;
  font-size:12px;
}
.partido-card{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/opciones-canales-v25.css */

.channel-country-flag{
 width:22px;
 height:15px;
 object-fit:contain;
 margin-right:7px;
 vertical-align:middle;
}
.options-menu,.dropdown-options{
 margin-top:10px;
}
.match-card,.event-card,.partido-card{
 margin-bottom:14px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/fix-v26.css */

.partido-card,.match-card,.event-card,.game-card{
 margin-bottom:16px !important;
}
.options-panel{
 display:none;
 margin-top:10px;
}
.options-panel.open{
 display:block;
}
.channel-country-flag{
 width:24px;
 height:16px;
 margin-right:8px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/eventos-v28.css */

.evento.partido-card{
 margin-bottom:16px!important;
 padding-bottom:16px!important;
}
.options-panel{
 display:none;
 margin-top:10px;
}
.channel-country-flag{
 width:24px;
 height:16px;
 vertical-align:middle;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/final-v29.css */

.options-panel{
 display:none;
 margin-top:10px;
 padding:10px;
}
.options-panel.open{
 display:block;
}
.channel-country-flag{
 width:24px;
 height:16px;
}


/* Canales - tarjetas suaves */
.grid-canales{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:16px;
}
.tarjeta-canal{
 background:#03251d;
 border:1px solid #0bdc84;
 border-radius:16px;
 padding:22px 16px;
 text-align:center;
}
.nombre-canal{
 color:#fff;
 font-size:18px;
 font-weight:700;
 margin-bottom:18px;
}
.boton-canal{
 background:#0fbf70;
 color:#071f35;
 border:0;
 border-radius:10px;
 padding:8px 24px;
 font-weight:700;
 cursor:pointer;
}
@media(max-width:800px){
 .grid-canales{grid-template-columns:repeat(2,1fr);}
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/opciones-v30.css */

.evento,.partido-card,.match-card{
 margin-bottom:16px!important;
}
.options-panel{
 display:none;
 padding:10px;
 margin-top:8px;
}
.options-panel.open{
 display:block;
}
.pais-canal img{
 width:24px;
 height:16px;
 margin-right:8px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/estilo-partidos-v88.css */

.competicion,
.league,
.competition{
    color:#888;
    font-size:12px;
    font-weight:400;
}

.partido,
.match-title,
.evento-titulo{
    display:flex;
    align-items:center;
    gap:6px;
}

.vs{
    color:#22a06b;
    font-size:12px;
    font-weight:600;
    margin:0 4px;
}

.equipo,
.team-name{
    font-size:15px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/vs-v89.css */

.vs{
 color:#249cff!important;
 font-size:12px!important;
 font-weight:600!important;
 margin:0 5px;
}
.competicion,
.league,
.competition{
 color:#888!important;
 font-size:12px!important;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/hora-v90.css */

.hora,
.time,
.match-time,
.event-time,
.fecha-hora {
    font-size:11px!important;
    color:#888!important;
    font-weight:400!important;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/correccion-v91.css */

/* ajustes reales de tarjeta */
.hora,.time,.event-time,.match-time,.fecha{
 font-size:11px!important;
 color:#888!important;
}

.competicion,.competition,.league{
 font-size:12px!important;
 color:#888!important;
}

.vs{
 color:#249cff!important;
 font-size:12px!important;
 font-weight:600;
 margin:0 4px;
}

.opciones-panel.activo{
 display:block!important;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/tarjeta-real-v92.css */

.hora{
 font-size:11px!important;
 color:#888!important;
}
.competicion span{
 font-size:12px!important;
 color:#888!important;
}
.vs{
 color:#249cff!important;
 font-size:12px!important;
 margin:0 5px;
}
.canales-panel{
 display:none;
 margin-top:8px;
}
.canales-panel.activo{
 display:block;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/opciones-acordeon-v93.css */

.canales-panel{
 display:none;
 margin-top:8px;
 width:100%;
}

.canales-panel.activo{
 display:block;
}

.canal-opcion{
 padding:10px;
 margin-top:5px;
 border:1px solid #2aa8ff;
 border-radius:8px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/opciones-banderas-v94.css */

.partido-card{
 position:relative;
}

.canales-panel{
 display:none;
 margin-top:8px;
 width:100%;
}

.canales-panel.activo{
 display:block;
}

.canal-opcion{
 display:flex;
 align-items:center;
 gap:10px;
 padding:10px;
 margin-top:5px;
 border:1px solid #2aa8ff;
 border-radius:8px;
}

.canal-opcion img{
 width:28px;
 height:18px;
 object-fit:contain;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/opciones-limpias-v95.css */

.canales-panel{
 display:none;
 margin-top:8px;
 width:100%;
}
.canales-panel.activo{
 display:block;
}
.canal-opcion{
 display:flex;
 align-items:center;
 gap:10px;
 padding:10px;
 margin-top:5px;
 border:1px solid #2aa8ff;
 border-radius:8px;
}
.canal-opcion img{
 width:28px;
 height:18px;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/submenu_solo_visual_v101.css */

/* Solo posición visual del submenu, sin tocar botones */
.canales-panel{
    margin-top:6px;
    width:fit-content;
    min-width:134px;
}

.canal-opcion{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
}

.canal-opcion img{
    width:24px;
    height:16px;
    object-fit:contain;
}

/* Submenus de canales debajo de cada partido */
.partido-card,
.evento{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}

.canales-panel{
  order:10;
  flex-basis:100%;
  width:100%;
  margin-top:14px;
  padding:12px;
  display:none;
  position:relative;
}

.canales-panel.activo{
  display:flex!important;
  flex-direction:column;
  gap:8px;
}

.canales-panel .canal-opcion{
  width:100%;
  box-sizing:border-box;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/competicion-style.css */
.competicion-linea{display:flex;align-items:center;gap:6px;margin:5px 0;color:#888;}
.competicion{font-size:12px;color:#888;font-weight:400;}
.competicion-flag{width:22px;height:15px;object-fit:cover;}

/* Ajuste logo balon por orientacion movil */
@media (max-width: 600px) and (orientation: portrait) {
  .logo img {
    display: none !important;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .logo img {
    display: block !important;
  }
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/tarjetas-grid.css */

.lista-agenda.vista-tarjetas{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:16px;
}
.lista-agenda.vista-tarjetas .partido-card{
 display:flex;
 flex-direction:column;
 min-height:220px;
 padding:18px;
 border-radius:18px;
}
.lista-agenda.vista-tarjetas .hora{
 font-size:20px!important;
 margin-bottom:10px;
}
.lista-agenda.vista-tarjetas .equipos{
 display:flex;
 flex-direction:column;
 gap:8px;
 margin:18px 0;
 font-size:18px;
}
.lista-agenda.vista-tarjetas .vs{
 margin:0;
}
.lista-agenda.vista-tarjetas .en-vivo{
 width:max-content;
 margin-top:auto;
}
@media(max-width:700px){
 .lista-agenda.vista-tarjetas{
  grid-template-columns:1fr;
 }
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/tarjetas-canales-bajo-fix.css */

.partido-card .acciones-canales{
 display:flex;
 flex-direction:column;
 width:100%;
}
.partido-card .canales-panel{
 width:100%;
 flex-direction:column;
 box-sizing:border-box;
}
.partido-card .canal-opcion{
 width:100%;
 box-sizing:border-box;
}

/* ajuste tarjetas estilo referencia */
.partido-card .acciones-canales{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
}
.partido-card .acciones-canales > button{
    width:100% !important;
    box-sizing:border-box !important;
}
.partido-card .canales-panel{
    display:none;
    width:100% !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:6px;
}
.partido-card .canales-panel.activo{
    display:flex !important;
}
.partido-card .canal-opcion{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    box-sizing:border-box !important;
}
.partido-card .canal-opcion a{
    width:100% !important;
    text-align:center !important;
}

/* Ajuste canales: verde suave */
.tarjeta-canal .boton-canal,
.boton-canal {
    background:#176fb8 !important;
    color:#ffffff !important;
    border:1px solid #1684d6 !important;
    box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.boton-canal:hover {
    background:#1678c2 !important;
}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/flags-menu.css */
.flag-menu{width:18px;height:13px;object-fit:cover;vertical-align:middle;margin-right:6px;}


/* Quitar subrayado de enlaces de canales */
a, a:hover, .channel-card a, .channel-button { text-decoration: none !important; }


/* css/stream-pc-mobile-final.css */

/* Stream mobile: mantener apariencia escritorio */
@media(max-width:700px){
  .menu-toggle{display:none!important;}
  .hamb-menu{display:none!important;}
  .agenda-controles{
    display:flex!important;
    flex-wrap:wrap!important;
    position:static!important;
  }
  .agenda-controles button,
  .agenda-controles a{
    display:flex!important;
  }
  .flag-menu{
    display:inline-block!important;
  }
  .agenda{
    width:100%!important;
    max-width:none!important;
  }
  .page{
    width:100%!important;
  }
  .grid-canales{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
@media(max-width:480px){
  .grid-canales{
    grid-template-columns:1fr!important;
  }
}


/* final mobile cleanup */
@media(max-width:600px){ .menu-toggle,.hamb-menu{display:none!important;} .header{display:flex!important;} }


/* Ajuste final columnas canales */
.grid-canales{
    align-items:stretch;
}

.tarjeta-canal{
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    min-height:150px;
    box-sizing:border-box;
}

.tarjeta-canal .nombre-canal,
.tarjeta-canal h3,
.tarjeta-canal .channel-name{
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.2;
}

.tarjeta-canal .boton-canal{
    width:90% !important;
    margin:10px auto 0 !important;
    box-sizing:border-box;
}

/* Movil vertical */
@media(max-width:600px){
    .grid-canales{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
}

/* Movil tumbado */
@media(min-width:601px) and (max-width:900px){
    .grid-canales{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

/* Tablet y escritorio pequeño */
@media(min-width:901px) and (max-width:1200px){
    .grid-canales{
        grid-template-columns:repeat(3,1fr) !important;
    }
}

/* Ajuste final responsive canales */
.canal-grid, .grid-canales, .channels-grid, .canales-grid {
  align-items: stretch;
}
.canal-card, .channel-card, .canal {
  box-sizing: border-box;
  overflow: hidden;
}
.canal-card button, .channel-card button, .canal button,
.btn-ver, .ver-canal {
  white-space: nowrap;
  width: 90%;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}
.canal-card h3, .channel-card h3, .canal h3,
.canal-card .nombre, .channel-card .nombre {
  overflow-wrap: anywhere;
  text-align: center;
}

@media (max-width:600px){
  .canal-grid, .grid-canales, .channels-grid, .canales-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width:601px) and (max-width:900px){
  .canal-grid, .grid-canales, .channels-grid, .canales-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* FIX GRID MOBILE REAL - ultima regla */
@media screen and (max-width:600px){
  .lista-agenda .bloque-canales .grid-canales{
    grid-template-columns:1fr !important;
    display:grid !important;
  }
  .lista-agenda .bloque-canales .tarjeta-canal{
    width:100% !important;
  }
  .lista-agenda .bloque-canales .boton-canal{
    white-space:nowrap !important;
  }
}
@media screen and (min-width:601px) and (max-width:900px){
  .lista-agenda .bloque-canales .grid-canales{
    grid-template-columns:repeat(2,1fr) !important;
  }
}


 /* Ajuste real tarjetas canal */
@media(max-width:600px){
  .grid-canales{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .tarjeta-canal{
    padding:14px 12px !important;
    min-height:110px !important;
  }
  .nombre-canal{
    font-size:17px !important;
    margin-bottom:12px !important;
    line-height:1.25 !important;
  }
  .boton-canal{
    display:block !important;
    width:85% !important;
    margin:0 auto !important;
    padding:9px 8px !important;
    white-space:nowrap !important;
  }
}


/* FUTBOL LIBRE - AZUL FINAL: elimina fondos/bordes verdes heredados */
.filtro-canal{background:#071f35!important;border-color:#249cff!important;}
.grid-canales .tarjeta-canal,.tarjeta-canal,.canal-card,.channel-card,.canal{
 background:#071f35!important;
 border-color:#249cff!important;
}
.tarjeta-canal .boton-canal,.canal-card button,.channel-card button,.canal button,.btn-ver,.ver-canal{
 background:#1e90ff!important;
 border-color:#249cff!important;
 color:#fff!important;
}
.lista-agenda,.bloque-canales,.stream-seo-final,.stream-seo-grid article,.stream-faq details{
 border-color:#249cff!important;
}
.stream-seo-final,.stream-seo-grid article,.stream-faq details{background:#071f35!important;}
.event-card,.partido-card,.match-card,.game-card,.evento,.partido{background:#071f35!important;border-color:#249cff!important;}

/* FUTBOL LIBRE - AZUL V4: botones de canales */
.tarjeta-canal .boton-canal,
.grid-canales .tarjeta-canal .boton-canal,
.canal-card button,.channel-card button,.canal button,
.btn-ver,.ver-canal,.channel-button,
a.boton-canal {
  background:#168cff !important;
  border:1px solid #55baff !important;
  color:#fff !important;
  box-shadow:none !important;
}
.tarjeta-canal .boton-canal:hover,
.grid-canales .tarjeta-canal .boton-canal:hover,
.canal-card button:hover,.channel-card button:hover,.canal button:hover,
.btn-ver:hover,.ver-canal:hover,.channel-button:hover,
a.boton-canal:hover { background:#249cff !important; }

/* Fútbol Libre: identidad de cabecera */
.logo,.logo:link,.logo:visited,.logo:hover,.logo:active{color:#ffffff!important;text-decoration:none!important;}
.logo span{color:#1e90ff!important;}
