.pos-rel{
  position: relative;
}

.flex-1{
  flex: 1;
}

  .img-back-cover{

        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
  
    }

.w-auto{width: auto;}
.pa-25{

  padding: 25px;
}
.pt-0{

  padding-top: 0;
}

 .pb-0{
	padding-bottom: 0;
 }


  .pb-10{
	padding-bottom: 10px;
 }


 .pb-15{
	padding-bottom: 15px;
 }

 
.pb-20{
	padding-bottom: 20px;
}


.pb-25{
	padding-bottom: 25px;
}


 .pb-30{
	padding-bottom: 30px;
 }

  .pb-35{
	padding-bottom: 35px;
 }

  .pb-40{
	padding-bottom: 40px;
 }

   .pb-45{
	padding-bottom: 45px;
 }

   .pb-50{
	padding-bottom: 50px;
 }

   .pb-55{
	padding-bottom: 55px;
 }
   .pb-60{
	padding-bottom: 60px;
 }
   .pb-65{
	padding-bottom: 65px;
 }


   .pb-70{
	padding-bottom: 70px;
 }
   .pb-75{
	padding-bottom: 75px;
 }

    .pb-80{
	padding-bottom: 80px;
 }

    .pb-85{
	padding-bottom: 85px;
 }

    .pb-90{
	padding-bottom: 90px;
 }

    .pb-95{
	padding-bottom: 95px;
 }


    .pb-100{
	padding-bottom: 100px;
 }  

.pt-0{
	padding-top: 0;
 }


  .pt-10{
	padding-top: 10px;
 }


 .pt-15{
	padding-top: 15px;
 }

 
.pt-20{
	padding-top: 20px;
}


.pt-25{
	padding-top: 25px;
}


.pt-30{
	padding-top: 30px;
 }

.pt-35{
	padding-top: 35px;
 }

.pt-40{
	padding-top: 40px;
 }

 .pt-45{
	padding-top: 45px;
 }

 .pt-50{
	padding-top: 50px;
 }

 .pt-55{
	padding-top: 55px;
 }

 .pt-60{
	padding-top: 60px;
 }

 .pt-65{
	padding-top: 65px;
 }

 .pt-70{
	padding-top: 70px;
 }

 .pt-75{
	padding-top: 75px;
 }

.pt-80{
	padding-top: 80px;
 }

.pt-85{
	padding-top: 85px;
 }

 .pt-90{
	padding-top: 90px;
 }

 .pt-95{
	padding-top: 95px;
 }

.pt-100{
	padding-top: 100px;
 }




.pr-0{
	padding-right: 0;
 }


  .pr-10{
	padding-right: 10px;
 }


 .pr-15{
	padding-right: 15px;
 }

 .pr-md-15{
  @media screen and (min-width:768px) {
    	padding-right: 15px;
    
  }
 }

 
.pr-20{
	padding-right: 20px;
}


.pr-25{
	padding-right: 25px;
}


.pr-30{
	padding-right: 30px;
 }

.pr-35{
	padding-right: 35px;
 }

.pr-40{
	padding-right: 40px;
 }

 .pr-45{
	padding-right: 45px;
 }

 .pr-50{
	padding-right: 50px;
 }

 .pr-55{
	padding-right: 55px;
 }

 .pr-60{
	padding-right: 60px;
 }

 .pr-65{
	padding-right: 65px;
 }

 .pr-70{
	padding-right: 70px;
 }

 .pr-75{
	padding-right: 75px;
 }

.pr-80{
	padding-right: 80px;
 }

.pr-85{
	padding-right: 85px;
 }

 .pr-90{
	padding-right: 90px;
 }

 .pr-95{
	padding-right: 95px;
 }

.pr-100{
	padding-right: 100px;
 }

 

.pl-0{
	padding-left: 0;
 }


  .pl-10{
	padding-left: 10px;
 }


 .pl-15{
	padding-left: 15px;
 }

 
.pl-20{
	padding-left: 20px;
}


.pl-25{
	padding-left: 25px;
}


.pl-30{
	padding-left: 30px;
 }

.pl-35{
	padding-left: 35px;
 }

.pl-40{
	padding-left: 40px;
 }

 .pl-45{
	padding-left: 45px;
 }

 .pl-50{
	padding-left: 50px;
 }

 .pl-55{
	padding-left: 55px;
 }

 .pl-60{
	padding-left: 60px;
 }

 .pl-65{
	padding-left: 65px;
 }

 .pl-70{
	padding-left: 70px;
 }

  .pl-md-70{
    @include media-breakpoint-up(md){
	padding-left: 70px;

    }
 }

 .pl-75{
	padding-left: 75px;
 }

.pl-80{
	padding-left: 80px;
 }

.pl-85{
	padding-left: 85px;
 }

 .pl-90{
	padding-left: 90px;
 }

 .pl-95{
	padding-left: 95px;
 }

.pl-100{
	padding-left: 100px;
 }

 
  .mt-10{
  margin-top: 10px;;
 }

  .mt-20{
  margin-top: 20px;;
 }

 .mt-25{
  margin-top: 25px;;
 }

 .mt-30{
  margin-top: 30px;;
 } 

 .mt-40{
  margin-top: 40px;;
 }
  
 .mt-50{
  margin-top: 50px;;
 }   

.mt-70{
	margin-top: 70px;
 }    

