.contenedor-categorias{
            display:flex;
            flex-wrap:wrap;
            width:100%;
            margin:2% auto;}
        
        .recuadro-categorias{width:31%;margin:auto;text-decoration:none;color:#000;}
        
            .recuadro-categorias-3 {
    width: 30%;
    margin: auto;
    text-decoration: none;
    color: #000;
}
   
        
        .informacion-categoria{width:100%;padding:2% 2% 0 0;}
		
	.imagen-categoria{width:100%}.imagen-categoria img{width:100%}
        
        
         .nombre-categoria h2,.nombre-categoria-tendencia{font-size:1.5rem; padding:5px 0;     text-align: center;}
        
        
     	
    #desktop{display:block;}
    #mobile{display:none;}
		
		
		@media only screen and (min-width: 1600px){.tarjeta-producto .img-producto{width:13em;margin:auto}}
		
	@media (max-width: 1600px){

		}
		
		
		
@media (max-width: 1500px){
    
    
    .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 35%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}     
		
			
	
	.nombre-categoria, .nombre-categoria-tendencia {
    font-size: 1.3rem;
    padding: 5px 0;}
      
    
		}		
		
	
@media (max-width: 1300px){
		
		
	.nombre-categoria h2, .nombre-categoria-tendencia {
    font-size: 1.15rem;
    padding: 5px 0;}
		
		}	
		
		
		
		
@media (max-width: 1000px){
	
    
	.nombre-categoria h2, .nombre-categoria-tendencia {
    font-size: 0.85rem;
    padding: 5px 0;}
		}			
		
		
		
		
@media (max-width: 800px){
		
		
    
    
 .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 28%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));}             
		
	
	.nombre-categoria h2, .nombre-categoria-tendencia {
    font-size: 0.73rem;
    padding: 5px 0;}
    
		}	
        
     @media only screen and (max-width: 780px){
.desktopView header {
    height: 67px;}
        
 header .headerSup .container {
    height: 60px;
    width: 100%;
    font-family: 'Muli',sans-serif;
    font-weight: 100;
}
        
.desktopView .barCpResponsive .barHeaderCP .titleCP, .fullHeader .barCpResponsive .barHeaderCP .titleCP {
    color: #fff;
    display: none;}
}        

        
 @media (max-width: 780px){ 
            desktopView .barCpResponsive .barHeaderCP .titleCP, .fullHeader .barCpResponsive .barHeaderCP .titleCP {
    color: #fff;
    display: none;} 
        }       
        
@media (max-width: 600px){
			#mobile{display:block;}
    #desktop{display:none !important;}
    
            .recuadro-categorias{width:47%;}
            
    .recuadro-categorias-3 {
    width: 94%;
    margin: auto;
    text-decoration: none;
    color: #000;
}
            
       .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 27%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}   
            
            
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}            
            
         
    .nombre-categoria{font-size:1rem}
            
             .nombre-categoria h2{font-size:1rem;}
            .nombre-categoria-tendencia{font-size:1rem;padding:5px 0;}
            
           
		
		.banner-desktop{ display: none;}
		
		.banner-mobile{display: block;}
		
		}
		
		@media (max-width: 500px){
            
            
  
   header .headerSup .container {
    height: 100px;
    width: 100%;
    font-family: 'Muli',sans-serif;
    font-weight: 100;
}
            
.nombre-categoria {
    font-size: 0.8rem;
}
            
.nombre-categoria h2 {
    font-size: 0.8rem;
}
            

            
    .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 26%;
    width: calc(var(--swiper-navigation-size)/ 10 * 8);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
            
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
        display: none;
}    
        
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
   display: none;  }   
		            
            
 }           
            
	@media (max-width: 450px){
      
        
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
        display: none;
}    
        
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
   display: none;  }   
        
hr {
    margin-top: 2px;
    margin-bottom: 4px;
    border: 0;
    border-top: 2.5px solid #eee;}        
        
}
        

   
    @media (max-width: 430px){ 
        
 .nombre-categoria h2 {
    font-size: 0.7rem; }      
              
        
        .contenedor-general {
    background: white;
    width: 100%;
    margin: auto;
}
         
.titulo-encabezado{
            margin: auto;
            width: 90%;
            padding-top: 1%;
            text-align: center;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
                   font-size: 24px;
        }
        
        
        .descripcion-encabezado{
            margin: auto;
            padding-top: 5%;
            padding-bottom: 4%;
            width: 90%;
            text-align: justify;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
            font-size: 17px;
            color: darkgray;}
        
        .descripcion{
           font-size: 14px; } 
        
         h3 {
    font-size: 13px;}
        
          
        
        }
        
        
        
		
        @media (max-width: 410px){
.nombre-categoria-tendencia {
    font-size: 0.85rem;
    padding: 5px 0;
	FONT-WEIGHT: 700;
}


        }        
			
		@media (max-width: 400px){
			
			
.nombre-categoria {
    font-size: 0.9rem;
	FONT-WEIGHT: 700;
			
}
    

            
 .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 27%;
    width: calc(var(--swiper-navigation-size)/ 10 * 8);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
            
.nombre-categoria h2 {
    font-size: 0.65rem;
	FONT-WEIGHT: 700;
			
}            
            
        }
		
		
		
@media (max-width: 380px){
	.nombre-categoria {
    font-size: 0.85rem;			
	FONT-WEIGHT: 700;		
}
    
	
	.nombre-categoria h2 {
    font-size: 0.65rem;			
	FONT-WEIGHT: 700;}
    
}
			

		@media (max-width: 360px){
	.nombre-categoria {
    font-size: 0.58rem;			
	FONT-WEIGHT: 700;			}
            
	.nombre-categoria h2 {
    font-size: 0.58rem;			
	FONT-WEIGHT: 700;			}
	            
			
		}