/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */
/* Responsividad: en dispositivos con pantallas más pequeñas */
@media (max-width: 768px) {
  #popup-container .popup-content {
    flex-direction: column;
    margin: 3% auto;
    min-height: 90vh; /* Permite que el contenido se ajuste según su altura */
  }
	
  #popup-container .popup-left,
  #popup-container .popup-right {
    flex: 1 1 100%;
    padding: 15px;
  }
  
  /* Ajusta la altura mínima de la columna derecha para que se muestre bien la imagen */
  #popup-container .popup-right {
    min-height: 305px; /* Puedes modificar este valor según necesites */
  }
	
  #popup-container .popup-left h2 {
    font-size: 22px!important;
	margin-top: 2rem;
  }
}