@charset "utf-8";
:root {
  --color-celeste     : #489AC4;
  --color-celeste-op  : rgb(72 154 196 / 0.76);
  --color-azul        : #0B2558;
  --color-azul-oscuro : #021B42;
  --color-blanco      : #FFF;
}

.color-blanco {color : var(--color-blanco) !important;}

.color-celeste {color : var(--color-celeste) !important;}

.color-azul {color : var(--color-azul) !important;}

.color-azul-oscuro {color : var(--color-azul-oscuro) !important;}

.bg-blanco {background-color : var(--color-blanco) !important;}

.bg-celeste {background-color : var(--color-celeste) !important;}

.bg-azul {background-color : var(--color-azul) !important;}

.bg-azul-oscuro {background-color : var(--color-azul-oscuro) !important;}

.border-blanco {border-color : var(--color-blanco) !important;}

.border-celeste {border-color : var(--color-celeste) !important;}

.border-azul {border-color : var(--color-azul) !important;}

.border-azul-oscuro {border-color : var(--color-azul-oscuro) !important;}

body {
  font-family : 'colour_sansregular', sans-serif;
}

.fw-bold {
  font-family : 'colour_sansbold', sans-serif;
}

textarea {
  resize      : none;
  form-sizing : content;
  min-height  : 1em;
}

/** ajustes solo para ios **/
@supports (-webkit-overflow-scrolling: touch) {
  /*
    Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
    http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
  */
  select, textarea, input {
    font-size : 16px !important;
  }

  /** reseteo apariencia de botones ios **/
  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;
  }
}

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

/*---- aspectRatios ----*/
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio168,
.aspectRatio167,
.aspectRatio166,
.aspectRatio165,
.aspectRatio164 {
  position : relative;
}

:is(
  .aspectRatio43,
   .aspectRatio1,
   .aspectRatio169,
   .aspectRatio168,
   .aspectRatio167,
   .aspectRatio166,
   .aspectRatio165,
   .aspectRatio164):before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
}

.aspectRatio168:before {
  padding-top : calc((8 / 16) * 100%);
}

.aspectRatio167:before {
  padding-top : calc((7 / 16) * 100%);
}

.aspectRatio166:before {
  padding-top : calc((6 / 16) * 100%);
}

.aspectRatio165:before {
  padding-top : calc((5 / 16) * 100%);
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

:is(input[type=password],input[type=text]).verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}

:is(input[type=password],input[type=text]).incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;
}

.paginacion span,
.paginacion a {
  color            : #FFF;
  text-decoration  : none;
  margin           : 5px;
  background-color : #658582;
  padding          : 5px 10px;
  transition       : .5s;
}

.paginacion a:hover,
.paginacion span {
  background-color : #FFF !important;
  color            : #658582;
  transition       : .5s;
}

.paginacion span {
  border : 1px solid #658582;
}

.owl-nav {
  position : absolute;
  bottom   : 29px;
  left     : 0;
}

.owl-prev, .owl-next {
  background-color : #333 !important;
}

.owl-dots {
  position : absolute;
  bottom   : 0;
}

#cboxTitle {
  position   : absolute;
  top        : -22px;
  left       : 0;
  color      : #EEE;
  background : #FFF;
  padding    : 0 5px 0 5px;
  font-size  : 14px;
}

#cboxTitle .btnGoFullScreen {
  color : #333;
}

:is(textarea,select,input)[data-validation-engine^="validate[required"] {
  background-color : #FFE8E8;
}

.w-1 {width : 1px;}

.min-height-100-view-port {min-height : 100vh;}

.min-width-100-view-port {min-width : 100vw;}

div.background-site {
  background-image    : url('https://sedeinca.b-cdn.net/imagenes/fondo-desktop.png');
  background-repeat   : no-repeat;
  background-position : top center;
  background-size     : cover;
  position            : fixed;
  top                 : 0;
  left                : 0;
  width               : 100vw;
  height              : 100vh;
  z-index             : 1;
}

