/* Correções específicas para vídeos em dispositivos móveis */

/* Estilos gerais para todos os dispositivos */
.embed-container {
    position: relative !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    margin: 20px 0 !important;
}

.embed-container video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Estilos específicos para dispositivos móveis */
@media (max-width: 767px) {
    /* Classe adicionada ao body para dispositivos móveis */
    body.mobile-device .embed-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 200px !important;
    }
    
    body.mobile-device .embed-container video {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        object-fit: contain !important;
    }
    
    /* Garante que o container do vídeo seja visível */
    .elementor-widget-html .elementor-widget-container {
        overflow: visible !important;
    }
    
    /* Força a exibição do vídeo */
    video[playsinline] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Correção para iOS */
@supports (-webkit-touch-callout: none) {
    .embed-container video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        z-index: 10 !important;
    }
}