/* Fondo oscuro */

.alert-overlay {

    display: none; /* Oculto por defecto */

    position: fixed;

    top: 0; left: 0;

    width: 100%; height: 100%;

    background: rgba(0,0,0,0.5);

    z-index: 9998;

  }



  /* Caja de alerta */

  .alert-box {

    position: fixed;

    top: 50%; left: 50%;

    transform: translate(-50%, -50%);

    background: #fff;

    padding: 20px 30px;

    border-radius: 8px;

    box-shadow: 0 4px 15px rgba(0,0,0,0.3);

    z-index: 9999;

    max-width: 300px;

    text-align: center;

    font-family: Arial, sans-serif;

  }



  .alert-box h2 {

    margin: 0 0 10px;

    font-size: 18px;

    color: #333;

  }



  .alert-box p {

    font-size: 14px;

    color: #555;

  }



  .alert-box button {

    margin-top: 15px;

    padding: 8px 15px;

    background: #4CAF50;

    color: white;

    border: none;

    border-radius: 5px;

    cursor: pointer;

  }



  .alert-box button:hover {

    background: #45a049;

  }