/* Estilos para el popup */
.popup {
 /* display: flex !important;*/
  justify-content: center; /* Centra horizontalmente el contenido */
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.popup-contenido {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  text-align: center;
  max-width: 40%;
}

.popup-contenido img {
  max-width: 100%;
  height: auto;
}

#cerrarPopup {
  background-color: #333;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  margin-top: 10px;
}

.clearFlex{

  display: block;

}



  
  /* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
  @media only screen and (max-width : 900px) {
    .popup-contenido {
      background-color: white;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      text-align: center;
      max-width: 100%;
    }
  }