:root{
    --verde:#00875E;
     --principal:#00875E;
        --verdeLight:rgb(193, 224, 214);
    --blanco:#fff;
    --grisLightest:rgb(245, 245, 245);
    --grisLight:rgb(238, 238, 238);
    --grisMed : #8a8a8a;
    --grisDark: #2e2e2e;
   
}


.padLeftCalc{
    padding-left: var(--padLeftXL);

}

.padLeftCalcMovil{
        @media screen and (max-width:768px) {
               padding-right: var(--padLeftXL); 
        
    }
}
 
.b-rad{
    border-radius: var(--radio);
}


.back-grisLight{
    background-color: var(--grisLight);
}
.back-grisLightest{
    background-color: var(--grisLightest);
}

.back-white{
    background-color: var(--blanco);
}

.back-grid{
    background-image: url('../images/grid_back_2.png');
}

.back-verde{
    background-color: var(--verde);
     color: var(--blanco);
}
.col-verde, .col-verde *{
    color: var(--verde);
}
.col-white, .col-white *{
    color: var(--blanco);
}

.col-grisMed, .col-grisMed *{
    color: var(--grisMed);
}

.col-grisDark, .col-grisDark *{
    color: var(--grisDark);
}

/* FUENTES */

.f-titular {
  font-family: "Antonio", sans-serif;
 
}
.f-contenido {
  font-family: "DM Sans", sans-serif;
 
}
html, body{
    overflow-x: hidden;
}

.pos-rel{
    position: relative;
}

*{
     font-family: "DM Sans", sans-serif; 
}

.pad-peq{
    padding-left: 15px;
    padding-right: 15px;
}

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

.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}

 

 
 .f36-to-72{
        /*360 -1600 */
    font-size: clamp(2.25rem, 1.5968rem + 2.9032vw, 4.5rem);
        line-height: 100%;
 }

  
 .f36-to-64{
        /*360 -1600 */
    font-size: clamp(2.25rem, 1.7419rem + 2.2581vw, 4rem);
        line-height: 100%;
 }
 
.f24-to-40{
    /*360 -1600 */
font-size: clamp(1.5rem, 1.2097rem + 1.2903vw, 2.5rem);
    line-height: 100%;
} 
 
 

.f18-to-20, .f18-to-20 *{
        /*360 -1600 */
font-size: clamp(1.125rem, 1.0887rem + 0.1613vw, 1.25rem);
    line-height: 115%;
}
.f16-to-20{
            /*360 -1600 */
font-size: clamp(1rem, 0.9274rem + 0.3226vw, 1.25rem);
    line-height: 115%;
}

.f18-to-24{
            /*360 -1600 */
font-size: clamp(1.125rem, 1.0161rem + 0.4839vw, 1.5rem);
    line-height: 115%;
}





 
/* TEXTOS */

.tit-seccion{ 
 /*32-48  360 - 1600*/ 
 /* font-size: clamp(2rem, 1.6087rem + 1.7391vw, 3rem); */
 font-size: clamp(2rem, 1.7097rem + 1.2903vw, 3rem);
 line-height: 105%;

}
.subtit-seccion{
      
/*.f20-to-32  360 - 1600 */
/* font-size: clamp(1.25rem, 1.0323rem + 0.9677vw, 2rem); */
  font-size: clamp(1.25rem, 0.9565rem + 1.3043vw, 2rem);

}
.h3-page{

}



/*PADDINGS*/

.gap-15-30{
    --gap:15px;
        @media screen and (min-width:768px) {
            --gap:30px;
        }
}

.pad-header{
    padding: calc( var(--altHeader) * 1.2) 0;
    @media screen and (min-width:768px) {
    padding: calc( var(--altHeader) * 2) 0;
    }

}


.container{
    padding:0;
    /* border:1px solid rgb(255, 255, 255); */
    max-width: calc(100% - var(--gap) * 2); 

    @media screen and (min-width:1400px) {
            max-width: calc(100% - var(--gap) * 6); 
    }
    @media screen and (min-width:1600px) {

        max-width: 1600px
        
    }

    &.max-1200{
        @media screen and (min-width:1230px) {
            max-width: 1200px;
        
        }
    }

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

.container-left{

    padding-left:  calc(  var(--gap) * 1);

    @media screen and (min-width:768px) {
        padding-left:  calc(  var(--gap) * 2);
    }

    @media screen and (min-width:1400px) {
       padding-left: calc(  var(--gap) * 6); 
    }

        @media screen and (min-width:1600px) {
       padding-left: var(--padLeftXL); 
    }
 

}




.pad-peq{
    @media screen and (max-width:768px){
        padding: var(--gap);
    }

}
.py-gap{
    padding-top: var(--gap);
    padding-bottom: var(--gap);
}

/*MARGIN */

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

/* HEADER */

.logo-header{
    height: 30px;
    @media screen and (min-width: 768px) {
    height: 40px;    
    }
    
}

/* CARDS */

.row-cards{
    gap: var(--gap);
    
}

.card-sport{
    flex: 1;
    padding: 16px;
    border-radius: var(--radio);
    background-color: var(--blanco);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);

    & .card-tit{
        color:var(--verde);
        font-size: 14px;;
    }
& .card-cont{

    color:var(--grisDark);
    font-size: 24px;;

}


}

/* HERO */

