@font-face {
    font-family: 'interbold';
    src: url('font/inter-bold-webfont.woff2') format('woff2'),
         url('font/inter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesqueblack';
    src: url('font/acherus_grotesque_-_black-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesquebold';
    src: url('font/acherus_grotesque_-_bold-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesqueextrabold';
    src: url('font/acherus_grotesque_-_extrabold-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesquelight';
    src: url('font/acherus_grotesque_-_light-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesquemedium';
    src: url('font/acherus_grotesque_-_medium-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesqueregular';
    src: url('font/acherus_grotesque_-_regular-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acherus_grotesquethin';
    src: url('font/acherus_grotesque_-_thin-webfont.woff2') format('woff2'),
         url('font/acherus_grotesque_-_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{
  scroll-behavior: smooth;
}


main{
  margin: 7% !important;
  background: var(--fondook, linear-gradient(180deg, #F5F5F5 8.61%, #F5F5F5 21.52%, #FFF 55.72%, #F5F5F5 78.37%, #F5F5F5 95.36%));

}

.logo-index{
  text-align: center;
  padding-top: 35%;
}

.bienvenida{

}

.titulo-azul-oscuro{
  font-family: 'acherus_grotesqueextrabold';
  color: #1E425E;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;

}

.texto-azul-oscuro{
  color: #1E425E;
font-family: 'acherus_grotesquemedium';
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}

.logo-bosque{
  text-align: center;
margin-top: 10%;
}

.logo-registro{

  text-align: center;
  padding-top: 13%;
}

.logo-registro img{
  width: 60%;
}

input[type="text"], input[type="email"], input[type="tel"]{
  border-radius: 4px !important;
border: 1px solid rgba(7, 139, 0, 0.00) !important;
background: var(--magenta, #FD31FD) !important;
color: #FFF !important;
font-family: 'acherus_grotesquemedium' !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 130% !important;
text-transform: capitalize !important;
padding-left: 2% !important;
}

input[type="email"]{
  border-radius: 4px !important;
border: 1px solid rgba(7, 139, 0, 0.00) !important;
background: var(--magenta, #FD31FD) !important;
color: #FFF !important;
font-family: 'acherus_grotesquemedium' !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 130% !important;
text-transform: none !important;
padding-left: 2% !important;
}

input[type="checkbox"] {
  position: relative !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

label{
  color: var(--azulrosario, #29275A);
/* COPY MAS PEQUEÑOS */
font-family: 'acherus_grotesquemedium' !important;
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

input[type="submit"] {
  color: #FFF !important;
  font-family: 'acherus_grotesquemedium' !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
}

.btn-enviar{
border-radius: 8px;
font-family: 'acherus_grotesquemedium' !important;
background: var(--azuloscuro, #29275A);
padding: 8px 16px;
justify-content: center;
align-items: center;
color: #ffffff;


}

.enviar{
  margin-top: 6%;
}

.logo-pregunta{
  padding-top: 5%;
  text-align: center;
}

.logo-pregunta img{
  width: 60%;
}

.intro-pregunta{
margin: 5%;
padding: 5% 9% 5% 9%;


  color: var(--azuloscuro, #29275A);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 115%;
font-family: 'acherus_grotesquemedium';
text-align: center;
background-image: linear-gradient(#FD31FD, #FD31FD),
  linear-gradient(#FD31FD, #FD31FD),
  linear-gradient(#FD31FD, #FD31FD),
  linear-gradient(#FD31FD, #FD31FD);

background-repeat: no-repeat;
background-size: 29px 6px;
background-position: top left, top right, bottom left, bottom right;
border: 6px solid #FD31FD;
border-width: 0 8px;
display: inline-block;

}

.intro-pregunta span{
  color: var(--azuloscuro, #29275A);
  text-align: center;
  font-family: Acherus Grotesque;
  font-size: 14px;
  font-style: italic;
  font-weight: 1000;
  line-height: 115%; /* 16.1px */

}

.img-pregunta {
  text-align: center;
}
.img-pregunta > img:nth-child(1) {
  width: 100%;
}


.texto-pregunta{
  color: var(--azuloscuro, #29275A);
text-align: center;
font-family: 'acherus_grotesquemedium';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 16.8px */

padding: 5% 9% 5% 9%;

  border-radius: 24px;
border: 3px solid #FFF;
background: var(--cyan-2, #82F0FF);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

margin-top: -13%;
position: relative;
}

.respuestas form {
display: flex;
}

.respuestas {
  padding: 0% 10% 0% 22%;
}

.respuesta-si > button:nth-child(1) {
  padding: 15px 20px 20px 26px;
  background-color: #EF8A3A;
  border-radius: 50px 50px 50px 50px;
  font-size: 40px;
  font-family: 'acherus_grotesquemedium';
  color: #ffffff;
  cursor: pointer;
}

.respuesta-no > button:nth-child(1) {
  padding: 17px 11px 21px 14px;
  background-color: #545454;
  border-radius: 50px 50px 50px 50px;
  font-size: 40px;
  font-family: 'acherus_grotesquemedium';
  color: #ffffff;
  cursor: pointer;
}

.img-respuesta {
  text-align: center;
}

.img-respuesta img{
  width: 80%;
}

.titulo-resultado {
  text-align: center;
  color: var(--lila, #661EAE);
  text-align: center;
  font-size: 100px;
  font-style: italic;
  font-weight: 1000;
  line-height: 105%;
  letter-spacing: -10px;
  /*! box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */font-family: 'acherus_grotesqueblack';
  font-family: 'acherus_grotesqueblack';
  text-shadow: 2px 0 #FBCC00, -2px 0 #FBCC00, 0 10px #FBCC00, 0 -2px #FBCC00, 1px 1px #FBCC00, -1px -1px #FBCC00, 1px -1px #FBCC00, -1px 1px #FBCC00;
}

.texto-resultado {
  color: var(--azuloscuro, #29275A);
  text-align: center;
  /*! font-family: Acherus Grotesque; */font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  font-family: 'acherus_grotesquemedium';
  margin-top: 16px;
  margin-bottom: 16px;
}

.texto-resultado span{
  color: var(--azuloscuro, #29275A);
font-family: 'acherus_grotesquemedium';
font-size: 16px;
font-style: italic;
font-weight: 1000;
line-height: 105%;
}

.links-resultados {
  text-align: center;
}

.item-resultado{
  margin-top: 20px;

}


div.item-resultado:nth-child(1) {
  padding: 8px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 8px;
  background: var(--naranja-institucional, #EF8A3A);
  width: 70%;
  color: #FFF;
  text-align: center;
  /*! font-family: Acherus Grotesque; */font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  font-family: 'acherus_grotesqueregular';
  text-transform: capitalize;
    width: 100%;

}

div.item-resultado:nth-child(2) {
  padding: 8px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 8px;
  background: var(--azuloscuro, #29275A);
  width: 70%;
  color: #FFF;
  text-align: center;
  /*! font-family: Acherus Grotesque; */font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  font-family: 'acherus_grotesqueregular';
  text-transform: capitalize;
    width: 100%;

}

div.item-resultado:nth-child(3) {
  padding: 8px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 8px;
  background: var(--lila, #661EAE);
  width: 70%;
  color: #FFF;
  text-align: center;
  /*! font-family: Acherus Grotesque; */font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  font-family: 'acherus_grotesqueregular';
  text-transform: capitalize;
    width: 100%;

}

.item-resultado{
  display: grid;
}

.btn-blanco{
  background-color: #FFF !important;
    color: #29275A !important;
    font-size: 10px !important;
}


.respuesta button {
  border: 0 !important;
  background-color: #fff0 !important;
}


@media only screen and (min-width: 768px) {
  main{
      margin: 2% !important;
  }

  .logo-index {
  text-align: center;
  padding-top: 4%;
}

.titulo-azul-oscuro {
  font-family: 'acherus_grotesqueextrabold';
  color: #1E425E;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;

}
.texto-azul-oscuro {
  color: #1E425E;
font-family: 'acherus_grotesquemedium';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}

.btn-enviar {
border-radius: 8px;
font-family: 'acherus_grotesquemedium' !important;
background: var(--azuloscuro, #29275A);
padding: 15px 33px;
justify-content: center;
align-items: center;
color: #ffffff;
}

.logo-registro {
  text-align: center;
  padding-top: 3%;
}

.logo-registro img {
  width: 30%;
}

.formulario {
  padding-left: 15%;
  padding-right: 15%;
}

label {
  color: var(--azulrosario, #29275A);
/* COPY MAS PEQUEÑOS */
font-family: 'acherus_grotesquemedium' !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.logo-pregunta {
  padding-top: 2%;
  text-align: center;
}

.logo-pregunta img {
  width: 15%;
}

.intro-pregunta {
font-size: 16px;
margin-top: 0%;
padding: 2% 5% 2% 6%;
}

.img-pregunta > img:nth-child(1) {
  width: 27%;
}

.texto-pregunta {
  color: var(--azuloscuro, #29275A);
text-align: center;
font-family: 'acherus_grotesquemedium';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 16.8px */

padding: 2% 3% 2% 6%;

  border-radius: 24px;
border: 3px solid #FFF;
background: var(--cyan-2, #82F0FF);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

margin-top: -4%;
margin-left: 20%;
margin-right: 20%;
position: relative;
  /*! margin-top: ; */
}

.respuestas {
  padding: 0% 9% 3% 27%;
}

.img-respuesta img {
  width: 20%;
}

.titulo-resultado {
  text-align: center;
  color: var(--lila, #661EAE);
  text-align: center;
  font-size: 77px;
  font-style: italic;
  font-weight: 1000;
  line-height: 105%;
  letter-spacing: -10px;
  /*! box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */font-family: 'acherus_grotesqueblack';
  font-family: 'acherus_grotesqueblack';
  text-shadow: 2px 0 #FBCC00, -2px 0 #FBCC00, 0 10px #FBCC00, 0 -2px #FBCC00, 1px 1px #FBCC00, -1px -1px #FBCC00, 1px -1px #FBCC00, -1px 1px #FBCC00;
}

.texto-resultado {

font-size: 20px;
}

.pregunta {
text-align: center;
}

@media only screen and (min-width: 768px) {
  main{
      margin: 2% !important;
  }

  .logo-index {
  text-align: center;
  padding-top: 4%;
}

.titulo-azul-oscuro {
  font-family: 'acherus_grotesqueextrabold';
  color: #1E425E;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;

}
.texto-azul-oscuro {
  color: #1E425E;
font-family: 'acherus_grotesquemedium';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}

.btn-enviar {
border-radius: 8px;
font-family: 'acherus_grotesquemedium' !important;
background: var(--azuloscuro, #29275A);
padding: 15px 33px;
justify-content: center;
align-items: center;
color: #ffffff;
}

.logo-registro {
  text-align: center;
  padding-top: 3%;
}

.logo-registro img {
  width: 30%;
}

.formulario {
  padding-left: 15%;
  padding-right: 15%;
}

label {
  color: var(--azulrosario, #29275A);
/* COPY MAS PEQUEÑOS */
font-family: 'acherus_grotesquemedium' !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.logo-pregunta {
  padding-top: 2%;
  text-align: center;
}

.logo-pregunta img {
  width: 15%;
}

.intro-pregunta {
font-size: 16px;
margin-top: 0%;
padding: 2% 5% 2% 6%;
}

.img-pregunta > img:nth-child(1) {
  width: 27%;
}

.texto-pregunta {
  color: var(--azuloscuro, #29275A);
text-align: center;
font-family: 'acherus_grotesquemedium';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 16.8px */

padding: 2% 3% 2% 6%;

  border-radius: 24px;
border: 3px solid #FFF;
background: var(--cyan-2, #82F0FF);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

margin-top: -4%;
margin-left: 20%;
margin-right: 20%;
position: relative;
  /*! margin-top: ; */
}

.respuestas {
  padding: 0% 9% 3% 27%;
}

.img-respuesta img {
  width: 20%;
}

.titulo-resultado {
  text-align: center;
  color: var(--lila, #661EAE);
  text-align: center;
  font-size: 77px;
  font-style: italic;
  font-weight: 1000;
  line-height: 105%;
  letter-spacing: -10px;
  /*! box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */font-family: 'acherus_grotesqueblack';
  font-family: 'acherus_grotesqueblack';
  text-shadow: 2px 0 #FBCC00, -2px 0 #FBCC00, 0 10px #FBCC00, 0 -2px #FBCC00, 1px 1px #FBCC00, -1px -1px #FBCC00, 1px -1px #FBCC00, -1px 1px #FBCC00;
}

.texto-resultado {

font-size: 20px;
}
@media only screen and (min-width: 768px) {
  main{
      margin: 2% !important;
  }

  .logo-index {
  text-align: center;
  padding-top: 4%;
}

.titulo-azul-oscuro {
  font-family: 'acherus_grotesqueextrabold';
  color: #1E425E;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: normal;

}
.texto-azul-oscuro {
  color: #1E425E;
font-family: 'acherus_grotesquemedium';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}

.btn-enviar {
border-radius: 8px;
font-family: 'acherus_grotesquemedium' !important;
background: var(--azuloscuro, #29275A);
padding: 15px 33px;
justify-content: center;
align-items: center;
color: #ffffff;
}

.logo-registro {
  text-align: center;
  padding-top: 3%;
}

.logo-registro img {
    width: 24%;
}

.formulario {
  padding-left: 25%;
  padding-right: 25%;
}

label {
  color: var(--azulrosario, #29275A);
/* COPY MAS PEQUEÑOS */
font-family: 'acherus_grotesquemedium' !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.logo-pregunta {
  padding-top: 2%;
  text-align: center;
}

.logo-pregunta img {
  width: 15%;
}

.intro-pregunta {
font-size: 16px;
margin-top: 0%;
padding: 2% 5% 2% 6%;
}

.img-pregunta > img:nth-child(1) {
    width: 32%;
}

.texto-pregunta {
  color: var(--azuloscuro, #29275A);
text-align: center;
font-family: 'acherus_grotesquemedium';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 16.8px */

  padding: 2% 1% 2% 1%;

  border-radius: 24px;
border: 3px solid #FFF;
background: var(--cyan-2, #82F0FF);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

margin-top: -4%;
margin-left: 20%;
margin-right: 20%;
position: relative;
  /*! margin-top: ; */
}

.respuestas {
  padding: 0% 9% 3% 27%;
}

.img-respuesta img {
  width: 20%;
}

.titulo-resultado {
  text-align: center;
  color: var(--lila, #661EAE);
  text-align: center;
  font-size: 77px;
  font-style: italic;
  font-weight: 1000;
  line-height: 105%;
  letter-spacing: -10px;
  /*! box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */font-family: 'acherus_grotesqueblack';
  font-family: 'acherus_grotesqueblack';
  text-shadow: 2px 0 #FBCC00, -2px 0 #FBCC00, 0 10px #FBCC00, 0 -2px #FBCC00, 1px 1px #FBCC00, -1px -1px #FBCC00, 1px -1px #FBCC00, -1px 1px #FBCC00;
}

.texto-resultado {

font-size: 20px;
}

.logo-bosque {
  text-align: center;
  margin-top: 3%;
}

}