/* Estilo para el contenedor general */
.container-general {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Estilo para el contenedor del formulario */
.form-container {
  position: relative;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  min-height: 60vh;
  width: 80%;
  max-width: 500px;
  border-radius: 10px;
  padding: 2% 0 5% 0;
  margin: 5% 0;
}

/* Estilo para los grupos de formulario */
.form-group {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

/* Centrado de elementos */
.center-elements{
    display: flex;
    justify-content: center;
    align-items: center;
}