/* =========================================================

   MALOMAR - AUDIO/VIDEO FALLBACK HIDE

   Oculta mensajes "Tu navegador no soporta..." del DOM visual

   Manteniendo accesibilidad para screen readers

   ========================================================= */



/**

 * Oculta párrafos fallback dentro de elementos multimedia

 * Estos mensajes aparecen en snippets de Google si son visibles

 */

audio > p,

video > p,

audio p[data-i18n="s1.audio_unsupported"],

video p[data-i18n="s2.video_unsupported"],

audio p[data-i18n="audio_unsupported"],

video p[data-i18n="video_unsupported"] {

    display: none !important;

    visibility: hidden;

    height: 0;

    width: 0;

    overflow: hidden;

    position: absolute;

    left: -9999px;

}



/* Fallback para navegadores que NO soportan audio/video nativo 

   Si el elemento multimedia no se renderiza, el <p> se vuelve visible */

@supports not (audio:-webkit-media-controls) {

    audio > p,

    video > p {

        display: block !important;

        visibility: visible;

        position: static;

        left: auto;

        height: auto;

        width: auto;

    }

}