.menu a i {
    margin-right: 0.3rem;
    color: var(--gold);
    transition: transform 0.3s ease;
    position: relative;
    top: 2px; /* Mueve los íconos del menú hacia abajo */
}

.menu li:last-child a {
    padding-right: 0.8rem; /* Reduce el padding del último elemento del menú */
}

.menu a:hover i {
    transform: scale(1.2);
}

/* Estilo para el ícono del carrito */
.cart-icon i {
    font-size: 1.2rem;
    color: var(--gold);
}

.cart-icon:hover i {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}