/* ===================================
              VIDEO
   =================================== */

.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10050 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    outline: 0 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.modal-backdrop {
    z-index: 10040 !important;
}

/* Ancho grande y adaptable del modal */
.modal-dialog-ancho-personalizado {
    max-width: 90% !important;
    width: 90% !important;
    margin: 1.75rem auto !important;
} 

@media (min-width: 1200px) {
    .modal-dialog-ancho-personalizado {
        max-width: 1150px !important;
    }
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
}

.modal-title {
    font-weight: 700 !important;
    color: #212529;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
}

.video-container video {
    width: 100% !important;
    max-height: 75vh !important;
    height: auto;
    outline: none;
    border-radius: 4px;
    background: #000;
}