.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color:  rgb(192 192 255);
  border: 1px solid #cbcbcb;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  z-index: 1000;
  text-align: center; /* Alineación horizontal */
  line-height: 1.5; 
}

/* Estilos para el fondo oscurecido detrás del popup */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 50%);
  z-index: 999;
}

.contenedor-izquierdo:hover {
  cursor: pointer;
}

.contenedor-derecho:hover {
  cursor: pointer;
}

button {
  background-color: rgb(17 17 37);;
  color: rgb(192 192 255);
}