.categoria-page {
        --cat-accent: #c9a227;
    }
    .beneficio-card {
        transition: all 0.3s ease;
    }
    .beneficio-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }
    .faq-item {
        border-left: 3px solid transparent;
        transition: all 0.3s ease;
    }
    .faq-item:hover {
        border-left-color: var(--cat-accent);
        background: #fffbeb;
    }
    /* Tarjeta de producto: ahora en product-card.php + .pc-* de site-shell.css */
        .faq-item.active .faq-icon { transform: rotate(180deg); }
        .faq-item.active .faq-content { display: block; }