img{width:100%;}

            a{text-decoration: none;}
            .carosel-root.banner-principal {
                margin: -17% 0 4%;
            }
			
            
            body{margin: auto;}
            
            
			.contenedor-categorias{
				margin-top: 1%;
			}
			

            .card-carrusel{
                background: transparent;
            }
           .fila-categorias {
    width: 96%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
           .card-gral-catego {
    width: 49%;
    margin: auto;
    padding-top: 1%;
}
            .card-gral-catego a{
                width: 100%;
            }
			
			.texto-gral-catego-2 .titulo {
    font-size: 4rem;
}
	
			.texto-gral-catego-2 .subtitulo {
    font-size: 2rem;
}
			
			.texto-gral-catego-2 {
    position: absolute;
    margin-top: 5%;
    margin-left: 24%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}
			
           .texto-gral-catego {
               width: 18%;
    position: absolute;
    margin-top: 15%;
    margin-left: 2%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}

.texto-gral-catego-informacion{
     width: 50%;
    position: absolute;
    margin-top: 15%;
    margin-left: 0%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
    
}

.info-box{
    margin: auto; 
    width: 80%;
     line-height: 25px;
    text-align: center;
    font-weight: 200;
  font-size: 1.8rem; 
color: dimgray;   
}

.info-box .bold{
  font-weight: 900;
    font-weight: bold;
        color: #424242;
}

.info-box b{
  font-weight: 900;
     font-weight: bold;
        color: #424242;
}
            .texto-gral-catego.derecha{
                margin-left: 19%;
            }

          .texto-gral-catego .titulo {
    font-size: 5rem;
    text-shadow: grey 0.01em 0.02em 0.01em;
    font-weight: 600;
}

            .texto-gral-catego .subtitulo{
                font-size: 2rem;
            }

            .sub-catego {
    position: relative;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
            .sub-catego.derecha {
                
            }
            
 .card-sub-catego {

    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
   /* border: 1px solid #dddbde;*/
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}

       .texto-sub-catego h3 {
    font-size: 1.5rem;
    font-family: 'Roboto', 'arial';
    line-height: 1.2;
    padding-top: 8%;
}
            .texto-sub-catego h3 .titulo {
                font-weight: bold;
            }



.nota-box .negritas{
    font-weight: 900;
}

.nota-box{
    line-height: 25px;
    text-align: center;
    font-weight: 200;
    width:auto;
  font-size: 1.5rem; 
color: dimgray;    
}



.titulo {
font-weight: bold;
            }
            .carosel-2 {
                width: 95%;
                margin: auto;
            }
            .carosel-2 .carosel-item {
                height: auto;
                line-height: 150px;
                text-align: center;
            }
            .carosel-2 .card-carrusel img{
                border-radius: 50%;
                border: 1px solid #a7a7a7;
            }
            .carosel-nav-left-2 {
                left: 3px;
            }
            .carosel-nav-right-2 {
                right: 3px;
            }
			
			            .carosel-2 .carosel-item {
    line-height: 1.2;
    width: 3%;
    margin: 0 0.25% 0 auto;
    flex: 0 0 auto;
}
			
            .banner-mobile{display:none !important}


 @media (max-width: 1850px){
     
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
     
     
          .texto-gral-catego .titulo {
    font-size: 4.5rem;
    text-shadow: grey 0.01em 0.02em 0.01em;
    font-weight: 600;}
}



 @media (max-width: 1600px){
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
     
.nota-box {
    line-height: 23px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 1.2rem;
    color: dimgray;
}
     
.info-box{
    margin: auto; 
    width: 80%;
     line-height: 25px;
    text-align: center;
    font-weight: 200;
  font-size: 1.5rem; 
color: dimgray;   
}     
     
}

            @media (max-width: 1490px){
                .texto-sub-catego h3 {
                    font-size: 1.1rem;
                }
				
				.texto-gral-catego-2 {
    position: absolute;
    margin-top: 5%;
    margin-left: 20%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}
            }
            @media (max-width: 1340px){
                
                .info-box{
    margin: auto; 
    width: 80%;
     line-height: 25px;
    text-align: center;
    font-weight: 200;
  font-size: 1.2rem; 
color: dimgray;   
} 
                
                .texto-gral-catego .titulo {
                    font-size: 3.7rem;
                }
				
				.texto-gral-catego-2 .titulo {
                 font-size: 3.7rem;}
				
				.texto-gral-catego-2 {
    position: absolute;
    margin-top: 5%;
    margin-left: 18%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}
		
				
                .texto-gral-catego .subtitulo {
                    font-size: 1.8rem;
                }
                .texto-sub-catego h3 {
                    font-size: 1rem;
                }
				
                
            }
            @media (max-width: 1240px){
			
				
                .texto-gral-catego .titulo {
                    font-size: 3.1rem;
                }
				
				.texto-gral-catego-2 .titulo {
                 font-size: 3.1rem;}
				
				.texto-gral-catego-2 .subtitulo {
					font-size: 1.5rem;}
				
                .texto-gral-catego .subtitulo {
                    font-size: 1.5rem;
                }
                .texto-sub-catego h3 {
                    font-size: 0.8rem;
                }
            
            }



@media (max-width: 1150px){
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
.nota-box {
    line-height: 23px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 1rem;
    color: dimgray;} 
    
      
        .info-box{
    margin:-3% auto; 
    width: 80%;
     line-height: 25px;
    text-align: center;
    font-weight: 200;
  font-size: 1.2rem; 
color: dimgray;   
}     
     
}


@media (max-width: 1075px){

.texto-gral-catego {
    position: absolute;
    margin-top: 1%;
    margin-left: 1.5%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}    
       
    
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
     
.nota-box {
    line-height: 22px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.9rem;
    color: dimgray;}     
     
}


  @media (max-width: 1024px){
      

           
        .info-box{
    margin:-6% auto; 
    width: 85%;
     line-height: 25px;
    text-align: center;
    font-weight: 200;
  font-size: 1.15rem; 
color: dimgray;   
}      
                
                .carosel-root.banner-principal {
                    margin: -25% 0 5%;
                }
                .texto-gral-catego .titulo {
                    font-size: 2.9rem;
                }
				
				.texto-gral-catego-2 .titulo {
                 font-size: 2.35rem;}
				
				.texto-gral-catego-2 .subtitulo {
    			font-size: 1.2rem;}
				
                .texto-gral-catego .subtitulo {
                    font-size: 1.2rem;
                }
                .texto-sub-catego h3 {
                    font-size: 0.7rem;
                }
            
            }



  @media (max-width: 1024px){
                
                .carosel-root.banner-principal {
                    margin: -25% 0 5%;
                }
                .texto-gral-catego .titulo {
                    font-size: 2.9rem;
                }
				
				.texto-gral-catego-2 .titulo {
                 font-size: 2.35rem;}
				
				.texto-gral-catego-2 .subtitulo {
    			font-size: 1.2rem;}
				
                .texto-gral-catego .subtitulo {
                    font-size: 1.2rem;
                }
                .texto-sub-catego h3 {
                    font-size: 0.7rem;
                }
            
            }


          

@media (max-width: 975px){
    
.texto-gral-catego {
    position: absolute;
    margin-top: 1%;
    margin-left: 1%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}    
    
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
     
.nota-box {
    line-height: 21px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.8rem;
    color: dimgray;}     
     
}








          

@media (max-width: 900px){
    
    
           
        .info-box{
    margin:-10% auto; 
    width: 85%;
     line-height: 23px;
    text-align: center;
    font-weight: 200;
  font-size: 1.05rem; 
color: dimgray;   
}      
        
    
.texto-gral-catego {
    position: absolute;
    margin-top: 0%;
    margin-left: 1.5%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 0px;
}    
    
.card-sub-catego {
    width: 30% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}
     
.nota-box {
    line-height: 18px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.7rem;
    color: dimgray;}     
     
}


@media (max-width: 825px) {
        .info-box{
    margin:-11% auto; 
    width: 87%;
     line-height: 22px;
    text-align: center;
    font-weight: 200;
  font-size: 1rem; 
color: dimgray;   }
}      
      


 @media (max-width: 780px) {
     
      .card-gral-catego {
        width: 90%;
        margin: auto;
        padding: 2%;
    }   
     
   
   
     
.texto-gral-catego-informacion {
    width: 90%;
    position: absolute;
    margin-top: 15%;
    margin-left:5%;
   font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;
}     
     
  .info-box{
    margin: auto; 
    width: 87%;
     line-height: 30px;
    text-align: center;
    font-weight: 200;
  font-size: 1.6rem; 
color: dimgray;   }     
     
     .nota-box {
    line-height: 25px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 1.2rem;
    color: dimgray;}     
     
     
.carosel-root.banner-principal {
                    margin: -30% 0 3%;}
     
 .fila-categorias{
                    width: 98%;
                    margin: auto;}
     
 .card-gral-catego{
                    width: 98%;
                    margin: auto;}
                

    .texto-gral-catego {
      width: 35%;    
    margin-top: 35%;
    margin-left: 3%;}
				
                
				.texto-gral-catego-2 {
    			margin-top: 7%;
				margin-left: 44%;}
				
                .texto-gral-catego.derecha {
                    margin-left: 0;
                    right: 8%;
                }
                .texto-gral-catego .titulo{
                    font-size: 4rem;
                }
				
				.texto-gral-catego-2 .titulo {
                 font-size: 4rem;}
				
				.texto-gral-catego-2 .subtitulo {
                 font-size: 2rem;}
				
                .texto-gral-catego .titulo.nuevo-hobby{
                    text-align: right;
                }
                .texto-gral-catego .subtitulo{
                    font-size: 2rem;
                }
               
                .texto-sub-catego h3 {
                    font-size: 1.2rem;
                }
                
                
                 .sub-catego {
    margin-top: 1%;
    width: 96%;
}
                
                .marcas-destacadas{
                    margin: 15px 0;
                }
                .banner-desktop{display:none !important;}
                .banner-mobile{display:block !important; margin-top: -2%}
                .carosel-nav {display: none !important;}
            }


@media (max-width: 680px) {
.info-box{
    margin:5% auto; 
    width: 90%;
     line-height: 30px;
    text-align: center;
    font-weight: 200;
  font-size: 1.3rem; 
color: dimgray;   } 
}
            
 @media (max-width: 600px) {
    
 .nota-box {
    line-height: 25px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 1rem;
    color: dimgray;}      
     
 .texto-gral-catego .titulo {
    font-size: 2.9rem;}
    .sub-catego {
    margin-top: 1%;
    width: 94%;
}   
                
            }

@media (max-width: 530px) {
 
.info-box{
    margin:4% auto; 
    width: 90%;
     line-height: 28px;
    text-align: center;
    font-weight: 200;
  font-size: 1.2rem; 
color: dimgray;   }     
    
 .nota-box {
    line-height: 22px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.8rem;
    color: dimgray;}      
     
 .texto-gral-catego .titulo {
    font-size: 2.9rem;}
    .sub-catego {
    margin-top: 1%;
    width: 94%;
}   
                
            }


@media (max-width: 500px) {
 
.info-box{
    margin:4% auto; 
    width: 95%;
     line-height: 24px;
    text-align: center;
    font-weight: 200;
  font-size: 1.1rem; 
color: dimgray;   }
    

.nota-box {
    line-height: 19px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.75rem;
    color: dimgray;}    
    
}


@media (max-width: 450px){
    
   .nota-box {
    line-height: 17px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.7rem;
 color: dimgray;}
    
.info-box {
    line-height: 20px;
   }    
    
    
}


@media (max-width: 440px){
.nota-box {
    line-height: 15px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.7rem;
    color: dimgray;}
}

   @media (max-width: 430px){
       
       
.info-box {
    margin: 4% auto;
    width: 98%;
    line-height: 20px;
    text-align: center;
    font-weight: 200;
    font-size: 1rem;
    color: dimgray;}
       
       
.nota-box {
    line-height: 17px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.7rem;
    color: dimgray;}
       
       
       
       .texto-gral-catego{
           margin-top: 0%;
           margin-left: 1%;
           width: 40%;
       }       
       
       
.texto-gral-catego .titulo {
    font-size: 2.7rem;} 
       
.texto-sub-catego h3 {
    font-size: 0.7rem;}
       
       .sub-catego {
    position: relative;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    width: 98%;
}
       
       .texto-gral-catego-informacion {
    width: 90%;
    position: absolute;
    margin-top: 10%;
    margin-left: 5%;
    font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
    line-height: 1;}
       
}         
           
    @media (max-width: 420px) {	
        
.texto-gral-catego .titulo {
    font-size: 2.6rem;
    padding-top: 7%;
}
        
     .titulo  {
    font-size: 0.8rem;
}
        
    .texto-sub-catego h3 {
    font-size: 0.65rem;
        padding-top: 0.5%;

}

        
        
.card-sub-catego {
    width: 31% !important;
    margin: 1% auto;
    color: #000;
    text-align: center;
    /* border: 1px solid #dddbde; */
    padding: 0% 1% 0% 1%;
    border-radius: 0px;
    line-height: 0;
}        
        
        .sub-catego.derecha {
    margin: auto;
    right: 0%;}
        
        .sub-catego {
    padding-top: 4%;
}   

                } 





            
            @media (max-width: 400px) {	
	.texto-gral-catego .titulo {
    font-size: 2.3rem;}
                
                
                sub-catego {
    margin-top: 1%;
    width: 96%;
}
                
                
.sub-catego {
    position: relative;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    padding-top: 4%;
}          
                
  .titulo  {
    font-size: 0.75rem;
}
                
.texto-sub-catego h3 {
    font-size: 0.6rem;
}                

.nota-box {
    line-height: 14px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.7rem;
    color: dimgray;} 
                
.texto-gral-catego {
    margin-top: 0%;
    margin-left: 3%;}                
                
            }
  
 
     
@media (max-width: 398px) {
   
 .texto-gral-catego {
    margin-top: 0%;
    margin-left: 3%;
}   
.nota-box {
    line-height: 13px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.68rem;
    color: dimgray;}    
    
}


            @media (max-width: 385px) {
            
                .info-box{
    margin:4% auto; 
    width: 98%;
     line-height: 22px;
    text-align: center;
    font-weight: 200;
  font-size: 0.95rem; 
color: dimgray;} 
                
              .nota-box {
    line-height: 16px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.65rem;
    color: dimgray;}                
  
            }

@media (max-width: 370px) {
               
.nota-box {
    line-height: 15px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.62rem;
    color: dimgray;}
     
}


 @media (max-width: 360px) {
.nota-box {
    line-height: 13px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.61rem;
    color: dimgray;}
    
}


@media (max-width: 340px) {
    .texto-gral-catego {
    margin-top: -1%;
    margin-left: 1.5%;
}
            
                .info-box{
    margin:-3% auto; 
    width: 98%;
     line-height: 18px;
    text-align: center;
    font-weight: 200;
  font-size: 0.85rem; 
color: dimgray;} 
         
    
  .nota-box {
    line-height: 15px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.58rem;
    color: dimgray;}           
                  
 }


@media (max-width: 316px) {
    .texto-gral-catego {
    margin-top: -2%;
    margin-left: 1.5%;}
            
    .info-box{
    margin:-3% auto; 
    width: 98%;
     line-height: 16px;
    text-align: center;
    font-weight: 200;
  font-size: 0.85rem; 
color: dimgray;} 
         
    
 .nota-box {
    line-height: 12px;
    text-align: center;
    font-weight: 200;
    width: auto;
    font-size: 0.55rem;
    color: dimgray;}      
                  
 }