.elementor-7836 .elementor-element.elementor-element-e6d1928:not(.elementor-motion-effects-element-type-background), .elementor-7836 .elementor-element.elementor-element-e6d1928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7836 .elementor-element.elementor-element-e6d1928{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7836 .elementor-element.elementor-element-e6d1928 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7836 .elementor-element.elementor-element-a98af16 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7836 .elementor-element.elementor-element-25a050e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7836 .elementor-element.elementor-element-492ca8c:not(.elementor-motion-effects-element-type-background), .elementor-7836 .elementor-element.elementor-element-492ca8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7836 .elementor-element.elementor-element-492ca8c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7836 .elementor-element.elementor-element-492ca8c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-0717d79 *//* Contenedor principal */
.custom-channel-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Maximiza el uso horizontal del espacio */
    gap: 5px; /* Reduce el espacio entre elementos */
}

/* Elementos individuales de los canales */
.channel-item {
    background: #fff;
    border-radius: 6px; /* Redondeo reducido */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra más ligera */
    text-align: center;
    padding: 5px; /* Menor padding */
    width: 80px; /* Disminuye el ancho de cada elemento */
    transition: transform 0.2s ease;
}

.channel-item img {
    width: 100%;
    height: 50px; /* Imágenes más compactas */
    object-fit: contain; /* Ajuste proporcional */
    border-radius: 3px; /* Redondeo reducido */
}

/* Texto cuando no hay imagen */
.channel-item img:not([src]) {
    display: none; /* Oculta imágenes vacías */
}

.channel-item p {
    margin-top: 3px; /* Reduce el margen entre imagen y texto */
    font-size: 10px; /* Texto más pequeño */
    font-weight: bold;
    color: #333;
}

.channel-item p.no-image {
    font-weight: bold;
    color: #555;
    font-size: 12px;
}

/* Efecto hover */
.channel-item:hover {
    transform: scale(1.05);
}

/* Ajustes para pantallas medianas */
@media (max-width: 1024px) {
    .channel-item {
        width: 70px; /* Ajuste más compacto */
    }

    .channel-item img {
        height: 40px; /* Reducción de imágenes */
    }

    .channel-item p {
        font-size: 9px;
    }
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 768px) {
    .channel-item {
        width: 60px; /* Más pequeño para tablets */
    }

    .channel-item img {
        height: 35px; /* Imágenes más compactas */
    }

    .channel-item p {
        font-size: 8px;
    }
}

@media (max-width: 480px) {
    .custom-channel-container {
        gap: 2px; /* Reduce aún más el espacio entre elementos */
    }

    .channel-item {
        width: 50px; /* Tamaño mínimo para smartphones */
    }

    .channel-item img {
        height: 30px; /* Imágenes más pequeñas */
    }

    .channel-item p {
        font-size: 7px; /* Texto más pequeño */
    }
}/* End custom CSS */