.btnRegistraAqui {
  background-color   : var(--color-azul);
  color              : var(--color-blanco);
  border             : none;
  padding            : 1em 2em;
  font-size          : 1.5rem;
  border-radius      : 0 20px 0 20px;
  box-shadow         : -26px 24px 55px -31px rgba(255, 255, 255, 0.75) inset;
  -webkit-box-shadow : -26px 24px 55px -31px rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow    : -26px 24px 55px -31px rgba(255, 255, 255, 0.75) inset;
  line-height        : 1lh;
  display            : inline-block;
  transition         : .5s;
}

.btnRegistraAqui:hover {
  background-color   : var(--color-blanco);
  color              : var(--color-azul);
  box-shadow         : -26px 24px 55px -31px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow : -26px 24px 55px -31px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow    : -26px 24px 55px -31px rgba(0, 0, 0, 0.75) inset;
  transition         : .5s;
}

b, strong {font-family : 'colour_sansbold', sans-serif;}

.btnRegistraAqui span {color : var(--color-celeste);}

.btnVerBasesCondiciones {
  background-color : var(--color-celeste);
  color            : var(--color-azul) !important;;
  border           : 1px solid var(--color-azul);
  padding          : .6em 2em;
  border-radius    : 0 00px 0 50px;
  line-height      : 1lh;
  display          : inline-block;
  text-decoration  : none;
  transition       : .5s;
}

.btnVerBasesCondiciones:hover {
  transition       : .5s;
  background-color : var(--color-azul);
  color            : var(--color-blanco) !important;;
}

.bg-gradient-1 {
  /*background : linear-gradient(0deg, rgba(0, 0, 0, 0) 70%, #FFF 100%);*/
  /*background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 70%, #FFF 100%);*/
  /*background : -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 70%, #FFF 100%);*/
}

.wrapper-info {
  z-index : 1;
}

.cont-form {
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100vh;
  background : var(--color-celeste-op);
  z-index    : 2;
}

#formRegistro {
  background-color : var(--color-azul);
  color            : var(--color-blanco);
  border-radius    : 50px 0 50px 0;
  padding          : 27px 46px;
  max-width        : 600px;
}

#formRegistro input:is([type=email],[type=number],[type=text],[type=file]) {
  background-color : var(--color-celeste);
  border-radius    : 0;
  border           : none;
}

.gracias {
  background-color : var(--color-azul);
  color            : var(--color-blanco);
  border-radius    : 50px 0 50px 0;
  padding          : 25px;
}

.btnEnviar {
  border-radius : 0;
}

.logo-inca {
}

@media (min-width : 576px) {
  /*--sm--*/
  .aspectRatio-sm-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 768px) {
  .logo-inca {
    max-height : 10em;
  }

  .lali-desktop {
    position : fixed;
    left     : 0;
    bottom   : 0;
  }

  .lali-desktop img {
    height : 100vh;
  }

  .wrapper-info > .container-fluid {
    min-height : 100vh;
  }

  .btns-desktop {
    position : absolute;
    top      : 50%;
    left     : 0;
    z-index  : 3;
    width    : 100%;
    /*transform : translateY(-50%);*/
  }

  .btnRegistraAqui {
    font-size   : 2.5rem;
    line-height : 1.4lh;
  }

  .disclaimer {
    position    : absolute;
    bottom      : 0;
    left        : 0;
    z-index     : 3;
    width       : 100%;
    line-height : 1lh;
  }

  .premios-desktop {
    position      : absolute;
    right         : 0;
    top           : 50%;
    transform     : translateY(-40%);
    padding-right : 3vw;
  }

  .premios-desktop img {
    height     : 100vh;
    max-height : 575px;
  }

  /*--md--*/
  .aspectRatio-md-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 992px) {
  div.background-site {

    background-position : top left;

  }
  /*--lg--*/
  .aspectRatio-lg-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 1200px) {
  /*--xl--*/
  .aspectRatio-xl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 1400px) {
  /*--xxl--*/
  .aspectRatio-xxl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (max-height : 885px) {
  .premios-desktop {
    top           : 50%;
    transform     : translateY(-30%);
    padding-right : 5vw;
  }

  .premios-desktop img {
    max-height : 325px;
  }
}