{"product_id":"kit-presente-executivo-nuts","title":"NuTS Executive Collection I Kit Presente Executivo","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\u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\"\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: 48vh;\n        padding: 28px 0 20px;\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    \/* Título principal *\/\n    .hero h1 {\n        font-size: clamp(2.2rem, 6vw, 4.2rem);\n        font-weight: 900;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        margin-bottom: 8px;\n        max-width: 800px;\n        color: #ffffff;\n    }\n\n    .hero h1 .highlight {\n        background: linear-gradient(135deg, #F97316, #ff8a2e);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    \/* Descrição – concisa e direta *\/\n    .hero .desc {\n        font-size: clamp(0.95rem, 1.5vw, 1.15rem);\n        font-weight: 400;\n        color: #94a3b8;\n        max-width: 520px;\n        margin: 0 auto 6px;\n        line-height: 1.5;\n        letter-spacing: 0.01em;\n    }\n\n    .hero .desc strong {\n        color: #ffffff;\n        font-weight: 500;\n    }\n\n    \/* Linha \"Ideal para\" com emojis *\/\n    .hero .ideal-for {\n        margin-top: 10px;\n        margin-bottom: 4px;\n        font-size: clamp(0.8rem, 1.2vw, 0.95rem);\n        color: #6b7280;\n        font-weight: 500;\n        letter-spacing: 0.02em;\n    }\n    .hero .ideal-for span {\n        display: inline-block;\n        margin: 0 4px;\n    }\n    .hero .ideal-for .dot {\n        color: #2a2a2a;\n        margin: 0 4px;\n    }\n\n    \/* Linha de produtos *\/\n    .hero .product-line {\n        font-size: clamp(0.75rem, 1.1vw, 0.9rem);\n        color: #94a3b8;\n        font-weight: 500;\n        letter-spacing: 0.04em;\n        margin-top: 2px;\n        margin-bottom: 20px;\n    }\n    .hero .product-line span {\n        display: inline-block;\n        margin: 0 3px;\n    }\n    .hero .product-line .highlight-text {\n        color: #F97316;\n        font-weight: 600;\n    }\n    .hero .product-line .dot {\n        color: #2a2a2a;\n        margin: 0 4px;\n    }\n\n    \/* CTA – \"VER A COLEÇÃO\" *\/\n    .btn-hero {\n        background: #F97316;\n        border: none;\n        color: #060b14;\n        font-weight: 800;\n        font-size: clamp(1rem, 1.6vw, 1.2rem);\n        padding: 14px 40px;\n        min-height: 54px;\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 12px rgba(249, 115, 22, 0.12);\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 20px rgba(249, 115, 22, 0.2);\n    }\n\n    .btn-hero:active {\n        transform: scale(0.97);\n    }\n\n    .btn-hero i {\n        font-size: 0.95rem;\n        transition: transform 0.3s ease;\n    }\n\n    .btn-hero:hover i {\n        transform: translateX(4px);\n    }\n\n    \/* Tagline da marca – abaixo do botão *\/\n    .hero .brand-tag {\n        margin-top: 18px;\n        font-size: clamp(0.7rem, 1vw, 0.85rem);\n        color: #4a4a4a;\n        font-weight: 500;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        opacity: 0.7;\n    }\n\n    \/* Seta sutil (indicador de rolagem) *\/\n    .scroll-hint {\n        margin-top: 14px;\n        color: #3a3a3a;\n        font-size: 1.2rem;\n        opacity: 0.5;\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% { transform: translateY(0); }\n        40% { transform: translateY(6px); }\n        60% { transform: translateY(3px); }\n    }\n\n    \/* ===== RESPONSIVO ===== *\/\n    @media (max-width: 640px) {\n        .hero {\n            min-height: 42vh;\n            padding: 20px 0 16px;\n        }\n        .hero .badge {\n            font-size: 0.5rem;\n            padding: 4px 14px;\n            letter-spacing: 2.5px;\n        }\n        .hero h1 {\n            font-size: clamp(1.8rem, 6vw, 2.4rem);\n        }\n        .hero .desc {\n            font-size: 0.9rem;\n            max-width: 340px;\n        }\n        .hero .ideal-for {\n            font-size: 0.75rem;\n        }\n        .hero .product-line {\n            font-size: 0.7rem;\n            margin-bottom: 16px;\n        }\n        .btn-hero {\n            padding: 12px 28px;\n            min-height: 46px;\n            font-size: 0.9rem;\n        }\n        .hero .brand-tag {\n            font-size: 0.6rem;\n            margin-top: 14px;\n        }\n        .scroll-hint {\n            font-size: 1rem;\n            margin-top: 10px;\n        }\n    }\n\n    @media (max-width: 380px) {\n        .hero h1 {\n            font-size: 1.6rem;\n        }\n        .hero .desc {\n            font-size: 0.8rem;\n        }\n        .hero .ideal-for {\n            font-size: 0.65rem;\n        }\n        .hero .product-line {\n            font-size: 0.6rem;\n        }\n        .btn-hero {\n            font-size: 0.8rem;\n            padding: 10px 22px;\n            min-height: 42px;\n        }\n        .hero .brand-tag {\n            font-size: 0.55rem;\n        }\n    }\n\u003c\/style\u003e\n\n\u003c!-- ===== HERO – NuTS Smart Office ===== --\u003e\n\u003cdiv class=\"hero-wrapper\"\u003e\n    \u003csection class=\"hero\"\u003e\n\n        \u003c!-- Badge --\u003e\n        \u003cspan class=\"badge\"\u003eLINHA SMART OFFICE\u003c\/span\u003e\n\n        \u003c!-- Título --\u003e\n        \u003ch1\u003e\n            Trabalhe melhor. Pense melhor.\u003cbr\u003e\n            \u003cspan class=\"highlight\"\u003eSnack melhor.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003c!-- Descrição --\u003e\n        \u003cp class=\"desc\"\u003e\n            \u003cstrong\u003eEnergia, foco e praticidade\u003c\/strong\u003e para sua rotina de trabalho com blends premium de castanhas e frutas selecionadas.\n        \u003c\/p\u003e\n\n        \u003c!-- \"Ideal para\" --\u003e\n        \u003cdiv class=\"ideal-for\"\u003e\n            \u003cspan\u003e💻 Home Office\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003e🏢 Escritório\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003e📚 Estudos\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003e✈️ Viagens\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003e☕ Intervalos inteligentes\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Linha de produtos --\u003e\n        \u003cdiv class=\"product-line\"\u003e\n            \u003cspan\u003eMix Foco\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003eMix Energia\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003eMix Performance\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003eMix Brain\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan\u003eMix Mood\u003c\/span\u003e\u003cspan class=\"dot\"\u003e·\u003c\/span\u003e\n            \u003cspan class=\"highlight-text\"\u003eKits Corporativos\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- CTA --\u003e\n        \u003ca href=\"#\" class=\"btn-hero\" onclick=\"window.scrollBy({ top: window.innerHeight * 0.5, behavior: 'smooth' }); return false;\"\u003e\n            \u003cspan\u003eVER A COLEÇÃO\u003c\/span\u003e\n            \u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e\n        \u003c\/a\u003e\n\n        \u003c!-- Tagline da marca --\u003e\n        \u003cdiv class=\"brand-tag\"\u003e\n            NuTS Smart Food · Smart Snacks. Better Days.\n        \u003c\/div\u003e\n\n        \u003c!-- Seta sutil --\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\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log('NuTS Smart Office – Hero carregado.');\n    });\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Costa Nunes Global","offers":[{"title":"Default Title","offer_id":52038315573538,"sku":"NUT-EXE-KIT-001","price":219.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/6956\/4962\/files\/NuTSExecutiveCollection.png?v=1783735458","url":"https:\/\/www.mesapara2.com.br\/products\/kit-presente-executivo-nuts","provider":"Mesa para 2","version":"1.0","type":"link"}