/* Sobrescrituras visuales de Bootstrap. */

/* Modal: título centrado y botón de cierre a la derecha. */
.modal-backdrop {
    --bs-backdrop-bg: color-mix(in srgb, #95a5c5 60%, transparent);
    --bs-backdrop-opacity: 1;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.modal-content {
    padding: 20px;
    border-radius: 30px;
    border: none;
    box-shadow: none;
}

.modal-header {
    position: relative;
    justify-content: center;
    text-align: center;
    padding-inline: 3rem;
}

.modal-header > :not(.btn-close) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.modal-title {
    font-weight: 400;
}

.modal-header .btn-close {
    position: absolute;
    top: -6px;
    right: -6px;
    margin: 0;
    border-radius: 50%;
}