/*
 * ────────────────────────────────────────────── I ──────────
 *   :::::: T O P : :  :   :    :     :        :          :
 * ────────────────────────────────────────────────────────
 */
#top ul{padding-top: 8px;}
#top ul li{
    display: inline;
    line-height: 30px;
    margin: 0 5px;
    color: white;
}

.social ul li a i{
    font-size: 18px;
    margin: 0 1px;

}


.registro ul{
    text-align: right;
    font-size: 12px;
}

.welcome{
    color: white
}


/*
 * ──────────────────────────────────────────────────── II ──────────
 *   :::::: H E A D E R : :  :   :    :     :        :          :
 * ──────────────────────────────────────────────────────────────
 */
 header #btnCategorias{margin: 20px 0;display: none}
 header #btnCategorias p{
     line-height: 40px;
     margin-bottom: 0px;
     cursor: pointer;
 }

 header #btnCategorias p span{cursor: pointer;}
 header #buscador{margin: 20px 0;}
 header #buscador input{
     padding: 19px;
     border-radius: 0px;
 }

header #buscador button{
    padding: 9px;
    border:1px solid silver;
    border-radius: 0px;
}

header #carrito{
    margin: 20px 0;
}

header #carrito button{
    padding: 9px 15px;
    border:1px solid silver;
    border-radius: 0px;
}
header #carrito p{
    padding: 2px;
    padding-left: 60px;
    border:1px solid #aaa;
    font-size: 12px;
}

/* == Categorias == */
header #categorias{
    /* display: block; */
    display: none;
    margin-top: -10px;
    position: relative;
    padding-bottom: 20px;
}

header #categorias h4{
    margin-top: 20px;
    margin-bottom: -10px;
}

header #categorias hr{
    border: 1px solid rgba(255, 255, 255, .3);
}









/* ────────────────────────────────────────────────────────────────────────────────────── I ──────────
*   :::::: A C T I V A N D O   E L   R E S P O N S I V E : :  :   :    :     :        :          :
* ────────────────────────────────────────────────────────────────────────────────────────────────
*/

/*
* ─── ESCRITORIO GRANDE 1366PX EN ADELANTE ───────────────────────────────────────
*/
@media(min-width:1200px){
    header #logotipo img{
        padding: 20px 60px;
        padding-left: 0px;
    }
    header #carrito{
        padding-left: 100px;
    }
}

/*
* ─── ESCRITORIO MEDIANO O TABLET HORIZONTAL ─────────────────────────────────────
(Se revisa en 1024px)*/
@media (max-width:1199px) and (min-width:992px){
    header #logotipo img{
        padding: 25px 60px;
        padding-left: 0px;
    }
    header #carrito{
        padding-left: 70px;
    }
}

/*
* ─── ESCRITORIO PEQUENO TABLET VERTICAL ─────────────────────────────────────────
(Se revisa en 768px)*/
@media (max-width:991px) and (min-width:768px){
    header #logotipo img{
        padding: 30px 0px;
    }

    header #carrito{
        padding-left: 55px;
    }
    header #carrito p{
        display: none;
    }
}

/*
* ─── MOVIL ──────────────────────────────────────────────────────────────────────
(Se revisa en 320 px)*/
@media (max-width:767px){
    #top ul{text-align: center;}
    #top .registro{border-top: 1px solid #222;}

    header #logotipo img{
        padding: 30px;
        padding-bottom: 10px;
    }
    header #carrito{margin: 10px 0px;}
    header #categorias{margin-bottom: 8px;}
    header #buscador{margin-bottom: 8px;}
}