header{
    background-color: var(--ch_primario); 
    font-family : Myriad Pro;
}

.cabecera {
    margin: 0 auto;
    display: flex;
    max-width: 1000px;
    height: auto;
    height: 140px; 
}
header a{
    color: var(--ch_secundario);  
}
.head_logo{ /*UBICACION DEL LOGO*/
    display: flex;
    padding: 10px 40px 0px 40px;
    width: 220px; 
    background-image: url('../img/logo.png');
    background-repeat:no-repeat;
    background-position:center center;    
}
.head_menu { /*MENU*/
    display: flex;
    padding: 70px 0px 0px 0px;
    width: 420px; 
    font-size: 1em;
}
.head_carrito{
    display: flex;
    padding: 80px 10px 10px 10px;
    width: 60px;     
}
.badge{
    position:absolute;
}
.head_informacion{ /*REDES*/
    display: flex;
    padding: 40px 10px 10px 10px;
    width: 160px; 
    color: var(--ch_secundario);
    font-weight: 600; 
    font-style: inherit;
    font-size: 0.9em;
    border-radius: 10px;
}
.head_redes{
    display: flex;
    padding: 80px 10px 10px 10px;
    width: 140px !important; 
}



@media only screen and (min-width: 650px) and (max-width: 949px) {
    .cabecera {
        height: 100px; 
    }

    .head_informacion{
        display: none !important;
    }

    header > * {
        order: 0;
        margin: 0px 2px;
    }
    .head_logo {
        order: 2;
        padding: 0px;
        background-image: url('../img/logo_movil.png');
        background-repeat:no-repeat;
        background-position:center center;    
        width:65%;        
       }  
    .head_menu {
        order: 1;
        padding: 0px;
        width: 120px;         
       }  
    .head_carrito{
        order: 3; 
        padding: 40px 10px 10px 10px;
       }
    .head_redes {
        order: 4;
        padding: 40px 10px 10px 10px;
       }   
          
}

@media only screen and (min-width: 500px) and (max-width: 649px) {
    header{
        height: 80px; 
    }   
    .head_informacion{
        display: none !important;
    }    
    header > * {
        order: 0;
        margin: 0px 2px;
    }
    .head_logo {
        order: 2;
        padding: 0px;
        width:auto;
        background-image: url('../img/logo_movil.png');
        background-repeat:no-repeat;
        background-position:center center;    
        width:50%;
       }  
    .head_menu {
        order: 1;
        padding: 0px;
        width: 120px;         
       }  
    .head_carrito{
        order: 3; 
        padding: 40px 10px 10px 8px;
       }
    .head_redes {
        order: 4;
        padding: 40px 8px 10px 10px;
       } 
}

@media only screen and (max-width: 499px) {
    header{
        height: 120px; 
    }
    .head_menu{
        width: 80px;  
    }    
    .head_informacion{
        display: none !important;
    }    
    header > * {
        order: 0;
        margin: 0px 2px;
    }
    .head_logo {
        order: 2;
        padding: 0px;
        height: 80px;
        background-image: url(../img/logo_movil.png);
        background-size: cover;
        background-position: center center;        
        background-repeat:no-repeat;
        background-size: contain;       
       }  
    .head_menu {
        order: 1;
        padding: 0px;
        width: 120px; 
        height: 80px;        
       }  
    .head_carrito{
        order: 3; 
        padding: 35px 10px 10px 20px;
        height: 80px;
       }
    .head_carrito img {
           width: 40px;
       }
    .head_redes {
        position: absolute;
        display:flex;
        top: 70px;
        left: 40%;
        width:100%;
        height: 60px;
        order: 4;
        padding: 10px 0px 10px 0px;
       } 
}