@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap");
section {
  color: #000;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
section .centrado {
  max-width: 1250px;
}
section .centrado.scroll_anim > * {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  -webkit-transform: translateX(25vw);
      -ms-transform: translateX(25vw);
          transform: translateX(25vw);
}
section .centrado.scroll_anim > *:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
section .centrado.scroll_anim > *:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
section .centrado.scroll_anim > *:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
section .centrado.scroll_anim > *:nth-child(5) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
section .centrado.scroll_anim > *:nth-child(6) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
section .centrado.scroll_anim > *:nth-child(7) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
section .centrado.scroll_anim > *:nth-child(8) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
section .centrado.scroll_anim > *:nth-child(9) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
section .centrado.scroll_anim.show > * {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
section .principal img, section .principal picture {
  display: block;
  width: 100%;
}
section h1 {
  text-align: left;
}
section h2 {
  font-size: 6.8em;
  font-size: calc(35px + 33 * (100vw - 320px) / 1600);
  font-weight: 400;
  margin: 0 0 0.6em;
}
section h2:before {
  display: none;
}
section h2 span:before {
  content: "/";
  display: inline-block;
  margin: 0 0.25em 0 1px;
}
section h3 {
  font-size: 6em;
  font-size: calc(30px + 30 * (100vw - 320px) / 1600);
  font-weight: 500;
  margin: 0 0 0.6em;
}
section h3 span:before {
  content: "/";
  display: inline-block;
  margin: 0 0.25em 0 1px;
}
section h4 {
  font-size: 3.6em;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.2em;
}
section p {
  font-size: 2.3em;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1.8em;
}
section p a {
  text-decoration: underline;
  color: #000;
}
section .contenedor_video {
  position: relative;
  overflow: hidden;
}
section video {
  display: block;
  width: 100%;
  height: 100%;
}
section .botones {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2em 0 0;
  margin-bottom: 6em;
}
section .botones a {
  font-weight: 700;
  color: #000;
  font-size: 2.2em;
  min-width: 16em;
  padding-right: 2em;
  padding-left: 2em;
  margin-right: 0.75em;
  margin-left: 0.75em;
  background-color: #FCBC0F;
}
.no-touch section .botones a:hover {
  color: #FFF;
  background-color: #000;
}
section .botones input {
  font-weight: 700;
  color: #FFF;
  font-size: 2.2em;
  min-width: 16em;
  border: none;
  background: #FCBC0F;
  cursor: pointer;
}
.no-touch section .botones input:hover {
  color: #FFF;
  background-color: #000;
}
section .respuesta_ingeniosa {
  padding: 2em 0 0;
}
section .respuesta_ingeniosa h3 {
  font-weight: 400;
  font-size: 4.5em;
  font-size: calc(25px + 20 * (100vw - 320px) / 1600);
  margin-bottom: 0.1em !important;
}
section .respuesta_ingeniosa h3:before {
  float: none;
  display: inline-block;
}
section .respuesta_ingeniosa p {
  font-size: 3em;
  line-height: 1.2;
  font-weight: 300;
  margin: 0 0 0.8em;
}
section .respuesta_ingeniosa textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 94%;
  max-width: 1096px;
  min-height: 12em;
  font-size: 2em;
  font-family: inherit;
  border: 1px solid #b9b9b9;
  padding: 1em 3%;
  background: #FFF;
  margin: 0 auto 1.5em;
}
section .respuesta_ingeniosa .nota {
  max-width: 1096px;
  font-size: 1.8em;
  margin: 0 auto 3.5em;
}
section .enviando .enviar {
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  pointer-events: none;
  background: url(img/loading.svg) no-repeat right center #000;
  background-size: contain;
}
section .info a {
  font-weight: 700;
  text-decoration: underline;
}
section .bloque {
  position: relative;
  margin: 0 0 10em;
}
section .ancla_container {
  position: relative;
}
section .target_ancla {
  position: absolute;
  top: -10em;
}
section .titular {
  font-family: "Gochi Hand", cursive;
}
section .titular h2 {
  color: #FCBC0F;
  font-size: 10em;
  font-size: calc(40px + 60 * (100vw - 320px) / 1600);
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.12em;
}
section .titular h2 span::before {
  display: none;
}
section .titular h3 {
  font-size: 6em;
  font-size: calc(27px + 28 * (100vw - 320px) / 1600);
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 0.8em;
}
section .introduccion {
  margin-bottom: 0;
}
section .introduccion .centrado {
  padding-top: 5.5em;
  padding-bottom: 2.5em;
}
section .back-color {
  color: #000;
  padding: 6em 0 3em;
  background-color: #FCBC0F;
}
section .back-color a {
  color: #000;
}
section .como-participar {
  padding: 9em 0 4em;
}
.pt section .como-participar .centrado {
  max-width: 1400px;
}
section .como-participar p {
  font-size: 3.5em;
  margin-bottom: 1.2em;
}
section .como-participar .nota {
  font-size: 2.5em;
  line-height: 1.9;
  margin: -2em 0 1.2em;
}
section .como-participar a {
  font-weight: 700;
}
section .como-participar a:hover {
  color: #FFF;
}
section .como-participar .botones {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2em;
}
section .como-participar .botones a {
  color: #FCBC0F;
  background-color: #000;
}
.no-touch section .como-participar .botones a:hover {
  color: #000;
  background: #FFF;
}
section .pasos {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 1.5;
  padding: 1em 0 6em;
}
section .pasos .col {
  -ms-flex-preferred-size: 26%;
      flex-basis: 26%;
}
section .pasos .col:nth-child(2) {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
section .pasos .num {
  font-size: 7em;
  font-size: calc(46px + 24 * (100vw - 320px) / 1600);
  line-height: 1;
  font-weight: 600;
  margin-bottom: 0.1em;
}
section .pasos span {
  display: block;
  font-size: 2.5em;
}
section .pasos a {
  text-decoration: underline;
}
.pt section .pasos .col {
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
}
.pt section .pasos .col:nth-child(2) {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
}
.pt section .pasos .col:nth-child(3) {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}
.pt section .pasos .col:nth-child(4) {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
section .b-3 h2 {
  text-align: center;
  margin-bottom: 1.7em;
}
section .b-3 h2:before {
  display: inline-block;
  float: none;
}
section .b-4 {
  text-align: center;
  margin-bottom: 0;
}
section .b-4 h3 {
  margin-bottom: 0.36em;
}
section .b-4 .botones {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section .segmento {
  font-weight: 700;
}
.friend section .segmento {
  color: #012456;
}
.fan section .segmento {
  color: #00411A;
}
.lover section .segmento {
  color: #551B1B;
}
section .experiencias .pie .texto {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.6em;
  margin-bottom: 0.5em;
}
section .experiencias .pie img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
}
section .experiencia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  margin: 0 0 10em;
}
section .experiencia.scroll_anim > * {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
}
section .experiencia.show > * {
  opacity: 1;
}
section .experiencia:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
section .experiencia:nth-of-type(even) .col-img {
  margin: 0 0 0 5em;
}
section .experiencia .col-img {
  display: block;
  margin-right: 5em;
}
section .experiencia .col-img img {
  display: block;
  max-width: 100%;
}
section .experiencia .col-text {
  -ms-flex-preferred-size: 40.7%;
      flex-basis: 40.7%;
}
section .experiencia h3 {
  margin-bottom: 0.2em;
}
section .experiencia h3::before {
  content: "/";
  display: inline-block;
  margin-right: 0.1em;
}
section .experiencia p {
  line-height: 1.3;
  margin-bottom: 0;
}
section .experiencia.e-2 .descripcion {
  max-width: 480px;
  margin-left: auto;
}
section .dudas {
  padding: 8em 0 4em;
}
section .dudas a {
  text-decoration: underline;
  font-weight: 700;
}
section .dudas p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
section .dudas p a {
  white-space: nowrap;
}
section .opciones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.5em 0 0;
  margin: 0 0 5em;
}
.pt section .opciones {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section .opcion {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
}
.pt section .opcion {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  margin: 0 1em;
}
section .selector .topo {
  display: block;
  position: relative;
  max-width: 28em;
  margin-bottom: 2.6em;
  border: 0.4em solid #C4C4C4;
  border-radius: 100%;
  margin: 0 auto 3em;
  background: #FFF;
}
section .selector .topo:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
section .selector .topo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section .selector .topo .on {
  display: none;
}
.no-touch section .selector a:hover {
  border-color: #000;
  background: #000;
}
.no-touch section .selector a:hover .on {
  display: block;
}
.no-touch section .selector a:hover .off {
  display: none;
}
section .selector.seleccionado .topo {
  border-color: #636363 !important;
  background: #FCBC0F !important;
}
section .selector.seleccionado .topo .on {
  display: block;
}
section .selector.seleccionado .topo .off {
  display: none;
}
section .op-2 .selector .topo img {
  top: 42%;
  width: 66%;
}
section .op-3 .selector .topo img {
  top: 46%;
  width: 70%;
}
section .total {
  max-width: 30em;
  font-size: 2.5em;
  font-weight: 500;
  color: #636363;
  margin: 0 auto;
}
section .aceptar {
  font-size: 2em;
  font-weight: 500;
  color: #000;
  margin: 0 0 1em 0;
}
section .aceptar input {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
}
section .aceptar a {
  color: #000;
  text-decoration: underline;
  font-weight: 700;
}
section .error {
  color: #e6131c;
}
section .gracias {
  display: none;
}
section .gracias .txt {
  margin-bottom: 0;
}
section .gracias .nombre {
  font-size: 6em;
  font-size: calc(35px + 30 * (100vw - 320px) / 1600);
  color: #636363;
  font-weight: 500;
}
section .gracias .mensaje {
  font-size: 6em;
  font-size: calc(35px + 30 * (100vw - 320px) / 1600);
  color: #636363;
  font-weight: 500;
  margin-bottom: 0.2em;
}
section .gracias .mensaje2 {
  font-size: 4.5em;
  font-size: calc(19px + 16 * (100vw - 320px) / 1600);
  color: #636363;
  font-weight: 500;
  margin-bottom: 1.2em;
}
section .gracias .seleccion {
  font-size: 4.5em;
  font-size: calc(20px + 18 * (100vw - 320px) / 1600);
  color: #FCBC0F;
  font-weight: 500;
  margin-bottom: 0.5em;
}
section .gracias .recordatorio {
  font-size: 4.5em;
  font-size: calc(16px + 14 * (100vw - 320px) / 1600);
  color: #636363;
  font-weight: 500;
  margin-bottom: 1em;
}
section .gracias a {
  text-decoration: underline;
  font-weight: 600;
}
section .gracias .opciones {
  margin-bottom: 4em;
}
section .gracias .selector .topo {
  background: #FCBC0F;
  border-color: #FCBC0F;
}
section .participar {
  padding: 8em 0 3em;
  background: #F2F2F2;
}
section .participar h2,
section .participar h3,
section .participar p {
  color: #636363;
}
section .participar h3 {
  margin-bottom: 1em;
}
.pt section .participar .centrado {
  max-width: 1400px;
}
section .gracias {
  padding: 8em 0 3em;
  background: #F2F2F2;
}
.pt section .gracias .centrado {
  max-width: 1400px;
}
section .avisos {
  font-weight: 600;
  font-size: 2.5em;
  margin: -1em auto 2.5em;
}
section .avisos .error {
  color: #e6131c;
  display: none;
}
section .c_legal {
  text-align: left;
  padding-bottom: 2em;
  margin-bottom: 4em;
}
section .c_legal h2:before,
section .c_legal h3:before {
  display: none;
}
section .c_legal h2 {
  font-size: 3em;
  line-height: 1.2;
  font-weight: 400;
  border-bottom: 1px solid #000;
  margin: 2.5em 0 1.2em;
}
section .c_legal li ul {
  padding-top: 1em;
  margin: 0 0 1.5em 0;
}
section .c_legal li li {
  font-size: 1em;
  list-style: disc;
}
section .c_legal ol > li {
  list-style: decimal;
  margin-left: 1.8em;
}
section .c_legal a {
  color: #333;
  text-decoration: underline;
}
section .c_legal table {
  width: 100%;
}
section .c_legal table th {
  font-weight: 700;
  padding: 1em;
  background: #FFF;
}
section .c_legal .lista-letras > li {
  list-style: upper-latin;
}
section .ganadores {
  padding: 10em 0;
  margin-bottom: 5em;
}
section .ganadores h2 {
  margin-bottom: 0.2em;
}
section .ganadores h2:before {
  display: inline;
  float: none;
  content: "/";
}
section .ganadores h3 {
  margin-bottom: 1em;
}
section .ganadores .fila {
  margin: 10em 0;
}
section .ganadores .columnas {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
section .ganadores .columnas .col {
  position: relative;
  padding-top: 17em;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
section .ganadores .columnas .col img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  max-width: 100%;
  margin: 0 auto 2em;
}
section .ganadores ol {
  display: inline-block;
  text-align: left;
}
section .ganadores ol li {
  list-style: decimal;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.3;
  padding-left: 0.2em;
  margin: 0 0 0.3em 1.4em;
}
.pt section .ganadores .columnas {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pt section .ganadores .columnas .col {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  margin: 0 2em;
}

@media screen and (min-width: 1920px) {
  section h2 {
    font-size: 6.8em;
  }
  section h3 {
    font-size: 6em;
  }
}
@media screen and (max-width: 1333px) {
  section .experiencia .col-img {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
  section .experiencia .col-text {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media screen and (max-width: 960px) {
  section .experiencia {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 480px;
    margin: 0 auto 8em;
  }
  section .experiencia:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section .experiencia h3 {
    margin-bottom: 0.5em;
  }
  section .experiencia .col-text {
    text-align: center;
  }
  section .experiencia .col-img {
    margin: 0 -2.1em 3em !important;
  }
}
@media screen and (max-width: 720px) {
  section p {
    line-height: 1.4;
    margin-bottom: 1.5em;
  }
  section .bloque {
    margin: 0 0 5em;
  }
  section .nota {
    line-height: 1.4;
    margin-bottom: 1.6em;
  }
  section .botones {
    margin-bottom: 4em;
  }
  section .botones a {
    min-width: 13em;
  }
  section .introduccion {
    margin-bottom: 0;
  }
  section .b-3 h2 {
    margin-bottom: 0.8em;
  }
  section .b-4 {
    margin-bottom: 0;
  }
  section .pasos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 1em;
  }
  section .pasos .col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 340px;
    margin: 2.5em 0 4em;
  }
  section .pasos .num {
    margin-bottom: 0.2em;
  }
  section .como-participar p {
    font-size: 3em;
  }
  section .como-participar .nota {
    margin-top: -1.4em;
  }
  section .experiencias {
    margin-bottom: 6em;
  }
  section .experiencias .botones {
    padding-top: 0;
    margin-top: -2em;
  }
  section .experiencia {
    margin-bottom: 8em;
  }
  section .experiencia:nth-of-type(odd) .header_experiencia {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
  }
  section .experiencia:nth-of-type(odd) .header_experiencia h3 {
    margin: 0.4em 0 0;
  }
  section .participar .botones {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section .participar .botones a {
    margin-bottom: 1em;
  }
  section .opciones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  section .opcion {
    width: 90%;
    max-width: 300px;
    margin: 0 auto 3em !important;
  }
  section .opcion .topo {
    margin-bottom: 0;
  }
  section .gracias .opciones {
    margin-bottom: 0;
  }
  section .ganadores .fila {
    margin: 8em 0 2em;
  }
  section .ganadores .columnas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section .ganadores .columnas .col {
    padding-top: 21em;
    margin-bottom: 6em !important;
  }
  section .respuesta_ingeniosa textarea {
    width: 100%;
  }
}
@media screen and (max-width: 460px) {
  section .botones a {
    letter-spacing: 0;
  }
}/*# sourceMappingURL=estilos.css.map */