/* ==================== RECUADRO DE CONTENIDO ==================== */

/* Comportamiento normal en desktop */
.custom-mobile-modal .modal-dialog {
    margin: 2.00rem auto;
}

/* Separación lateral en mobile */
@media (max-width: 700px) {

    .custom-mobile-modal .modal-dialog {
        margin: 2.00rem;
    }

}

/* ==================== HEADER ==================== */

.custom-mobile-modal .modal-header {
    background: var(--color-bg-footer-gray);

}

.custom-mobile-modal .modal-title {
    color: var(--color-text-tertiary);
}

/* ==================== BOTÓN PARA CERRAR ==================== */

.custom-mobile-modal .btn-close {
    width: 40px;
    background-size: 20px;
    filter: invert(1);
    transition: transform 400ms ease;
}

.custom-mobile-modal .btn-close:hover {
    transform: translateY(0) scale(1.5);
}