.img-corriendo{

    
    border-radius: 8px;
    position: relative;
    max-width: 100%;
    height: auto;

    @media screen and (min-width:768px) {
        position: absolute;
        top:0 !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        object-fit: cover;
        object-position: center;
        max-width: 100%;
        height: 100%;
        width:100%;        
    }


  
}
 .hexa_flota_run{
        top: 0;
        left: 0;
        max-width: 150px;
        transform: translate(-50%, -50%);
        z-index: 10;
 
    }


.corriendo{

    & .hexa_flota{
        top: 0;
        left: 0;
        max-width: 225px;
        transform: translate(-50%, -50%);
        display: none;
    }

    & img{
        max-width: 100%;
        border-radius: 8px;

    }


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

        padding-right: 30px;
        
    }

}

.mascara-swip{
    height: 100%;
    width: auto;
    

}
    #clip-shape{
            height: 100%;
    width: auto; 

& path{
    height: 100%; 


}
    }


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

.list-description{

    & .item-listado{
        margin-bottom: 30px;

        @media screen and (max-width:768px) {
            padding: 15px; 
            border-radius: var(--radio);
            background-color: var(--grisLight);
        }


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

    }

}
.ico-desc{
    max-height: 40px;
    margin-bottom: 15px;
    @media screen and (min-width:768px) {
        margin-bottom: 20px;
    }

}
.info-desc{
    display: flex;
    flex-direction: column;

    & strong{
        color:var(--verde);
        margin-bottom: 5px;
        font-size: 24px;
            @media screen and (min-width:768px) {
        margin-bottom: 10px;
    }
    }
    p{
        /* font-size: 18px; */
    }
    

}

.hex-wrapper {
  width: 100%;
  max-width: 150px;
  aspect-ratio: 680.63 / 600; /* mantiene proporciones EXACTAS de tu SVG */
  position: relative;
}

.hex-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: url(#hexClip);
}

.hex-mask {
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}


.hex {
  width: 300px;
  aspect-ratio: 100 / 86.5;
  height: auto;
  clip-path: polygon(
    25% 6.7%,
    75% 6.7%,
    97.5% 50%,
    75% 93.3%,
    25% 93.3%,
    2.5% 50%
  );
  overflow: hidden;
}



.hex img {
    aspect-ratio: 100 / 86.5;
  width: 300px;
  height: auto;
  object-fit: cover; /* similar a preserveAspectRatio slice */
}

.hex-wrapper {
  width: 100%;
  max-width: 200px;
  aspect-ratio: 680.63 / 600; /* mantiene proporciones EXACTAS de tu SVG */
  position: relative;
}

.hex-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: url(#hexClip);
}


.hex-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: url(#hexClip);
}

.hex-mask {
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}


    .masked {

 
  /* clip-path: url(#clip-shape); */



 


    & img{

        

        mask-image: url('../images/diagos_tope_2.svg');
         aspect-ratio: 1045.6522  / 724.39;

        @media screen and (min-width:1400px){
mask-image: url('../images/diagos_tope_3.svg');
 aspect-ratio: 1390.5208   / 845.5595 ;
        }

           /* -webkit-mask-image: url('../images/mascara_swiper.svg'); */
             mask-repeat: no-repeat;  /**/

       
        object-fit: cover;
        object-position: center;

    }


}


#mask-svg {
  width: 0;
  height: 0; 
}


/* .masked { 
  width: 100%;
  height: 100%; 
  clip-path: url(#clip-shape);
  -webkit-clip-path: url(#clip-shape);
  overflow: hidden;
} */


.masked img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-swiper-rayas{
  

}



.swiper-hexa{   

    aspect-ratio:680.63/ 600 ; 
    width: 100%;
    max-width: 600px;
    height: auto; 
}

.swiper-rayas{ 
    max-width: 100%;
    height: auto;
}

.swiper-slide-rayas{
    max-height: 800px;
    width: auto;
}

.swiper-hero-movil{
    max-width: 100svw;;

}
.swiper-slide-hero-movil{

}


.swiper-slide-hero-movil{
    max-height: 50svh;
    width:auto;
border-radius: var(--radio);
overflow: hidden;

& img{    object-fit: cover;
    object-position: center;
width: 100%;
height: 100%;}

}


.hexa_img {


    position: relative;
    aspect-ratio: 1;
  width: 100%;
  max-width: 600px;
  border:1px solid red;
  height: auto;
  background-image: url('../images/hero/hero_1.jpg');
  background-size: cover;
  background-position: center;

  mask-image: url('../images/mascara_hexa.svg');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  /* Para Safari */
  -webkit-mask-image: url('../images/mascara_hexa.svg');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
 

}

.cont_hexa_img{

    position: relative;
    width: 100%;
    height: 100%;;
    
    &:before{
        z-index: 10;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        top:0;
        right: 0;
        content:"";
        width:30%;
        height: auto;
        aspect-ratio: 1;
        background-image: url('../images/hex_li_verde.svg');



    }

}

.hexa_flota{
    position: absolute;
    top: -75px;
    right: -75px;
    max-width: 175px;
    z-index: 100;

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

}


.hexa_flota_gris{
 
        position: absolute;
    bottom: -75px;
    right: 0;
 
    z-index: 100;
    opacity: 0.15;
    width: 500px;
    height: auto;
    transform: translate( 75%, 50%);
       display: none;
    @media screen and (min-width:1024px) {
        display: flex;
        
    }
}

.swiper-hexa{
    overflow: visible;
}

