/* Fondo oscuro */
 .modal-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 modal */
 .modal-content {
 background: white;
 padding: 20px;
 border-radius: 8px;
 width: 300px;
 text-align: center;
 }
 .modal-content button {
 margin-top: 10px;
 }

 /* Fondo oscuro 2 */
 .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 modal */
 .modal1-content {
 background: white;
 padding: 20px;
 border-radius: 8px;
 width: 300px;
 text-align: center;
 }
 .modal1-content button {
 margin-top: 10px;
 }

 /* Fondo oscuro 3 */
 .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 modal */
 .modal2-content {
 background: white;
 padding: 20px;
 border-radius: 8px;
 width: 300px;
 text-align: center;
 }
 .modal2-content button {
 margin-top: 10px;
 }