.modal-dialog {
/* 	margin-top: 200px; */
}

.modal-header {
	font-weight: bold;
	/*font-size: large;*/
}

.progress {
	margin-bottom: 0px;
}

.alert.no-margin {
	margin: 0;
}

/* Modal personalizado al 65% */
.modal-65 {
    width: 65% !important;
    max-width: 65% !important;
}

/* Responsive para diferentes tamaños de pantalla */
@media (max-width: 1200px) {
    .modal-65 {
        width: 80%;
        max-width: 80%;
    }
}

@media (max-width: 992px) {
    .modal-65 {
        width: 85%;
        max-width: 85%;
    }
}

@media (max-width: 768px) {
    .modal-65 {
        width: 90%;
        max-width: 90%;
        margin: 30px auto;
    }
}

@media (max-width: 576px) {
    .modal-65 {
        width: 95%;
        max-width: 95%;
        margin: 20px auto;
    }
}

/* Asegurar que el contenido sea scrollable si es muy alto */
.modal-65 .modal-content {
    max-height: 85vh;
    overflow-y: auto;
}