.bot-cta{
    background-color: var(--verde);
    padding: 10px 30px;
    border-radius: 500px;
    text-transform: uppercase;
    color:var(--blanco);
    text-decoration: none;
    /*16 - 20 - 360 - 1600 */
    font-size: clamp(1rem, 0.9274rem + 0.3226vw, 1.25rem);
    transition: all 0.3s;

    &:hover{
        background-color: var(--grisDark);
    }

}

.back-quadGran{

    position: absolute;
    top: 0;
    left: 0;

    height: 100svh;
    
    right: 0;
    z-index:-1;
    background-repeat:repeat ;

    background-size: 10%;
    opacity: 0.5;
    @media screen and (min-width:480px) {
 background-size: 7%;
    }

    @media screen and (min-width:992px) {
        
    background-size: 2.5%;
        
    }
 
    background-image: url('../images/quad_gran.svg');
    
    &:after{
        content: "";

        position: absolute;
        top:0;
         
        left: 0;
        right: 0;
        bottom: 0;
                
        background: #ffffff;
        background: linear-gradient(217deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

        
    }
}

.back-puntos{
    background-image: url('../images/fondo_puntos.svg');
    background-repeat: repeat;
}
.back-puntos_verdes{
    background-image: url('../images/fondo_puntos_verdes.svg');
    background-repeat: repeat;
}


.pad-seccion{
    padding-top: 25px;
    padding-bottom: 25px;

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

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

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

    } 
}

.pad-seccion-pro{
        padding-top: 50px;
    padding-bottom: 50px;
}

.img-start{
    max-height: 500px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: bottom center;
    border-radius: var(--radio);

}

.pad-seccion-video, .pad-seccion-xl{
    padding-top: 50px;
    padding-bottom: 50px;

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

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

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

    } 

}

.pad-seccion.back-futbol, .pad-seccion.back-grisLightest{
        padding-bottom: 50px;
        @media screen and (min-width:768px){
            padding-bottom: 100px;
        }
        @media screen and (min-width:1024px){
            padding-bottom: 150px;
        } 
 }

 .pad-seccion-max{
            
        @media screen and (min-width:768px){
            padding-bottom: 100px;
                 padding-top: 100px;
        }
        @media screen and (min-width:1024px){
            padding-bottom: 200px;
                 padding-top: 200px;
        } 
 }

.item-desta{

    padding: 16px 24px;
    padding-top: 20px;
    @media screen and (min-width:1024px) {
        padding: 24px 30px;
        padding-top: 26px;
    }
        
    border-radius: var(--radio);
    background-color: var(--grisLight);

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

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


    & .tit{
        color:var(--verde);
        font-weight: 700;
        max-width: 300px; 
        font-size: 24px;

        @media screen and (max-width:768px) {
            padding-right: 35px;
            margin-bottom: 25px;
            
        }
    }

    & p{
        font-size: 18px;
    }

}

*[class^="box-"] {
  position: relative;

    &:before{
        content: "";
        position: absolute;

        width:40px;
        height: 40px;

            top:15px;
        right:15px;

        @media screen and (min-width:768px) {
                width:60px;
        height: 60px;
            top:25px;
        right:15px;
        }


        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;

    }

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

            line-height: 1.3;
            font-size: 16px;
            
        }
    }
}

.listado-goals{
    font-size: 18px;
    line-height: 1.3;

    & li{margin-bottom: 10px;}
}

.tit-list{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.listado-goals{
    
}



/* AIMED */

.list-aimed{

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

}

.item-aimed{

    padding: 20px 15px;
    border:1px solid var(--principal);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 150px;

}

.raquetas_caen{
    padding-left: 30px;
    position: relative;
}

.raq_padel{
    max-height: 475px;
    width: auto;
    z-index: 1;
     
}

.raq_padel_cae{
    position: absolute;
    max-height: 300px;
    z-index: 0;
    transform: translate(60%, -70%);
}

.list-access{

    & li{
        padding-bottom: 15px;
        padding-top: 15px;
        display: flex;
        flex-direction: column;


        padding: 15px ;
        padding-bottom: 20px;
        border-radius: 8px ;
        background-color: var(--principal);
        min-height: 150px;

        & strong{
            color: var(--blanco);
            font-weight: 900;
            font-size: 2rem;
            margin-bottom: 30px;
        }

        & span{
               color:var(--blanco)
               
        }
    }
}

.cont-asterisco{
    position: relative;
    &:before{
        content: "";
        position: absolute;
        top:0;
        left:-10px;
        transform: translateX(-100%);
        background-image: url('../images/asterisco.svg');
        background-position: center;
        background-size: contain;
        width: 50px;
        height: 50px;
    }
}

.slide-work{

    & .info-galeria{
        position: relative;
        padding-left: 17px;        
        text-transform: uppercase;

        &:after{
            position: absolute;
            content: "";
            border-radius: 500px;
            width:12px;
            height: 12px;
            top:6px;
            background-color: var(--principal);
         
            left:0;
             

        }
    }   
}



/* QUALIFICAM */

.img-cuali-peq{
    max-width: 190px  ;
    width: 100%;
    height: auto;
    padding: 10px;
    object-fit: contain;

    aspect-ratio: 170/105;
}
.img-star{
    max-width: 125px;
    padding: 10px;
}

.box-especial{
      &:before{
    background-image: url('../images/iconos/mano.svg');
      }
    
}
.box-network{
      &:before{
    background-image: url('../images/iconos/trabajo.svg');
      }
     
}
.box-empleo{
      &:before{
    background-image: url('../images/iconos/mundo.svg');
      }
     
}

.slide-galeria img{
    border-radius: var(--radio);
    overflow: hidden;
    /* margin-bottom: 20px; */
}


.item-specs{
    font-size: 25px;
    line-height: 115%;
    padding: 15px;
}

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

        & .item-specs{
            margin-bottom: 30px;
        }
        
    }

    & .item-specs:last-child{
        max-width: 100%;;

        & .tit-list{
            max-width: 700px;
        }
    }
}


