.elementor-3294 .elementor-element.elementor-element-79c30734{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}/* Start custom CSS *//* Contenedor principal de la navegación */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-left: 2px solid #f0f0f0; /* Línea sutil lateral */
}

/* Estilo de cada ítem de la lista */
.woocommerce-MyAccount-navigation-link {
    margin: 0 !important;
}

/* Estilo de los enlaces */
.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 15px 20px;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    border-bottom: 1px solid #f9f9f9;
}

/* Eliminar el salto de línea innecesario del HTML */
.woocommerce-MyAccount-navigation-link a br {
    display: none;
}

/* Efecto Hover (al pasar el ratón) */
.woocommerce-MyAccount-navigation-link a:hover {
    background-color: #fdf2f1; /* Un rojo muy clarito de fondo */
    color: #f16b61 !important; /* El color coral de tu marca */
    padding-left: 25px; /* Pequeño desplazamiento hacia la derecha */
}

/* Estilo para la página activa */
.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #f16b61 !important; /* Fondo coral */
    color: #ffffff !important; /* Texto blanco */
    border-left: 4px solid #333; /* Acento oscuro lateral */
}

/* Ajuste para móviles */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        border-left: none;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .woocommerce-MyAccount-navigation-link {
        flex: 1 1 45%;
    }
    .woocommerce-MyAccount-navigation-link a {
        border: 1px solid #eee;
        border-radius: 5px;
        text-align: center;
    }
}/* End custom CSS */