/* Estilos para ocultar controles de video en iOS */
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-timeline-container,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-toggle-closed-captions-button {
    display: none !important;
}

/* Evitar interacción con videos */
video {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* Estilos específicos para iOS */
@supports (-webkit-touch-callout: none) {
    video {
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Capa transparente sobre el video para evitar interacción */
    .video-container {
        position: relative;
    }
    
    .video-container::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }
}