{"product_id":"nuts-fitness-performance-box","title":"NuTS Fitness Performance Box","description":"\u003cdiv style=\"background:#000000; padding:0; margin:0; width:100%;\"\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e\n\u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800;14..32,900\u0026amp;display=swap\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        background: #000000 !important;\n        color: #f0f4ff;\n        margin: 0;\n        padding: 0;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    .hero-wrapper {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    \/* ===== HERO – Altura reduzida, gradiente sutil ===== *\/\n    .hero {\n        min-height: 44vh;\n        padding: 32px 0 28px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        background: radial-gradient(circle at top, #111111, #000000 60%);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n    }\n\n    \/* Badge *\/\n    .hero .badge {\n        font-size: 0.6rem;\n        font-weight: 700;\n        letter-spacing: 3px;\n        color: #94a3b8;\n        text-transform: uppercase;\n        padding: 5px 18px;\n        border: 1px solid #1a1a1a;\n        border-radius: 40px;\n        display: inline-block;\n        margin-bottom: 14px;\n        background: transparent;\n        transition: border-color 0.3s;\n    }\n\n    \/* Nome do Kit – destaque principal *\/\n    .hero .kit-name {\n        font-size: clamp(1.8rem, 4.5vw, 3.2rem);\n        font-weight: 900;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        color: #ffffff;\n        margin-bottom: 4px;\n        max-width: 800px;\n    }\n    .hero .kit-name span {\n        background: linear-gradient(135deg, #ffffff 30%, #F97316 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    \/* Assinatura – \"Os 5 blends que acompanham sua evolução.\" *\/\n    .hero .assinatura {\n        font-size: clamp(0.9rem, 1.6vw, 1.15rem);\n        font-weight: 500;\n        color: #cbd5e1;\n        max-width: 520px;\n        margin: 0 auto 4px;\n        line-height: 1.4;\n        letter-spacing: 0.01em;\n    }\n\n    \/* Descrição curta *\/\n    .hero .desc {\n        font-size: clamp(0.85rem, 1.4vw, 1rem);\n        font-weight: 400;\n        color: #94a3b8;\n        max-width: 480px;\n        margin: 0 auto 12px;\n        line-height: 1.5;\n        letter-spacing: 0.01em;\n    }\n\n    \/* Mini linha de categorias – elegante *\/\n    .hero-mini {\n        margin-top: 4px;\n        margin-bottom: 18px;\n        font-size: 0.75rem;\n        color: #6b7280;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        font-weight: 500;\n    }\n    .hero-mini span {\n        display: inline-block;\n        margin: 0 6px;\n    }\n    .hero-mini .dot {\n        color: #3a3a3a;\n        font-weight: 300;\n    }\n\n    \/* Preço promocional + desconto *\/\n    .hero .price-box {\n        display: flex;\n        align-items: baseline;\n        gap: 14px;\n        margin-bottom: 20px;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n    .hero .price-box .new-price {\n        font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n        font-weight: 900;\n        color: #ffffff;\n        letter-spacing: -0.01em;\n    }\n    .hero .price-box .old-price {\n        font-size: clamp(1rem, 1.6vw, 1.2rem);\n        color: #64748b;\n        text-decoration: line-through;\n        font-weight: 500;\n    }\n    .hero .price-box .discount-badge {\n        background: rgba(22, 163, 74, 0.2);\n        color: #16A34A;\n        font-weight: 700;\n        font-size: 0.75rem;\n        padding: 4px 14px;\n        border-radius: 40px;\n        border: 1px solid rgba(22, 163, 74, 0.2);\n        letter-spacing: 0.5px;\n    }\n\n    \/* CTA FORTE – \"QUERO MEU KIT\" *\/\n    .btn-hero {\n        background: #F97316;\n        border: none;\n        color: #060b14;\n        font-weight: 800;\n        font-size: clamp(1.1rem, 1.8vw, 1.3rem);\n        padding: 16px 48px;\n        min-height: 60px;\n        border-radius: 60px;\n        cursor: pointer;\n        transition: all 0.25s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        text-decoration: none;\n        letter-spacing: 0.5px;\n        box-shadow: 0 4px 16px rgba(249, 115, 22, 0.15);\n        width: auto;\n        margin: 0 auto;\n        text-transform: uppercase;\n    }\n\n    .btn-hero:hover {\n        transform: scale(1.02);\n        background: #ff8a2e;\n        box-shadow: 0 6px 24px rgba(249, 115, 22, 0.25);\n    }\n\n    .btn-hero:active {\n        transform: scale(0.97);\n    }\n\n    .btn-hero i {\n        font-size: 1rem;\n        transition: transform 0.3s ease;\n    }\n\n    .btn-hero:hover i {\n        transform: translateX(4px);\n    }\n\n    \/* Seta sutil abaixo do botão (opcional, mas mantida para indicar rolagem) *\/\n    .scroll-hint {\n        margin-top: 20px;\n        color: #3a3a3a;\n        font-size: 1.2rem;\n        opacity: 0.6;\n        animation: subtle-bounce 2.4s infinite;\n        cursor: pointer;\n        user-select: none;\n        transition: opacity 0.3s;\n    }\n    .scroll-hint:hover {\n        opacity: 1;\n        color: #F97316;\n    }\n\n    @keyframes subtle-bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateY(0);\n        }\n        40% {\n            transform: translateY(6px);\n        }\n        60% {\n            transform: translateY(3px);\n        }\n    }\n\n    \/* ===== RESPONSIVO ===== *\/\n    @media (max-width: 640px) {\n        .hero {\n            min-height: 38vh;\n            padding: 24px 0 20px;\n        }\n        .hero .badge {\n            font-size: 0.5rem;\n            padding: 4px 14px;\n            letter-spacing: 2.5px;\n        }\n        .hero .kit-name {\n            font-size: clamp(1.6rem, 6vw, 2.2rem);\n        }\n        .hero .assinatura {\n            font-size: 0.9rem;\n        }\n        .hero .desc {\n            font-size: 0.8rem;\n            max-width: 320px;\n        }\n        .hero-mini {\n            font-size: 0.6rem;\n            margin-bottom: 14px;\n        }\n        .hero .price-box .new-price {\n            font-size: 1.6rem;\n        }\n        .hero .price-box .old-price {\n            font-size: 0.95rem;\n        }\n        .hero .price-box .discount-badge {\n            font-size: 0.65rem;\n            padding: 3px 10px;\n        }\n        .btn-hero {\n            padding: 14px 32px;\n            min-height: 50px;\n            font-size: 1rem;\n        }\n        .scroll-hint {\n            font-size: 1rem;\n            margin-top: 16px;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .hero .kit-name {\n            font-size: 1.4rem;\n        }\n        .hero .assinatura {\n            font-size: 0.8rem;\n        }\n        .hero .desc {\n            font-size: 0.75rem;\n        }\n        .hero-mini {\n            font-size: 0.55rem;\n        }\n        .hero .price-box .new-price {\n            font-size: 1.4rem;\n        }\n        .btn-hero {\n            font-size: 0.85rem;\n            padding: 12px 24px;\n            min-height: 44px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003c!-- ===== HERO – NuTS Fitness Performance Box ===== --\u003e\n\u003cdiv class=\"hero-wrapper\"\u003e\n    \u003csection class=\"hero\"\u003e\n\n        \u003c!-- Badge --\u003e\n        \u003cspan class=\"badge\"\u003eCOLEÇÃO FITNESS\u003c\/span\u003e\n\n        \u003c!-- Nome do Kit --\u003e\n        \u003cdiv class=\"kit-name\"\u003e\n            NuTS Fitness \u003cspan\u003ePerformance Box\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Assinatura --\u003e\n        \u003cp class=\"assinatura\"\u003e\n            Os 5 blends que acompanham sua evolução.\n        \u003c\/p\u003e\n\n        \u003c!-- Descrição curta --\u003e\n        \u003cp class=\"desc\"\u003e\n            Energia, resistência, recuperação, intensidade e proteína natural.\n        \u003c\/p\u003e\n\n        \u003c!-- Mini linha de categorias --\u003e\n        \u003cdiv class=\"hero-mini\"\u003e\n            \u003cspan\u003ePower Mix\u003c\/span\u003e\u003cspan class=\"dot\"\u003e•\u003c\/span\u003e\n            \u003cspan\u003eEndurance\u003c\/span\u003e\u003cspan class=\"dot\"\u003e•\u003c\/span\u003e\n            \u003cspan\u003eRecovery\u003c\/span\u003e\u003cspan class=\"dot\"\u003e•\u003c\/span\u003e\n            \u003cspan\u003eHIIT\u003c\/span\u003e\u003cspan class=\"dot\"\u003e•\u003c\/span\u003e\n            \u003cspan\u003eProtein Crunch\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Preço promocional --\u003e\n        \u003cdiv class=\"price-box\"\u003e\n            \u003cspan class=\"new-price\"\u003eR$ 149,90\u003c\/span\u003e\n            \u003cspan class=\"old-price\"\u003eR$ 169,50\u003c\/span\u003e\n            \u003cspan class=\"discount-badge\"\u003e−12% OFF\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CTA FORTE --\u003e\n        \u003ca href=\"#\" class=\"btn-hero\" onclick=\"window.scrollBy({ top: window.innerHeight * 0.5, behavior: 'smooth' }); return false;\"\u003e\n            \u003cspan\u003eQUERO MEU KIT\u003c\/span\u003e\n            \u003ci class=\"fas fa-arrow-right\" style=\"font-family:'Font Awesome 6 Free'; font-weight:900;\"\u003e\u003c\/i\u003e\n        \u003c\/a\u003e\n\n        \u003c!-- Seta sutil (indicador de rolagem) --\u003e\n        \u003cdiv class=\"scroll-hint\" onclick=\"window.scrollBy({ top: window.innerHeight * 0.5, behavior: 'smooth' });\"\u003e\n            ↓\n        \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== FIM. A COLEÇÃO DO SHOPIFY VIRÁ ABAIXO ===== --\u003e\n\n\u003c!-- Carrega o Font Awesome para o ícone --\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\"\u003e\n\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log('NuTS Fitness Performance Box – Hero carregado.');\n    });\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Costa Nunes Global","offers":[{"title":"Default Title","offer_id":52037202903330,"sku":"NUT-FPB-KIT-001","price":169.5,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/6956\/4962\/files\/linha_completa_NuTS_Fitness_1.png?v=1783722893","url":"https:\/\/www.mesapara2.com.br\/products\/nuts-fitness-performance-box","provider":"Mesa para 2","version":"1.0","type":"link"}