:root{
    --marronOscuro: rgb(60,52,47);
    --marronClaro: rgb(119, 105, 96);
    --anchoMinWeb: 600px;
}
/* AJUSTES GENERALES */
body, header, footer{
    min-width: var(--anchoMinWeb);
}
a{
    text-decoration: none;
    color:inherit;
}
/* ZONA SUPERIOR */
#menuSuperior{
    height:85px;
    position: -webkit-sticky;
    z-index: 1000;
}
.sombra {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    transition: box-shadow;
    transition-duration: 0.5s;
}

.scroll-offset-top{
    scroll-margin-top:90px;
}

.sinSombra {
    box-shadow: 0px;
    transition: box-shadow;
    transition-duration: 0.5s;
}
.logo{
    font-family: serif;
    letter-spacing: 2px;
    margin:0px;
}

#redesSociales a{
    height:20px;
    width:20px;
    background-size: contain;
}

#BolsaCarrito span{
    top:50%;
    translate:0px -50%;
    right:-10px;
    width: 25px;
    height: 25px;
    background-color: white;
}

/* ************************** */
/*       REDES SOCIALES       */
/* ************************** */

/*       Instagram      */
#redesSociales a:nth-of-type(1){

    background-image:url('../imagenes/estructuraPrincipal/instagram.png') ;
}
#redesSociales a:nth-of-type(1):hover{
    background-image:url('../imagenes/estructuraPrincipal/instagramHover.png') ;
}

/*       Facebook      */
#redesSociales a:nth-of-type(2){
    background-image:url('../imagenes/estructuraPrincipal/facebook.png') ;
}
#redesSociales a:nth-of-type(2):hover{
    background-image:url('../imagenes/estructuraPrincipal/facebookHover.png');
}



/* ZONA INFERIOR */
footer {
    color: white;
    background-color: var(--marronClaro);
    height: 300px;
}
@media(min-width:992px){
    footer *{
        text-align: start;
    }
}