/***********/
/* FUENTES */
/***********/
@font-face {
  font-family: "Mont-Light";
  src: url("../fonts/Mont-Light.ttf");
}

@font-face {
  font-family: "Mont";
  src: url("../fonts/Mont-Regular.ttf");
}

@font-face {
  font-family: "Mont-SemiBold";
  src: url("../fonts/Mont-SemiBold.ttf");
}

@font-face {
  font-family: "Mont-Bold";
  src: url("../fonts/Mont-Bold.ttf");
}

/*************/
/* FONT-SIZE */
/*************/
/* 20px */
.size20 {
  font-size: clamp(12px, 2dvw, 20px) !important;
  font-family: Mont !important;
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 16px */
.size16 {
  font-size: clamp(12px, 2vw, 16px) !important;
  font-family: Mont !important;
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 14px */
.size14 {
  font-size: clamp(10px, 2vw, 14px) !important;
  font-family: Mont !important;
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 12px */
.size12 {
  font-size: clamp(10px, 2vw, 12px) !important;
  font-family: Mont !important;
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ROOT */
:root {
  /* BLANCO */
  --colorWhite: #ffffff;

  /* GRIS */
  --colorGrey: #555555;
  --colorGreyDark: #464646;

  /* AZUL */
  --colorBlue: #1401fd;

  /* DEGRADADO NARANJA */
  --gradiantOrange: linear-gradient(94deg, #ffa600 0%, #e95d0f 100%);
}

* {
  margin: 0;
}

/* FONDO */
.background {
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  overflow: auto;
}
.align {
  margin: auto;
}

/* FORMULARIO */
.containerForm {
  background: #fff;
  box-shadow: 0px 0px 11.5px 0px rgba(20, 1, 253, 0.1) inset;
  border: 1px solid rgba(20, 1, 253, 0.07);
  border-radius: 24px;
  width: 530px;
  min-height: 464px;
  margin: 10px;
  padding: 48px 40px 40px 40px;
  box-sizing: border-box;
  text-align: center;
}

/* TITULO */
.title {
  color: var(--colorBlue);
  margin-top: 22px;
  font-family: Mont-Bold !important;
}

/* FORMULARIO */
.form {
  text-align: left;
  margin-top: 16px;

  display: grid;
  gap: 16px;
}
.check {
  margin: 14px 0;
}
.subtitle {
  margin-left: 8px;
  font-family: Mont-SemiBold !important;
  color: var(--colorGrey);
}
.text {
  margin-left: 8px;
  color: var(--colorGrey);
  font-family: Mont !important;
}

/* INPUT */
input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 0 16px;

  border-radius: 100px;
  border: 1px solid var(--colorGrey);
  box-sizing: border-box;
}
/* PLACEHOLDER */
input::placeholder {
  color: var(--colorGrey);
  font-size: clamp(10px, 2vw, 14px);
  font-family: Mont;
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* FOCUS REMOVIDO */
input:focus-visible {
  outline: none;
}
/* FIN DE INPUT */

span {
  font-style: italic !important;
  margin-left: 8px;
}

/* BOTON */
.button {
  background-color: var(--colorBlue);
  border-style: none;
  color: var(--colorWhite);
  border-radius: 100px;
  padding: 8px 16px;
  width: fit-content;
  margin: auto;
  cursor: pointer;
  text-decoration: none;
}


.containerForm {
  font-family: "Mont";
}