body {
  width: 100%;
  height: 100%;
  margin: 0; /* Elimina el margen predeterminado */
  padding: 0; /* Elimina el relleno predeterminado */
  /* overflow: hidden;   */
  background-image: url(../img/fondo375.jpeg);
  background-size: 102% 102%; /* Ajusta la imagen para que cubra la pantalla sin estirarse */
  background-position: top center; /* Centra la imagen en la pantalla */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  
}

@media (min-width: 768px) {
  body {
    background-image: url(../img/fondo768.jpeg);
    background-attachment: fixed;
  }
}
@media (min-width: 1240px) {
  body {
    background-image: url(../img/fondo1400.jpeg);
    
  }
}
@media (min-width: 1400px) {
  body {
    background-image: url(../img/fondo1640.jpeg);
    
  }
}

input {
  display: flex;
  padding: 16px 0px 16px 16px;
  align-items: center;
  align-self: stretch;
}

.mdc-text-field {
  border-radius: 4px;
}

.logo-unicieo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
}

.login {
  display: flex;
  justify-content: center;
  gap: 8rem;
}

.infologin {
  display: none;
}

@media (min-width: 1280px) { 
  .infologin {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}


.titulo-bienvenida {
  margin-left: 5rem;
}

.form-data {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.form-data img {
  width: 93.52px;
  height: 92.86px;
}

.error {
  font-size: 12px;
  color: white;
  font-family: Roboto;
}

.text-alt {
  color: white;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: 0.15px;
}

.infologin .uniceotitulo {
  color: #ba1a1a;
  font-family: Roboto;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 142.222% */
  margin: 0;
}

.uniceospan {
  color: white;
}

.textobienvenida {
  color: white;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: 0.15px;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  font-family: Roboto;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 145.455% */
  letter-spacing: 0.5px;
  padding: 2.5rem 0;
  
}

@media (min-height: 1024px) { 
  .footer {
    margin-top: 8rem;
  }
}

@media (min-width: 780px) { 
  .footer {
    display: flex;
    flex-direction: row;
    padding: 3rem 0;
    margin-top: 2rem;
  }
}

.footer a {
  color: white;
  text-decoration: none;
  margin-top: 1rem;
}

@media (min-width: 768px) { 
  .footer a {
    margin-top: 0;
  }
}



.formulario {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  width: 353px;
}

.formulario .mdc-filled-text-field:nth-child(1) {
  margin-bottom: 2rem;
}

.formulario a {
  margin-top: 0.2rem;
  text-align: left;
  color: white;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.4px;
  text-decoration-line: underline;
  margin-left: 1rem;
}

.mdc-button {
  margin-top: 2rem;
  border-radius: 100px;
}

.mdc-button__ripple {
  border-radius: 100px;
}

.mdc-button__label {
  text-transform: capitalize;
}

.mdc-filled-text-field {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.5px;
  border-radius: 4px;
}

.mdc-filled-text-field:focus {
  outline: none;
}

.mdc-filled-text-field::placeholder {
  color: #c4c7c7;
}