/* Cambiar el fondo de la alerta a un color personalizado */
.swal2-popup {
    background-color: #ffffff; /* Cambia esto al color que desees */
}

/* Cambiar el color del texto */
.swal2-title, .swal2-content {
    color: #000000; /* Cambia esto al color que desees */
}

/* Cambiar el color del botón */
.swal2-confirm, .swal2-cancel {
    background-color: #ffffff; /* Cambia esto al color que desees */
    color: #ffffff; /* Cambia esto al color que desees */
}

/* Cambiar el borde de la alerta */
.swal2-popup {
    border: 2px solid #ffffff; /* Cambia esto al color que desees */
}
div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto 0.6em;
    border: 0.25em solid rgba(0,0,0,0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none;
}

div:where(.swal2-icon).swal2-success {
    border-color: #005C38;
    color: #005C38;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #005C38;
    color: #fff;
    font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: 0.3125em;
    padding: 0.625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px rgba(0,0,0,0);
    font-weight: 500;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #f44335;
    color: #fff;
    font-size: 1em;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0;
    font-size: 1.2em; /* Cambia esto al tamaño de fuente deseado */
    font-weight: bold; /* Haz que el texto sea negrito */
}