/* Selector refinado para cubrir el bloque dinámico.
   Funciona tanto si la imagen está dentro de .section-opening-mg o directamente en .section-opening.
*/

@media screen and (max-width: 400px) {
    /* Usamos selectores más específicos para asegurar que sobreescriba cualquier estilo previo */
    aside.section-opening .section-opening-image img,
    aside.section-opening .section-opening-mg .section-opening-image img {
        /* Forzamos el reemplazo de la imagen */
        content: url("https://tvn-especiales-editorial-comercial.s3.us-east-2.amazonaws.com/2026/tvmax/img/TVMAX-header-mobile.png") !important;
        
        /* Ajustes de visualización */
        width: 100% !important;
        height: auto !important;
        display: block !important;
        
        /* Eliminamos posibles restricciones de tamaño del contenedor original */
        max-width: 100% !important;
        object-fit: contain !important;
    }

    /* Opcional: Aseguramos que el contenedor de la imagen no oculte el cambio */
    .section-opening-image {
        display: block !important;
        width: 100% !important;
    }
}