.menu_top {
    display: block;
    width: 100%;
    height: 120px;
    background-color: green;
}

.menu_top .listCate {
    display: flex;
    justify-content: space-around;
    width: 1100px;
    margin: 0px auto;
    background-color: green;
    padding: 20px 18px 11px 18px;
}

.menu_top .listCate .opciones {
    display: block;
    width: 120px;
    height: 11px;
    background-color: yellow;
    border-radius: 25px;
    padding: 15px 10px 15px 10px;
    color: black;
    font-size: .8em;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.menu_top .listCate .opciones:hover {
    background-color: red;
    color: white;
}

.menuBar {
    width: 20px;
}

.menu_top .listCate div i {
    font-size: 1.4em;
    text-align: center;
    padding-top: 30px;
}

.menu_top .listCate div .fa-cart-shopping {
    margin-left: 10px;
}

.menu_top .listCate div .fa-bars {
    margin-right: 10px;
}

.menu_top .listCate div .fa-cart-shopping {
    margin-left: 10px;
}

.menu_top .listCate img {
    width: 140px;
}

#menu_lateral_izquierdo,
#menu_lateral_derecho,
#menu_lateral_usuario {
    width: 300px;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: white;
    transition: transform 0.3s;
    z-index: 1000;
}

#menu_lateral_izquierdo {
    left: 0;
    transform: translateX(-300px);
}

#menu_lateral_derecho,
#menu_lateral_usuario {
    right: 0;
    transform: translateX(300px);
}


/* carrusel */

.carrusel {
    width: 100%;
    overflow: hidden;
}

.carrusel-imagenes {
    display: flex;
    transition: transform 0.5s ease;
}

.carrusel-imagenes img {
    width: 100%;
    flex: 0 0 auto;
}

.bigScreen {
    display: block;
}

.smallScreen {
    display: none;
}


/* carrusel de marcas */

.carrusel-container {
    overflow: hidden;
    width: 60%;
    /* Establece el ancho del carrusel al 60% del ancho de la página */
    margin: 60px auto 0;
    /* 60px de margen superior, auto para centrar horizontalmente */
    position: relative;
    /* Asegura que el margen se aplique correctamente */
}

.carrusel-track {
    display: flex;
    transition: transform 0.5s ease;
}

.carrusel-item {
    width: 20%;
    /* Cada ítem ocupa el 20% del contenedor, mostrando 5 ítems a la vez */
    flex-shrink: 0;
    text-align: center;
    /* Centrar las imágenes si son más pequeñas que el contenedor */
}

@media screen and (max-width:768px) {
    .menu_top {
        height: 80px;
    }
    .menu_top .listCate {
        width: 100%;
        padding: 10px 0px 11px 0px;
    }
    .menu_top .listCate img {
        width: 90px;
    }
    .menu_top .listCate .opciones {
        display: none;
    }
    .bottom {
        display: none;
    }
    .carrusel-container,
    #botonMenuUsuario {
        display: none;
    }
    .bigScreen {
        display: none;
    }
    .smallScreen {
        display: block;
    }
}

@media screen and (max-width:425px) {}