:root{ 
  --padLados:15px;
  --wThin:100;
  --wXLight:200;
  --wLight:300;
  --wRegular:400;
  --wMedium:500;
  --wSemiBold:600;
  --wBold:700;
  --wXBold:800;
  --wXBlack:900;
  --blanco:#fdfdfd;
  --blancoMed:#dadada;
  
  --darkMorado:#382e3b;
  --negro:#151515;
  --anchoW:100vw;
  --radio:100px;
  --altoHero:100vh;
  --clipVideo:50%;
  /* --dark:#262626; */
  --col101010: #101010;
  --dark:#1f1f1f;
  --grisDark:#3c3c3c;
  --casiDark: #434343;
  --grisMed:#ababab;
  --grisMedDark:#4d4d4d;
  --grisMedLight:#757575;
  --grisMedLight2:#303030;
  --grisLight:#b6b6b6;
  --grisLightNu:#b6b6b6;
  --grisLight:#eeeeee;
  --grisLightest:#f4f4f4;
  --grisTexto :#dadada;
  --colorBack:rgba(220, 230, 230, 1);
  --naranja:#ff8000;
  --swiper-pagination-color:var(--naranja) !important;
  --swiper-theme-color:var(--naranja) !important;
  --offset:100vw;
  --tamDesta:clamp(1rem, 0.8864rem + 0.5682vw, 1.18rem);
  --tamNormal:1rem;
  --tam16-20:clamp(1rem, 0.9091rem + 0.4545vw, 1.25rem);
 
  --tam16-18:clamp(1rem, 0.9545rem + 0.2273vw, 1.125rem);
 
  --move-initial:calc(-25% + var(--offset));
  --move-final:calc(-50% + var(--offset));
  --bezier:cubic-bezier(.84,1.24,.82,.81);
  --bs-link-hover-color-rgb:var(--naranja);
  --bs-link-color-rgb:var(--naranja);

  --lado:15px;
  
  }
  
  .back-dark101010, .back-col101010{
    background-color: var(--col101010);
  }
  
  .back-gradient-grisDark{
    background: rgb(31,31,31);
    background: linear-gradient(90deg, rgba(31,31,31,1) 0%, rgba(45,7,6,1) 100%);
  }
  .back-caja-dark{
    background-color: #1f1f1f;
    /* border:1px solid #2d0706; */
    border-radius: 24px ;
    padding: 24px;
  
    @media screen and (min-width:768px) {
      
      padding: 50px 32px;
  
    }
    @media screen and (min-width:1024px) {
      
      padding: 75px 50px;
  
    }
  
  }
  
  .pb-0{
    padding-bottom: 0;
  }
  
  .h-100svh{
    min-height: 100svh;;
  }

  .min-70svh{
    min-height: 70svh;;
  }

  .min-lg-70svh{
    min-height: 40svh;;
    @media screen and (min-width:1024px) {
      min-height: 60svh;;
    }
    @media screen and (min-width:1200px) {
      min-height: 70svh;;
    }

  }
  

/* 360 - 1280 */

  .f24-48,   .f24-48 *{
    font-size: clamp(1.5rem, 1.0165rem + 1.9835vw, 3rem);
    line-height: 1;
  }
  
  .f32-64, .f32-64 *{
    font-size: clamp(2rem, 1.3554rem + 2.6446vw, 4rem);
    line-height: 1;
  }

  .f16-20{
    font-size: clamp(1rem, 0.9194rem + 0.3306vw, 1.25rem);
  }

  .f16-24{
    font-size: clamp(1rem, 0.8043rem + 0.8696vw, 1.5rem);;
  }


  .f20-36 ,  .f20-36 *{
    font-size: clamp(1.25rem, 0.8587rem + 1.7391vw, 2.25rem);
  }

  .f20-32 ,  .f20-32 *{
    font-size: clamp(1.25rem, 0.9565rem + 1.3043vw, 2rem);;
  }

  .f20-28 ,  .f20-28 *{
    font-size: clamp(1.25rem, 1.0543rem + 0.8696vw, 1.75rem);
    line-height: clamp(1.4rem, 0.9696rem + 1.913vw, 2.5rem);
 
  }

    
  .fw-200{
    font-weight: 200;
  }
  
  
  .fw-300{
    font-weight: 300;
  }
  

  .fw-400{
    font-weight: 400;
  }
  

.mb-50{
  margin-bottom: 50px;
}

  .f-titdesp, .f-titdesp *  {

  font-size: calc(1.3rem + .6vw);
  }


.flex-md-row{
  @media screen and (min-width:768px){
    flex-direction: row;
  }
}

  
  .f1rem{
    font-size: 1rem;
  }
   