.img-fit{
    object-fit: cover;
    object-position: center;
    border-radius: var(--radio);
}


.listado-porcentajes{

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

    @media screen and (max-width:480px) {
        flex-direction: column;
        padding-left: var(--gap);
        padding-right: var(--gap);
        row-gap:var(--gap);
 
        
    }
}



.item-desta-prin{
    border-radius: 8px;
    border: 1px solid var(--verde);
    padding: 15px;
    color:var(--verde);

    strong{
        font-weight: 700;
        margin-bottom: 25px;
    }

    & .cont-desta-prin{
        font-weight: 300;
        
        font-size: 18px;
        line-height: 1.3;
        color:var(--grisDark); 
            margin-top: 10px;

            & p{
                margin-top: 10px;
            }

            & *{
                line-height: 1.2;

            }
    }

                flex-direction: column;
 
 

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

    & .cont-desta-prin{
        margin-top: 50px;



        & strong{

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

                    font-size: 26px;
                    line-height: 1;
                    margin-bottom: 0;
                    display: block;

            }

        }

    }
    }
}


.icono_copa_desta{
    position: relative;
    &:after{
        content: "";
        position: absolute;
        background-image: url('../images/iconos/copa.svg');
        top: 15px;
        right:15px;
        width: 60px;
        height: 60px;
        background-size: contain;
        background-position: center;
    }

}
.icono_job_desta{
    position: relative;
    &:after{
        content: "";
        position: absolute;
        background-image: url('../images/iconos/job.svg');
        top: 15px;
        right:15px;
        width: 60px;
        height: 60px;
        background-size: contain;
        background-position: center;
    }

}
.icono_inter_desta{
    position: relative;
    &:after{
        content: "";
        position: absolute;
        background-image: url('../images/iconos/international.svg');
        top: 15px;
        right:15px;
        width: 60px;
        height: 60px;
        background-size: contain;
        background-position: center;
    }

}

.sub_under{
        position: relative;
    color: var(--blanco);
    z-index: 10;  

    text-decoration-color: var(--verde); 
text-decoration-line: overline;

text-decoration-thickness: 20px;
text-underline-offset: -0.5em;


}

.subrayado{
    position: relative;
    color: var(--blanco);
    z-index: 10;  

/*        
    
text-decoration-color: var(--verde); 
text-decoration-line: overline;

text-decoration-thickness: 20px;
text-underline-offset: -0.5em; */

    &:before{

        content: "";
        position: absolute;
        top:1px;
        bottom: 0;
        left: -2px;
        right: -2px;
        z-index: -1;
        background-color: var(--verde);
            border-radius: 4px;

    }  /**/
}

@keyframes rotacion {
	0% {
		transform: rotate(0);
		transform-origin: center;
	}

	100% {
		transform: rotate(360deg);
		transform-origin: center;
	}
}

.flota_gira{
    position: absolute;
    width: 175px;
   height: 175px;
   z-index: 100;
   top: 0;
   right: 0;
   rotate: -10deg;
   transform: translate(-50%, -85%);

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

}
.gira_gira{
        width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    animation: rotacion 10s linear 0s infinite normal forwards;


}


.num_desta{

     color:var(--verde);
    font-size: 7svh;
    position: relative;

    font-weight: 700;

    line-height: 1;

    & .super{

        font-size: 0.4em;
        position: absolute;
        left:20px;
        top:15px

    }

}
.cont-desta-prin{

}

.img-pala{
    position: absolute;
    top: 0;
    left: calc(var(--gap) * 2 );
    right: 0;
    bottom: 0;
}


/* GRID */


/* .master-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}

.grid-sec-1 { grid-area: 1 / 1 / 3 / 2; }
.grid-sec-2 { grid-area: 3 / 1 / 5 / 2; }
.grid-sec-3 { grid-area: 1 / 2 / 5 / 3; }
.grid-sec-4 { grid-area: 3 / 3 / 5 / 4; }
.grid-sec-5 { grid-area: 1 / 3 / 3 / 4; }
.grid-sec-6 { grid-area: 5 / 3 / 7 / 4; }
.grid-sec-7 { grid-area: 7 / 3 / 9 / 4; }
.grid-sec-8 { grid-area: 5 / 1 / 9 / 3; } */




.master-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}
 

.grid-sec-1 { grid-area: 1 / 1 / 3 / 2; }
.grid-sec-2 { grid-area: 1 / 3 / 2 / 4; }
.grid-sec-3 { grid-area: 2 / 3 / 3 / 4; }
.grid-sec-4 { grid-area: 1 / 2 / 3 / 3; }
.grid-sec-5 { grid-area: 3 / 3 / 4 / 4; }
.grid-sec-6 { grid-area: 3 / 1 / 5 / 2; }
.grid-sec-7 { grid-area: 3 / 2 / 4 / 3; }
.grid-sec-8 { grid-area: 4 / 2 / 5 / 3; }
.grid-sec-9 { grid-area: 4 / 3 / 5 / 4; }