.mt-75{
	margin-top: 75px;
 }

 .mt-md-75{

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

 }

   .mt-80{
	margin-top: 80px;
 }

   .mt-90{
	margin-top: 90px;
 }

   .mt-100{
	margin-top: 100px;
 }


.mt-50-100{
  margin-top: 50px;
  @media screen and (min-width:768px) {
    margin-top: 100px;
    
  }
}
.mt-75-100{
  margin-top: 75px;
  @media screen and (min-width:768px) {
    margin-top: 100px;
    
  }
}



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

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

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

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



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

}


/*MAX*/

.max-300{
    max-width: 300px;
}
.max-450{
    max-width: 450px;
}
 

.max-750{
    max-width: 750px;
}

.max-650{
    max-width: 650px;
}


.max-500{
  max-width: 500px;
}


.max-550{
  max-width: 550px;
}

 .max-400{
    max-width: 400px;
 }

 .max-600{
    max-width: 600px;
 }

 .max-700{
    max-width: 700px;
 }

 .max-800{
    max-width: 800px;
 }

 .max-900{
    max-width: 900px;
 }


  .max-1200{
  max-width: 1200px;
 }

 .max-1400{
  max-width: 1400px;
 }

:root{
    --gap:20px;
}

.order-md-ulti{
  @media screen and (min-width:768px) {

    order:100000;
    
  }
}


.reset_ul, .reset-ul{
  list-style: none;
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0 ;
}

 .listado-1-2,  .listado-1-to-2{
    width: 100%; 
     row-gap: var(--gap);
    @media screen and (min-width:768px){
       /* --gap:  calc(var(--gap) * 1.5) !important; */
  
         column-gap: var(--gap);
         row-gap: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    } 

       
    @media screen and (min-width:768px){
        /* --gap:calc(var(--gap) * 1.5 ) !important; */
                  /* column-gap: 0; */
    }



     & .item-listado{

         width:100%;        


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

    }  

}

 .listado-1-3,  .listado-1-to-3{
    width: 100%; 
 
  
        row-gap: var(--gap);
      
        
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
   
    @media screen and (min-width:768px){
        --gap:calc(var(--gap) * 1.5 );
    }

    
    @media screen and (min-width:768px){
          column-gap: 0;
        & .item-listado{ 

            width:100%;        

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

    }  

    @media screen and (min-width:768px) and (max-width:1200px){
        & .item-listado:last-child{ 

            width:100%;        
            max-width: 100%;

            
        }     

    }  


     & .item-listado{ 

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

    }  

}



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


     & .item-listado{

         width:100%;        

 

    }  

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

        @media screen and (min-width:768px){
            
          
            max-width:calc( ( 40%  - (var(--gap)*1)   )   )  ;
        }    

    }

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

        @media screen and (min-width:768px){
            
          
            max-width:calc( ( 60%  - (var(--gap)*1)   )   )  ;
        }    

    }

}

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


     & .item-listado{

         width:100%;        

 

    }  

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

        @media screen and (min-width:768px){
            
          
            max-width:calc( ( 25%  - (var(--gap)*1)   )   )  ;
        }    

    }

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

        @media screen and (min-width:768px){
            
          
            max-width:calc( ( 75%  - (var(--gap)*1)   )   )  ;
        }    

    }

}

.listado-1-sm-2{
    width: 100%; 
    @media screen and (min-width:576px){
        gap: var(--gap);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    } 


     &  .item-listado{

         width:100%;        


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

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

    }  

} 


.listado-1-to-3{

        width: 100%; 
    @media screen and (min-width:480px){
        gap: var(--gap);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    } 

      &  .item-listado{
             @media screen and (min-width:480px){

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

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

          
             max-width:calc( ( 100%  - (var(--gap)*2)   )   / 3 )  ;
        }

 

     }
 
}


.listado-1-to-4{

        width: 100%; 
    @media screen and (min-width:480px){
        gap: var(--gap);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    } 

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

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

          @media screen and (min-width:1200px){ 
              max-width:calc( ( 100%  - (var(--gap)*3)   )   / 4 )  ;
          } 
    }

}

.listado-1-to-5{

        width: 100%; 
    @media screen and (min-width:480px){
        gap: var(--gap);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    } 

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

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

          @media screen and (min-width:1200px){ 
              max-width:calc( ( 100%  - (var(--gap)*4)   )   / 5 )  ;
          } 
    }

}


.listado-1-to-6{

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

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

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

          
             max-width:calc( ( 100%  - (var(--gap)*3)   )   / 4 )  ;
        }
        

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

          
             max-width:calc( ( 100%  - (var(--gap)*5)   )   / 6 )  ;
        }

 

     }
 
}


/* ALTURAS */


 
.h-100svh{

      min-height: 100svh;
}


.h-50svh{

      min-height: 50svh;
}


.h-md-100svh{

    height: auto;

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

}

 
.h-lg-100svh{

    height: auto;

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

}
 
.h-xl-100svh{

    height: auto;

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

}

 header{
  transition: all 0.3s;
 }
    
.subiendo-scroll{ 

 &	header{
     &:before{
        opacity:1;
         transform: translateY(0);
 
         display:none;


     } 
            opacity: 1;
            pointer-events: initial;
            transform: translateY(0);

		.logo_header{
 
			min-height: unset;
		}

 
	}
 

}


.bajando-scroll:not(.menu-open){

     &	header{

        opacity: 0;
        pointer-events: none;
        transform: translateY(-100%);

    

        }

}

.f-16{
    font-size: 16px;
}


/*
Extra small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px
*/