/* Fondo oscuro */
.modal1-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5);
justify-content: center;
align-items: center;

z-index: 1000;
}
/* Contenedor del modal1 */
.modal1-content {
background: rgb(255, 255, 255);
padding: 20px;
border-radius: 8px;
width: 300px;
text-align: center;
}
.modal1-content button {
margin-top: 10px;
}


/* Fondo oscuro */
.modal2-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5);
justify-content: center;
align-items: center;

z-index: 1000;
}
/* Contenedor del modal2 */
.modal2-content {
background: rgb(255, 255, 255);
padding: 20px;
border-radius: 8px;
width: 300px;
text-align: center;
}
.modal2-content button {
margin-top: 10px;
}


/* Fondo oscuro */
.modal2-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5);
justify-content: center;
align-items: center;

z-index: 1000;
}
/* Contenedor del modal3 */
.modal2-content {
background: rgb(255, 255, 255);
padding: 20px;
border-radius: 8px;
width: 300px;
text-align: center;
}
.modal2-content button {
margin-top: 10px;
}