.row-img-list{
    display: flex;
    justify-content: end;
    margin-bottom: 25px;
    align-items: start;
}

.item-specs{
    justify-content: space-between;
    border-radius: var(--radio);
    border:1px solid var(--blanco);
    padding-top:15px;
    padding-bottom: 35px;
    backdrop-filter: blur(10px);
 
    & .img_list{
        width: 35px;
        height: auto;
        transition: all 0.3s;
    }

    & p{
        padding-right: 25px;
    }


    &:hover{

        & .img_list{
            transform: rotate(180deg);
        }

    }

}



.item-specs:has(img) , .item-specs:has(h3){ 
    /* padding: 0;
    bordeR:0; */
}
 

.back-futbol{

    position: relative;
    overflow: hidden;

}

.back-futbol:after{
        content: "";
        background-color: var(--verde);
        opacity: 0.92;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: top right;
        background-size: cover;
        z-index: -1; 
}

.back-image-futbol{
        
        background-image: url('../images/fondo_futbol.jpg');
        position: absolute;
        
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: top right;
        background-size: cover;
        z-index: -2; 
        opacity: 1;
}

.swiper-galeria-path, .swiper-galeria-experience , .swiper-back{
    position: relative;
    max-width: 100svw;

    &:after{
        content: "";
        background: #ffffff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        top:0;
        bottom: 0;
        right: 0;
        width: 100px;
        position: absolute;
        z-index: 100;
        pointer-events: none;

    }


    &:after{

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

.bot-galeria-path{

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

.bot-flech-gal{
    border-radius: 500px;
    background-color: var(--verde);
    aspect-ratio: 1;
    
    display: flex;
    justify-content: center;
    align-items: center;
width: 35px;

    & img{
        max-width: 25px;

    }


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

            & img{
        max-width: 35px;

    }

    }
 




    &.prev-gal{
        & img{
            transform: rotate(180deg);
        }
    }

    margin-right: 20px;

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

    transition: all 0.3s;
    &:hover{
        background-color: var(--grisDark);
    }
}



/*GALERIA INTERNACIONAL*/

.cont-galeria-int {
display: grid;
/* grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(3, 1fr); */
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);


grid-column-gap: 15px;
grid-row-gap: 15px; 
}

 


.item-gal-int-1 { grid-area: 1 / 1 / 2 / 2; }
.item-gal-int-2 { grid-area: 2 / 1 / 3 / 2; }
.item-gal-int-3 { grid-area: 1 / 2 / 2 / 3; }
.item-gal-int-4 { grid-area: 1 / 4 / 2 / 5; }
.item-gal-int-5 { grid-area: 2 / 5 / 3 / 6; }
.item-gal-int-6 { grid-area: 1 / 6 / 2 / 7; }
.item-gal-int-7 { grid-area: 2 / 3 / 3 / 4; }
.item-gal-int-8 { grid-area: 2 / 4 / 3 / 5; }



*[class^="item-gal-int"] {

    display: flex; 
      /* cuadrado */
      position: relative;


 
 & img{
          overflow: hidden;
      border-radius: var(--radio);
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
 }

}


.galeria-inter {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
}

.gal-item-int-1 { grid-area: 1 / 1 / 2 / 2; }
.gal-item-int-2 { grid-area: 2 / 1 / 3 / 2; }
.gal-item-int-3 { grid-area: 1 / 2 / 2 / 3; }
.gal-item-int-4 { grid-area: 2 / 2 / 3 / 3; }
.gal-item-int-5 { grid-area: 1 / 3 / 2 / 4; }
.gal-item-int-6 { grid-area: 2 / 3 / 3 / 4; }
.gal-item-int-7 { grid-area: 1 / 4 / 2 / 5; }
.gal-item-int-8 { grid-area: 2 / 4 / 3 / 5; }
.gal-item-int-9 { grid-area: 1 / 5 / 2 / 6; }
.gal-item-int-10 { grid-area: 2 / 5 / 3 / 6; }
.gal-item-int-11 { grid-area: 1 / 6 / 2 / 7; }
.gal-item-int-12 { grid-area: 2 / 6 / 3 / 7; }

/*div[class^='myclass'], div[class*=' myclass']{*/
 div[class^='gal-item-int-']{
       /* background-image: url('../images/fondo_puntos_verdes_3.svg'); */
       background-color: var(--verdeLight);
             background-color: var(--grisLightest);
       border-radius: var(--radio);
 }

.cubre_blanco{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:  0;
    background-color: var(--blanco);
    /* background-image: url('../images/fondo_puntos_verdes.svg'); */
    transition: opacity 0.5s;
 
 
}
.cubre_blanco.aparece{
    transition: opacity 0.5s;
        opacity: 1;
    }

*[class^="gal-item-int"] {

    display: flex; 
      /* cuadrado */
      position: relative;


 
 & img{
          overflow: hidden;
      border-radius: var(--radio);
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
 }

}



.listado-for{

    --gap:15px;

    gap: var(--gap);

    display: flex;
    flex-wrap: wrap;
    justify-content: start;

    width: 100%; 


    & li{

        color:var(--blanco);
 
        padding : 15px;
        display: flex;
        flex-direction: column;

        /* border:1px solid var(--verde); */
        background-color: var(--verde);
        border-radius: var(--radio);

      
    }           

     & .icono-for{  
        
         max-width: 35px;

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

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


        
         & li{
            max-width:calc( ( 100%  - (var(--gap)/1)   )   / 2 )  ;
         }

 
    } 

        @media screen and (min-width:360px) and (max-width:640px){
            & li:last-child{
                max-width: 100%;
            }
        }

     @media screen and (min-width:640px){
  
            
            & li{
                max-width:calc( ( 100%  - (var(--gap)*2)   )   / 3 )  ;
            }

    
     } 

     @media screen and (min-width:1024px){
  
            
            & li{
                max-width:calc( ( 100%  - (var(--gap)*4)   )   / 5 )  ;
                justify-content: space-between;
                min-height: 225px;
            }

    
     } 



 
}



.listado-study{

    & p{
        margin-bottom: 0;
    }
    & li{

        border-bottom: 1px solid var(--grisMed);
        padding-bottom: 15px;
        padding-top: 15px;
        display: flex;
        flex-direction: column;

        & .info-clase{

            display: flex;
            justify-content: space-between;

        }

        & strong{

            width: 100%;; 
            
        }

        & .expli{

             @media screen and (max-width:768px) {
                max-width: calc(100% - 80px );
                font-size: 16px;
                line-height: 1.3;
                
             }

        }

        & .ect{

            font-size: 0.8rem;
            color:var(--grisMed);
            padding-left: 20px;



        }
        

    }
}

 
     /*TESTIMONIOS*/

.nom-testi{
    color:var(--verde);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
}

.cargo-testi{
    font-weight: 600;
margin-bottom: 10px;
}

.exper-testi{

    font-size: 14px;

}

.info-testimonial{
    justify-content: space-between;
    height: 100%;
}

.cont-swiper-galeria{
    max-width: 100svw !important; 
 
     
}

.slide-testimonio{ 
    --gap:15px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--radio);
  height: 100%; 
    gap:calc(var(--gap) * 1.5 );
    background-color: var(--grisLight);

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

   
        
    }


 & .cont-img-testi{
    width:45%;
    @media screen and (max-width:768px) {
        margin: var(--gap);
        

    }
    
 }

 /* max-width: 100svw !important; */
 