.m-l-r-auto{
  margin-left: auto;
  margin-right: auto;
}

  
  .ml-1{ 
  margin-left:calc(1*var(--padLados))
  
  }
  
  
  .ml-2{ 
  margin-left:calc(2*var(--padLados))
  
  }
  
  ul,ol{ 
  padding-left:0
  }
  
  .t-center{ 
  text-align:center!important
  }
  a{ 
  color:var(--naranja)
  
  }
  

  
    .col-12{
      @media screen and (max-width:960px) {

        padding-left: 0 !important;
        padding-right: 0 !important;
        
      }
    }


    .col-imagen{
      @media screen and (max-width:960px) {
        order: -1;
      }
    }

    .col-info{
      @media screen and (max-width:960px) {

        margin-top:50px;
        
      }
    }
  
  .justify-space-between{ 
  justify-content:space-between
  }
  
  .col-dark,  .col-dark *{ 
  color:var(--dark)
  
  }
  
  
  .col-grisDark, .col-grisDark * { 
  color:var(--grisDark)
  
  }
  
  
  .color-blanco, .col_blanco, .col-blanco{ 
  color:var(--blanco) !important
  
  }
  
  
  .col-grisMedDark{ 
  color:var(--grisMedDark)
  
  }
  
  
  .col-grisMed{ 
  color:var(--grisMed)
  
  }

 
  
  .col-blancoMed{ 
    color:var(--blancoMed)  !important;
    }
  
  .col-grisLight{ 
  color:var(--grisLight) 
  }
  
  .col_naranja, .col-naranja{ 
    color:var(--naranja) !important; 
  }
  
  .col_naranja *, .col-naranja *{ 
    color:var(--naranja) !important; 
  }
  
  
  .col-grisTexto, 
  .col-grisTexto *{
    color:var(--grisTexto);
  }
  
  .back_gris_lightest, .back-gris-lightest{ 
  background-color:var(--grisLightest)
  
  }
  
  
  .back_gris_light, .back-gris-light{ 
  background-color:var(--grisLight)
  
  }
  
  
  .back_gris_med, .back-gris-med{ 
  background-color:var(--grisMed)
  
  }
  
  .back-blanco{
    background-color:white;
  }
  
  .back_deg{ 
  background:#2d2d2d;
  background:linear-gradient(135deg,rgb(45 45 45) 0%,rgb(45 45 45 / .25) 100%)
  
  }
  
  .back-casiDark{
  
    background-color: var(--casiDark);;
  
  }
  
  .back-dark{
    background-color: var(--dark);
  }
  
  .back_black{ 
  background-color:#000000!important
  }
  
  .t-16-18{ 
  font-size:var(--tam16-18)
  
  }
  
  .col-xxl-2b{
    margin-bottom: 25px;
    @media screen and (min-width:1280px){
   width: 14%;
  
    }
   
  }
  
  
  .padding-section{
    padding-top: 100px;;
    padding-bottom: 100px;
  
    @media screen and (min-width: 768px) {
  
      padding-top: 150px;;
    padding-bottom: 150px;
      
    }
  
    @media screen and (min-width: 960px) {
  
      padding-top: 250px;;
    padding-bottom: 250px;
      
    }
  }
  
  .padding-hor{ 
  padding-right:calc(var(--padLados) *1);
  padding-left:calc(var(--padLados) *1)
  
  }
  
  @media screen and (max-width:768px){ 
  .padding_med{ 
  padding-left:var(--padLados)!important;
  padding-right:var(--padLados)!important
  }
  
  }
  @media screen and (min-width:768px){ 
  .padding_med{ 
  padding-left:calc(2 * var(--padLados))!important;
  padding-right:calc(2 * var(--padLados))!important
  }
  
  }
  
  .galeria_videos{ 
  max-width:var(--anchoW)!important;
  overflow-x:hidden
  }
  
  .swiper_videos_cont{ 
  max-width:var(--anchoW)!important
  }
  
  .swiper_videos_cont{ 
  overflow-x:hidden
  }
  
  .swiper-wrapper-videos{ 
  padding-top:calc(1 * var(--padLados))!important;
  padding-bottom:calc(3 * var(--padLados))!important
  }
  
  .swiper-pagination-video{ 
  position:relative;
  margin-top:10px;
  margin-bottom:30px
  }
  
  .swiper-pagination-bullet-active{ 
  opacity:var(--swiper-pagination-bullet-opacity,1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
  
  }
  
  body,html{ 
  max-width:100vw;
  
  }
  
  .col-blanco{ 
  color:var(--blanco)!important
  }
  
  .col-blanco *{ 
  color:var(--blanco)!important
  }
  
  .col-naranja{ 
  color:var(--naranja)
  
  }
  
  
  .col-naranja *{ 
  color:var(--naranja)
  
  }
  
  
  .back_black{ 
  background-color:#000
  }
  
  .back_dark{ 
  background-color:var(--dark)
  
  }
  
  
  .back_white{ 
  background-color:var(--blanco)
  
  }
  
  
  .back-naranja{ 
  background-color:var(--naranja)
  
  }
  
  
  .back-grisMedDark{ 
  background-color:var(--grisMedDark)
  
  }
  
  .col-blanco{
    color: var(--blanco);
  }
  
  .h-auto{
    height: auto;
  }
  
  .img_resp,.img-resp{ 
  max-width:100%;
  width:100%;
  
  }
  
  .p-lr-peq{
    @media screen and (max-width:768px) {
  
      padding-left:15px;
      padding-right:15px;
      
    }
  }
  
  .pos_rel, .pos-rel{ 
  position:relative
  }
  
  .wThin{ 
  font-weight:var(--wThin)!important
  }
  
  .wXLight{ 
  font-weight:var(--wXLight)!important
  }
  
  .wLight{ 
  font-weight:var(--wLight)!important
  }
  
  .wRegular{ 
  font-weight:var(--wRegular)!important
  }
  
  .wMedium{ 
  font-weight:var(--wMedium)!important
  }
  
  .wSemiBold{ 
  font-weight:var(--wSemiBold)!important
  }
  
  .wBold{ 
  font-weight:var(--wBold)!important
  }
  
  .wXBlack{ 
  font-weight:var(--wXBlack)!important
  }
  
  .w-100{ 
  width:100%
  }
  
  .hv-50{ 
  min-height:50vh;
  
  }
  
  .hv-75{ 
  min-height:75vh;
  
  }
  
  .hv-100{ 
  min-height:100vh;
  
  }
  
  .flex-column, .flex-col{ 
  display:flex;
  flex-direction:column
  }
  @media screen and (min-width:768px){ 
  .p-md-r-30{ 
  padding-right:30px
  }
  
  .p-md-r-50{ 
  padding-right:50px
  }
  
  }
  @media screen and (min-width:1024px){ 
  .p-lg-r-100{ 
  padding-right:100px
  }
  
  }
  p{ 
  font-size:var(--tamDesta)
  
  }
  
  
  .marginLadosAuto{ 
  margin-left:auto;
  margin-right:auto
  }
  
  .ancho_contenido{ 
    width:100%;
    padding-left:calc(var(--padLados) * 2);
    padding-right:calc(var(--padLados) * 2);
    @media screen and (min-width:1024px){ 
      padding-left:calc(var(--padLados) * 2.25); /*4*/
      padding-right:calc(var(--padLados) * 2.25)/*4*/
  
    }
  
    @media screen and (min-width:1200px){ 
      padding-left:calc(var(--padLados) * 4.5);
      padding-right:calc(var(--padLados) * 4.5) /**/
      /* padding-left: 2.25rem;
    padding-right: 2.25rem; */
  
    }
  
  
   /* @media screen and (min-width:1600px){ 
      padding-left:calc(var(--padLados) * 2);
      padding-right:calc(var(--padLados) * 2)
      
  }   */
   
  }
  
  
  .ancho_contenido_lg{ 
    width:100%;
    padding-left:calc(var(--padLados) * 1);
    padding-right:calc(var(--padLados) * 1);
    @media screen and (min-width:1024px){ 
      padding-left:calc(var(--padLados) * 1.75); /*4*/
      padding-right:calc(var(--padLados) * 1.75)/*4*/
  
    }
  
    @media screen and (min-width:1200px){ 
      padding-left:calc(var(--padLados) * 2.25);
      padding-right:calc(var(--padLados) * 2.25) /**/
      /* padding-left: 2.25rem;
    padding-right: 2.25rem; */
  
    }
  
  
   /* @media screen and (min-width:1600px){ 
      padding-left:calc(var(--padLados) * 2);
      padding-right:calc(var(--padLados) * 2)
      
  }   */
   
  }
  
  .ancho-contenido-med{ 
  @media screen and (min-width:1024px){ 
  padding-left:calc(var(--padLados) * 6);
  padding-right:calc(var(--padLados) * 6)
  
  }
  
  @media screen and (min-width:1200px){ 
  padding-left:calc(var(--padLados) * 8);
  padding-right:calc(var(--padLados) * 8)
  
  }
  
  @media screen and (min-width:1400px){ 
  padding-left:calc(var(--padLados) * 10);
  padding-right:calc(var(--padLados) * 10)
  
  }
  
  
  }
  
  .ancho_contenido_1024{ 
  width:100%;
  max-width:1024px;
  margin-left:auto;
  margin-right:auto
  }
  
  .noPadsLados{ 
  padding-left:0;
  padding-right:0
  }
  
  .fixed{ 
  position:fixed
  }
  
  .fixed_top_100{ 
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:100000000
  }
  
  .img_hero{ 
  position:fixed;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
  right:0;
  bottom:0;
  object-fit:cover;
  object-position:center;
  z-index:-1;
  pointer-events:none
  }
  section{ 
  max-width:100vw;
  
  }
  
  .hv-hero{ 
  /* height:calc(var(--altoHero) - 30px); */
  height: 100svh ;
  
  }
  
  @media screen and (min-width:768px){ 
  .hv-hero{ 
  height:var(--altoHero)
  
  }
  
  
  }
  
  .video_hero{ 
  position:fixed;
  width:100%;
  height:var(--altoHero);
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1
  }
  
  .video_hero:after{ 
  position:absolute;
  pointer-events:none;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:0;
  content:"";
  background-color:rgb(0 0 0 / .7)
  
  }
  
  
  .video_hero video{ 
  width:100%;
  height:100%;
  object-fit:cover
  }
  @media (max-width:768px){ 
  .video_hero video{ 
  object-fit:cover
  }
  
  }
  
  .back_light{ 
  background-color:var(--blanco)
  
  }
  
  
  .back_dark{ 
  background-color:var(--negro)
  
  }
  
  
  .back_dark *{ 
  color:var(--blanco)!important
  }
  
  .back_grisDark{ 
  background-color:var(--grisDark)
  
  }
  
  
  .col_grisDark{ 
  color:var(--grisDark)
  
  }
  
  
  .col_orange{ 
  color:var(--naranja)!important
  }
  
  .t-left{ 
  text-align:left
  }
  
  .t-right{ 
  text-align:right
  }
  
  .col-negro,.col-black{ 
  color:var(--negro)
  
  }
  
  
  /*GLICHERO */
  
  .glitch-text{
    position: absolute;
    /* border:1px solid rgb(186, 45, 69); */
    width:100%;
    bottom:0;
    left:0;
   
  }
  .t-glicheado{
    position: relative;
    font-size: 1.2rem;
    transition: all 0.2s;
    line-height: 1.1;
    /* animation: glitch 1s linear infinite;
    animation-direction: alternate;
    animation-delay: 5s;; */
   
  }
  
  .t-glicheado:after{
    opacity:0;
      transition: all 0.2s;
      top:0;
      left: 0;
  }
  .t-glicheado:before{
      opacity:0;
        transition: all 0.2s;
        top:0;
        left: 0;
  }
  
  .anime-glitch{
    animation: shakeNew .35s  ;
    animation-direction: alternate;
  
    display: inline-block; 
    z-index:110;
  
    transition: all 0.2s; 
  
    text-shadow: rgba(255,0,136,0.9) 0px 0px 16px;
  
  
    /* -webkit-box-shadow:0px 0px 105px 45px rgba(238,0,255,0.9);
  -moz-box-shadow: 0px 0px 105px 45px rgba(238,0,255,0.9);
  box-shadow: 0px 0px 105px 45px rgba(238,0,255,0.9); */
   
  }
  
  .anime-glitch:before{
    animation: shakeNewBefore 0.4s  ;
    animation-direction: reverse; 
    animation-delay: 1s;;
    color:white;
    opacity:0.5; 
  
    text-shadow: rgba(255, 255, 255, 0.9) 0px 0px 16px;
   
  }
  
  .anime-glitch:after{
    animation: shakeNewAfter 0.4s  ;
    animation-direction: alternate-reverse; 
    animation-delay: 1.5s;;
    color:var(--naranja);
    opacity:0.5; 
  
    text-shadow: #ff8000 0px 0px 162px;
   
    
  }
  
  
  
  
  @keyframes shakeIcon {
    0% {
      transform: translate(-1px, 0px) scale(1.1);
    }
    10% {
      transform: translate(-2px, 0px) scale(1.2);
    }
    20% {
      transform: translate(3px, 0px) scale(1.1);
    }
    30% {
      transform: translate(0px, 0px) scale(-1.3);
    }
    40% {
      transform: translate(2px, 0px) scale(1.2);
    }
    50% {
      transform: translate(-2px, 0px) scale(-1.1);
    }
    60% {
      transform: translate(-1px, 0px) scale(-1.1);
    }
    70% {
      transform: translate(2px, 0px) scale(1.05);
    }
    80% {
      transform: translate(-1px, 0px) scale(-1.1);
    }
    90% {
      transform: translate(2px, 0px) scale(1.05);
    }
    100% {
      transform: translate(0, 0px) scale(1);
    }
  }
  
  .anime_icon{
    position: relative;
    animation: shakeIcon 0.37s  ;
   /* animation-direction: reverse; */
    animation-delay: 0.1s;; 
  }
  
  .op-0{
    opacity: 0;
    transition: all 0.2s;
  }
  
  
  .t-glicheado:before,
  .t-glicheado:after{
    content: attr(title);
    position: absolute;
    left: 0;
  
   
  }
  
  .t-glicheado:before{
    /* animation: shakeNew .5s  ;
    animation-direction: reverse; 
    animation-delay: 0.5s;; */
  
    /* clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%); */
  }
  
  .t-glicheado:after{
    /* animation: glitchBotom 1.5s linear infinite;
    animation-direction: alternate;
    animation-delay: 35s;; */
  
    /* animation: shakeNew .7s  ;
    animation-direction: alternate-reverse; 
    animation-delay: 1.5s;; */
  
    /* clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%); */
  }
  
  
  @keyframes shakeNew {
    0% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    10% {
      transform: translate(-1px, 0px) rotate(-0deg);
    }
    20% {
      transform: translate(-1px, 0px) rotate(0deg);
    }
    30% {
      transform: translate(0px, 0px) rotate(0deg);
    }
    40% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    50% {
      transform: translate(-1px, 0px) rotate(0deg);
    }
    60% {
      transform: translate(-1px, 0px) rotate(0deg);
    }
    70% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    80% {
      transform: translate(-1px, 0px) rotate(0deg);
    }
    90% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    100% {
      transform: translate(1px, 0px) rotate(0deg);
    }
  }
  
  @keyframes shakeNewBefore {
    0% {
      transform: translate(4px, 0px) rotate(0.3deg) ;
    }
    15% {
      transform: translate(-4px, 0px) rotate(-0.3deg) ;
    }
    30% {
      transform: translate(-5px, 0px) rotate(-0deg) ;
    }
    45% {
      transform: translate(4px, 0px) rotate(0.4deg) ;
    }
    60% {
      transform: translate(3px, 0px) rotate(0deg) ;
    }
    75% {
      transform: translate(-4px, 0px) rotate(0.4deg) ;
    }
    80% {
      transform: translate(4px, 0px) rotate(-0.4deg) ;
    }
    95% {
      transform: translate(-4px, 0px) rotate(0deg) ;
    }
    100% {
      transform: translate(4px, 0px) rotate(0.4deg) ;
    }
   
  }
  
  
  @keyframes shakeNewAfter {
    0% {
      transform: translate(-3px, 0px) rotate(0.3deg);
    }
    10% {
      transform: translate(3px, 0px) rotate(0deg);
    }
    20% {
      transform: translate(3px, 0px) rotate(-0.3deg);
    }
    30% {
      transform: translate(-4px, 0px) rotate(0deg);
    }
    40% {
      transform: translate(4px, 0px) rotate(0deg);
    }
    50% {
      transform: translate(3px, 0px) rotate(0.3deg);
    }
    60% {
      transform: translate(-2px, 0px) rotate(0deg);
    }
    70% {
      transform: translate(2px, 0px) rotate(0.3deg);
    }
    80% {
      transform: translate(2px, 0px) rotate(0deg);
    }
    90% {
      transform: translate(3px, 0px) rotate(0deg);
    }
    100% {
      transform: translate(-2px, 0px) rotate(-0.9deg);
    }
  }
  
  
  
  @keyframes shakeNew0 {
    0% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    10% {
      transform: translate(-1px, 0px) rotate(-1deg);
    }
    20% {
      transform: translate(-1px, 0px) rotate(1deg);
    }
    30% {
      transform: translate(0px, 0px) rotate(0deg);
    }
    40% {
      transform: translate(1px, 0px) rotate(1deg);
    }
    50% {
      transform: translate(-1px, 0px) rotate(-1deg);
    }
    60% {
      transform: translate(-1px, 0px) rotate(0deg);
    }
    70% {
      transform: translate(1px, 0px) rotate(-1deg);
    }
    80% {
      transform: translate(-1px, 0px) rotate(1deg);
    }
    90% {
      transform: translate(1px, 0px) rotate(0deg);
    }
    100% {
      transform: translate(1px, 0px) rotate(-1deg);
    }
  }
  
  
  
  @keyframes glitchNew{
    2%,64%{
      transform: translate(1px,0) skew(0deg);
    }
    4%,60%{
      transform: translate(-1px,0) skew(0deg);
    }
    62%{
      transform: translate(0,0) skew(2deg); 
    }
  }
  
  
  @keyframes glitchTop{
    2%,64%{
      transform: translate(2px,-2px);
    }
    4%,60%{
      transform: translate(-2px,2px);
    }
    62%{
      transform: translate(13px,-1px) skew(-13deg); 
    }
  }
  
  
  
  @keyframes glitchBotom{
    2%,64%{
      transform: translate(-2px,0);
    }
    4%,60%{
      transform: translate(-2px,0);
    }
    62%{
      transform: translate(-22px,5px) skew(21deg); 
    }
  }
  
  @keyframes show {
    50% {
      opacity: 0;
      text-shadow: 2px 2px #AAE90E;
    }
  }
  
  @keyframes color {
    50% {
      color: #b1b1b1;
    }
  }
  
  /* @keyframes shake {
    0% {
      transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
      transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
      transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
      transform: translate(0px, 2px) rotate(0deg);
    }
    40% {
      transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
      transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
      transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
      transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
      transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
      transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
      transform: translate(1px, -2px) rotate(-1deg);
    }
  } */
  
  
  @keyframes glitch {
    0% {
      transform: translateY(-10%);
      transform: translateX(-5%);
    }
    50% {
      transform: translateY(-10%);
      transform: translateX(-10%);
      color: #01FA01;
    }
    100% {
      transform: translateY(10%);
      transform: translateX(5%);
      color: #FA0103;
      clip: rect(40px, 0px, 40px, 0px);
    }
  }
  
  
  .cont_glitches{
    /* border:1px solid green; */
    position: relative;
  
  }
  
  
  /* GLICHEO */
  
  .noPadLados{ 
  padding-left:0;
  padding-right:0
  }
  
  .noPadLadosMD{ 
  padding-left:var(--padLados);
  padding-right:var(--padLados)
  
  }
  
  
  .padBottomZero{ 
  padding-bottom:0!important
  }
  
  .caja-respira{ 
  padding-top:calc(2 * var(--padLados));
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  
  .caja-respira-med{ 
  padding-top:calc(3 * var(--padLados));
  padding-bottom:calc(3 * var(--padLados))
  
  }
  
  @media screen and (min-width:768px){ 
  .noPadLadosMD{ 
  padding-left:0;
  padding-right:0
  }
  
  .caja-respira{ 
  padding-top:calc(4 * var(--padLados));
  padding-bottom:calc(4 * var(--padLados))
  
  }
  
  
  }
  
  .caja-respira-gran{ 
  @media screen and (min-width:768px){ 
    padding-top:calc(6 * var(--padLados));
    padding-bottom:calc(6 * var(--padLados))
  
  }
  
  
  }
  
  .caja-respira-mega_gran{ 
  padding-top:calc(4 * var(--padLados));
  padding-bottom:calc(4 * var(--padLados));
  @media screen and (min-width:768px){ 
    padding-top:calc(6 * var(--padLados));
    padding-bottom:calc(6 * var(--padLados))
  
  }
  
  @media screen and (min-width:1024px){ 
    padding-top:calc(8 * var(--padLados));
    padding-bottom:calc(8 * var(--padLados))
  
  }
  
  @media screen and (min-width:1200px){ 
    padding-top:calc(10 * var(--padLados));
    padding-bottom:calc(10 * var(--padLados))
  
  }
  
  
  }
  
  .img_entera{ 
  height:100%;
  object-fit:cover;
  object-position:center
  }
  
  .caja-respira-peq{ 
  padding-top:calc(2 * var(--padLados));
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  
  .video-responsive{ 
  height:0;
  overflow:hidden;
  padding-bottom:56.25%;
  padding-top:30px;
  position:relative
  }
  
  .video-responsive iframe,.video-responsive object,.video-responsive embed{ 
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
  }
  
  .flex-wrap{ 
  flex-wrap:wrap
  }
  
  .video-responsive video{ 
  max-width:100%;
  height:auto
  }
  @media screen and (min-width:768px){ 
  .ancho_contenido{ 
  
  }
  
  .pad-lados{ 
  padding-left:var(--padLados);
  padding-right:var(--padLados)
  
  }
  
  
  }
  
  .video_pasos{ 
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  height:auto;
  z-index:10
  }
  body{ 
  font-family:'Inter',sans-serif;
  font-size:16px;
  font-weight:var(--wLight);
  color:var(--negro)
  
  }
  
  
  .tit_seccion{ 
  padding-bottom:calc(2 * var(--padLados));
  font-weight:var(--wRegular)
  
  }
  
  
  .padding-pres{ 
  padding-top:calc(3 * var(--padLados));
  padding-bottom:calc(0 * var(--padLados));
  padding-left:var(--padLados);
  padding-right:var(--padLados)
  
  }
  
  @media screen and (min-width:768px){ 
  .padding-pres{ 
  padding-top:calc(6 * var(--padLados));
  padding-bottom:calc(3 * var(--padLados))
  
  }
  
  
  .pad_bottom_plus,.pad-bottom-plus{ 
  padding-bottom:calc(6 * var(--padLados))
  
  }
  
  
  .pad_top_plus,.pad-top-plus{ 
  padding-top:calc(6 * var(--padLados))
  
  }
  
  
  }
  
  .padding-med{ 
  padding-top:calc(3 * var(--padLados));
  padding-bottom:calc(3 * var(--padLados))
  
  }
  
  
  .t_pres{ 
  font-weight:var(--wLight);
  color:var(--naranja);
  text-align:left
  }
  
  .t_second{ 
  font-size:1.5rem;
  position:relative
  }
  
  .t_second:before{ 
  position:absolute;
  width:100%;
  content:"";
  top:13px;
  height:1px;
  background-color:var(--blanco);
  left:-5px;
  transform:translateX(-100%);
  display:none
  }
  @media screen and (min-width:968px){ 
  .padding-pres{ 
  padding-bottom:calc(5* var(--padLados))
  
  }
  
  
  .t_pres{ 
  font-size:1.7rem
  }
  
  .t_second{ 
  font-size:1.7rem
  }
  
  .t_second:before{ 
  position:absolute;
  width:100%;
  content:"";
  top:10px;
  height:1px;
  background-color:var(--blanco);
  left:0;
  transform:translateX(-100%)
  
  }
  
  
  }
  
  .nom_profe{ 
  padding-bottom:15px;
  margin-bottom:15px;
  position:relative
  }
  
  .nom_profe:after{ 
  content:"";
  width:20px;
  background-color:var(--blanco);
  bottom:0;
  position:absolute;
  height:1px;
  left:0;
  pointer-events:none
  }
  
  .bot_profe{ 
  position:relative;
  background-color:#fff0
  }
  
  .bot_profe:before{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:0;
  content:""
  }
  
  .giraPlus:after{ 
  transform:rotate(45deg)
  
  }
  
  
  .bot_profe .rol{ 
  font-size:calc(1rem + .1vw)
  
  }
  
  @media screen and (max-width:768px){ 
  .bot_profe{ 
  cursor:pointer
  }
  
  .bot_profe:after{ 
  pointer-events:none;
  width:20px;
  height:20px;
  position:absolute;
  top:0;
  right:0;
  z-index:10;
  content:"";
  background-position:center;
  background-image:url(./../img/plus.svg);
  background-repeat:no-repeat
  }
  
  .video_loop,.autor_alumno{ 
  display:none!important
  }
  
  .expli_profe_sec{ 
  margin-bottom:30px
  }
  
  .info_expli{ 
  display:none
  }
  
  }
  
  .show_d{ 
  display:flex!important;
  flex-direction:column
  }
  
  .bloque_profe{ 
  margin-bottom:20px
  }
  @media screen and (min-width:768px){ 
  .sticky_pres{ 
  position:sticky;
  top:30px
  }
  
  .bloque_profe{ 
  margin-bottom:40px
  }
  
  }
  strong{ 
  font-weight:var(--wSemiBold)
  
  }
  
  
  .reset_ul{ 
  text-align:left;
  color:var(--negro);
  list-style:none;
  list-style-position:inside;
  margin-left:0;
  padding-left:0
  }
  
  .li_normal li{ 
  position:relative;
  margin-bottom:7px
  }
  
  .li_normal li:last-child{ 
  margin-bottom:0
  }
  
  .li_normal li:before{ 
  content:"";
  position:absolute;
  width:10px;
  top:12px;
  background-color:var(--negro);
  height:1px;
  left:0;
  left:-17px
  }
  
  .num_desta{ 
  position:relative;
  font-size:6rem;
  font-weight:var(--wXBold);
  line-height:1;
  padding:30px;
  color:var(--naranja)
  
  }
  
  
  .suma{ 
  position:relative;
  font-size:6rem;
  font-weight:var(--wXBold);
  line-height:1;
  padding:30px 15px;
  color:var(--naranja)
  
  }
  
  
  .num_desta:before{ 
  content:"";
  width:8rem;
  height:8rem;
  border-radius:500px;
  border:3px solid var(--naranja);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
  
  }
  
  
  .guion_black{ 
  position:relative
  }
  
  .guion_black:after{ 
  left:0;
  bottom:12px;
  content:"";
  width:25px;
  height:1px;
  background-color:var(--negro);
  position:absolute
  }
  
  .guion_white:after{ 
  background-color:var(--blanco)!important
  }
  
  .li_desta li{ 
  margin-bottom:10px
  }
  
  .d-none-imp{ 
  display:none!important
  }
  
  .pastilla{ 
  padding-top:calc(1.5 * var(--padLados));
  padding-bottom:calc(1.5 * var(--padLados));
  padding-left:calc(1.25 * var(--padLados));
  padding-right:calc(1.25* var(--padLados));
  margin-bottom:10px;
  position:relative
  }
  @media screen and (max-width:768px){ 
  .pastilla{ 
  padding-left:calc(0 * var(--padLados));
  padding-right:calc(0* var(--padLados))
  
  }
  
  
  }
  
  .in_pastilla{ 
  border-radius:15px;
  padding:calc(1.5 * var(--padLados));
  height:100%;
  background-color:var(--colorBack)
  
  }
  
  
  .in_pastilla p{ 
  font-size:1rem
  }
  
  .li_condiciones li{ 
  position:relative;
  padding-left:16px
  }
  
  .li_condiciones li:After{ 
  content:"";
  width:12px;
  height:1px;
  background-color:var(--grisDark);
  position:absolute;
  top:11px;
  left:0
  }
  
  .pastilla:before{ 
  content:"";
  border:1px solid var(--negro);
  opacity:.5;
  position:absolute;
  border-radius:15px;
  top:calc(1 * var(--padLados));
  bottom:calc(1 * var(--padLados));
  right:calc(1 * var(--padLados));
  left:calc(1 * var(--padLados));
  background-color:aquamarine;
  z-index:0;
  display:none
  }
  
  .ancho-contenido-gran{ 
  max-width:1400px;
  margin-left:auto;
  margin-right:auto
  }
  
  .moneco{ 
  position:relative;
  max-width:200px;
  -webkit-animation:sube_baja 3s ease-in-out infinite both;
  animation:sube_baja 3s ease-in-out infinite both
  }
  @-webkit-keyframes sube_baja{ 
  0%{ 
  -webkit-transform:translateY(0);
  transform:translateY(0)
  
  }
  
  50%{ 
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
  
  }
  
  100%{ 
  -webkit-transform:translateY(0);
  transform:translateY(0)
  
  }
  
  
  }
  @keyframes sube_baja{ 
  0%{ 
  -webkit-transform:translateY(0);
  transform:translateY(0)
  
  }
  
  50%{ 
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
  
  }
  
  100%{ 
  -webkit-transform:translateY(0);
  transform:translateY(0)
  
  }
  
  
  }
  @-webkit-keyframes escala_sombra{ 
  0%{ 
  -webkit-transform:translateX(-50%) scaleX(.8);
  transform:translateX(-50%) scaleX(.8)
  
  }
  
  50%{ 
  -webkit-transform:translateX(-50%) scaleX(.7);
  transform:translateX(-50%) scaleX(.7)
  
  }
  
  100%{ 
  -webkit-transform:translateX(-50%) scaleX(.8);
  transform:translateX(-50%) scaleX(.8)
  
  }
  
  
  }
  @keyframes escala_sombra{ 
  0%{ 
  -webkit-transform:translateX(-50%) scaleX(.8);
  transform:translateX(-50%) scaleX(.8)
  
  }
  
  50%{ 
  -webkit-transform:translateX(-50%) scaleX(.7);
  transform:translateX(-50%) scaleX(.7)
  
  }
  
  100%{ 
  -webkit-transform:translateX(-50%) scaleX(.8);
  transform:translateX(-50%) scaleX(.8)
  
  }
  
  
  }
  
  .sombra{ 
  position:relative;
  -webkit-animation:escala_sombra 3s ease-in-out infinite both;
  animation:escala_sombra 3s ease-in-out infinite both;
  width:100%;
  height:5px;
  background-color:rgb(0 0 0 / .7);
  border-radius:500px;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  filter:blur(10px);
  position:absolute
  }
  
  .icon_contacto{ 
  margin-right:10px
  }
  
  
  .tipo_informa{ 
  font-size:2rem
  }
  
  .video_loop{ 
  width:100%;
  height:512px
  }
  
  .caja{ 
  width:100vw;
  height:100vh;
  position:fixed;
  /* background-image:linear-gradient(to right bottom,#1c1c1c,#252525,#2e2e2e,#373737,#414141) */
  
  }
  
  
  .hero_fondo{ 
  overflow:hidden
  }
  

  /* @media screen and (max-width:1200px){ 
  .cont_img_bruto{ 
  width:150vw
  }
  
  }
  @media screen and (max-width:992px){ 
  .cont_img_bruto{ 
  width:170vw
  }
  
  }
  @media screen and (max-width:768px){ 
  .cont_img_bruto{ 
  width:180vw
  }
  
  }
  @media screen and (max-width:640px){ 
  .cont_img_bruto{ 
  width:200vw
  }
  
  } */

  .cont_img_bruto{ 
    position:absolute;
    width:100vw;
    height:100%
    }
  
  .cont_img_bruto_in{ 
  width:100%;
  height:100%;
  position:relative
  }
  
  .humo{ 
  position:absolute;
  top:0;
  bottom:-25%;
  left:0;
  right:0;
  background-image:url(../img/humo_2.png);
  background-size:cover;
  background-position:bottom left;
  background-repeat:no-repeat
  }
  
  .caja_relampago{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity:0;
  background-color:#fff;
  animation:light 1.3s linear;
  pointer-events:none
  }
  
  .anime-relampago{ 
  animation:lighting 0.6s linear infinite
  }
  @-webkit-keyframes lighting{ 
  0%{ 
  opacity:0
  }
  20%{ 
  opacity:0
  }
  35%{ 
  opacity:1
  }
  40%{ 
  opacity:0
  }
  95%{ 
  opacity:1
  }
  100%{ 
  opacity:0
  }
  
  }
  
  .cont_img_bruto img{ 
  width:100%;
  height:105%;
  object-fit:cover
  }
  
  .logo_esat{ 
  position:relative;
  overflow-x:hidden
  }
  
  .logo_blanco{ 
  transition:all 0.3s;
  transform:translateX(0%)
  
  }
  
  
  .menu_bot{ 
  display:none;
  position:absolute;
  top:20px;
  right:calc(var(--padLados) * 2.5);
  z-index:100;
  
  }
  @media screen and (max-width:420px){ 
  .logo_esat{ 
  max-height:30px;
  width:auto;
  text-align:left;
  overflow:hidden
  }
  
  .logo_esat img{ 
  max-height:30px;
  height:100%;
  width:auto
  }
  
  }
  @media screen and (max-width:768px){ 
  header.ancho_contenido{ 
  padding-left:15px;
  padding-right:15px
  }
  
  .menu_bot{ 
  right:15px
  }
  
  }
  *{ 
  box-sizing:border-box
  }
  header,section{ 
  max-width:100vw
  }
  
  .logo_tri{ 
  opacity:0;
  transition:all 0.3s;
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-position:center left;
  background-repeat:no-repeat;
  background-size:contain
  }
  
  .hide_header .logo_blanco{ 
  opacity:0;
  transform:translateX(-100%)
  
  }
  
  
  .hide_header .logo_tri{ 
  opacity:1
  }
  
  .btn-primary{ 
  --bs-btn-color:#fff;
  --bs-btn-bg:var(--naranja);
  --bs-btn-border-color:var(--naranja);
  ;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#ffa200;
  --bs-btn-hover-border-color:#ffa200;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#ffa200;
  --bs-btn-active-border-color:#ffa200;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:var(--naranja);
  ;
  --bs-btn-disabled-border-color:var(--naranja);
  
  }
  
  .nav-masthead .nav-link{ 
  color:rgb(255 255 255 / .5);
  border-bottom-width:1px!important
  }
  
  .cruz_blanca{ 
  display:none
  }
  @media screen and (max-width:600000px){ 
  .menu_bot{ 
  display:flex;
  z-index:20000
  }
  
  .menu_bot #menu_close{ 
  display:none
  }
  
  .menu_bot.open_menu #menu_open{ 
  display:none
  }
  
  .menu_bot.open_menu #menu_close{ 
  display:flex
  }
  
  .nav-menu{ 
  position:fixed;
  background-color:#ef7808;
  z-index:10000;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(-100%);
  transition:all 0.3s
  }
  
  .nav-menu.open_menu_nav{ 
  opacity:1;
  transform:translateY(0);
  pointer-events:initial
  }
  
  .nav-menu a{ 
  margin-left:0!important;
  font-size:2rem;
  font-weight:var(--wLight)!important
  }
  
  .nav-masthead .nav-link{ 
  color:rgb(255 255 255 / .5);
  border-bottom-width:0!important
  }
  
  .nav-menu a:hover{ 
  color:rgb(255 255 255)
  
  }
  
  
  }
  @media screen and (max-width:1024px){ 
  .nav-menu a{ 
  margin-left:0!important;
  font-size:1.3rem;
  font-weight:var(--wLight)!important
  }
  
  }
  @media screen and (min-width:768px){ 
  .cacharro_mira{ 
  max-width:350px
  }
  
  }
  
  .tit_icono{ 
  position:relative;
  width:100%;
  padding-right:35px
  }
  
  .tit_icono:before{ 
  position:absolute;
  width:24px;
  height:24px;
  content:"";
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  right:0;
  top:0;
  background-image:url(../img/icono_plus.svg)
  
  }
  
  
  .abro_pest_baix:before{ 
  transform:rotate(45deg)
  
  }
  
  @media screen and (min-width:768px){ 
  .tit_icono:before{ 
  width:32px;
  height:32px
  }
  
  .tit_precio:before{ 
  background-image:url(../img/icono_precio.svg)
  
  }
  
  
  .tit_horario:before{ 
  background-image:url(../img/icono_horario.svg)
  
  }
  
  
  .tit_condiciones:before{ 
  background-image:url(../img/icono_flecha.svg)
  
  }
  
  
  }
  
  .in_meses{ 
  padding:calc(1 * var(--padLados));
  border-radius:5px;
  background-color:#f7f7f7;
  border:1px solid var(--grisLight);
  color:var(--grisDark);
  font-weight:var(--wSemiBold);
  height:100%;
  ;
  position:relative;
  box-shadow:rgb(0 0 0 / .05) 0 1px 2px 0
  }
  
  .row_calendar{ 
  margin-top:30px;
  margin-bottom:30px
  }
  
  .ficha_mes{ 
  height:100%;
  max-height:100%;
  ;
  z-index:10;
  background-color:#fff;
  border-radius:5px;
  margin-right:calc(1.5 * var(--padLados))
  
  }
  
  
  .ficha_mes .in_meses:before{ 
  position:absolute;
  content:"";
  border-radius:5px;
  background-color:var(--grisLight);
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  transform:translate(5px,5px)
  
  }
  
  @media screen and (max-width:580px){ 
  .row_calendar{ 
  align-items:start
  }
  
  .ficha_mes{ 
  margin-bottom:20px;
  height:auto!important
  }
  
  .in_meses{ 
  height:auto!important
  }
  
  }
  
  .in_meses span{ 
  font-size:1.2rem;
  color:var(--naranja);
  line-height:1
  }
  
  .expli_mes{ 
  margin-top:10px;
  font-size:.95rem;
  font-weight:var(--wRegular);
  line-height:1.3;
  padding-bottom:10px;
  text-align:left
  }
  
  .in_meses .numero{ 
  font-size:2.1rem
  }
  
  .img_con_logo{ 
  width:100%
  }
  
  .img_logo_txt{ 
  position:absolute
  }
  
  .bot_tit_programa{ 
  color:var(--negro);
  text-decoration:none;
  padding-bottom:15px;
  position:relative;
  width:100%;
  ;
  margin-bottom:15px;
  line-height:1;
  display:block;
  position:relative;
  font-weight:var(--wMedium);
  padding-right:20px
  }
  
  .bot_tit_programa:after{ 
  background-color:var(--negro);
  bottom:0;
  height:1px;
  position:absolute;
  left:0;
  content:"";
  right:0
  }
  
  .bot_tit_programa:before{ 
  right:0;
  top:0;
  position:absolute;
  width:20px;
  height:20px;
  content:"";
  background-image:url(../img/pestania.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:10
  }
  
  .open_capitulo:before{ 
  transform:rotate(180deg);
  top:-3px
  }
  
  .expli_programa{ 
  font-size:.9rem;
  margin-bottom:25px;
  padding:10px 15px;
  padding-left:0;
  padding-right:0
  }
  
  .listado_programa{ 
  width:100%
  }
  
  .listado_programa li{ 
  position:relative
  }
  
  .listado_programa li:after{ 
  content:"00";
  position:absolute;
  top:3px;
  left:0;
  transform:translateX(calc(-100% - 15px));
  border-radius:500px;
  line-height:1;
  font-size:.85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  display:none
  }
  
  .listado_programa li:nth-child(1):after{ 
  content:"01"
  }
  
  .listado_programa li:nth-child(2):after{ 
  content:"02"
  }
  
  .listado_programa li:nth-child(3):after{ 
  content:"03"
  }
  
  .listado_programa li:nth-child(4):after{ 
  content:"04"
  }
  
  .listado_programa li:nth-child(5):after{ 
  content:"05"
  }
  
  .listado_programa li:nth-child(6):after{ 
  content:"06"
  }
  
  .listado_programa li:nth-child(7):after{ 
  content:"07"
  }
  
  .listado_programa li:nth-child(8):after{ 
  content:"08"
  }
  
  .listado_programa li:nth-child(9):after{ 
  content:"09"
  }
  
  .listado_programa li:nth-child(10):after{ 
  content:"10"
  }
  @media screen and (min-width:768px){ 
  .listado_programa li:after{ 
  display:flex
  }
  
  }
  
  .boton_redo{ 
  border-radius:500px;
  transition:all 0.3s
  }
  
  .boton_redo:hover{ 
  background-color:var(--naranja)!important;
  border-color:var(--naranja)!important;
  color:var(--blanco)!important;
  transform:scale(1.1)
  
  }
  
  
  .padTopDer{ 
  padding-top:calc(1 * var(--padLados));
  padding-bottom:calc(1 * var(--padLados))
  
  }
  
  @media screen and (min-width:768px){ 
  .padTopDer{ 
  padding-top:calc(4 * var(--padLados));
  padding-bottom:calc(4 * var(--padLados))
  
  }
  
  
  }
  
  .marginLeftNeg{ 
  margin-left:-15px
  }
  
  .img_full{ 
  object-position:center;
  object-fit:cover;
  width:100%;
  height:100%
  }
  
  .joven_lee{ 
  max-width:300px
  }
  
  .botones_play_video{ 
  position:relative
  }
  
  .botones_play_video:before{ 
  content:"";
  position:absolute;
  top:50%;
  left:0;
  right:0;
  border:1px solid var(--negro);
  height:1px;
  z-index:0
  }
  
  .botones_video{ 
  margin-left:10px;
  margin-right:10px;
  width:60px;
  height:60px;
  border-radius:500px;
  display:flex;
  position:relative;
  transition:all 0.3s;
  line-height:1;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  font-weight:var(--wMedium);
  font-size:2rem;
  color:#fff;
  border:5px solid var(--blanco)
  
  }
  
  
  .botones_play_video li:first-child .botones_video{ 
  margin-left:0
  }
  
  .botones_play_video li:last-child .botones_video{ 
  margin-right:0
  }
  
  .botones_video:hover{ 
  transform:scale(1.1);
  border:5px solid #fff0
  }
  
  .botones_video:hover:before{ 
  border:3px solid #fff0
  }
  
  .botones_video:before{ 
  transition:all 0.3s;
  content:"";
  position:absolute;
  top:-5px;
  left:-5px;
  right:-5px;
  bottom:-5px;
  border-radius:500px
  }
  @keyframes marqueeOne{ 
  0%{ 
  transform:translate3d(var(--move-initial),0,0)
  
  }
  
  100%{ 
  transform:translate3d(var(--move-final),0,0)
  
  }
  
  
  }
  @keyframes marqueeTwo{ 
  0%{ 
  transform:translate3d(var(--move-final),0,0)
  
  }
  
  100%{ 
  transform:translate3d(var(--move-initial),0,0)
  
  }
  
  
  }
  
  .marquee{ 
  margin-top:50px;
  position:relative;
  overflow:hidden;
  max-width:calc(100vw - 30px)
  
  }
  
  
  .marquee__inner{ 
  width:fit-content;
  display:flex;
  position:relative;
  white-space:nowrap
  }
  
  .marquee__inner span{ 
  font-size:10vh;
  padding:0 2vw;
  text-transform:uppercase
  }
  
  .marquee__inner.first_mq{ 
  transform:translate3d(var(--move-initial),0,0);
  animation:marqueeOne 20s linear infinite
  }
  
  .marquee__inner.first_mq span{ 
  color:var(--blanco);
  text-shadow:1px 1px 0 var(--grisDark),-1px -1px 0 var(--grisDark),1px -1px 0 var(--grisDark),-1px 1px 0 var(--grisDark),1px 1px 0 var(--grisDark)
  
  }
  
  
  .marquee__inner.second_mq{ 
  transform:translate3d(var(--final-initial),0,0);
  animation:marqueeTwo 10s linear infinite
  }
  
  .img_entera{ 
  border-radius:25px;
  ;
  z-index:5
  }
  
  .img_mitad{ 
  max-width:50%
  }
  
  .img_mitad_75{ 
  max-width:75%
  }
  
  .caja_img_entera{ 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:0;
  background-color:var(--naranja);
  border-radius:25px;
  ;
  transform-origin:center;
  transform:rotate(-5deg)
  
  }
  
  
  .caja_img_mitad{ 
  right:50%
  }
  
  .caja_img_75{ 
  right:25%;
  
  }
  
  .cont_midas{ 
  overflow-x:hidden
  }
  
  .img_midas{ 
  display:none;
  z-index:1;
  bottom:0;
  right:0
  }
  @media (min-width:768px) and (max-width:1200px){ 
  .img_midas{ 
  display:flex;
  position:absolute;
  transform:translateX(25%)
  
  }
  
  
  .cont_midas{ 
  position:relative
  }
  
  .caja_img_will{ 
  transform:translate(10%)
  
  }
  
  
  }
  @media screen and (min-width:1200px){ 
  .caja_img_will{ 
  transform:translate(10%)
  
  }
  
  
  .img_midas{ 
  display:flex;
  position:relative;
  align-self:flex-end;
  right:0;
  transform:translateX(25%)
  
  }
  
  
  .cont_in_midas{ 
  position:relative
  }
  
  .cont_foo_midas{ 
  margin-top:-10%
  }
  
  }
  
  .video_top{ 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0
  }
  @media (max-width:768px){ 
  .caja_img_will{ 
  align-items:center
  }
  
  }
  
  .cont_img_will{ 
  position:relative
  }
  
  .cont_img_will:before{ 
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:0;
  background-color:var(--naranja);
  border-radius:25px;
  ;
  transform-origin:center;
  transform:rotate(-5deg)
  
  }
  
  
  .img_will{ 
  height:100%;
  width:100%;
  object-fit:cover;
  object-position:center;
  position:relative;
  border-radius:25px;
  
  }
  @media screen and (max-width:768px){ 
  .cont_img_will.img_mitad_75{ 
  max-width:100%;
  border-radius:0
  }
  
  .img_will{ 
  border-radius:0
  }
  
  .cont_img_will:before{ 
  display:none
  }
  
  }
  
  .image-comparison{ 
  max-width:calc(100% - var(--padLados));
  max-width:100%;
  position:relative
  }
  
  .image-comparison__slider-wrapper{ 
  position:relative
  }
  
  .image-comparison__label{ 
  font-size:0;
  line-height:0
  }
  
  .image-comparison__label,.image-comparison__range{ 
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  background-color:#fff0;
  border:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none;
  cursor:ew-resize;
  z-index:20
  }
  @media (hover){ 
  .image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb{ 
  transform:scale(1.2)
  
  }
  
  
  }
  
  .image-comparison .image-comparison__slider-wrapper .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active~.image-comparison__slider .image-comparison__thumb{ 
  transform:scale(.8);
  background-color:rgb(0 97 127 / .5)
  
  }
  
  
  .image-comparison__image-wrapper--overlay{ 
  position:absolute;
  top:0;
  left:0;
  width:calc(50% + 1px);
  height:100%;
  overflow:hidden
  }
  
  .image-comparison__figure{ 
  margin:0
  }
  
  .image-comparison__figure::before{ 
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#f2f2f2
  }
  
  .image-comparison__figure:not(.image-comparison__figure--overlay){ 
  position:relative
  }
  
  .image-comparison__image{ 
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:0 50%;
  object-position:0 50%;
  overflow:hidden
  }
  
  .image-comparison__figure--overlay .image-comparison__image{ 
  z-index:1
  }
  #video_compare_1{ 
  z-index:2
  }
  
  .image-comparison__caption{ 
  position:absolute;
  bottom:12px;
  min-width:-webkit-max-content;
  min-width:-moz-max-content;
  min-width:max-content;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  color:#fff;
  font-weight:700;
  text-transform:uppercase
  }
  @media screen and (max-width:40.063em){ 
  .image-comparison__caption{ 
  font-size:12px
  }
  
  }
  
  .image-comparison__caption--before{ 
  left:12px;
  z-index:2
  }
  
  .image-comparison__caption--after{ 
  right:12px;
  text-align:right
  }
  
  .image-comparison__caption-body{ 
  max-width:40vmin;
  padding:6px 12px;
  background-color:rgb(0 0 0 / .55)
  
  }
  
  
  .image-comparison__slider{ 
  position:absolute;
  top:0;
  left:50%;
  width:1px;
  height:100%;
  background-color:rgb(255 255 255 / .25);
  transition:background-color 0.3s ease-in-out;
  z-index:10
  }
  
  .image-comparison__range--active~.image-comparison__slider{ 
  background-color:#fff0
  }
  
  .image-comparison__thumb{ 
  position:absolute;
  top:calc(50% - 20px);
  left:calc(50% - 20px);
  width:40px;
  height:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-color:#0091df;
  color:#fff;
  border-radius:50%;
  box-shadow:0 0 22px 0 rgb(0 0 0 / .5);
  transform-origin:center;
  transition:transform 0.3s ease-in-out,background-color 0.3s ease-in-out
  }
  
  .image-comparison__range::-webkit-slider-runnable-track{ 
  width:40px;
  height:40px;
  opacity:0
  }
  
  .image-comparison__range::-moz-range-thumb{ 
  width:40px;
  height:40px;
  opacity:0
  }
  
  .image-comparison__range::-webkit-slider-thumb{ 
  width:40px;
  height:40px;
  opacity:0
  }
  
  .image-comparison__range::-ms-fill-lower{ 
  background-color:#fff0
  }
  
  .image-comparison__range::-ms-track{ 
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  margin:0;
  padding:0;
  background-color:#fff0;
  color:#fff0;
  outline:none;
  cursor:col-resize
  }
  
  .image-comparison__range::-ms-thumb{ 
  width:.5%;
  height:100%;
  opacity:0
  }
  
  .image-comparison__range::-ms-tooltip{ 
  display:none
  }
  
  .image-comparison__figure{ 
  width:100%
  }
  
  .image-comparison__picture{ 
  width:100%;
  line-height:0
  }
  
  .image-comparison__image{ 
  width:100%;
  height:100%;
  
  }
  
  .comparison__video{ 
  width:100%;
  max-width:100%;
  ;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  object-fit:cover;
  object-position:center;
  pointer-events:none
  }
  
  .video_pos_rel{ 
  position:relative;
  line-height:0
  }
  
  .data-image-comparison-overlay{ 
  border:2px slateblue
  }
  
  .image-comparison__figure--overlay{ 
  position:absolute;
  z-index:1000;
  border:10px solid burlywood;
  top:0;
  bottom:0;
  right:0;
  left:0
  }
  
  .cont_video_overlay{ 
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10;
  clip-path:polygon(0 0,var(--clipVideo) 0,var(--clipVideo) 100%,0% 100%)
  
  }
  
  
  .img_midas_compare{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
  }
  
  .desta_info_r{ 
  margin-top:30px;
  padding-left:calc(1*var(--padLados));
  padding-right:calc(1*var(--padLados))
  
  }
  
  @media (min-width:768px){ 
  .desta_info_r{ 
  padding-left:calc(2*var(--padLados));
  padding-right:0;
  margin-top:0
  }
  
  }
  
  .desta_info_r,.desta_info_r *{ 
  font-size:clamp(1.125rem, 0.8977rem + 1.1364vw, 1.75rem);
  font-weight:var(--wLight);
  color:var(--grisDark)
  
  }
  
  
  .separo_seccion{ 
  padding-top:50px;
  padding-bottom:50px
  }
  @media (min-width:968px){ 
  .separo_seccion{ 
  padding-top:100px;
  padding-bottom:100px
  }
  
  }
  
  .separo_seccion_top_peq{ 
  padding-top:0
  }
  @media (min-width:968px){ 
  .separo_seccion{ 
  padding-top:0
  }
  
  }
  
  .punto_medio{ 
  width:25px;
  height:25px;
  position:absolute;
  top:50%;
  right:50%;
  background-color:red;
  z-index:100;
  ;
  border-radius:500px;
  opacity:0
  }
  
  .punto_medio:after{ 
  content:"";
  position:absolute;
  width:var(--radio);
  height:var(--radio);
  pointer-events:none;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:500px;
  background-color:rgb(239 120 0 / .5);
  z-index:10
  }
  
  .contenedor_galeria{ 
  border-radius:500px;
  z-index:0
  }
  
  .img_abs{ 
  max-width:350px;
  height:auto;
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  transform-origin:center
  }
  
  .img_abs img{ 
  width:100%;
  height:auto
  }
  
  .cont_img_gal{ 
  transform-origin:center
  }
  
  .img_gal{ 
  transform-origin:center;
  position:absolute;
  z-index:0
  }
  
  .cont_img_gal img{ 
  min-width:300px;
  max-width:300px;
  border-radius:5px;
  position:relative;
  transition:all 0.3s
  }
  
  .gal_0 img{ 
  position:relative
  }
  
  .gal_1 img{ 
  position:relative
  }
  
  .gal_2 img{ 
  position:relative
  }
  
  .img_gals{ 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  z-index:0
  }
  
  .cont_img_gal{ 
  position:relative;
  transition:all 0.3s
  }
  
  .cont_img_gal img{ 
  transition:all 0.3s;
  box-shadow:rgb(0 0 0 / .25) 0 10px 36px 0,rgb(0 0 0 / .1) 0 0 0 1px
  }
  
  .pointer_none{ 
  pointer-events:none
  }
  
  .activoFoto .cont_img_gal{ 
  transform:scale(1.2)!important
  }
  
  .activoFoto img{ 
  transform:rotate(0deg)!important
  }
  
  .marquee{ 
  transform:rotate(10deg);
  transform-origin:center;
  max-width:100vw
  }
  
  .puntitos:after{ 
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_44_1428)'%3E%3Ccircle cx='0.601807' cy='0.597656' r='0.597656' fill='%230F0F0F'/%3E%3Ccircle cx='2.59766' cy='2.59766' r='0.597656' fill='%230F0F0F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44_1428'%3E%3Crect width='4' height='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat:repeat;
  background-position:center;
  z-index:1;
  pointer-events:none;
  opacity:.38
  }
  
  .cuadricula:after{ 
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-image:url(../img/rejilla_b.gif);
  background-repeat:repeat;
  background-position:top center;
  z-index:-1;
  pointer-events:none;
  opacity:.25
  }
  
  .over_back:after{ 
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    /* background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_44_1428)'%3E%3Ccircle cx='0.601807' cy='0.597656' r='0.597656' fill='%230F0F0F'/%3E%3Ccircle cx='2.59766' cy='2.59766' r='0.597656' fill='%230F0F0F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44_1428'%3E%3Crect width='4' height='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); */
    background-image:url(../img/ptox5.gif);
    background-repeat:repeat;
    background-position:top center;
     
    z-index:5;
    pointer-events:none;
    /* opacity: 0.5; */
    /* opacity:1 */
    }
  .caja-pad_zero{ 
  padding-bottom:0
  }
  
  .loader{ 
  display:none;
  width:250px;
  height:20px;
  background-color:#fff0;
  position:relative
  }
  @media screen and (min-width:768px){ 
  .loader{ 
  display:flex
  }
  
  }
  
  .ball{ 
  width:1px;
  height:50px;
  background-color:#fff0;
  position:absolute;
  top:20px
  }
  
  .ball:nth-child(1){ 
  left:25px;
  transform-origin:0 0;
  animation:bit 3000ms infinite linear
  }
  @keyframes bit{ 
  0%,50%{ 
  transform:rotate(0deg);
  animation-timing-function:cubic-bezier(.26,1.03,.78,1.05)
  
  }
  
  25%{ 
  transform:rotate(30deg);
  animation-timing-function:cubic-bezier(.41,.06,.62,.3)
  
  }
  
  
  }
  
  .ball:nth-child(2){ 
  left:75px
  }
  
  .ball:nth-child(3){ 
  left:125px
  }
  
  .ball:nth-child(4){ 
  left:175px
  }
  
  .ball:nth-child(5){ 
  left:225px;
  transform-origin:0 0;
  animation:bit-2 3000ms 1500ms ease-in-out infinite
  }
  @keyframes bit-2{ 
  0%,50%{ 
  transform:rotate(0deg);
  animation-timing-function:cubic-bezier(.26,1.03,.78,1.05)
  
  }
  
  25%{ 
  transform:rotate(-30deg);
  animation-timing-function:cubic-bezier(.41,.06,.62,.3)
  
  }
  
  
  }
  
  .ball:after{ 
  content:'';
  position:absolute;
  top:calc(100% - 25px);
  background-color:var(--negro);
  width:50px;
  height:50px;
  border-radius:50%;
  left:-25px;
  box-shadow:inset 0 -12px 15px 5px #0004
  }
  
  .ball:nth-child(1):after{ 
  box-shadow:inset 4px -12px 15px 5px #0004;
  animation:shadow-mov2-2 2000ms infinite
  }
  
  .ball:nth-child(2):after{ 
  box-shadow:inset 2px -12px 15px 5px #0004
  }
  
  .ball:nth-child(4):after{ 
  box-shadow:inset -2px -12px 15px 5px #0004
  }
  
  .ball:nth-child(5):after{ 
  box-shadow:inset -4px -12px 15px 5px #0004;
  animation:shadow-move 2000ms 1000ms linear infinite
  }
  @keyframes shadow-move{ 
  25%{ 
  box-shadow:inset -6px -12px 15px 5px #0004
  }
  50%{ 
  box-shadow:inset -4px -12px 15px 5px #0004
  }
  
  }
  @keyframes shadow-move-2{ 
  25%{ 
  box-shadow:inset 6px -12px 15px 5px #0004
  }
  50%{ 
  box-shadow:inset 4px -12px 15px 5px #0004
  }
  
  }
  @media screen and (max-width:1000px){ 
  .pad_lados_fix{ 
  padding-left:15px
  }
  
  }
  
  .lead{ 
  z-index:10
  }
  
  .seccion_menu{ 
  position:relative;
  z-index:15!important
  }
  
  .logo_txt_img{ 
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:auto
  }
  
  .img_logo_simbolo{ 
  width:100%;
  ;
  height:auto
  }
  section{ 
  z-index:100;
  position:relative
  }
  
  
   section {
  
    & p{
      color:var(--blancoMed);
    }
    & h2{
      color:var(--blancoMed);
    }
    & h3{
      color:var(--blancoMed);
    }
  
    & h4{
      color:var(--blancoMed);
    }
    & h6{
      color:var(--blancoMed);
    }
    
  }
  
  .bot_avanza{ 
  position:absolute;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);
  z-index:1000;
  
  }
  @media screen and (max-width:768px){ 
  .bot_avanza{ 
  bottom:50px
  }
  
  }
  
  .flecha_avanza{ 
  max-width:50%;
  height:auto;
  -webkit-animation:sube_baja 1.25s ease-in-out infinite both;
  animation:sube_baja 1.25s ease-in-out infinite both
  }
  
  .mensaje_form{ 
  text-align:left;
  padding-top:10px;
  color:var(--naranja)
  
  }
  
  
  .autor{ 
  font-size:.7rem;
  margin-top:15px;
  text-align:left
  }
  @media screen and (max-width:768px){ 
  .autor{ 
  padding-left:15px
  }
  
  }
  
  .boton_naranja{ 
  background-color:var(--naranja);
  font-weight:var(--wXLight);
  color:var(--blanco);
  transition:all 0.3s;
  line-height:1.2;
  border:1px solid var(--naranja)!important
  }
  
  .boton_naranja:hover{ 
  background-color:var(--blanco);
  color:var(--naranja)!important
  }
  
  .boton_naranja_invertido{ 
  border:1px solid var(--naranja);
  font-weight:var(--wXLight);
  color:var(--naranja);
  transition:all 0.3s;
  line-height:1.2
  }
  
  .boton_naranja_invertido:hover{ 
  background-color:var(--naranja);
  color:var(--blanco)
  
  }
  
  @media screen and (max-width:768px){ 
  .boton_naranja{ 
  font-size:1rem
  }
  
  .lead{ 
  width:100%
  }
  
  }
  body{ 
  overflow:auto;
  overflow:initial;
  max-width:100vw
  }
  main,body,html{ 
  max-width:100vw;
  
  }
  footer{ 
  z-index:1000
  }
  footer p{ 
  font-size:1rem
  }
  footer h3{ 
  font-size:1rem;
  margin-bottom:20px
  }
  
  .li_rrss a{ 
  color:var(--blanco);
  margin-right:15px;
  display:inline-block;
  text-decoration:none
  }
  
  .ul_footer li{ 
  margin-bottom:7px;
  color:var(--blanco)
  
  }
  
  
  .ul_footer a{ 
  color:var(--blanco);
  text-decoration:none
  }
  
  .fixed_call_me{ 
  position:fixed;
  bottom:7px;
  right:25px;
  z-index:10000000000000000
  }
  footer{ 
  z-index:10000000000000000
  }
  
  .elementos_call{ 
  margin-bottom:15px;
  line-height:1;
  position:relative;
  font-size:1.7rem;
  text-decoration:none;
  color:var(--naranja)!important;
  z-index:10000000000000000;
  transition:all 0.3s
  }
  
  .elementos_call:first-child{ 
  margin-bottom:25px
  }
  
  .elementos_call:hover:before{ 
  opacity:1
  }
  @media screen and (min-width:768px){ 
  .fixed_call_me{ 
  right:25px
  }
  
  }
  
  .elementos_call:before{ 
  position:absolute;
  content:"";
  width:45px;
  background-color:#00bcd4;
  height:45px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  opacity:.75;
  z-index:-1;
  border-radius:500px
  }
  
  .elementos_call:first-child:before{ 
  background-color:#25D366
  }
  
  .image-comparison__thumb{ 
  background-color:var(--naranja)!important
  }
  
  .logos_ge_footer{ 
  max-width:425px;
  width:100%
  }
  
  .logo_esat_blanco{ 
  max-width:250px;
  width:100%;
  
  }
  
  .img_iphone{ 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:10000;
  background-image:url(../img/portada_secuencia.jpg);
  background-size:cover;
  background-position:center;
  cursor:pointer
  }
  
  
  .astronauta_pie{
    position: absolute;
    left:0;
    bottom: -50px;
    max-width:250px;
    height: auto; 
    transform: translateX(-50%);
    z-index:0;
    @media screen and (min-width:1024px) {
      bottom: 0;
      transform: translateX(-75%);
    }
  }
 
  
  .astronauta_medio{

   

    position: absolute;
    left:0;
    bottom: -0;
    pointer-events: none;
    height: auto; 
    transform: translateX(-25%);
    z-index:0;

    @media screen and (max-width:1024px) {
      max-width: 40svw;;
      /* transform: translateX(-75%);*/
    }
    @media screen and (max-width:960px) {
      max-width: 50svw;;
    }
    @media screen and (max-width:850px) {
      max-width: 40svw;;
    }
    @media screen and (min-width:1100px) {
      max-width: 450px;
    }

    @media screen and (min-width:1400px) {
      max-width: 450px;
      transform: translateX(-10%);
    }



  
  }

  .camara-footer{

    position: absolute;
    left:0;
    bottom: 50%;
    pointer-events: none;
    height: auto; 
    transform: translateX(-30%);
    z-index:0;



    @media screen and (max-width:1024px) {
      /* max-width: 40svw;; */
      /* transform: translateX(-75%);*/
    }
    @media screen and (max-width:960px) {
      /* max-width: 50svw;; */
    }
    @media screen and (max-width:850px) {
      /* max-width: 50svw;; */
     
    }
    @media screen and (min-width:1100px) {
      /* max-width: 600px; */
      transform: translateX(-15%); 
    }

 
    @media screen and (min-width:1400px) {
      /* max-width: 600px; */
       transform: translateX(-15%); 
    }

    max-width: 350px;
    height: auto;

    opacity: 0.5;

  }

  .overflow-hidden{
    overflow: hidden;
  }

  .camara-top{
    position: absolute;

    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;

    top: -5svw;
    right:-20svw;
    width: 75svw;
    height: 50svh;

        
    @media screen and (min-width:768px) {
      width: 50svw;
      height: 50svh;
      top: -5svw;
      right:-12svw;
    }
 

    
    @media screen and (min-width:960px) {

      transform: translate(0);

      top: 5svw;
      right:5svw;
      width: 40svw;
      height: 40svh;
      
    }


  }
  
  .mod-online{
      font-weight: 300;
      border-radius: 500px;
      border:1px solid  var(--grisMed);
      font-size: 0.9rem;
      padding: 5px 10px;
      display: inline-flex;
      align-self: flex-start;
      color:  var(--grisMed);
  }
  
  .px-th{
    padding-left:  5svw;
    padding-right:  5svw;
  }
  
  footer{ 
  display:none!important
  }
  
  .textsmall{ 
  font-size:.8rem
  }
  
  .lista_dirigido{ 
  padding-left:0;
  margin-left:0;
  list-style:none;
  list-style-position:inside
  }
  
  .lista_dirigido li{ 
  font-size:var(--tamDesta);
  color:var(--grisDark);
  text-align:left;
  margin-bottom:10px;
  position:relative
  }
  
  .lista_dirigido li strong{ 
  font-weight:var(--wRegular);
  color:var(--dark)
  
  }
  
  
  .lista_dirigido li:after{ 
  position:absolute;
  width:15px;
  height:1px;
  background-color:var(--grisDark);
  opacity:.25;
  top:15px;
  content:"";
  left:-25px
  }
  
  
  .card_dirigido{ 
    padding:var(--padLados) 
  }
  
  
  .in_card_testimonio::after{ 
  content:"";
  width:50px;
  height:30px;
  background-image:url(../img/ico_bubble.svg);
  background-size:contain;
  top:30px;
  left:30px;
  position:absolute;
  background-repeat:no-repeat
  }
  
  .in_card_dirigido,.in_card_modulos{ 
  display:flex;
  flex-direction:column
  }
  
  .in_card_modulos .mini_tit_dir{ 
  margin-bottom:0
  }
  
  .card_dirigido:nth-child(1) .in_card_dirigido{ 
  background-color:#FF7C00
  }
  
  .card_dirigido:nth-child(2) .in_card_dirigido{ 
  background-color:#FF8817
  }
  
  .card_dirigido:nth-child(3) .in_card_dirigido{ 
  background-color:#EE7400
  }
  
  .card_dirigido:nth-child(4) .in_card_dirigido{ 
  background-color:#B95A00
  }
  
  .card_dirigido .in_card_dirigido,.card_dirigido .in_card_modulos{ 
  text-align:left;
  padding:var(--padLados)
  
  }
  
  
  .mini_tit_dir,.mini_tit_dir_mod{ 
  text-align:left;
  font-weight:var(--wMedium);
  margin-bottom:20px;
  ;
  font-size:var(--tamNormal)
  
  }
  
  
  .in_card_modulos .mini_tit_dir,.in_card_modulos .mini_tit_dir_mod{ 
  text-align:left;
  font-weight:var(--wMedium);
  margin-bottom:20px;
  
  }
  
  .in_dirigido{ 
  text-align:left
  }
  
  .cont_dirigido{ 
  font-size:var(--tamNormal)
  
  }
  
  
  .ico_card{ 
  width:75px;
  height:auto;
  margin-bottom:10px
  }
  @media screen and (max-width:767px){ 
  .mini_tit_dir{ 
  margin-bottom:10px
  }
  
  .cont_dirigido{ 
  line-height:1.2;
  font-size:.9rem
  }
  
  }
  @media screen and (min-width:768px){ 
  .card_dirigido{ 
  padding:5px
  }
  
  .cont_dirigido{ 
  margin-top:30px
  }
  
  }
  @media screen and (min-width:1024px){ 
  .cont_dirigido{ 
  margin-top:100px
  }
  
  }
  
  .cont_dirigido{ 
  margin-top:0
  }
  
  .lapiz_svg{ 
  width:100%;
  height:auto;
  max-width:275px
  }
  
  .seccion_sep_media{ 
  padding-top:50px;
  padding-bottom:50px
  }
  
  .video-container-ytb{ 
  position:relative;
  padding-bottom:57.02%
  }
  
  .video-container-ytb iframe{ 
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
  }
  
  .video-ytb-solo{ 
  aspect-ratio:1280 / 720;
  width:100%
  }
  
  .info_expli img{ 
  margin-bottom:20px
  }
  
  .bloque_profe{ 
  width:100%
  }
  @media screen and (min-width:768px){ 
  .bloque_profe{ 
  width:50%;
  padding-left:var(--padLados);
  padding-right:var(--padLados)
  
  }
  
  
  .tit_seccion_vert{ 
  position:sticky;
  transform-origin:top right;
  right:0;
  top:0;
  transform:rotate(-90deg) translate(-100%,-100%)
  
  }
  
  
  .linea_profes{ 
  border-left:1px solid var(--grisDark);
  padding-top:calc(2 * var(--padLados));
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  
  .in_section_profesores{ 
  padding-top:0;
  padding-bottom:0
  }
  
  }
  @media screen and (min-width:1200px){ 
  .bloque_profe{ 
  padding-left:calc(2 * var(--padLados));
  padding-right:calc(2 * var(--padLados))
  
  }
  
  
  }
  
  .list_inside_modulo{ 
  margin-top:15px;
  margin-bottom:10px;
  margin-left:15px;
  padding-left:0;
  list-style:none;
  list-style:disc
  }
  
  .list_inside_modulo li{ 
  position:relative;
  margin-bottom:7px
  }
  
  .list_inside_modulo li:after{ 
  display:none
  }
  
  .cap_tri{ 
  font-weight:var(--wRegular);
  text-align:left;
  color:var(--naranja);
  margin-bottom:20px;
  font-size:var(--tam16-20)
  
  }
  
  
  .info_mini_inside{ 
  margin-top:20px
  }
  
  .listado_clases{ 
  margin-top:10px;
  margin-bottom:20px
  }
  
  .listado_clases li{ 
  font-size:var(--tamDesta);
  position:relative;
  padding-bottom:7px;
  margin-bottom:7px
  }
  
  .listado_clases li:after{ 
  width:100%;
  content:"";
  height:1px;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background-color:var(--grisLight)
  
  }
  
  
  .listado_clases li:before{ 
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  background-position:center;
  background-repeat:no-repeat;
  left:-27px;
  top:5px;
  background-image:url(../img/icono_flecha.svg);
  transform:rotate(-45deg)
  
  }
  
  
  .col_nom_vert{ 
  padding-top:calc(2.5 * var(--padLados))
  
  }
  
  @media screen and (max-width:640px){ 
  .listado_clases li:before{ 
  display:none
  }
  
  .pad-Cards{ 
  margin-left:calc(-1 * var(--padLados))!important;
  margin-right:calc(-1 * var(--padLados))!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:translateX(var(--padLados))
  
  }
  
  
  .card_dirigido{ 
  padding-left:calc(0.5 * var(--padLados))!important;
  padding-right:calc(0.5 * var(--padLados))!important
  }
  
  }
  @media screen and (max-width:767px){ 
  .p_baixo_hide{ 
  display:none!important
  }
  
  .tit_desp_baix{ 
  cursor:pointer;
  padding-bottom:0;
  margin-bottom:0;
  font-size:20px
  }
  
  .tit_desp_baix:after{ 
  display:none!important
  }
  
  .abro_pest_baix{ 
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  
  .abro_pest_baix+.p_baixo_hide{ 
  display:flex!important;
  flex-direction:column;
  padding-bottom:0
  }
  
  .abro_pest_baix:after{ 
  display:flex!important
  }
  
  .pastilla{ 
  margin-bottom:0;
  padding-bottom:0
  }
  
  }
  
  .ico_llama{ 
  width:32px;
  height:32px
  }
  
  .btn_reserva_second:hover{ 
  background-color:var(--grisDark);
  color:#fff
  }
  
  .bot_reserva_tercer{ 
  width:auto!important;
  padding-left:30px;
  padding-right:30px;
  margin-left:auto;
  margin-right:auto
  }
  @media screen and (max-width:767px){ 
  .pad-top-peq{ 
  padding-top:var(--padLados)
  
  }
  
  
  .pad-bottom-peq{ 
  padding-bottom:var(--padLados)
  
  }
  
  
  .pad-right-peq{ 
  padding-right:0!important
  }
  
  .pb-peq{ 
  padding-bottom:calc(4 * var(--padLados))
  
  }
  
  
  }
  
  .mini_tit_dir_mod{ 
  margin-bottom:0!important
  }
  
  .cont_midas .in_section{ 
  padding-left:15px;
  padding-right:15px
  }
  
  .swiper-slide.card_modulos_alt{ 
  background-color:#fff0
  }
  @media screen and (max-width:767px){ 
  .col_nom_vert{ 
  padding-top:0
  }
  
  .pads-super-desta{ 
  padding-top:calc(2 * var(--padLados));
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  
  }
  @media screen and (min-width:768px){ 
  .padding-titular{ 
  margin-top:30px
  }
  
  }
  
  .in_card_modulos{ 
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:start
  }
  
  .in_card_modulos .ico_card{ 
  max-height:75px;
  width:auto
  }
  

  main{ 
  /*background-color:var(--blanco)*/
  
  }
  
  
  .cont_sellos_gameducation .img_sellos{ 
  max-width:400px;
  margin-left:auto;
  margin-right:auto
  }
  
  .cont_sellos_gameducation .img_sellos_bajo{ 
  max-width:400px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px
  }
  @media screen and (max-height:1000px){ 
  .img_sellos_bajo{ 
  display:none
  }
  
  }
  
  .tres_carreras{ 
  padding-top:calc(2 * var(--padLados));
  padding-bottom:calc(2 * var(--padLados))
  
  }
  
  @media screen and (max-width:1024px){ 
  .tres_carreras{ 
  padding-top:calc(1 * var(--padLados));
  padding-bottom:calc(1 * var(--padLados))
  
  }
  
  
  .tit_carrera_movil{ 
  width:100%;
  text-align:left;
  font-size:1.2rem;
  color:var(--blanco)!important;
  text-decoration:none!important;
  font-weight:300
  }
  
  .pads-super-desta{ 
  padding-top:calc(0 * var(--padLados));
  padding-bottom:calc(1 * var(--padLados))
  
  }
  
  
  .bot_carrera{ 
  color:var(--blanco)!important;
  text-decoration:none
  }
  
  }
  
  .tit_carrera_peq{ 
  font-size:.8rem;
  line-height:1.3;
  font-weight:100;
  display:block
  }
  @media screen and (max-width:640px){ 
  .bot_carrera{ 
  margin-bottom:15px
  }
  
  .tit_carrera_movil{ 
  margin-bottom:0;
  padding-left:5px;
  line-height:1.4
  }
  
  .tres_carreras{ 
  flex-direction:column;
  align-items:start
  }
  
  .icono_movil{ 
  max-width:50px
  }
  
  .bot_carrera{ 
  display:flex;
  align-items:center;
  justify-content:start
  }
  
  }
  @media screen and (min-width:640px) and (max-width:1023px){ 
  .tres_carreras{ 
  
  }
  
  .bot_carrera{ 
  max-width:calc(100% / 3);
  text-align:center
  }
  
  .tit_carrera_movil{ 
  text-align:center
  }
  
  .icono_movil{ 
  max-width:75px
  }
  
  }
  
  .sep_baix_linea{ 
  position:relative;
  padding-bottom:15px!important;
  margin-bottom:15px!important
  }
  
  .sep_baix_linea:after{ 
  position:absolute;
  content:"";
  bottom:0;
  width:20px;
  height:1px;
  background-color:var(--blanco)
  
  }
  
  
  .sep_baix_linea_dark::after{ 
  background-color:var(--grisDark)
  
  }
  
  
  .sep_baix_linea_naranja::after{ 
  background-color:var(--naranja)
  
  }
  
  
  .sep_baix_linea_after_zero:after{ 
  left:0!important
  }
  
  .cont_igor{ 
  max-width:350px
  }
  
  .cont_hell{ 
  max-width:450px
  }
  
  .in_cont_igor{ 
  position:absolute;
  top:25%;
  left:50%;
  transform:translate(-50%,-50%)
  
  }
  
  
  .ico_steam{ 
  max-height:25px;
  width:auto
  }
  
  .open_trailer{ 
  font-size:.9rem;
  text-decoration:none;
  color:var(--naranja)!important;
  padding:5px 10px;
  border:1px solid var(--naranja);
  line-height:1;
  border-radius:5200px;
  align-items:center;
  display:flex
  }
  
  .open_trailer{ 
  transition:all 0.3s
  }
  
  .open_trailer:hover{ 
  background-color:var(--naranja);
  color:var(--blanco)!important
  }
  
  .open_trailer span:before,.open_trailer span:after{ 
  color:var(--naranja);
  line-height:1
  }
  
  .open_trailer:hover span:before{ 
  color:var(--blanco)
  
  }
  
  
  .bot_carrera .simbolos{ 
  transition:all 0.3s;
  position:relative;
  transform-origin:center
  }
  
  .bot_carrera .letras{ 
  transition:all 0.4s 0.05s;
  position:relative;
  transform-origin:center
  }
  
  .bot_carrera{ 
  overflow:visible
  }
  
  .bot_carrera .marca_carrera{ 
  overflow:visible;
  transform-origin:center
  }
  
  .bot_carrera:hover .simbolos{ 
  transform:scale(.9);
  transform-origin:center
  }
  
  .bot_carrera:hover .letras{ 
  transform:scale(1.2);
  transform-origin:center
  }
  
  .caja_relampago{ 
  z-index:-15
  }
  
  .pos_fixed_top{ 
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:-10;
  pointer-events:none;
  width:100vw;
  height:100vh
  }
  
  .parti{ 
  width:25px;
  height:25px;
  position:absolute
  }
  
  .in_parti{ 
  display:block;
  border-radius:500px;
  background:radial-gradient(circle,white 0%,#FFC107 15%,#fff0 44%,#ff256b 48%,#ffffff29 52%,#fff0 100%);
  filter:blur(2px);
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0
  }
  
  .deg_cir{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
  background:#151515;
  background:radial-gradient(circle,rgb(21 21 21) 0%,#fff0 100%);
  background:radial-gradient(circle,rgb(60 60 60) 0%,#fff0 70%)
  
  }
  
  
  .img_vr{ 
  z-index:10
  }
  
  .info_bait{ 
  margin-bottom:30px;
  padding-right:15px;
  padding-left:15px;
    @media screen and (max-width:962px){
      padding-right:15px !important;
      padding-left:15px !important;

    }
  }


  
  .info_bait h4{ 
  text-align:left;
  margin-bottom:12px;
  font-weight:var(--wRegular);
  /* color:var(--grisDark)!important */
  }
  
  .info_bait p{ 
  text-align:left;
  /* color:var(--grisDark)!important; */
  font-size:1rem
  }
  
  .cont_baits{ 
  padding-left:calc(2 * var(--padLados));
  padding-right:calc(2 * var(--padLados))
  
  }
  
  
  .pres_baits{ 
  margin-bottom:30px
  }
  @media screen and (min-width:1024px){ 
  .info_bait *{ 
  padding-right:15px
  }
  
  }
  @media screen and (min-width:1200px){ 
  .pres_baits{ 
  padding-right:25px;
  margin-bottom:0
  }
  
  .info_bait{ 
  padding-right:15px;
  padding-left:15px
  }
  
  .info_bait{ 
  margin-bottom:40px
  }
  
  }
  
  .icono_qua{ 
  max-width:70px;
  height:auto;
  margin-bottom:15px
  }
  
  .cont_vr{ 
  transform:scale(1.2)
  
  }
  
  
  .img_vr_sube{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
  }
  @media screen and (min-width:1024px){ 
  .cont_esat *{ 
  
  }
  
  }
  
  .overflow-x-hide{ 
  overflow-x:hidden
  }
  
  .over-y-visible{ 
  overflow-y:visible!important
  }
  
  .fon_escultura{ 
  position:absolute;
  mix-blend-mode:difference;
  bottom:0;
  right:0;
  transform:translateX(-15%)
  
  }
  
  
  .img_escultura{ 
  opacity:.15
  }
  
  .in_video{ 
  pointer-events:none;
  max-width:100%;
  width:100%;
  height:auto;
  max-width:600px
  }
  
  .swiper-slide img{ 
  transition:all 0.5s
  }
  
  .moviendo img{ 
  transform:scale(1.1)
  
  }
  
  
  .preMoviendo img{ 
  transform:scale(1.05)
  
  }
  
  
  .postMoviendo img{ 
  transform:scale(1.05)
  
  }
  
  
  .swiper-wrapper-testi{ 
  align-items:start;
  height:auto
  }
  
  .swiper_testimonios{ 
  cursor:pointer
  }
  
  .in_card_testimonio{ 
  border-radius:16px;
  background:#fff;
  padding-left:25px!important;
  padding-right:25px!important;
  pointer-events:none;
  background:#e3edec
  }
  
  .in_card_testimonio *{ 
  color:var(--grisDark)!important
  }
  
  .img_alumno{ 
  border-radius:500px;
  width:100%;
  height:auto;
  filter:grayscale(100%)
  
  }
  
  
  .cont_img_alumno{ 
  width:120px;
  height:120px;
  max-width:120px;
  position:relative;
  align-self:flex-end
  }
  
  .cont_img_alumno::after{ 
  border-radius:500px;
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:var(--naranja);
  mix-blend-mode:multiply;
  opacity:0;
  background:linear-gradient(141deg,#ff782a 0%,#ff4170 86%)
  
  }
  
  
  .cont_img_alumno::before{ 
  border-radius:500px;
  content:"";
  position:absolute;
  top:-1px;
  bottom:-1px;
  left:-1px;
  right:-1px;
  z-index:5;
  border:2px solid rgb(255 255 255 / .2)
  
  }
  
  
  .nom_alumno{ 
  margin-top:30px;
  font-weight:500;
  margin-bottom:15px
  }
  
  .tit_empresa{ 
  font-weight:500!important;
  margin-bottom:10px!important
  }
  
  .testimonio{ 
  font-size:.9rem;
  font-weight:300
  }
  
  .preMoviendoTesti{ 
  border:3px solid #ff0
  }
  
  .moviendoTesti{ 
  border:3px solid orange
  }
  
  .postMoviendoTesti{ 
  border:3px solid red
  }
  
  .padBot-zero{ 
  padding-bottom:0!important
  }
  body{ 
  max-width:100vw;
  overflow-x:hidden
  }
  
  .p-esat{ 
  font-weight:200
  }
  @media screen and (min-width:1024px){ 
  .p-esat{ 
  max-width:500px;
  margin-left:auto;
  margin-right:auto
  }
  
  .cont_esat .tit_seccion{ 
  max-width:500px;
  margin-left:auto;
  margin-right:auto
  }
  
  }
  
  .img_clase{ 
  border-radius:10px
  }
  @media screen and (max-width:640px){ 
  .order-1-peq{ 
  order:-1
  }
  
  .img_smaug{ 
  max-width:100%;
  ;
  width:100%
  }
  
  }
  
  .logo_twitter{ 
  max-width:16px;
  height:auto;
  margin-top:-3px
  }
  
  .cir_baix{ 
  position:absolute;
  right:0;
  top:0;
  opacity:.7;
  max-width:175px;
  height:auto;
  transform:translate(25%,-25%)
  
  }
  
  
  .equis_baix{ 
  right:initial;
  left:0;
  transform:translate(-25%,-25%)
  
  }
  
  
  .cir_baix img{ 
  width:100%;
  height:auto
  }
  @media screen and (max-width:768px){ 
  .cir_baix{ 
  display:none
  }
  
  }
  
  .sep_cont_esat{ 
  padding-top:20px;
  padding-bottom:20px
  }
  @media screen and (min-width:768px){ 
  .sep_cont_esat{ 
  padding-top:50px;
  padding-bottom:50px
  }
  
  }
  
  .cont_image_crucecitas{ 
  position:absolute;
  bottom:0;
  left:0;
  transform:translate(-20%,-20%);
  z-index:0;
  opacity:1
  }
  
  .cont_image_crucecitas img{ 
  width:100%;
  ;
  max-width:900px;
  height:auto
  }
  
  .viewport_{ 
  overflow:hidden;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  right:0;
  bottom:0
  }
  
  .scroll-container_{ 
  position:absolute;
  overflow:hidden;
  z-index:10;
  display:flex;
  justify-content:center;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d
  }
  
  .cont_cirs{ 
  position:absolute;
  right:0;
  bottom:0;
  transform:translate(50%,15%);
  width:500px;
  opacity:.6;
  height:auto;
  z-index:-1;
  display:none
  }
  @media screen and (min-width:1024px){ 
  .cont_cirs{ 
  position:absolute;
  right:0;
  bottom:0;
  transform:translate(50%,50%);
  width:900px;
  opacity:.75;
  height:auto
  }
  
  }
  
  .sec_formulario{ 
  z-index:100000!important
  }
  
  .cont_canvas{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:0!important
  }
  
  .canvas_stars{ 
  z-index:-1!important
  }
  
  .fancy_items h2{ 
  font-weight:700;
  text-align:left
  }
  
  .fancy_items p{ 
  text-align:left
  }
  
  .listado_items_carrera{ 
  list-style-position:inside;
  padding-left:0;
  margin-left:0
  }
  
  .listado_items_carrera li{ 
  text-align:left
  }
  
  .fancy_items{ 
  border-radius:5px;
  position:relative;
  overflow:hidden
  }
  
  .fon_art_vg:before{ 
  position:absolute;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  width:250px;
  height:250px;
  bottom:-50px;
  right:-50px;
  opacity:.25;
  background-image:url(../img/fondo_arte.svg);
  background-position:center center
  }
  
  .fon_dis_vg:before{ 
  position:absolute;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  width:250px;
  height:250px;
  bottom:-50px;
  right:-50px;
  opacity:.25;
  background-image:url(../img/fondo_diseno_vg.svg);
  background-position:center center
  }
  
  .fon_prog_vg:before{ 
  position:absolute;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  width:250px;
  height:250px;
  bottom:-50px;
  right:-50px;
  opacity:.25;
  background-image:url(../img/fondo_programacion.svg);
  background-position:center center
  }
  
  .tit_expli_first{ 
  text-align:left;
  padding-top:15px;
  padding-bottom:15px;
  margin-top:15px;
  margin-bottom:15px
  }
  
  .h_tit{ 
  text-align:left;
  font-weight:var(--wRegular);
  font-size:clamp(1.25rem, 1.0227rem + 1.1364vw, 1.875rem)
  
  }
  
  
  .h_tit *{ 
  text-align:left;
  font-weight:var(--wRegular);
  font-size:clamp(1.25rem, 1.0227rem + 1.1364vw, 1.875rem)
  
  }
  
  
  .lead{ 
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content:center
  }
  
  .h_tit,.h_tit *{ 
  text-align:center
  }
  @media screen and (min-width:768px){ 
  .tit_expli_first{ 
  padding-left:2vw;
  padding-right:2vw
  }
  
  }
  @media screen and (min-width:1200px){ 
  .h_tit,.h_tit *{ 
  text-align:left
  }
  
  }
  
  .esq_izq_up{ 
  position:absolute;
  top:0;
  left:0;
  border-left:1px solid var(--naranja);
  border-top:1px solid var(--naranja);
  width:15px;
  height:15px;
  opacity:.4
  }
  
  .esq_der_up{ 
  position:absolute;
  top:0;
  right:0;
  border-right:1px solid var(--naranja);
  border-top:1px solid var(--naranja);
  width:15px;
  height:15px;
  opacity:.4
  }
  
  .esq_izq_down{ 
  position:absolute;
  bottom:0;
  left:0;
  border-left:1px solid var(--naranja);
  border-bottom:1px solid var(--naranja);
  width:15px;
  height:15px;
  opacity:.4
  }
  
  .esq_der_down{ 
  position:absolute;
  bottom:0;
  right:0;
  border-bottom:1px solid var(--naranja);
  border-right:1px solid var(--naranja);
  width:15px;
  height:15px;
  opacity:.4
  }
  
  .t_pres{ 
  font-size:calc(1.2rem + .6vw)
  
  }
  
  @media screen and (min-width:768px){ 
  .t_pres{ 
  max-width:75%
  }
  
  }
  @media screen and (min-width:1024px){ 
  .t_pres{ 
  max-width:50%
  }
  
  }
  
  .pos_puntos{ 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:0;
  pointer-events:none
  }
  
  .pos_puntos canvas{ 
  z-index:-1;
  opacity:.2;
  top:0;
  right:0;
  left:0;
  bottom:0;
  position:absolute;
  height:100%
  }
  
  .but_prev_games{ 
  left:25px;
  filter:drop-shadow(0 0 20px var(--naranja));
  color:var(--naranaja)!important
  }
  
  .but_next_games{ 
  right:25px;
  filter:drop-shadow(0 0 20px var(--naranja));
  color:var(--naranaja)!important
  }
  
  .but_prev_games,.but_next_games{ 
  color:var(--naranaja)!important
  }
  
  .but_prev_games:after,.but_next_games:after{ 
  color:var(--naranaja)!important
  }
  
  .img_logo_simbolo{ 
  max-width:550px;
  margin-left:auto;
  margin-right:auto
  }
  @media screen and (min-width:1400px){ 
  .col-extra-w{ 
  max-width:650px
  }
  
  }
  @media (max-aspect-ratio:1.8){ 
  div{ 
  
  }
  
  .col-extra-w{ 
  width:90%!important
  }
  
  .img_logo_simbolo{ 
  max-width:450px
  }
  
  .lead .boton_naranja{ 
  max-width:350px
  }
  
  }
  
  .sep_baix_linea:after{ 
  left:0
  }
  
  .menu_bot{ 
  top:25px
  }
  
  .bot_openday{ 
    font-size:.8rem;
    border-radius:8px;
    margin-right:40px;
    padding:5px 10px;
    font-weight:400;
    text-decoration:none;
    background-color:var(--naranja);
    line-height:1;
    color:#fff;
    text-transform:uppercase;
    @media screen and (min-width:768px){ 
      margin-right:45px;
      font-size:.8rem;
      padding:7px 15px
    }
    @media screen and (min-width:1024px){ 
      margin-right:0;
      font-size:.8rem;
      padding:7px 15px
    }
  
  }
  @media screen and (min-width:768px){ 
  .lead-pad{ 
  padding-left:2vw;
  padding-right:2vw
  }
  
  .bot_openday{ 
  display:flex
  }
  
  .menu_bot{ 
  top:31px
  }
  
  }
  
  .back_before{ 
  position:relative
  }
  
  .back_before:before{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgb(0 0 0);
  content:"";
  z-index:15
  }
  
  .cuadricula_zero:after{ 
  z-index:16
  }
  
  .cuadricula.cuadricula_zero:before{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgb(0 0 0);
  content:"";
  z-index:15
  }
  
  .cuadricula.cuadricula_zero_w:before{ 
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgb(255 255 255);
  background-color: var(--dark);
  content:"";
  z-index:15
  }
  
  .ico_twitter{ 
  max-width:14px;
  margin-top:-6px
  }
  
  .ico_arts{ 
  max-width:22px;
  margin-top:-6px
  }
  
  .ico_rookies{ 
  max-width:16px;
  margin-top:-6px
  }
  
  .tit_expli_float{ 
  text-align:left;
  & h1{ 
  font-size:clamp(1.5rem, 0.812rem + 3.44vw, 4.25rem);
  font-weight:var(--wBold);
  line-height:1.1
  }
  & h2{ 
  font-size:clamp(1.125rem, 0.656rem + 2vw, 2rem);
  font-weight:var(--wMedium);
  line-height:1.1
  }
  
  }
  
  .boton_hero{ 
  width:auto!important;
  padding:18px 24px
  }
  
  .img_sellos_b{ 
  max-width:350px;
  width:100%;
  height:auto;
  margin-bottom:20px;
  @media screen and (min-width:768px){ 
  max-width:450px
  }
  
  }
  
  .max-w-col{ 
  max-width:250px
  }
  
  .padding-secs{ 
  padding-top:50px;
  
  }
  
  .padding-secs-baix{ 
  padding-bottom:50px;
  @media screen and (min-width:992px){ 
  padding-bottom:65px
  }
  
  }
  
  .col-premios{ 
  position:relative;
  @media screen and (min-width:992px){ 
  padding-left:30px;
  padding-right:30px;
  &::after{ 
  content:"";
  width:1px;
  height:30px;
  background-color:var(--grisMedDark);
  position:absolute;
  right:0;
  top:50%;
  transform-origin:center;
  transform:translate(-50%,-50%) rotate(10deg)
  
  }
  
  &:last-child{ 
  &:after{ 
  display:none;
  
  }
  
  }
  
  }
  
  }
  
  .col_juego{ 
  padding:var(--padLados);
  padding-top:0;
  color:var(--grisMedDark);
  text-decoration:none;
  & img{ 
  margin-bottom:20px;
  border-radius:5px
  }
  & .cont-info-juego{ 
  height:100%;
  padding:calc(var(--padLados) * 1.56);
  border:1px solid var(--grisLight);
  border-radius:25px;
  box-shadow:rgb(149 157 165 / .2) 0 8px 24px
  }
  & *{ 
  text-align:left
  }
  transition:all 0.3s ease-in-out;
  &:hover{ 
  transform:scale(1.03)
  
  }
  
  
  }
  
  .cont_items_destacados{ 
  border-radius:15px;
  padding:var(--padLados);
  @media screen and (min-width:1024px){ 
  padding:calc(3 * var(--padLados))
  
  }
  
  background-color:var(--grisMedDark)
  
  }
  
  
  .bot-baix{ 
  justify-self:flex-end
  }
  
  .caps_estudio{ 
  p{ 
  margin-top:10px;
  font-size:1rem
  }
  
  }
  
  .tit_carrera_en{ 
  color:var(--grisMedLight)
  
  }
  
  
  .img_godzilla{ 
  position:absolute;
  bottom:0;
  right:0;
  display:none;
  @media screen and (min-width:1024px){ 
  display:flex;
  transform:translate(275px,0)
  
  }
  
  @media screen and (min-width:1200px){ 
  transform:translate(225px,105px)
  
  }
  
  
  }
  @keyframes pajaro{ 
  0%{ 
  filter:drop-shadow(0 0 7px rgb(244 229 245));
  bottom:calc(50% - 0)
  
  }
  
  50%{ 
  filter:drop-shadow(0 0 2px #fff6c3);
  bottom:calc(50% - 15px)
  
  }
  
  100%{ 
  filter:drop-shadow(0 0 7px rgb(244 229 245));
  bottom:calc(50% - 0)
  
  }
  
  
  }
  
  .img_pajaro{ 
  position:absolute;
  bottom:0%;
  right:0;
  display:none;
  @media screen and (min-width:960px){ 
  display:flex;
  transform:translate(150px,0)
  
  }
  
  @media screen and (min-width:1100px){ 
  display:flex;
  transform:translate(200px,0)
  
  }
  
  @media screen and (min-width:1400px){ 
  transform:translate(150px,105px)
  
  }
  
  
  }
  
  .fondo_godzilla{ 
  background:#837679;
  /* background:linear-gradient(141deg,rgb(37 35 35 / 53%) 0%,rgb(131 118 121) 86%);
  background:linear-gradient(141deg,#ff782a 0%,#ff4170 86%); */
  background:linear-gradient(141deg,#aba9c1 0%,#18322f 86%)
  
  }
  
  
  .pad_sec_godzilla{ 
  padding-left:calc(4*var(--padLados))
  
  }
  
  
  .txt_igual_h2{ 
  font-size:calc(1.325rem + .9vw);
  @media (min-width:1200px){ 
  font-size:2rem
  }
  
  }
  
  .sep_baix_linea_medDark{ 
  position:relative;
  &:before{ 
  position:absolute;
  content:"";
  background-color:var(--grisMedDark);
  bottom:0;
  left:0;
  width:25px;
  height:1px
  }
  
  }
  
  .trans_linear{ 
  transition-timing-function:linear
  }
  
  .over_back{ 
  background-color:rgb(0 0 0 / .5);
  position:absolute;
  z-index:10;
  top:0;
  left:0;
  right:0;
  bottom:0
  }
  
  .over_info{ 
  *{ 
  color:var(--blanco)
  
  }
  
  
  }
  
  .sec-pq-unreal{ 
  padding-top:75px;
  padding-bottom:75px
  }
  
  .sec-pq-esat{ 
  @media screen and (min-width:1400px){ 
  padding-top:100px;
  padding-bottom:50px
  }
  
  }
  
  .pad-top-0{ 
  padding-top:0!important
  }
  
  .info_bait p,.info_bait h4{ 
  color:var(--blanco)!important
  }
  
  .info_bait_esat p,.info_bait_esat h4{ 
  /* color:var(--dark)!important */
  }
  
  .info_bait_esat{ 
  align-items:start;
  @media screen and (max-width:768px){ 
  padding-left:0;
  padding-right:0
  }
  
  }
  
  .resalte{ 
  position:relative;
  z-index:1;
  color:var(--blanco)!important;
  display:block
  }
  
  .info_bait_esat .resalte{ 
  font-weight:600;
  color:var(--naranja)!important
  }
  
  .order-md-prime{ 
  @media screen and (min-width:768px){ 
  order:-1
  }
  
  }
  
  .order-lg-prime{ 
    @media screen and (min-width:960px){ 
    order:-1
    }
    
    }
  
  .order-xl-prime{ 
    @media screen and (min-width:1200px){ 
    order:-1
    }
    
    }
  
  .back_unreal{ 
  background-position:center;
  background-size:cover
  }
  
  .black_over{ 
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgb(0 0 0 / .4);
  /* background-image:url(../img/ptox2.gif) */
  
  background-image:url(../img/ptox2g.png)
  
  
  
  }
  
  
  .div_badge{ 
  display:flex;
  align-items:center;
  justify-content:center;
  padding:25px;
  border:1px solid rgb(255 255 255 / .5);
  ;
  border-radius:30px;
  ;
  backdrop-filter:blur(5px);
  margin-left:2.4%;
  margin-right:2.4%;
  @media screen and (max-width:768px){ 
  padding-left:5px;
  padding-right:5px;
  max-width:45%;
  margin-left:2.4%;
  margin-right:2.4%
  }
  
  }
  
  .logo_unreal{ 
  max-width:200px;
  height:auto;
  width:100%
  }
  
  .img_robots{ 
  position:absolute;
  top:0;
  left:0;
  bottom:-200px;
  right:0;
  background-size:cover;
  background-position:center;
  width:100%
  }
  
  .back_punt_5x{ 
  /* background:var(--blanco) url(../img/ptox5.gif) */
  background:var(--blanco) url(../img/ptox5g.png)
  
  }
  
  
  .back_punt_7x{ 
  /* background:var(--blanco) url(../img/ptox7.gif); */
  background:var(--blanco) url(../img/ptox7g.png)
  
  
  }
  
  
  .flecha_testi_izq{ 
  z-index:10;
  position:absolute;
  top:50%;
  left:15px;
  transform:scale(1.2) translateY(-50%)
  
  }
  
  
  .flecha_testi_der{ 
  z-index:10;
  position:absolute;
  top:50%;
  right:30px;
  transform:scale(1.2) rotate(180deg) translateY(-50%)
  
  }
  
  
  .listado_suenos{ 
  list-style-position:inside;
  list-style:none;
  width:100%
  }
  
  .listado_suenos li{ 
  width:100%;
  font-size:1.1rem;
  padding-bottom:16px;
  padding-top:16px;
  border-bottom:1px dashed var(--grisLightNu);
  color:var(--grisDark);
  text-align:left
  }
  
  .cont_foto_juego{ 
  @media screen and (min-width:1200px){ 
  padding-right:30px
  }
  
  }
  
  .foto_juego{ 
  box-shadow:rgb(17 17 26 / .1) 0 0 16px;
  border-radius:16px;
  box-shadow:rgb(149 157 165) 0 8px 24px
  }
  
  .cont_foto_openday{ 
  @media screen and (min-width:1200px){ 
  padding-left:30px
  }
  
  }
  
  .listado_preguntas *{ 
  color:var(--grisDark);
  text-align:left
  }
  
  .bloque_pregunta{ 
  margin-bottom:15px;
  margin-top:15px;
  border-bottom:1px dashed var(--grisLightNu);
  padding-bottom:15px
  }
  
  .bloque_pregunta h5{ 
  color:var(--naranja)
  
  }
  
  
  .swiper-wrapper-marcas{ 
  height:100%;
  padding-top:10px;
  padding-bottom:10px;
  animation-timing-function:linear;
  align-items:center;
  flex-direction:row;
  display:flex
  }
  
  .slide-marca{ 
  position:relative;
  width:auto;
  overflow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  & img{ 
  max-height:80px;
  width:auto;
  margin-bottom:0;
  object-fit:contain;
  object-position:center
  }
  
  }
  
  .slide-marca img:first-child{ 
  margin-bottom:40px!important
  }
  
  .mh-60{ 
  max-height:60px!important
  }
  
  .mh-50{ 
  max-height:50px!important
  }
  
  .mh-45{ 
  max-height:45px!important
  }
  
  .mh-40{ 
  max-height:40px!important
  }
  
  .mh-30{ 
  max-height:30px!important
  }
  
  .cont_fon_box{ 
  position:relative
  }
  
  .w-100{ 
  width:100%
  }
  
  .fon-box{ 
  display:none;
  pointer-events:none;
  opacity:.25;
  width:100%;
  height:100%;
  position:absolute;
  background-position:left top;
  background-image:url(../img/fon_white_box.png);
  background-size:cover;
  background-repeat:no-repeat
  }
  
  .resp{ 
  font-weight:400;
  display:none;
  width:100%;
  flex-direction:column
  }
  
  .bloque_pregunta{ 
  width:100%
  }
  
  .sec_faqs{ 
  padding-top:30px;
  padding-bottom:30px;
  @media screen and (min-width:1400px){ 
  padding-top:50px;
  padding-bottom:50px
  }
  
  }
  
  .over_back_puntos{ 
  background-image:url(../img/ptox6g.png);
  background-image:url(../img/ptox6.gif)
  
  }
  
  
  .video_hero{ 
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
  }
  
  .video_med_hero{ 
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
  }
  
  .pregunta{ 
  cursor:pointer
  }
  
  .muestra_resp{ 
  display:flex!important;
  padding-top:15px
  }
  
  .pregunta{ 
  position:relative;
  &::after{ 
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  background-image:url(../img/plus.svg);
  width:25px;
  height:25px;
  background-position:center;
  background-size:contain;
  transform-origin:center
  }
  
  }
  
  .muestra_preg{ 
  &::after{ 
  transform-origin:center;
  transform:translateY(-50%) rotate(45deg)
  
  }
  
  
  }
  
  .prevent-select{ 
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
  }
  
  .logo_marca{ 
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  mix-blend-mode:multiply
  }
  
  .video_segundo{ 
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0
  }
  
  .over_info{ 
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:150px;
  padding-bottom:150px;
  z-index:100;
  @media screen and (min-width:1200px){ 
  padding-top:250px;
  padding-bottom:250px
  }
  
  }
  
  .tit_pq_esat{ 
  padding-left:calc(var(--padLados) * 1)!important;
  @media screen and (min-width:768px){ 
  padding-left:calc(var(--padLados) * 2)!important;
  padding-right:var(--padLados)!important
  }
  
  }
  
  .tit_pq_esat:after{ 
  left:calc(var(--padLados) * 2)!important;
  @media screen and (min-width:768px){ 
  left:calc(var(--padLados) * 2)!important
  }
  
  }
  
  .img_rico{ 
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:-1;
  opacity:.2;
  pointer-events:none;
  background-size:cover;
  background-position:center
  }
  
  .icono_up{ 
  height:40px;
  width:auto;
  margin-right:15px;
  @media screen and (min-width:768px){ 
  height:70px
  }
  
  }
  
  .crucecitas_naranja{ 
  position:absolute;
  top:50%;
  transform:translate(-15%,-50%);
  display:none;
  @media screen and (min-width:768px){ 
  max-width:800px;
  height:auto;
  display:flex
  }
  
  }
  
  .li_tor{ 
  display:none;
  z-index:100;
  opacity:.5;
  @media screen and (min-width:768px){ 
  display:flex!important;
  position:absolute;
  z-index:10;
  bottom:0;
  right:0;
  transform:translate(50%,25%);
  display:none
  }
  
  }
  
  .pad_zero_peq{ 
  @media screen and (max-width:768px){ 
  padding-left:0!important;
  padding-right:0!important
  }
  
  }
  
  .pregunta{ 
  @media screen and (max-width:768px){ 
  padding-right:30px!important
  }
  
  }
  
  .bloque_info{ 
  border-radius:8px;
  margin-bottom:30px;
  @media screen and (min-width:768px){ 
  width:49%;
  background-color:var(--grisLightest);
  background-color: var(--grisMedLight);
  background-color: var(--grisMedLight2);;
  background-color: var(--darkMorado);;
  
  
  padding-top:var(--padLados);
  padding-bottom:var(--padLados);
  box-shadow:rgb(0 0 0 / .04) 0 3px 5px
  }
  
  & p{color:var(--grisLight) !important}
  
  }
  
  .overflow_total{ 
  overflow:hidden
  }
  
  .blob{ 
  position:absolute;
  top:0;
  right:0;
  z-index:0;
  opacity:.25;
  transform:translate(25%,-25%);
  width:450px;
  height:450px;
  border-radius:15rem;
  background:radial-gradient(77.73% 77.73% at 98.52% 96.25%,#F98BDA 0%,rgb(128 76 239 / .29) 50.52%,#fff0 100%),radial-gradient(141.73% 105.23% at 50% -7.16%,#E1F8FF 0%,#fff0 50.73%,#fff0 100%),radial-gradient(112.27% 48.54% at 1.59% 50%,rgb(255 130 227 / .5) 0%,rgb(255 123 234 / .095) 53.91%,#fff0 100%),linear-gradient(153.07deg,#8177F3 6.37%,#fff0 83.82%);
  background-blend-mode:normal,normal,normal,normal,normal,normal;
  filter:blur(72px)
  
  }
  
  
  .lista_inscripcion{ 
  margin-top:15px;
  list-style-position:inside;
  list-style-type:none;
  & li{ 
  margin-bottom:10px;
  position:relative
  }
  
  }
  
  .logo_artstation{ 
  max-height:40px
  }
  
  .logo_rookies{ 
  max-height:60px
  }
  
  .fila-steam{ 
  display:none!important
  }
  
  .in_card_juegos{ 
  & img{ 
  box-shadow:rgb(50 50 93 / .25) 0 6px 12px -2px,rgb(0 0 0 / .3) 0 3px 7px -3px
  }
  
  }
  
  .swiper_testimonio_slide{ 
  & .in_card_modulos{ 
  
  }
  
  }
  
  .sec-pq-esat-trabajan{ 
  @media screen and (min-width:1400px){ 
  padding-top:75px;
  padding-bottom:75px
  }
  
  }
  
  .but_prev_testi:after{ 
  color:var(--naranja)!important;
  font-weight:900
  }
  
  .but_next_testi:after{ 
  color:var(--naranja)!important;
  font-weight:900
  }
  
  .logo_marca{ 
  max-width:100%;
  height:auto;
  object-fit:contain;
  margin-bottom:30px
  }
  
  .swiper-button-next:after,.swiper-button-prev:after{ 
  font-weight:900;
  color:var(--naranja)!important
  }
  
  .logos_foo{ 
  object-fit:contain
  }
  
  .but_next_testi{ 
  left:initial;
  right:30px
  }
  
  .p-peq{ 
  @media screen and (max-width:480px){ 
  text-align:left;
  padding-left:calc(2 * var(--padLados))!important;
  padding-right:calc(2 * var(--padLados))!important;
  &:after{ 
  left:calc(2 * var(--padLados))
  
  }
  
  
  }
  
  }
  video::-webkit-media-controls{ 
  display:none!important;
  opacity:0!important
  }
  
  .logo_esat{ 
  &:hover{ 
  .logo_blanco{ 
  opacity:1;
  transform:translateX(0)
  
  }
  
  
  .logo_tri{ 
  display:none
  }
  
  }
  
  }
  
  .curro_alumno{ 
  font-size:1.15rem;
  @media screen and (min-width:768px){ 
  font-size:1rem
  }
  
  }
  
  .tit_empresa{ 
  color:#7b5151!important
  }
  
  .nom_alumno{ 
  margin-bottom:9px;
  @media screen and (max-width:768px){ 
  font-size:1.3rem
  }
  
  }
  
  .t_form{ 
  font-size:1rem;
  @media screen and (min-width:768px){ 
  font-size:1.2rem
  }
  
  }
  
  .desta_form{ 
  font-size:1.2rem;
  @media screen and (min-width:768px){ 
  font-size:1.6rem
  }
  
  }
  
  .testimonio{ 
  @media screen and (min-width:768px){ 
  font-size:.85rem
  }
  
  }
  
 
  
  .select_estudiar{ 
  position:relative; 
  }
  
  .select_estudiar_div:after{ 
    content:"";
    position:absolute;
    top:12px;
    pointer-events:none;
    right:25px;
    width:10px;
    height:10px;
    
    border-style: solid;
    border-color: #3c3c3c;
    border-width:0 4px 4px 0;
    display:inline-flex;
    padding:4px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index: 10000;  
  
  }
  
  
 
  
  .sep_formulario_top{ 
  padding-top:calc(2 * var(--padLados))!important
  }
  
  .img-astronauta{ 
  max-width:300px
  }
  
  .img-astronauta-total{ 
  border-radius:16px
  }
  
  .card-character{ 
  padding:calc(1rem * 3);
  ;
  position:relative;
  padding-top:calc(1rem * 6);
  ;
  min-height:400px;
  display:flex;
  flex-direction:column;
  & *{ 
  text-align:left;
  position:relative;
  color:var(--blanco);
  z-index:10
  }
  & h4{ 
  margin-bottom:30px
  }
  
  }
  
  .card-character:after{ 
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  top:calc(2 * 1rem);
  right:calc(2 * 1rem);
  z-index:10;
  background-image:url(../img/asterisco.svg);
  background-position:center;
  background-size:contain
  }
  
  .card-character:before{ 
  z-index:0;
  background-color:var(--grisDark);
  border-radius:16px;
  content:"";
  position:absolute;
  top:16px;
  bottom:16px;
  right:16px;
  left:16px;
  pointer-events:none
  }
  
  .icono_asterisco{ 
  width:50px;
  height:50px
  }
  
  .img-bigote{ 
  border-radius:16px
  }
  
  .mt-th-0{
    margin-top: 0;
  }
  .mt-th-1{
    margin-top: 1rem;
  }
  .mt-th-2{
    margin-top: 2rem;
  }
  .mt-th-3{
    margin-top: 3rem;
  }
  .mt-th-4{
    margin-top: 4rem;
  }
  .mt-th-5{
    margin-top: 5rem;
  }
  .mt-th-6{
    margin-top: 6rem;
  }
  
  
  
  @media screen and (min-width:768px) {

    .mt-md-th-0{
      margin-top: 0;
    }
    .mt-md-th-1{
      margin-top: 1rem;
    }
    .mt-md-th-2{
      margin-top: 2rem;
    }
    .mt-md-th-3{
      margin-top: 3rem;
    }
    .mt-md-th-4{
      margin-top: 4rem;
    }
    .mt-md-th-5{
      margin-top: 5rem;
    }
    .mt-md-th-6{
      margin-top: 6rem;
    }
    
  }
  
  .pt-th-1{
    padding-top: calc(1 * 1rem);;
  }
  .pb-th-1{
    padding-bottom: calc(1 * 1rem);;
  }
  
  .pt-th-2{
    padding-top: calc(2 * 1rem);;
  }
  .pb-th-2{
    padding-bottom: calc(2 * 1rem);;
  }
  
  .pt-th-3{
    padding-top: calc(3 * 1rem);;
  }
  .pb-th-3{
    padding-bottom: calc(3 * 1rem);;
  }
  
  .pt-th-4{
    padding-top: calc(4 * 1rem);;
  }
  .pb-th-4{
    padding-bottom: calc(4 * 1rem);;
  }
  
  .pt-th-5{
    padding-top: calc(5 * 1rem);;
  }
  .pb-th-5{
    padding-bottom: calc(5 * 1rem);;
  }
  
  .pt-th-6{
    padding-top: calc(6 * 1rem);;
  }
  
  .pt-th-7{
    padding-top: calc(7 * 1rem);;
  }
  
  .pb-th-6{
    padding-bottom: calc(6 * 1rem);;
  }
  
  .pb-th-7{
    padding-bottom: calc(7 * 1rem);;
  }
  
  @media screen and (min-width:768px) {
  
    .pt-md-th-0{
      padding-top: 0;
    }
    .pt-md-th-1{
      padding-top: calc(1 * 1rem);;
    }
    .pb-md-th-1{
      padding-bottom: calc(1 * 1rem);;
    }
    
    .pt-md-th-2{
      padding-top: calc(2 * 1rem);;
    }
    .pb-md-th-2{
      padding-bottom: calc(2 * 1rem);;
    }
    
    .pt-md-th-3{
      padding-top: calc(3 * 1rem);;
    }
    .pb-md-th-3{
      padding-bottom: calc(3 * 1rem);;
    }
    
    .pt-md-th-4{
      padding-top: calc(4 * 1rem);;
    }
    .pb-md-th-4{
      padding-bottom: calc(4 * 1rem);;
    }
    
    .pt-md-th-5{
      padding-top: calc(5 * 1rem);;
    }
    .pb-md-th-5{
      padding-bottom: calc(5 * 1rem);;
    }
    
    .pt-md-th-6{
      padding-top: calc(6 * 1rem);;
    }
    .pb-md-th-6{
      padding-bottom: calc(6 * 1rem);;
    }
  }
  
  .swiper{ 
    width:100%;
    height:100%
    }
    
    .swiper-slide{ 
    text-align:center;
    font-size:18px; 
    display:flex;
    justify-content:center;
    align-items:center
    }
    
    .swiper-slide img,.swiper-slide video{ 
    display:block;
    width:100%;
    height:100%;
    object-fit:contain
    }
    
    .swiper-slide-logos{
  
    }
  
  
  .logos_juegos{
    padding: 10px 15px;
     object-fit: contain;
  
     max-width: 200px;
    
  }
  
  @media screen and (min-width:992px) and (max-width:1200px){
    .pr-lg-xl-0  {
  
      padding-right: 0 !important;
    }
  }
  
  .back_gradient_baix{
    position:relative;
  
  
  }
  
  .back_gradient_baix {
      /*
  * Created with https://www.css-gradient.com
  * Gradient link: https://www.css-gradient.com/?c1=1f1f1f&c2=1f1f1f00&gt=l&gd=dbb
  */
    background: rgba(31, 31, 31, 1.0);
    background: linear-gradient(0deg, rgba(31, 31, 31, 1.0), rgba(31, 31, 31, 0.0));
    content:""; 
    pointer-events: none;
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    z-index:100;
    height: 500px; 
  }
  
  .back_gradient_baix_peq{
    position: absolute !important;
  }
  
  
  .pad-textos{
  
  
    @media screen and (min-width:1024px) {
  
      padding-left: 50px;
      padding-right: 50px;
      
    }
  
  }
  
  .back_cruz{
    position: relative; 
    z-index: 100; 
  }
  
  .back_cruz > *{
    position: relative;
    z-index: 10;
    display: flex;
  }
  
  .back_cruz::before{
    z-index: 2;
    content: "";
    position: absolute; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0.06;
  
   
  
    background : url('../img/crucecita_pattern.png');
  }
  
  .back_cruz::after{
   
    content: "";
    position: absolute; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:0;
   
   
  
    background-color: var(--dark);
  }
  
  
  .fon_gradient_footer{
    position: relative;
  
  
  }
  
  .sec-video-piccolo{
    @media screen and (max-width:768px) {
   
      position: relative;
      display: flex;
      
    }
  }
  
  
  .fon_gradient_footer:before{
  
    content:"";
  
    /* background: rgb(67,67,67);
    background: linear-gradient(180deg, rgba(67,67,67,1) 0%, rgba(60,60,60,1) 100%); */
  
   background-color: var(--dark);
  /* */
  
    left:0;
    right:0;
    top:0;
    bottom:0; 
  
    position: absolute;
    z-index: -1;
  
  
  }
  
  /* PROGRAMA CURSO */
  
  .col-info-curso{
  
    @media screen and (max-width:768px) {
     margin-bottom: 30px;
    }
  
    padding:  0;
  
    position: relative;
  
    @media screen and (min-width:768px) {
      padding:0; /*  16px;*/
      padding-top: 0;
      padding-bottom: 0;
    }
  
    
    /* @media screen and (min-width:1200px) {
      width:45%;
    }
   */
  
  
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  
    & .in-col-info-curso{
      height: 100%;
      /* border: 1px solid rgba(255,255,255,0.3); */
      background-color: var(--darkMorado);
      border-radius: 16px;
      padding: 24px  ;
  
      @media screen and (min-width:768px) {
        padding: 24px 32px ;
      }
    
    }
  
    & h3{
      position: relative;
  
    }
  
    & h3:after{
  
      position: absolute;
      width:25px;
      height: 1px ;
      background-color: var(--naranja);
      content: "";
      bottom:-10px;
      left:0;
  
  
    }
  }

  .tit-baix-naranja{
    position: relative;
  }

 .tit-baix-naranja:after{
  
    position: absolute;
    width:25px;
    height: 1px ;
    background-color: var(--naranja);
    content: "";
    bottom:-10px;
    left:0;


  }
  
  .card-modulo-list{

 
    width:100%;

    padding-top: 0; 
  
    & *{
      color:var(--blanco);
    }
  
    & li{
      margin-bottom: 15px;
      padding-bottom: 15px;
  
      position: relative;
    }
  
    & > li:after{
      content:"";
      position: absolute;
      width: 100%;
      height: 1px ;
      bottom:0;
      left:0;
      background-color: var(--dark);
    }
  
    & > li:last-child:after{
      content:"";
      position: absolute;
      width: 100%;
      height: 1px ;
      bottom:0;
      left:0;
      background-color: var(--dark);
      display: none;
    }
  
    & .in-lista{
      margin-top: 15px;
      & li{
  
        margin-bottom: 5px;
        padding-bottom: 0;
  
      }
    }
  
  }
  
  .icono-cubo{
    max-width: 80px;
    margin-bottom: 20px;
  
  }
  
  /* PROGRAMA CURSO */
  
  .order-peq-1 {
    @media screen and (max-width:1024px) {
  
      order:-1;
      
    }
  }
  
  .d-none-imp{
    display: none !important;
  }
  
  .dark-mode .over_back:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      /* background-image: url(data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_44_1428)'%3E%3Ccircle cx='0.601807' cy='0.597656' r='0.597656' fill='%230F0F0F'/%3E%3Ccircle cx='2.59766' cy='2.59766' r='0.597656' fill='%230F0F0F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_44_1428'%3E%3Crect width='4' height='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A); */
      background-image: none !important;
      background-color: rgba(0, 0, 0, 0.5);
      background-repeat: repeat;
      background-position: top center;
      background-size: 100%;
      z-index: -1;
      pointer-events: none;
      /* opacity: 0.5; */
      /* opacity: 1; */
  }
  
   /* ASTRONAUTA */
  
   .tint-img{
    
    @media screen and (max-width:640px) {
      filter: grayscale(51%) brightness(56%) saturate(92%) contrast(79%);
      -webkit-filter: grayscale(51%) brightness(56%) saturate(92%) contrast(79%);
      -moz-filter: grayscale(51%) brightness(56%) saturate(92%) contrast(79%);
    }
   }
  
   .astronauta-caja{
    height: 130%;
    width: auto;
    position: absolute;
    bottom:0;
    left:0%; 
  
    @media screen and (min-width:640px) and  (max-width:1024px) {
      left:-50px
    }
  
  
    
  }
  
  .piccolo-caja{
    height: 130%;
    width: auto;
    
    position: absolute;
    bottom:0;
    right:0%; 
  
    @media screen and (min-width:640px) and  (max-width:1024px) {
      right:-50px
    }
  
  
  }
  
  .in-caja-info{
    max-width: 600px;  
  }
  
  .sep-cajas{
    display: flex;
    height: 150px; 
    @media screen and (min-width:1024px) {
      height: 200px;
    }
  }
  
  
   /* ASTRONAUTA */

   .padding-lados{ 
      padding:  25px;

      @media screen and (min-width:960px) {
        padding:  35px;
      }
      @media screen and (min-width:1200px) {
        padding:  100px;
      }
   }

   .fondo-lineas{
    background-image:url('../img/linea-gris.svg');  
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.04;

   }
  
   /* BEST SCHOOL */
  
   .back-bestschool{
    /* background-image:url('../img/cinema-fondo-montaje.jpg'); */
 
    background-image:url('../img/linea-gris.svg');  
    background-position: top left;
 
    background-repeat: repeat;
    position: relative; 
   }

   .back-bestschool:after{

    /* content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.92);
    z-index:1; */

   }
  
   .back-horizon{
    /* background-image: url('../img/fon-horizon.jpg'); */
    background-image: url('../img/fon-scott.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
   }
  
   .back-horizon:after{
    content:"";
  
      position: absolute;
      top:0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      background-image: url('../img/ptox4.gif');

      background-color: rgba(0, 0, 0, 0.5);
  
  
   }
  
  .cont-logos, .logo-premio{
    transition: all 0.3s;
  
  }
  
   .logo-premio{
    max-height: 70px;
    width: auto;
   }

   .logo-premio-move{
    @media screen and (max-width:768px) {

      display: none;
      
    }
   }
  
   .hide_header{
    & .logo-premio-move{
      /* transform: translateX(300%); */
      opacity: 0; 
      display: none;
    }
   }
  
   .t-principal{

    @media screen and (min-width:480px )  and (max-width:768px) {
        max-width: 500px;
    }
  
   }
  

  
   .video-piccolo{
  
  
    width:100%;
    height: auto;
    position: relative;
  
  
    @media screen and (min-width:768px) {
  
      transform: translateX(-30%);  
      width:auto;
      max-width: 100svw;
      /* height: auto; */
      min-height: 160svh;
      object-fit: cover;
      object-position: center;  
  
    }

    @media screen and (min-width:768px) and (max-height:768px) {
      min-height: 200svh;
        
    
    }

    @media screen and (min-width:1024px) {
      transform: translateX(-15%);  
    }
  }

   .over-piccolo{
    background: rgb(16,16,16);
    background: linear-gradient(90deg, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%);
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left:25%;
    z-index: 10; 

   }
   
  
   .info-video-box{ 
  
    padding:30px 15px;
  
    @media screen and (min-width:768px) {
      position: absolute;
      top: 50%;
      left:50%;
     
      transform: translate(-15%, -50%);
    }
  
  
    @media screen and (min-width:1200px) {
      transform: translate(0, -50%);
      max-width: 33%; 
    }
  
    
    max-width: 600px;
   }
  
   .resalte-box{
    margin-bottom: 30px;
    @media screen and (min-width:768px) {
      margin-bottom: 75px;
    }
    @media screen and (min-width:1024px) {
      margin-bottom: 150px;
    }
   }

   .resalte-box:last-child{margin-bottom: 0;}

  
  .resalte-box h4{
    font-size: clamp(1.5rem, 1.0165rem + 1.9835vw, 3rem);;
    line-height: 1;
    font-weight: 800;
    color:var(--grisTexto)
  }
  
  .resalte-box p{
    line-height: 1.4;
    color:var(--grisTexto)
  }
  
  /* PROFESOR */


  .bio-profe{
    padding : 15px; 

    @media screen and (min-width:576px) and (max-width:768px) {

      &:first-child{
        padding-left: 0;
      }

      &:last-child{
        padding-right: 0;
      } 
    }  
  }

  .bios-profes{
    @media screen and (min-width:1024px)  {

      padding-left: 50px;

    }
  }

  .foto-profe{
    border-radius: 16px;

    @media screen and (max-width:768px) {
 
      max-width: calc(100svw - 30px);
      
    }
    
  }



  .bot_info_profe{
    border-radius: 8px;
    text-decoration: none;
    padding: 8px 12px;

  }
 
  
  .box-riera{
    margin-top: 50px;
    margin-bottom: 50px;
 
    @media screen and (min-width:640px) and (max-width:768px)  {
      max-width: 40%;
      width:100%;
      
    }
    @media screen and (min-width:768px) and (max-width:1024px)  {
      max-width: 30%;
      width:100%;
      
    }
  }

  .info-profesional{
 
       @media screen and (min-width:1024px) {

        max-width: 700px;
        
       }
          
      
    
  }

  .seccion-formulario{
    @media screen and (min-width:1400px) {
      padding-left: calc(var(--padLados)* 6);
      padding-right: calc(var(--padLados)* 6)

      
    }
  }

  .pad-peq{
    @media screen and (max-width:768px) {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  .sep_formu{
    @media screen and (min-width:768px) {
      height: calc( 120px - 3* var(--padLados) );
      /**/
    }   
  }

  .cont-credits{
    position: absolute;
    bottom: 15px;
    left:15px;
  }
  .expli-credits{
    font-size: 0.8rem;
    line-height: 1;
    padding-left: 10px;
    display: none;
  }
  .bot-credits{
    border:1px solid var(--naranja);
    line-height: 1;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 500px;
    font-size: 0.8rem;
    text-transform: uppercase;
    display: inline-block;
    z-index: 1000;
    
  }
  .d-flex-imp{
    display: flex !important;
  }

  .list-salidas{
    padding-left: 20px;
    font-size: var(--tamDesta);
  }

  .scott-caja{

    height: auto;
    
    max-width: 100%;

    @media screen and (min-width:480px) {

      max-width: 50%;
      
    }

    
    @media screen and (min-width:1900px) {

      max-width: 40%;
      
    }

max-height: 825px;
width: auto;

  }

  .omar-caja{

    @media screen and (max-width:1900px) {

      max-width: 50%;
      height: auto;
      
    }
  }

  .builder-embed {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.builder-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

    .back-black{
      background-color: #000;
    }

    .video-fox{
      width: 100%;
      height: auto;
      object-position: center;
      object-fit: contain;
    }



    .pad-top-bot-25-75 {
      padding-top: 25px;
      padding-bottom: 25px;

      

      @media screen and (min-width:1024px) {

        padding-top: 75px;
        padding-bottom: 75px;
        
      } 

    }

    .pad-top-bot-25-50-75 {
      padding-top: 25px;
      padding-bottom: 25px;

      @media screen and (min-width:640px) {

        padding-top: 50px;
        padding-bottom: 50px;
        
      } 

      @media screen and (min-width:1024px) {

        padding-top: 75px;
        padding-bottom: 75px;
        
      } 

    }



    .pad-top-bot-50-75 {
      padding-top: 50px;
      padding-bottom: 50px;

      @media screen and (min-width:1024px) {

        padding-top: 75px;
        padding-bottom: 75px;
        
      } 

    }

    .pad-top-bot-50-75-100{
      padding-top: 50px;
      padding-bottom: 50px;

      @media screen and (min-width:1024px) {

        padding-top: 75px;
        padding-bottom: 75px;
        
      }

      @media screen and (min-width:1200px) {

        padding-top: 100px;
        padding-bottom: 100px;
        
      }


    }

    .pad-top-bot-50-75-125{
      padding-top: 50px;
      padding-bottom: 50px;

      @media screen and (min-width:1024px) {

        padding-top: 75px;
        padding-bottom: 75px;
        
      }

      @media screen and (min-width:1200px) {

        padding-top: 125px;
        padding-bottom: 125px;
        
      }


    }

    .pad-top-bot-50-125-250{
      padding-top: 50px;
      padding-bottom: 50px;

      
      @media screen and (min-width:640px) {

        padding-top: 100px;
        padding-bottom: 100px;
        
      }

      @media screen and (min-width:1024px) {

        padding-top: 125px;
        padding-bottom: 125px;
        
      }

      @media screen and (min-width:1200px) {

        padding-top: 250px;
        padding-bottom: 250px;
        
      }


    }

     
    .pad-bot-75-125{
   
      /*
      padding-bottom: 75px;
      */

      @media screen and (min-width:1024px) {

        padding-bottom: 125px;
        
      } 

    }

    .pad-top-peq{
      @media screen and (max-width:768px) {

        padding-top: 0;
        
      }
    }

 




    .row-item-general{
    

    }

    .img-peq{
      filter: opacity(0.5);
        position: absolute;
        top:0;
        left:0;
        max-width: 400px;
        height: auto;
        transform: translate(-40% ,-50%);
        border-radius: 16px;
        filter: drop-shadow(0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.25));

        display: none;

        @media screen and (min-width:1024px) {

          display: flex;
          
        }
    }
    .img-gran{
      border-radius: 16px;
      max-width: 90%;
    }

    .img-estrecha{
      align-self: flex-start;
      max-width: 50%;
      object-position: center;
      object-fit: cover;
      height: 100%;
    }

    .m{
      --space: 4vw;
      
      font-size: 15vw;
      white-space: nowrap;
      animation: marquee 30s infinite linear;
      padding-left: var(--space);
      
      &:after{
        content: attr(data-text);
        padding-left: var(--space);
      }
    }
    
    @keyframes marquee {
      0% {
        transform: translateX(0)
      }
      100% {
        transform: translateX(-50%)
      }
    }

    .text-marq{
      text-transform: uppercase;
      line-height: 1.2;
      margin-bottom: -2.5svw;
      background-color: var(--col101010) !important;
      font-family: "Doto", sans-serif;
      font-weight: 600;
    }

    .back-filming{
      z-index:0;
      background-image: url('../img/fon_filming_der.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      background-position: center;
      top:0;
      bottom: 0;
      right: 0;
      left: 0;
      background-position: right center; 
      mix-blend-mode: darken;


      @media screen  and (max-width:1024px){

        background-size: cover;
        opacity: 0.25;
        background-position: bottom right;
        
      }
      @media screen  and (min-width:1024px)   and (max-width:1400px)  {

        background-size: cover;
        opacity: 0.25;
        background-position: bottom right;
        
      }

      opacity: 0.4;


    }

            
    .col-xxxl-1{

      @media screen  and (min-width:1500px){

        max-width:  calc( ( 100% / 12 )  * 1 )  ;
        
      }
    }
        
    .col-xxxl-2{

      @media screen  and (min-width:1500px){

        max-width:  calc( ( 100% / 12 )  * 2 )  ;
        
      }
    }
    
    .col-xxxl-3{

      @media screen  and (min-width:1500px){

        max-width:  calc( ( 100% / 12 )  * 3 )  ;
        
      }
    }

    .col-xxxl-4{

      @media screen  and (min-width:1500px){

        max-width:  calc( ( 100% / 12 )  * 4 )  ;
        
      }
    }


    .col-xxxl-5{

      @media screen  and (min-width:1500px){

        max-width:  calc( ( 100% / 12 )  * 5 )  ;
        
      }
    }
     
    .col-xxxl-6{

      @media screen  and (min-width:1500px){

        max-width: 50%;;
        
      }
    }
    




    @-webkit-keyframes noise {
      to { transform: translate3d(-7rem,0,0) }
    }

    @keyframes noise {
      0% { transform: translate3d(0,9rem,0) }
      10% { transform: translate3d(-1rem,-4rem,0) }
      20% { transform: translate3d(-8rem,2rem,0) }
      30% { transform: translate3d(9rem,-9rem,0) }
      40% { transform: translate3d(-2rem,7rem,0) }
      50% { transform: translate3d(-9rem,-4rem,0) }
      60% { transform: translate3d(2rem,6rem,0) }
      70% { transform: translate3d(7rem,-8rem,0) }
      80% { transform: translate3d(-9rem,1rem,0) }
      90% { transform: translate3d(6rem,-5rem,0) }
      to { transform: translate3d(-7rem,0,0) }
    }

  .grain {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 300;
    transform: translateZ(0);
    
    &:before {
      content: "";
      top: -10rem;
      left: -10rem;
      width: calc(100% + 20rem);
      height: calc(100% + 20rem);
      z-index: 9999;
      position: fixed;
      background-image: url('../img/Image_gaussian_noise_example.png');
      opacity: 0.15;
      pointer-events: none;
      -webkit-animation: noise 1s steps(2) infinite;
      animation: noise 1s steps(2) infinite;
    }


  }

  .camara_float{
    position: absolute;
    bottom: -150px;
    right:0%;
    max-width: 400px;
    height: auto;
    transform: translateX(50%);
  }

  .listado-salidas{

    list-style: none;
    margin-left:0 ;
    padding-left: 0;
    list-style-position: inside;

    & li{
      margin-bottom: 15px;
      font-weight: 100;
    }

  }

  
.swiper-wrapper-gal{
  display: flex;
  align-items: stretch;
  position: relative; 
}
.swiper-gal-slide{
  align-self: stretch;
  height: fit-content;
  position: relative;
  height: 100%;; 
}

.img-gal-pack{
  object-fit: cover !important;
}
.img-gal{
  height:100%;
  object-fit: cover;
  max-width: 40svw;;
  /* max-height: 640px; */
}

/* .gradient-text {
  background: linear-gradient(-45deg,#80cdd0,#f2bd9a 55%,#d071c4);
  -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
} */

.gradient-text {
  background: linear-gradient(-45deg,#80cdd0,#ff8000 55%,#ff00dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.listo-profesores{
  @media screen and (min-width:768px) {
 

    
  }
}

.listo-profesores{



  & li{
    font-size: 1.2rem;
    font-weight: 200;
  }
}

.splide__pagination{
  display: none;

}

.cont-video-fon-baix{
 
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
 
  z-index: 1;
 
  & .video-fon-baix{
    object-position: center;
    object-fit: cover;
  /*  opacity: 0.2;*/
  }

  &:after{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image:url(../img/ptox5.gif);
    background-repeat:repeat; 
    z-index: 10; 

  }

  &:before{

    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
 
    background-repeat:repeat; 
    z-index: 12; 
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);

  }

}

.pad-15{ 

    padding-left: 15px !important;
    padding-right: 15px !important;
 
}


.pad-peq-15{
  @media screen and (max-width:768px) {

    padding-left: 15px !important;
    padding-right: 15px !important;
    
  }
}



.pad-peq-lg-15{
  @media screen and (max-width:960px) {

    padding-left: 15px !important;
    padding-right: 15px !important;
    
  }
}

.pad-peq-xl-15{
  @media screen and (max-width:1200px) {

    padding-left: 15px !important;
    padding-right: 15px !important;
    
  }
}


.mb-0{
  margin-bottom: 0;
}

.tit-box-info{
  position: relative;

  &:after{
    content: "";
    width:15px;
    height: 1px;
    background-color: var(--blanco);
    bottom: -5px;
    left:0;
    position: absolute;

  }
}

.caja-reloj{
  border-radius: 500px;
  border: 1px solid rgba(255,255,255, 0.15);
  padding: 15px 25px;
  align-items: center;
  border:0;
  padding: 0;
}







/*

    .info-precio-box{

      
      margin: 0 0;

      min-width: 25%;
      padding: 15px 0;

     @media screen and (min-width:640px) {

        padding: 35px 0;
        margin: 0 15px;

        border-radius: 15px;
        border: 1px solid  rgba(255, 255, 255, 0.25);
        
      }

      backdrop-filter: blur(10px);  

      & p{
        margin-bottom: 0;
      }
    }

*/




.sec-dirigido{ 
}

.sec-preus{


 

  
  & .info-precio-box{


    

    bordeR:1px solid purple;
    padding-top: 0; 
    border:0;


    flex:1;
 
    backdrop-filter:none;

    @media screen and (min-width:1500px) {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
  }


  & .tit-box-info{
    /* font-size: 2.3rem; */
    font-weight: 300;
    margin-bottom: 20px;
    color: var(--naranja);
    &:after{
      bottom: -10px;
      background-color: var(--naranja);
    }
  }

 
  display: flex;
  justify-content: space-between; 
    @media screen and (max-width:640px) {

      display: flex;
      

      justify-content: space-between;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      /* border:1px solid rgb(0, 255, 81); */

      & .info-precio-box{

        /* bordeR:1px solid blue; */
        flex:1;
 
        
      }
 
    } 

    


  @media screen and (min-width:1500px) {

      padding-top: 0  !important;
      padding-bottom: 0 !important;

      display: flex;
      flex-direction: column;

      justify-content: flex-start !important;
      align-items: start !important;


      & .info-precio-box{
        padding-top: 0; 
        border:0;
        backdrop-filter:none;
        
      }


      & .tit-box-info{
        font-size: 2.3rem;
 
      }


      align-items: flex-start;

  

      width:calc(100% / 3);
      margin-left: calc(100% / 12);

      /*
col-xxl-4 offset-xxl-1
      */

  }
}

.cont-dirigido{
  
  
  align-items: flex-start;
}

img.w-100{
  object-fit: cover;
  object-position: center;
}

.foco{
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  left: 0;
display: none;


  /*
  background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
*/

  &:after{

      top:50%;
      left: 50%;

      transform: translate(-50%, -50%);
      content: ""; 

      opacity: 0.2;

      position: absolute ;
      border-radius: 500px;
      aspect-ratio: 1;
      width: 25%;
      height: auto;
      background: rgb(255,255,255);
      background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);

  }  
}


@media (min-width: 1400px){

  .col-xxl-2 {
    flex: 0 0 auto;
    width: calc((100% / 12)   )  ;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 2 )  ;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 3 )  ;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 4 )  ;
  }


  .col-xxl-5 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 5 )  ;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 6 )  ;
  }

  
  .col-xxl-7 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 3 )  ;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 8 )  ;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 9 )  ;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 10 )  ;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: calc((100% / 12) * 11 )  ;
  }

}

.listado-peq-change{
  @media screen and (min-width: 480px) and  (max-width:968px) {

    display: flex;
    flex-wrap: wrap;

      & li{
        width: 50%;
      }
    
  }
}

.listado-profesores{

 

  & li{ 

    width: 100%;

    @media screen and (min-width:768px){


      width:calc(100%/2);
  
      }

 

    @media screen and (min-width:1200px){


    width:calc(100%/3);

    }


    flex: 0 0 auto;

    display: flex;
    align-items: flex-start;

    flex-direction: column;
    justify-content: flex-start;

    font-size: 22px;

 
    padding: 60px 20px 20px;
    line-height: 1.1;
    position: relative;
    /* aspect-ratio: 1; */

    & p , & strong , & a, & i{
      font-size: 1.1rem;
      line-height: 1.4;
      color:white;
    }

    & strong{

      font-weight: 300;

    }

    & h4{
      font-size: 1.3rem;
      margin-bottom: 30px;
    }

    &:before{
      border : 1px solid rgba(255,255,255,0.25);
      content: "";
      position: absolute;
      top:0;
      bottom:0;
      left:5px;
      right:5px;
      border-radius: 8px; 

    }

    &:after{

      position: absolute;
      width: 20px;
      height: 20px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(../img/icono-person.svg);
      content: "";
      top: 20px;
      left: 20px;
      z-index: 10;
      opacity: 0.5;


    }

    

  }
  
  

  @media screen and (min-width:1200px){

    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
 


  }
}

.info-precio-box-abs{

  @media screen and (min-width:1200px) {
    max-width: 70px;
    height: auto;
    margin-right: 20px;
    opacity: 0.8;    

    position: absolute;
    top:0;
    right: 0;
    display: flex;
    border:1px solid red;
  }

  @media screen and (max-width:1400px) {
    margin-top: 50px;
  }




}

.info-precio-box{

  @media screen and (max-width:1400px) {

    margin-top: 50px;




  }

  /* @media screen and (min-width:1100px) {
    max-width: 70px;
    height: auto;
    margin-right: 20px;
    opacity: 0.8;    
  } */
  & .reloj{
    margin-right: 25px;;
    opacity: 0.8;
  }

}

.lista_lectiva{
  padding-left:0 ;
  margin-left: 0;
  list-style: none;
  margin-top: 15px;

  & li{
    font-weight: 100;
    margin-bottom: 10px;
    position: relative;
    padding-top: 0;

    &:before{
      position: absolute;
      content:"";
      height: 1px;
      background-color: rgba(255, 255, 255, 0.25);;
      width:100%;
      left: 0;
      bottom: -5px; 
    } 
    &:last-child{
      &::before{
       /* display: none;*/
      }
    }

  };

}

.foto-dire{
  border-radius: 8px;


  width:100%;

  @media screen and (min-width:768px) {

    max-width: 400px;
    
  }
  

  @media screen and (max-width:768px) {
      margin-bottom: 30px;
  }
}


.bio-dire{
  flex:1 ; 

  @media screen and (min-width:768px) {
    margin-left: 30px;
    
  }

  @media screen and (min-width:1024px) {

    margin-left: 45px;
    
  }
  @media screen and (min-width:1200px) {

    margin-left: 60px;
    
  }
}

.bio-dire p{
  max-width: 600px;
}

.mb-4-th{

  margin-bottom:calc( 4 * var(--lado));

}

.p-r-fix{
  @media screen and (max-width:1200px) {

    padding-right: 30px !important;
 
    
  }
}

.fon-cloud{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  height: 100svh;;

}

.cont-nube_tech{ 

  z-index: -1;
  position: absolute;
  bottom:0;
  right:0;
  transform: translate(25% , 30%);


  & img{
    max-width: 450px;
    height: auto; 
    mix-blend-mode: multiply; 
    position: relative;

    @media screen and (min-width:1024px) {
          max-width: 650px;
    }

  }


  & .back-cloud{

    position: relative;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
  }

}

.f18-36{
  font-size: clamp(1.125rem, 0.6848rem + 1.9565vw, 2.25rem);
  line-height: 1.2;
}

.padding-upper-zone{

  padding-top: 100px;
  padding-bottom: 0;

  @media screen and (min-width:768px) {

    padding-bottom: 50px;
    
  }



}

.ptb-section{
  padding-top: 150px;
  padding-bottom: 150px;
}

.flecha_izq_hnd{

  position: absolute;
  top:5px;
  left:-10px;
  max-width: 75px;
  transform: translateX(-100%);

}

.cont-foto-profe{

  @media screen and (min-width:768px) {

      position: relative;
      transform: translateY(-20%);
    
  }

}

.foto-profe{ 
  height: auto;
  position: relative;
  
}

.puntos_float{
  position: absolute;
  max-width: 600px;
  transform: translate(-75%, -75%);
  opacity: 0.15;
  z-index: 1000; 

  

}

.nube_lineas{
  width: 100%;
  height: auto;
}

.cont_nube_lineas{
  z-index: 0;
   position: absolute;
  top:20%;
  left: 0;;
  z-index: -1;
  max-width: 600px;
  height: auto; 
  transform: translate(-85%, -10%); 

  display: none;

  @media screen and (min-width:1024px) {
    display: flex;
  }
}

.ico-baix{
   width: 125px;
  padding-left: auto;
  padding-right: auto;
  margin-bottom: 30px; 
  opacity: 0.5;
 
}

.cont-icon{
  padding-left: 25px;
  padding-right: 25px;

  margin-bottom: 30px;
}

.cont-iconos-final{
 

  padding-bottom: 50px;
  @media screen and (min-width: 992px) {
    padding-top: 75px;
    padding-bottom: 75px;

    
  }
}





.img_porque{

  position: absolute;
  top:50%;
  left: 0;
 


  display: none;

  @media screen and (min-width:992px) {

    display: flex;
    
  }

  @media screen and (min-width:1024px) {
    transform: translate(-15%, -50%); 
    max-width: 500px !important;
    
  }

  @media screen and (min-width:1200px) {
    transform: translate(-5%, -50%); 
    max-width: 600px !important;
  }

  @media screen and (min-width:1200px) {
    transform: translate(-5%, -50%); 
  }

  @media screen and (min-width:1200px) {
    max-width: 700px !important;
  }
 
}

.cont-icon{
  max-width: 375px ;
}

 
.border_li_up{ 
  height: 1px ;
  width: 100%;
  z-index: 1000; 
  background-color: #141414;
  opacity: 0.5;
  position: relative;
 

}


.miCanvas{ 
  position:fixed;
  width:100vw;
  height:100vh;
  z-index:15;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background-color:var(--blanco);
  background-color:#fff0;
  pointer-events:none
}





.tit_modulo{
  cursor: pointer;
  position: relative;

  padding-right: 35px;




  span{
    font-weight: 100;
  }

}








.abierto{
  &  .tit_modulo:before{
    top: 26px;
    transform: translateY(-50%) rotate(180deg);    
  }
}



.tit_modulo:after{
  display: none;
}
 
.li-modulo:after{

  background-color: var(--blanco) !important;
  opacity: 0.25;

}

.info-desplegable{
  margin-top: 25px;

  &:first-child{
    margin-top: 0;
  }
 

  & ul{
      list-style: none;
      list-style-position: inside;
      margin-left: 0;
      padding-left: 0;


    & li{
      margin-left: 0;
      padding-left: 0;
      margin-bottom: 12px;
      font-weight: 200;
      padding-bottom: 0;
      font-size: 1rem;
      line-height: 1.3;
    }
   
  } 
}
.info-desplegable .abierto{

  & .tit_modulo:before{

    transform: translateY(-50%) rotate(180deg);    

  }

}




.info_programa{

  padding-top: 25px;

  & ul{

      list-style: none;
      list-style-position: inside;
      padding-left: 0;
      margin-left: 0;
      list-style-type: none;    

    & li{

        font-size: 1.25rem;
        color: var(--grisMedLight);
        margin-bottom: 7px;
        padding-bottom: 7px;

        border-bottom: 1px solid var(--grisMedLight2);

        &:last-child{
          border-bottom: 0;
        }


     }

  }




}

.row-acordeon{

  position: relative;
  padding-bottom: 7px;
  margin-bottom: 7px;

  &:after{
    position: absolute;
    content: "";
    width:100%;
    height: 1px ;
    background-color: var(--blanco);
    bottom: 0;
    left: 0;
  }
}

.sep-programa{


  height: 100px;
  display: flex;
  

  @media screen and (min-width:1024px) {

    
     height: 150px;
    
  }
  @media screen and (min-width:1200px) {

    
    height: 250px;
   
 }
}


/* #ed625d
#42b6c6
#f79f88
#b2dfe6
#03232d 

https://www.fffuel.co/oooscillate/
*/

.cont_gradient{

  position: absolute;
  top:0;
  left:0;
  width: 100%;
  z-index: -2;;

  bottom: 0;
  /* transform: translateY(-50%); */

  opacity: 0.15;

  z-index: 100;
 
  & img{

    width: 100%;
    height: auto;

  }

}

.pad-h-menos-1024{
  @media screen and (max-width:1024px) {

    padding-left: var(--lado);
    padding-right: var(--lado);
    
  }
}

.pad-horizontal{

      padding-left: var(--lado);
    padding-right: var(--lado);

}

.margin-bottom-title{
  @media screen and (max-width:768px) {

    font-size: clamp(1.25rem, 0.9565rem + 1.3043vw, 2rem);;
    
    margin-bottom: 30px;
    z-index: 30;

   
    
  }
}



.particles-js{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;

  opacity: 0.15;


}

.border-up{
  border-top: 1px solid var(--grisDark);
}

.fuente_peq , .fuente_peq *{
      font-size: var(--tamDesta);
}

.tit_plan{
  position: relative;
  &:after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width:25px;
    height: 1px;
    background-color: var(--blanco);
  }
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.lista_plan{

  list-style-position: inside;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;

  & li{
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 15px;
    font-weight: 200;
  }
}

.cont-img-plan{
 
  overflow: hidden;

  position: relative;
  border-radius: 15px;

  margin-bottom: 20px;
 
}

p:last-child{
  margin-bottom: 0; 

}

.cont_servidores{ 
  line-height: 0;
  max-width: 285px;
  aspect-ratio: 1;
  height: auto;
  border-radius: 15px; 
  overflow: hidden;
  padding: 0;
  & img{
    line-height: 0;
    margin-bottom: 0;
    height: 100%;
    aspect-ratio: 1;
  }

     @media screen and (min-width:768px) and (max-width:1200px) {

 
    margin-right:  calc( 2* var(--padLados));


   }


}

.fondo-lineas{
  pointer-events: none;
}



.pad-peq{
  @media screen and (max-width:640px) {

    padding-left: var(--padLados) !important;
      padding-right: var(--padLados) !important;
    
  }

}

.pad-fix{

   @media screen and (min-width:1024px) and (max-width:1200px) {

    padding-left: var(--padLados);
    padding-right: var(--padLados);


   }

}

.pad-fix-2{

   @media screen and (min-width:360px) and (max-width:1200px) {

 

      padding-left: calc(2 * var(--padLados)) ;
      padding-right: calc(2 * var(--padLados)) ;


   }

}

.pad-fix-peq{

     @media screen and (max-width:1200px) {
 

      padding-left: calc(2 * var(--padLados)) !important;
      padding-right: calc(2 * var(--padLados)) !important;
     }

     .pad-fix-in{

      padding-left: 0 ;
      padding-right: 0;


     }


}

.pad-peq-lg-15{
  
     @media screen and (max-width:768px) {
 

      padding-left: calc(2 * var(--padLados))  !important;
      padding-right: calc(2 * var(--padLados)) !important ;
     }
}

.w-whitespace{
  white-space: nowrap;
}


.title-salidas{
   
  font-size: 1rem;

  @media screen and (max-width:768px) {

    /* padding-left: var(--padLados) !important; */
    
  }

}

.salidas_profesionales{

   @media screen and (max-width:768px) {

      padding-left: calc(2 * var(--padLados))  !important;
      padding-right: calc(2 * var(--padLados)) !important ;
   }

   margin-top: 50px;

}

.pad-peq-fix-menos{ 
  padding-left: 0;
  padding-right: 0;

}

.sec-programa{
   @media screen and (max-width:768px) {

      padding-left: calc(1 * var(--padLados))  !important;
      padding-right: calc(1 * var(--padLados)) !important ;
   }

}

.tit_modulo{
  position: relative; 
}


.tit_modulo:before{
    content: "";
    position: absolute;
    /* top: 16px;    */

    top: 50%;

    background-image: url('../img/flex-modulo.svg') ;
    width: 25px;
    height: 25px;
    object-fit: contain;
    z-index: 1000;
    right: 0;
    transform: translateY(-50%);   
    
    /* @media screen and (min-width:768px) {

      top: 32px;
      
    }
    @media screen and (min-width:1024px) {

      top: 48px;
      
    } */


 
  }


  
  .pill_contacto{ 
  padding-right:20px;
  padding-left:20px;
  margin-right:15px;
  margin-left:15px;
  text-decoration:none;
  padding-top:10px;
  padding-bottom:10px;
  line-height:1;
  border:1px solid var(--blanco);
  border-radius:500px
  }
  
  .row_contacto_form{ 
  margin-bottom:20px
  }
  
  .li_rrss{ 
  margin-top:20px;
  
  }
  
  .li_rrss li{ 
  margin-bottom:10px
  }
  
  .li_rrss .pill_contacto{ 
  padding-right:0;
  padding-left:0;
  border:0;
  margin-right:0;
  margin-left:0;
  line-height:initial;
  border-radius:0;

  
    &:last-child{
      margin-left:20px;
    }
  }


    .ul_rrss{
    display: flex;
    flex-direction: column;
  
    @media screen and (min-width:960px) {
  
      flex-direction: row;
  
      & li{
      /*  margin-left: 20px;*/
      }
  
      & li:first-child{
        margin-left: 0;
      }
      
    }
  }
  
.bot_te_llamamos{

  width: auto !important;

  font-weight: 400;

  
  backdrop-filter: blur(2px);

  padding: 18px 24px;

  border-radius: 8px;

   background-color: transparent;

   color: var(--naranja) !important;

  &:hover{
       background-color: var(--naranja);
          color: #fff !important;
  }

}

.pill_contacto{
  margin-left: 20px !important;
  border:1px solid red;
  display: inline-block;

  &:first-child{
    margin-left: 0 !important;
  }
} 

.ico_esat_peq{
  height: 16px;;
  margin-right: 5px;
}

.pill_esat{
  display: flex;
  align-items: center;
  @media screen and (max-width:480px){

    width:100%  !important;
    margin-left: 0  !important; 

  }
}