/* ===============================
   ESTILO GENERAL
=================================*/

*{
    box-sizing:border-box;
}

body{
    background:#dedede;
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:20px;
}

.contenedor{
    width:100%;
    max-width:1200px;
    margin:auto;
}

/* ===============================
   GRILLA CONTINUA 3 COLUMNAS
=================================*/

.grilla{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap:3px;
}

/* ===============================
   TARJETA CANAL
=================================*/

.canal{
    width: 101%;
    padding:7px;
    border-radius:10px;
    text-align:center;
    transition:transform .2s ease, box-shadow .2s ease;
}

.canal:hover{
    transform:scale(1.03);
    box-shadow:0 8px 15px rgba(0,0,0,0.25);
}

/* ===============================
   CAJA DEL LOGO (botón blanco)
=================================*/

.logo-box{
    position:relative;
    background:linear-gradient(#ffffff,#dcdcdc);
    border-radius:10px;
    padding:10px;
    box-shadow:
        inset 0 2px 6px rgba(255,255,255,0.9),
        0 4px 8px rgba(0,0,0,0.35);
}




.logo-box img{
    width:100%;
    max-width:95px;*/
    height:auto;
} 

/* ===============================
   NUMERO DEL CANAL (abajo derecha)
=================================*/

.numero{
    position:absolute;
    bottom:6px;
    right:8px;
    background:#f3f3f3;
    padding:4px 10px;
    border-radius:10px;
    font-weight:bold;
    font-size:14px;
    box-shadow:0 2px 4px rgba(0,0,0,0.35);
}

/* ===============================
   NOMBRE DEL CANAL
=================================*/

.nombre{
    margin-top:12px;
    font-weight:bold;
    font-size:12px;
    color:#111;
}
/* ===== COLORES POR CATEGORIA (gradientes como en tu imagen) ===== */

/* COLORES POR CATEGORIA */
.cat-noticias{ background:#92609d; }   /* rosa */
.cat-deportes{ background:#49fe03; }   /* verde */
.cat-cine{ background:#c505b0; }       /* morado */
.cat-infantil{ background:#0bb285; }   /* celeste */
.cat-musica{ background:#152bfe; }     /* azul */
.cat-zonales{ background:#EE2FFF; } 
.cat-abiertos{ background:#01a8ec; }
.cat-variedad{ background:#eaec1d; }
.cat-religioso{ background:#1bc2ec; }
.cat-cultural{ background:#fb1592; }

/* TABLET */