& .info-testimonial{

    border-radius: var(--radio);
    /* width: 50%; */
    /* width: 100%; */
    padding: var(--gap);
    padding-top: 0;
    /* padding-top: calc(2 * var(--gap)); */

}

& .cont-testi-bio{
 
}
& .exper-testi{
 
}

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

 

        & .cont-img-testi{
            width: 50%; 
            position: relative;  
            padding: var(--gap);
            padding-bottom: 0;
             

            &:before{
                display: none;
                content:"";
                position: absolute;
                top:15px;
                left:15px;
                width: 50px;
                height: 50px;
                transform: rotate(180deg);
                background-repeat: no-repeat;
                background-size: contain;     
                background-image: url('../images/comillas.svg');
      
            }


            &:after{
                display: none;
                content:"";
                position: absolute;
                bottom:15px;
                right:15px;
                width: 50px;
                height: 50px;

                background-repeat: no-repeat;
                background-size: contain;
                     background-image: url('../images/comillas.svg');
      
            }


            

        }

        & .img-testi{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
        
    }
}

.cont-img-testi{

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

        align-self: flex-end;
        
    }
}
 

/* LISTADO APRENDERÁS*/

.img-aprenderas{

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

        min-height: 50svh;

        margin-bottom: 15px;
        
    }

}


 .listado-aprenderas{
    --gapAprenderas:36px;
    width: 100%; 
    @media screen and (min-width:768px){
        
  
        gap: var(--gapAprenderas);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;


    } 

    @media screen and (max-width:768px){
        display: flex;
        flex-direction: column;

        & .listado-learn{
            width: 100%;;
            flex-wrap: wrap; 
            --gapAprenderas:15px;

                & li{
                    width: 100%;
                    max-width: calc(50% - var(--gapAprenderas) / 2 );
                }

                  & li:last-child{
                    max-width: 100%;

                  }

        }


    }

    @media screen and (min-width:1024px){
        --gapAprenderas:48px;
    }


     & .item-listado:nth-child(1){

         width:100%;        


        @media screen and (min-width:768px){
             max-width: calc(40% - var(--gapAprenderas) / 2 );
         
        }

    }    
     & .item-listado:nth-child(2){

         width:100%;        


        @media screen and (min-width:768px){
             max-width: calc(60% - var(--gapAprenderas) / 2 );
         
        }

    }  
 
}


.listado-details{
        --gapAprenderas:36px;

         & .item-listado:nth-child(1){

         width:100%;        


        @media screen and (min-width:768px){
             max-width: calc(50% - var(--gapAprenderas) / 2 );
         
        }

    }    
     & .item-listado:nth-child(2){

         width:100%;        


        @media screen and (min-width:768px){
             max-width: calc(50% - var(--gapAprenderas) / 2 );
         
        }

    }  


}


.listado-learn{

    --gap:15px;

    gap: var(--gap);

    display: flex;
    flex-wrap: wrap;
    justify-content: start;

    width: 100%; 

      

    & .icono-for{
        max-width: 50px;
        margin-bottom: 20px;
    }
    
    

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


        
         & li{
            max-width:calc( ( 100%  - (var(--gap)/1)   )   / 2 )  ;
         }

 
    } 

     @media screen and (min-width:640px){
  
            
            & li{
                max-width:calc( ( 100%  - (var(--gap)*2)   )   / 3 )  ;
            }

    
     } 
 

 
}

