/* REGLAS CRÍTICAS PARA VIDEOS - MÁXIMA PRIORIDAD */

/* Contenedores de video */
body #xioleni-editor .xioleni-media-container,
body .xioleni-post-content .xioleni-media-container {
    width: 100% !important;
    max-width: 550px !important;
    margin: 0 auto !important;
    display: block !important;
    position: relative !important;
    aspect-ratio: unset !important;
}

/* Videos - FORZAR proporción original con máxima especificidad */
body #xioleni-editor .xioleni-media-container video.xioleni-preview-video,
body #xioleni-editor video.xioleni-preview-video,
body .xioleni-post-content .xioleni-media-container video.xioleni-preview-video,
body .xioleni-post-content video.xioleni-preview-video,
body #xioleni-editor .xioleni-media-container video,
body #xioleni-editor video,
body .xioleni-post-content .xioleni-media-container video,
body .xioleni-post-content video {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 550px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    aspect-ratio: unset !important;
    box-sizing: border-box !important;
    background: #00131a !important;
    background-image: none !important;
}

/* Contenedores horizontales (videos anchos) */
.xioleni-media-container[data-orientation="horizontal"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.xioleni-media-container[data-orientation="horizontal"] video {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 550px !important;
}

/* Responsive para móviles - MÁXIMA ESPECIFICIDAD */
@media (max-width: 768px) {
    body #xioleni-editor .xioleni-media-container,
    body .xioleni-post-content .xioleni-media-container {
        max-width: 300px !important;
    }
    
    body #xioleni-editor .xioleni-media-container video.xioleni-preview-video,
    body #xioleni-editor video.xioleni-preview-video,
    body .xioleni-post-content .xioleni-media-container video.xioleni-preview-video,
    body .xioleni-post-content video.xioleni-preview-video,
    body #xioleni-editor .xioleni-media-container video,
    body #xioleni-editor video,
    body .xioleni-post-content .xioleni-media-container video,
    body .xioleni-post-content video {
        max-height: 300px !important;
        background: #00131a !important;
        background-image: none !important;
    }
    
    body #xioleni-editor .xioleni-media-container[data-orientation="horizontal"] video,
    body .xioleni-post-content .xioleni-media-container[data-orientation="horizontal"] video {
        max-height: 300px !important;
    }
}