/* ============================================
   MEJORAS SIMPLES PARA MI CUENTA
   ============================================ */

/* Contenedor general */
.woocommerce-account .woocommerce {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

/* Navegación */
.woocommerce-MyAccount-navigation {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0.5rem;
}

.woocommerce-MyAccount-navigation-link {
    display: block;
    padding: 0.75rem 1rem;
    color: #4b5563;
    text-decoration: none;
    border-radius: 0.375rem;
    font-weight: 500;
    transition: all 0.2s;
}

.woocommerce-MyAccount-navigation-link:hover {
    background: #667eea;
    color: white;
}

.woocommerce-MyAccount-navigation ul li.is-active .woocommerce-MyAccount-navigation-link {
    background: #667eea;
    color: white;
}

/* Contenido */
.woocommerce-MyAccount-content {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Botones */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-Button {
    background: #667eea;
    color: white;
    border: none;
    padding: 0.625rem 1.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
    transition: all 0.2s;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover {
    background: #5568d3;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        padding: 0 1rem;
    }
    
    .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }
}