/* =====================================================
           ESTILOS ESPECÍFICOS DEL CATÁLOGO CON TEMA CLARO
           ===================================================== */

        /* Adaptaciones del tema claro para los filtros */
        body.section-membresia-bg .filter-tabs {
            background: rgba(123, 44, 191, 0.05);
            border-color: rgba(123, 44, 191, 0.12);
        }

        body.section-membresia-bg .filter-tab-btn {
            color: #6E647C;
        }

        body.section-membresia-bg .filter-tab-btn:hover {
            color: #7B2CBF;
            background: rgba(123, 44, 191, 0.08);
        }

        body.section-membresia-bg .filter-tab-btn.active {
            background: linear-gradient(135deg, #7B2CBF, #9D4EDD);
            color: white;
            box-shadow: 0 4px 15px rgba(123, 44, 191, 0.3);
        }

        /* Tarjetas de producto en tema claro */
        body.section-membresia-bg .catalog-card-inner {
            background: #FFFFFF;
            border: 1px solid rgba(123, 44, 191, 0.1);
            box-shadow: 0 4px 20px rgba(123, 44, 191, 0.06);
        }

        body.section-membresia-bg .catalog-card-inner::before {
            background: linear-gradient(90deg, #7B2CBF, #9D4EDD);
        }

        body.section-membresia-bg .catalog-card-inner:hover {
            box-shadow: 0 12px 40px rgba(123, 44, 191, 0.12);
            border-color: rgba(123, 44, 191, 0.2);
        }

        body.section-membresia-bg .card-title-meta h3 {
            color: #2E2836;
        }

        body.section-membresia-bg .card-title-meta span {
            color: #6E647C;
        }

        body.section-membresia-bg .card-desc {
            color: #6E647C;
        }

        body.section-membresia-bg .tag-pill {
            background: rgba(123, 44, 191, 0.05);
            border-color: rgba(123, 44, 191, 0.12);
            color: #7B2CBF;
        }

        body.section-membresia-bg .card-footer-action {
            border-top-color: rgba(123, 44, 191, 0.08);
        }

        body.section-membresia-bg .btn-detail-link {
            border-color: rgba(123, 44, 191, 0.2);
            color: #7B2CBF;
            background: rgba(123, 44, 191, 0.05);
        }

        body.section-membresia-bg .btn-detail-link:hover {
            background: rgba(123, 44, 191, 0.12);
            border-color: rgba(123, 44, 191, 0.3);
            color: #3C096C;
        }

        /* Imagen del producto en la tarjeta */
        .product-card-img-wrapper {
            width: 100%;
            height: 185px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #F8F5FF, #EEE8F8);
            border-radius: 12px;
            margin-bottom: 4px;
            overflow: hidden;
            position: relative;
        }

        body.section-membresia-bg .product-card-img-wrapper {
            background: linear-gradient(135deg, #F3F0F9, #EBE4F7);
        }

        .product-card-img-wrapper img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            padding: 10px;
        }

        .catalog-card-inner:hover .product-card-img-wrapper img {
            transform: scale(1.07);
        }

        /* Precio del producto */
        .product-price-tag {
            font-size: 1.1rem;
            font-weight: 800;
            color: #7B2CBF;
            margin-top: 2px;
        }

        /* Badge "Más vendido" */
        .bestseller-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: linear-gradient(135deg, #7B2CBF, #9D4EDD);
            color: white;
            font-size: 0.65rem;
            font-weight: 800;
            padding: 3px 10px;
            border-radius: 50px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        /* Badge "Nuevo" */
        .new-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: linear-gradient(135deg, #FF6B6B, #FF8E53);
            color: white;
            font-size: 0.65rem;
            font-weight: 800;
            padding: 3px 10px;
            border-radius: 50px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        /* Estrellas de rating */
        .product-rating {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 0.75rem;
            color: #F5A623;
            margin-bottom: 4px;
        }

        .product-rating span {
            color: #6E647C;
            font-weight: 600;
        }

        /* Ícono de categoría pequeño en tarjeta */
        body.section-membresia-bg .badge-seytu {
            background: rgba(210, 157, 129, 0.12);
            color: #9D4EDD;
            border-color: rgba(157, 78, 221, 0.2);
        }

        body.section-membresia-bg .badge-omnilife {
            background: rgba(37, 211, 102, 0.08);
            color: #128C7E;
            border-color: rgba(37, 211, 102, 0.15);
        }

        body.section-membresia-bg .badge-systems {
            background: rgba(123, 44, 191, 0.1);
            color: #5A189A;
            border-color: rgba(123, 44, 191, 0.15);
        }

        /* Encabezado intro del catálogo */
        body.section-membresia-bg .catalog-intro-text {
            color: #6E647C;
        }

        /* Móvil botón navegación en tema claro */
        body.section-membresia-bg .mobile-bottom-nav {
            background: rgba(255, 255, 255, 0.95);
            border-top: 1px solid rgba(123, 44, 191, 0.1);
        }

        body.section-membresia-bg .mobile-nav-item {
            color: #6E647C;
        }

        body.section-membresia-bg .mobile-nav-item.active {
            color: #3C096C;
        }

        body.section-membresia-bg .mobile-nav-item.active i {
            color: #7B2CBF;
        }

        /* Banner de invitación a compra en línea (Registro de Cliente) */
        .cart-invite-banner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
            background: linear-gradient(135deg, rgba(123, 44, 191, 0.08) 0%, rgba(255, 255, 255, 0.95) 100%);
            border: 1px solid rgba(123, 44, 191, 0.18);
            border-radius: 16px;
            padding: 25px 35px;
            margin: 25px auto 35px auto;
            max-width: 1200px;
            box-shadow: 0 10px 25px rgba(123, 44, 191, 0.05);
        }

        .banner-icon {
            font-size: 2.5rem;
            color: #7B2CBF;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .banner-text {
            flex-grow: 1;
        }

        .banner-text h2 {
            font-family: var(--font-primary);
            font-weight: 700;
            font-size: 1.35rem;
            color: #2E2836;
            margin: 0 0 4px 0;
        }

        .banner-text p {
            color: #6E647C;
            font-size: 0.95rem;
            line-height: 1.5;
            margin: 0;
        }

        .btn-banner-cart {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg, #7B2CBF 0%, #5A189a 100%);
            color: white !important;
            padding: 12px 25px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 700;
            box-shadow: 0 4px 15px rgba(123, 44, 191, 0.25);
            transition: all 0.3s ease;
            white-space: nowrap;
            text-decoration: none;
        }

        .btn-banner-cart:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(123, 44, 191, 0.4);
        }

        @media (max-width: 768px) {
            .cart-invite-banner {
                flex-direction: column;
                text-align: center;
                padding: 25px 20px;
                gap: 15px;
                margin-bottom: 25px;
            }
            .btn-banner-cart {
                width: 100%;
                justify-content: center;
            }
        }