/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.red_link {
    color: #d72149 !important;
}

/* Ajustar el tamaño de la modal */
.modal-dialog {
    max-width: 80%;
    /* Aumentar el ancho de la modal */
    width: 80%;
}

/* Hacer el contenido de la modal más legible */
.modal-content {
    padding: 20px;
    border-radius: 10px;
    /* Bordes redondeados */
}

/* Hacer el texto más compacto */
.modal-body {
    font-size: 14px;
    /* Reducir tamaño de fuente */
    line-height: 1.6;
    /* Mejorar el espaciado entre líneas */
    max-height: 70vh;
    /* Limitar la altura */
    overflow-y: auto;
    /* Scroll si se necesita */
    padding-right: 15px;
    /* Agregar margen derecho para scrollbar */
}
.content-left-wrapper h3 {
    font-size: 18px;
    /* Reducir tamaño de los títulos */
    margin-top: 15px;
    color:white!important;
}
/* Ajustar títulos */
.modal-body h3 {
    font-size: 18px;
    /* Reducir tamaño de los títulos */
    margin-top: 15px;
}

/* Ajustar el texto general */
.modal-body p,
.modal-body ul {
    font-size: 14px;
}

/* Mejorar el botón de cierre */
.modal-footer .btn_1 {
    width: 100%;
    /* Hacer que el botón ocupe todo el ancho */
    background-color: #FFD700;
    /* Color dorado de Pulser */
    color: #333;
    /* Texto oscuro */
    font-weight: bold;
    border-radius: 5px;
    padding: 10px;
}

/* Hacer que la modal se vea mejor en dispositivos móviles */
@media (max-width: 768px) {
    .modal-dialog {
        max-width: 95%;
        width: 95%;
    }

    .modal-body {
        font-size: 13px;
        max-height: 60vh;
        /* Limitar en móviles */
    }

    .modal-body h3 {
        font-size: 16px;
    }

    .modal-footer .btn_1 {
        padding: 8px;
        font-size: 14px;
    }
}