/* Estilos para el contenedor general */
.container-general {
  display: flex; /* Utiliza un contenedor flexible para los elementos internos */
  justify-content: center; /* Centra horizontalmente los elementos dentro del contenedor */
  align-items: center; /* Centra verticalmente los elementos dentro del contenedor */
  min-height: 100vh; /* Establece la altura mínima del contenedor al 100% de la altura de la ventana */
}

/* Estilos para el contenedor del formulario */
.form-container {
  position: relative;/* Establece la posición relativa */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); /* Agrega una sombra alrededor del contenedor */
  min-height: 50vh; /* Establece la altura mínima del contenedor al 50% de la altura de la ventana */
  width: 80%; /* Establece el ancho del contenedor al 80% del contenedor padre */
  max-width: 500px; /* Establece el ancho máximo del contenedor */
  border-radius: 10px; /* Establece el radio de borde para redondear las esquinas */
  padding: 2% 0 5% 0; /* Establece el relleno interno del contenedor */
  margin: 5% 0; /* Establece el margen externo del contenedor */
}

/* Estilos para el grupo de formulario */
.form-group {
  margin-bottom: 10px; /* Establece un margen inferior de 10px */
  display: flex; /* Utiliza un contenedor flexible para los elementos internos */
  flex-direction: column; /* Establece la dirección de los elementos internos como columna */
}