:root{
    --verde:#00875E;
        --verdeLight:rgb(193, 224, 214);
    --blanco:#fff;
    --grisLightest:rgb(245, 245, 245);
    --grisLight:rgb(238, 238, 238);
    --grisMed : #8a8a8a;
    --grisDark: #2e2e2e;
    --gap : 15px;
    --altHeader:72px;
    --padLeftXL:15px;
    --radio:8px;
}

 
.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%;
 }
 
.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%;
}



 
/* 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*/

.pad-header{
    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{
    max-width: 1200px;
    }

    &.max-1024{
    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 */


#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 {
  aspect-ratio: 680.63 / 600;
  width: 100%;
  height: auto;
  clip-path: url(#clip-shape);
}

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

.cont-swiper-hexa{
 

}

.swiper-hexa{   

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

.swiper-slide-hexa{
 
}

.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-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: 50px;
    padding-bottom: 50px;
    @media screen and (min-width:768px){

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

    } 
}

.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:25px;
    right:15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

}
}

.box-especial{
      &:before{
    background-image: url('../images/icono_special.svg');
      }
    
}
.box-network{
      &:before{
    background-image: url('../images/icono_newtwork.svg');
      }
     
}
.box-empleo{
      &:before{
    background-image: url('../images/icono_empleo.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;
        }
        
    }
}


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

/* 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{
    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;

    }
}

.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;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
 

    & 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;
            }

    
     } 



 
}
 
     /*TESTIMONIOS*/

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

}

.slide-testimonio{
    --gap:15px; 
    display: flex;
    flex-direction: column;
    gap:calc(var(--gap) * 1.5 );
    @media screen and (min-width:480px) {

        display: flex ;
        flex-direction: row;
 

        & .info-testimonial{


            
            border-radius: var(--radio);
            width: 50%;
            padding: var(--gap);
            padding-top: calc(2 * var(--gap));
            background-color: var(--grisLight);
        }

        & .cont-img-testi{
            width: 50%; 
            position: relative;

            &:before{
                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{
                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;
        }
        
    }
}
 

/* 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;
        }

    }



}


.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: 32px;
            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: 512px;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 100;
    transform: translate(-10% ,-10%);

    display: none;

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

.pelota_tenis{
        position: absolute;
    max-width: 300px;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 100;
    transform: translate(-20%,30% );

    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;

}

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