/* 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 */
  }

  #id_email {
    padding-block: 1px;
    padding-inline: 2px;
    width: 309.33px;
    font-family: inherit;
    line-height: inherit;
    

  }