.item-in{


        justify-content: flex-end;

        width: 100%;

        min-height: 150px;

        color:var(--verde);

 
        padding : 15px;
        display: flex;
        flex-direction: column;

        /* border:1px solid var(--verde); */
        background-color: var(--grisLight);
        border-radius: var(--radio);

        position: relative;

         color:var(--grisDark); 
         
         @media screen and (max-width:768px) {

            min-height: 200px;
            
         }

         font-size: 18px;


        &:before{
            content: "01";
            color:var(--verde);            
            position: absolute;
            top:15px;
            left:15px;
            font-weight: 600;
            font-size: 1.3em; 
            
        }


        &:nth-child(2){

            &:before{
                content:"02";
            }
        }
        &:nth-child(3){

            &:before{
                content:"03";
            }
        }
        &:nth-child(4){

            &:before{
                content:"04";
            }
        }
        &:nth-child(5){

            &:before{
                content:"05";
            }
        }
        &:nth-child(6){

            &:before{
                content:"06";
            }
        }
        &:nth-child(7){

            &:before{
                content:"07";
            }
        } 
        &:nth-child(8){

            &:before{
                content:"08";
            }
        } 
        &:nth-child(9){

            &:before{
                content:"09";
            }
        } 
        &:nth-child(10){

            &:before{
                content:"10";
            }
        }


}

/* SWIPER APRENDERÁS  */




.swiper-galeria-aprenderas{
    position: relative;
    max-width: 100svw;

    &:after{
        content: "";
        background: #ffffff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        top:0;
        bottom: 0;
        right: 0;
        width: 200px;
        position: absolute;
        z-index: 100;
        pointer-events: none;

    }
}


/* SWIPER APRENDERÁS */






.item-listado-pro{
        padding: calc(1.5 * var(--gap))  calc(1.5 * var(--gap));
    @media screen and (min-width:768px) {
            padding: calc(2 * var(--gap))  calc(3 * var(--gap));
    }

    border-radius: var(--radio);
 
}


.lista-profesional{

    & li{
        padding-bottom: 15px ;
        border-bottom: 1px solid var(--verde);
        margin-bottom: 15px;
    }

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

.box-shadow{
        box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
 

}

.img-profesional{
    z-index: 100;
    position: absolute;
    border-radius: var(--radio);
    max-width: 500px;
    aspect-ratio: 16/11;;
    object-fit: cover;
    object-position: center;
    height: auto;
    bottom:0;
    right:0;

    transform: translate(90% , 25%);


}

.img-profesional-izq{
    z-index: 25;
    position: absolute;
    border-radius: var(--radio);
    max-width: 300px;
    aspect-ratio: 1/1;;
    object-fit: cover;
    object-position: center;
    height: auto;
    top:0;
    left:0;

    transform: translate(-90% , -50%);


}

.img-profesional-vert{
        z-index: 25;
    position: absolute;
    border-radius: var(--radio);
    max-width: 200px; 
    object-fit: cover;
    object-position: center;
    height: auto;
    bottom:25px;
    left:-50px;

    transform: translate(-100% , 0);

}


.pad-seccion-pro{
    border-bottom: 1px solid var(--grisLight);
}


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

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

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

        & li{
            padding-bottom: 30px; 
        padding-top: 30px; 
        position: relative;
        }

        & li:last-child{
            /* margin-bottom: 0;
                    padding-bottom: 0; */
        }

        & li:after{
            content:"01";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            color:var(--grisLight);
            font-size: 4rem;
            line-height: 1;
            font-weight:700;
            text-align: right;

        }

         & li:nth-child(2){
            &:after{
                content:"02";
            } 
         }
         & li:nth-child(3){
            &:after{
                content:"03";
            } 
         }
         & li:nth-child(4){
            &:after{
                content:"04";
            } 
         }
         & li:nth-child(5){
            &:after{
                content:"05";
            } 
         }
         & li:nth-child(6){
            &:after{
                content:"06";
            } 
         }
         & li:nth-child(7){
            &:after{
                content:"07";
            } 
         }
        
    }
}


.border-alert{
    border:1px solid limegreen
}


/*ADDITIONAL */

.additional-details{
    --gap:15px;
    position: absolute;
    bottom:-25px;
    right: 0;

    transform: translateX(25%);

    display: flex;
    gap:var(--gap);



    & .item-add{ 

        border-radius: var(--radio);
        backdrop-filter: blur(10px);
        padding: var(--gap);
        color:var(--blanco);
        overflow: hidden;

        width: calc(100% / 3 );


        & *{
         z-index: 1;
        }

        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;

        &:before{
            border-radius: var(--radio);
            content: "";
            position: absolute;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: var(--verde);
            opacity: 0.7;

        }

        & strong{
            font-weight: 400;
            margin-bottom: 15px;
        }

        & .info{

            font-size: 32px;
            line-height: 1.1;
        }



    }



}

.listado-details{           


    & .item-add{

     @media screen and (max-width:768px){
            &:nth-child(1){
                max-width: calc( 100%/2  - var(--gap) / 2  ) ;
    
            } 
            
            &:nth-child(2){
                max-width: calc( 100%/2  - var(--gap) / 2  ) ;
    
            } 

            &:nth-child(4){
                max-width: calc( 100%/2  - var(--gap) / 2  ) ;
    
            } 
            
            &:nth-child(5){
                max-width: calc( 100%/2  - var(--gap) / 2  ) ;
    
            } 

        }
    }


}


