@font-face {
  font-family: Barlow;
  src: url('../assets/fonts/Barlow-Regular.ttf');
}

html {
  scrollbar-color: #2ec4c5 #ebebeb;
}

body {
  margin: 0px;
}

.content-preLogin .preloginfondo {
  background-image: url('../assets/img/fondo-degradado.png');
}
.content-preLogin .preloginfondo .preLogin {
  background-image: url('../assets/img/reloj2-prelogin.png');
  background-position: left bottom;
  background-size: auto;
  background-repeat: no-repeat;
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 109px;
  width: 100%;
  height: 100%;
  background-image: url('assets/img/reloj1-prelogin.png');
  background-position: right top;
  background-size: auto;
  background-repeat: no-repeat;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin.conForm {
  gap: 32px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cabecera {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  width: 100%;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cabecera .bienvenida .textBienvenida {
  margin: 0px;
  color: #2e4265;
  font-family: Barlow;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3);
  padding: 32px;
  display: flex;
  gap: 100px;
  max-width: 946px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .titulo p {
  color: #2e4265;
  text-align: center;
  font-family: Barlow;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .titulo p span {
  background: linear-gradient(230deg, #03ccb9 -54.25%, #9a86ff 24.6%, #03ccb9 100.36%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Barlow;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace {
  border-radius: 30px;
  background: #ffffff;
  padding: 48px 36px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace .textos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace .textos .tituloCuadro {
  color: #2e4265;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Barlow;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace .textos .subCuadro {
  color: #718096;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace .acceder {
  border-radius: 8px;
  border: 1px solid #ffffff;
  box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.07);
  padding: 16px 0px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.1px;
  text-decoration: none;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .cuadro .cuadroEnlace .acceder:hover {
  border-radius: 8px;
  border: 1px solid #2abacb;
  background: #ffffff;
  box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.07);
  color: #6974d5;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.1px;
  cursor: pointer;
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .empleado .cuadroEnlace .acceder {
  background: linear-gradient(90deg, #2abacb 0%, #5782d2 81.5%, #6974d5 100%);
}
.content-preLogin .preloginfondo .preLogin .content-preLogin .cuadrosEnlaces .admin .cuadroEnlace .acceder {
  background: linear-gradient(90deg, #6974d5 0%, #5782d2 23%, #2abacb 100%);
}/*# sourceMappingURL=preLogin.page.css.map */

@media only screen and (max-width: 1199px) {
  .admin.cuadro {
      display: none !important;
    }
}