body 
.espacio{
    height: 80px;
}
body {
    margin: 0;
    font-family: Arial, sans-serif;
    position: relative;
  }

  nav {
    background-color: #0e1f69; /* Cambia el color de fondo según tus preferencias */
    color: white; /* Cambia el color del texto según tus preferencias */
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .logo {
    height: 50px;
    width: auto;
}

  #title {
    text-align: center;
    flex-grow: 1; /* Hace que el contenedor #title ocupe todo el espacio disponible */
  }

  #subtitle {
    font-style: italic;
    font-size: 0.8em; /* Ajusta el tamaño del subtítulo según tus necesidades */
  }

  #social-work {
    margin-left: auto; /* Empuja el texto "Trabajo Social" hacia la derecha */
  }
/*ESTILOS DEL LOGIN*/
.letra{
    font-size: 35px;
}
.letra2{
    font-size: 35px;
}

.resaltar {
    color: red; /* Cambia el color del texto a rojo */
    font-weight: bold; /* Pone el texto en negrita */
   }
.btn {
    padding: 10px 20px; /* Cambia el padding para aumentar el tamaño */
      font-size: 18px; /* /* Cambia el tamaño de la fuente para aumentar el tamaño */
  }
   /* Agrega estilos básicos aquí */
   body {
    font-family: Arial, sans-serif;
  }

  .inputGroup {
    margin-bottom: 10px;
  }

  .espacio {
    height: 40px;
  }

  .color {
    color: #0e1f69;
  }
  .color2{
    background-color: #0e1f69 ;border-radius: 10px;
  }
  .texto-enviar{
    color: white;
  }
  .centrar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.espacio{
  height: 30px;
}
.colort{
 color: #0e1f69;
}