.add-details{
    --gap:15px;


 
    display: flex;
    flex-wrap: wrap;
    gap:var(--gap);



    & .item-add{
        border-radius: var(--radio);
 
        padding: var(--gap);
        color:var(--blanco);
        overflow: hidden;
        width: 100%;

          @media screen and (min-width:480px){ 
            max-width:calc( ( 100%  - (var(--gap)*1)   )   / 2 )  ;
          }

          /* &:last-child{
            max-width: 100%;;
          } */



        & *{
        z-index: 1;
        }

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;

        &:before{
            border-radius: var(--radio);
            content: "";
            position: absolute;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;
            /* background-color: var(--verde); */
            opacity: 1;

            background: linear-gradient(65deg, #00875e, #28bcd3);
            background-size: 400% 400%;

            -webkit-animation: animeVerde 30s ease infinite;
            -moz-animation: animeVerde 30s ease infinite;
            animation: animeVerde 30s ease infinite;

        }

        & strong{
            font-weight: 400;
            margin-bottom: 15px;
        }

        & .info{

            font-size: 24px;
            line-height: 1.1;
        }

    }
 

}

.anime-gradient {
    background: linear-gradient(65deg, #00875e, #066448);
    background-size: 400% 400%;

    -webkit-animation: animeVerde 15s ease infinite;
    -moz-animation: animeVerde 15s ease infinite;
    animation: animeVerde 15s ease infinite;
}

@-webkit-keyframes animeVerde {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}
@-moz-keyframes animeVerde {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}
@keyframes animeVerde {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}


/*FAQS */

.pad-faq{
    padding: var(--gap);

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

         padding: calc( 3 * var(--gap));
        
    }
}


.listado-faq{
    & li{
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom:1px solid var(--verde);

        & .ask{
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 20px;
        }

        &:last-child{
            border:0
        }

    }
}

.pelota_fut{
    position: absolute;
    max-width: 250px;
    height: auto;
    bottom:  0;
    right: 0;
    z-index: 100;
     transform: translate(65% , 60%); 

    display: none;

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

.pelota_tenis{   
     
    position: absolute;
    max-width: 275px;
    height: auto;
    top: 0;
    right: 0;
    z-index: 100;
      transform: translate(100%,-50% );  

    display: none;

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


/*FOOTER*/

.logo_ace{
    max-height: 20px;
    @media screen and (min-width:768px) {
            max-height: 30px;
    }

    width: auto;
}

.logo_footer{
    max-height: 20px;
    @media screen and (min-width:768px) {
         max-height: 32px;
    }
   
    width: auto;
}

.bot_more_texti{
    padding: 4px 20px;
    color: var(--verde);
    border:1px solid var(--verde);
    margin-top: 20px;
    border-radius: 500px;
    text-decoration: none;
    transition: all 0.3s;

    &:hover{
        background-color: var(--verde);
        color:var(--blanco)
    }

}

.in_testi{
    max-width: 750px;
}

.back-hexa{
    background-image: url('../images/red_hexa.svg');
    background-repeat: repeat;
    background-size: 2.5%;
    background-color: transparent;
    border: 0;

}

.list-info{


 
    & li{

        margin-bottom: 15px;
        width: 100%; 

        border-bottom: 1px solid var(--dark);
        padding-bottom: 15px;

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


        font-size: 16px;

    }

} 

.listado-final-info{
    --gap:30px;
    @media screen and (min-width:768px) {

        --gap:40px;
        
    }
}

.pad-seccion-info-sports{

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

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

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

    }
}

.pad-seccion-info-data{
        padding-top: 50px;
    padding-bottom: 50px;

    @media screen and (min-width:768px) { 
     padding-top: 75px;  
    }

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

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

.pad-seccion-start, .pad-seccion-start-down-big{
    @media screen and (max-width:1400px) {

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

.item-data{
    @media screen and (min-width:768px) {
        font-size: 18px;    
    }
    
}

.gap-15-45{
    --gap:15px;
        @media screen and (min-width:768px) { 
     --gap:45px; 
    }
}

.listado-data-fix-last{



    @media screen and (max-width:1024px) { 
     & .item-listado:last-child{
        width: 100%;
        max-width: 100%;;
     }
    }


}

.ico-desta{
    max-width: 70px;margin-bottom: 20px;
}

.paddings-forms{

    padding-left: 0;
    padding-right: 0;
    
        @media screen and (min-width:480px) {
    padding-left: 15px;
    padding-right: 15px;
        }

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

}

/*
background: #EEAECA;
background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
*/

.gap-15-30{
    --gap:15px;
        @media screen and (min-width:768px) {
            --gap:30px;
        }

}


@media screen and  (max-width:480px) {
   
    .img-cuali-peq{
        max-width:100px;
    }
    .img-star{
        max-width:90px;
    }

}


@media screen and (min-width:480px) and (max-width:640px) {
   
    .img-cuali-peq{
        max-width:120px;
    }
    .img-star{
        max-width:100px;
    }

}



@media screen and (min-width:768px) and (max-width:1200px) {
   
    .img-cuali-peq{
        max-width:120px;
    }
    .img-star{
        max-width:95px;
    }

}



@media screen and (min-width:992px) and (max-width:1200px) {
   
    .img-cuali-peq{
        max-width:150px;
    }
    .img-star{
        max-width:100px;
    }

}