.shop-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.profile-nav ul {
    display: flex;  
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;  
}

.profile-nav li {
    display: inline-block; 
}

.log-out {
    all: unset;
}

.profile-nav a,
.log-out {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    transition: color 0.3s ease;
}

/* Efecto hover con línea debajo */
.profile-nav a:after,
.log-out:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -5px;
    left: 0;
    background-color: #333;
    transition: width 0.3s ease;
}

.log-out a:hover:after
.log-out button:hover:after {
    width: 100%;
}