/*h2 {
     FONT-WEIGHT: 700;
   padding-bottom:2%;
} */       
           .nombre-categoria h3 {
               padding-bottom: 2%;}


 em {font-style: italic;}   

        
 hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2.5px solid #eee;
}    
        
 .titulo-encabezado{
            margin: auto;
            width: 85%;
            padding-top: 1%;
            text-align: center;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
             font-size: 35px;
            font-weight: 600;
        }
        
     
        .descripcion-encabezado{
            margin: auto;
            padding-top: 1%;
            padding-bottom: 0.5%;
            width: 85%;
            text-align: center;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
            font-size: 22px;
            color: darkgray;
        }
        
        .negritas{
            font-weight: 600;
        } 
        
        .descripcion{
           font-size: 22px; 
        }
        
        @media (max-width: 500px){

               .titulo-encabezado{
            margin: auto;
            width: 85%;
            padding-top: 3%;
            text-align: center;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
                   font-size: 28px;
        }
        
        
        .descripcion-encabezado{
            margin: auto;
            padding-top: 5%;
            padding-bottom: 4%;
            width: 85%;
            text-align: center;
            font-family: "Muli", "Roboto", arial, helvetica, sans-serif;
            font-size: 18px;
            color: darkgray;
        }
            
.nombre-categoria {
    font-size: 0.8rem;
}
			.porcentaje-express {
    position: absolute;
    padding: 12px 15px;
    font-size: 0.8rem;
    FONT-WEIGHT: 800;
}
		
			.porcentaje span{font-size:1.7rem;}
		
			
		}
        
        
        
@media (max-width: 450px){
      
        
    
     .descripcion{
           font-size: 16px; }
			
		}               
 
        
    @media (max-width: 430px){ 
        
        .recuadro-categorias {
    width: 90%;
}
        
        .marcas-titulo {
    font-size: 2rem;
}
        
              .titulo-encabezado{
            margin: auto;
            width: 90%;
            padding-top: 3%;
            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; }
        
    
        }     
                
        
        
		@media (max-width: 410px){
  
		}
        
        

        
		@media (max-width: 400px){
	
		}