{"product_id":"luzpad-tablet-de-desenho-brilhante-leve-2-e-ganhe-1","title":"LuzPad - Tablet de Desenho Brilhante (Leve 2 e Ganhe + 1)","description":"\u003cdiv class=\"hycella-wrapper\"\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    \/* =========================================\n       1. CONFIGURAÇÕES GERAIS E RESETS\n       ========================================= *\/\n    .hycella-wrapper {\n      font-family: 'Poppins', sans-serif;\n      color: #0f172a; \/* Padrão solicitado no final *\/\n      line-height: 1.6;\n      width: 100%;\n      overflow-x: hidden;\n      background: #fff;\n      font-size: 17px; \/* Base Mobile Otimizada Padrão *\/\n\n      \/* Variáveis de Cores e Efeitos *\/\n      --h-primary: #5bceff;\n      --h-dark: #307dd2;\n      --h-gradient: linear-gradient(135deg, #5bceff 0%, #307dd2 100%);\n      --h-shimmer: linear-gradient(90deg, #5bceff, #fff, #5bceff);\n      --h-green: #24cf40;\n      \/* Sombras Premium Atualizadas *\/\n      --h-shadow:\n        0 30px 60px -12px rgba(91, 206, 255, 0.25),\n        0 18px 36px -18px rgba(0, 0, 0, 0.1);\n      --h-card-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.04);\n      --h-border-light: 1px solid rgba(0, 0, 0, 0.04);\n    }\n\n    .hycella-wrapper * {\n      box-sizing: border-box;\n      outline: none;\n      margin: 0;\n      padding: 0; \/* Reset básico interno *\/\n    }\n\n    .hycella-wrapper img {\n      max-width: 100%;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      -webkit-user-drag: none;\n      khtml-user-drag: none;\n      -moz-user-drag: none;\n      -o-user-drag: none;\n      pointer-events: none; \/* Anti-cópia *\/\n    }\n\n    .hycella-wrapper a {\n      text-decoration: none;\n      color: inherit;\n      transition: 0.3s;\n    }\n\n    \/* Estrutura *\/\n    .h-container {\n      max-width: 1140px;\n      margin: 0 auto;\n      padding: 0 25px;\n      position: relative;\n      width: 100%;\n    }\n\n    .h-section {\n      padding: 60px 0; \/* Mobile *\/\n      border-bottom: var(--h-border-light);\n      width: 100%;\n      clear: both;\n    }\n\n    \/* =========================================\n       2. PADRONIZAÇÃO TIPOGRÁFICA (TAMANHOS IGUAIS AO CÓDIGO)\n       ========================================= *\/\n\n    \/* Título Principal - Padronizado 3.2rem *\/\n    .h-title {\n      font-size: 3.2rem;\n      font-weight: 700; \/* Ajustado para peso elegante solicitado *\/\n      text-align: center;\n      margin-bottom: 20px;\n      color: #0f172a;\n      line-height: 1.3;\n      letter-spacing: -1px;\n    }\n\n    .h-title span {\n      background: linear-gradient(90deg, #307dd2, #5bceff, #307dd2);\n      background-size: 200% auto;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: h-shimmer-text 3s linear infinite;\n    }\n\n    \/* Subtítulo e Texto Geral - Padronizado 1.4rem (conforme final do código) *\/\n    .h-subtitle,\n    .h-text,\n    .h-imagine-text,\n    .h-tech-item p,\n    .h-cause-desc {\n      text-align: center;\n      color: #475569;\n      max-width: 700px;\n      margin: 0 auto 40px;\n      font-size: 1.4rem; \/* Valor padrão solicitado *\/\n      font-weight: 400;\n      line-height: 1.7;\n    }\n\n    \/* Ajuste específico para garantir que p dento de seções sigam o padrão *\/\n    .hycella-wrapper p {\n      font-size: 1.4rem;\n    }\n\n    \/* Títulos de Cards e FAQ - Padronizado 1.6rem *\/\n    .h-check-list li,\n    .h-faq-details summary,\n    .h-spec-item strong,\n    .h-cause-title,\n    .h-imagine-list li,\n    .h-detail-card h3,\n    .h-ben-card h3,\n    .h-feature-box h4,\n    .h-tech-item strong {\n      font-size: 1.6rem;\n      font-weight: 700;\n      color: #1f2937;\n    }\n\n    \/* Textos menores dentro de cards (small, span descritivo) - Padronizado 1.1rem *\/\n    .h-temp-btn small,\n    .h-spec-item span,\n    .h-glass-card-sm span,\n    #h-cause-scope .h-brand-sub {\n      font-size: 1.1rem;\n      color: #777;\n    }\n\n    \/* Micro textos (labels, badges) - Padronizado 0.85rem a 1rem *\/\n    .h-label,\n    .h-col-brand span,\n    #h-model-scope .h-pill,\n    #h-model-scope .h-glass-badge {\n      font-size: 0.85rem;\n      letter-spacing: 0.5px;\n    }\n\n    .h-pill,\n    .h-tag-pill,\n    .h-insta-pill {\n      font-size: 1rem;\n      font-weight: 700;\n    }\n\n    \/* =========================================\n       3. ANIMAÇÕES E COMPONENTES FIXOS\n       ========================================= *\/\n    @keyframes h-shimmer-text {\n      0% {\n        background-position: -200% center;\n      }\n      100% {\n        background-position: 200% center;\n      }\n    }\n    @keyframes h-levitate {\n      0%,\n      100% {\n        transform: translateY(0);\n      }\n      50% {\n        transform: translateY(-15px);\n      }\n    }\n    @keyframes h-pulse-soft {\n      0% {\n        box-shadow: 0 0 0 0 rgba(91, 206, 255, 0.4);\n        transform: translate(-50%, -50%) scale(1);\n      }\n      70% {\n        box-shadow: 0 0 0 15px rgba(91, 206, 255, 0);\n        transform: translate(-50%, -50%) scale(1.05);\n      }\n      100% {\n        box-shadow: 0 0 0 0 rgba(91, 206, 255, 0);\n        transform: translate(-50%, -50%) scale(1);\n      }\n    }\n    @keyframes h-shine {\n      to {\n        background-position: 200% center;\n      }\n    }\n    @keyframes h-pulse-white {\n      0% {\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);\n        transform: scale(1);\n      }\n      70% {\n        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);\n        transform: scale(1.05);\n      }\n      100% {\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n        transform: scale(1);\n      }\n    }\n    @keyframes h-pulse-glow {\n      0%,\n      100% {\n        opacity: 0.6;\n        transform: scale(1);\n      }\n      50% {\n        opacity: 1;\n        transform: scale(1.1);\n      }\n    }\n    @keyframes h-spin {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    @keyframes h-heartbeat {\n      0%,\n      100% {\n        transform: scale(1);\n      }\n      50% {\n        transform: scale(1.1);\n      }\n    }\n    @keyframes h-float {\n      0%,\n      100% {\n        transform: translateY(0);\n      }\n      50% {\n        transform: translateY(-8px);\n      }\n    }\n    @keyframes h-swipe-anim {\n      0%,\n      100% {\n        transform: translateX(0);\n      }\n      50% {\n        transform: translateX(10px);\n      }\n    }\n    @keyframes h-fade-in-out {\n      0%,\n      100% {\n        opacity: 0.5;\n      }\n      50% {\n        opacity: 1;\n      }\n    }\n\n    .h-reveal {\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 1s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n    .h-reveal.active {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* Botões *\/\n    .h-btn,\n    .h-btn-green {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      border-radius: 50px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      border: none;\n      cursor: pointer;\n      width: 100%;\n      max-width: 380px;\n      transition: all 0.3s;\n      font-size: 1.15rem;\n      padding: 20px 35px;\n    }\n\n    .h-btn {\n      background: var(--h-gradient);\n      color: #fff !important;\n      box-shadow: 0 20px 40px -10px rgba(91, 206, 255, 0.5);\n    }\n\n    .h-btn:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 25px 50px -10px rgba(91, 206, 255, 0.6);\n    }\n\n    .h-btn-green {\n      background: var(--h-green);\n      color: #fff !important;\n      box-shadow: 0 6px 20px rgba(36, 207, 64, 0.4);\n      animation: h-pulse-soft 2s infinite;\n    }\n\n    \/* Pílulas Gerais *\/\n    .h-pill,\n    .h-tag-pill,\n    .h-insta-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      border-radius: 50px;\n      border: 1px solid rgba(91, 206, 255, 0.15);\n      background: #f8fafc;\n      padding: 12px 24px;\n      margin-bottom: 25px;\n    }\n\n    .h-pill,\n    .h-tag-pill {\n      color: var(--h-dark);\n    }\n\n    .h-insta-pill {\n      color: #e1306c;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n      background: #fff;\n    }\n    .h-insta-pill:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 10px 20px rgba(225, 48, 108, 0.2);\n    }\n\n    \/* =========================================\n       4. ESTILOS DAS SEÇÕES (CORREÇÃO DE LAYOUT)\n       ========================================= *\/\n\n    \/* Hero *\/\n    .h-hero {\n      background: radial-gradient(\n        circle at top right,\n        rgba(91, 206, 255, 0.15),\n        transparent 60%\n      );\n    }\n    .h-hero-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 40px;\n      text-align: center;\n      align-items: center;\n    }\n    .h-hero-img-box {\n      position: relative;\n      margin-top: 20px;\n    }\n    .h-hero-main-img {\n      border-radius: 40px;\n      animation: h-levitate 6s ease-in-out infinite;\n      box-shadow: 0 50px 100px -20px rgba(91, 206, 255, 0.3) !important;\n    }\n    .h-float-card {\n      position: absolute;\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(12px);\n      padding: 12px 18px;\n      border-radius: 12px;\n      box-shadow: var(--h-card-shadow);\n      display: none;\n      flex-direction: column;\n      align-items: center;\n      z-index: 2;\n      animation: h-levitate 5s ease-in-out infinite reverse;\n      border: 1px solid rgba(255, 255, 255, 0.4);\n      font-weight: 600;\n    }\n    .h-float-card strong {\n      font-size: 1.2rem;\n    }\n\n    \/* Clientes Bar *\/\n    .h-clientes-bar {\n      background: #f9fafb;\n      padding: 25px 0;\n      border-bottom: 1px solid #eee;\n      text-align: center;\n    }\n    .h-clientes-content {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: #fff;\n      padding: 12px 25px;\n      border-radius: 50px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n    }\n    .h-clientes-imgs {\n      display: flex;\n    }\n    .h-clientes-imgs img {\n      width: 38px;\n      border-radius: 50%;\n      border: 2px solid #fff;\n    }\n    .h-clientes-imgs img:not(:first-child) {\n      margin-left: -12px;\n    }\n    .h-clientes-bar p {\n      margin: 0;\n      font-size: 1.1rem;\n      font-weight: 600;\n      color: #0f172a;\n      text-align: left;\n    }\n\n    \/* Imagine Section *\/\n    .h-imagine-section {\n      background: #fff;\n    }\n    .h-imagine-card {\n      background: #f8fafc;\n      border-radius: 32px;\n      padding: 60px;\n      box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.05);\n      border: 1px solid #e2e8f0;\n      max-width: 1000px;\n      margin: 0 auto;\n      transition: 0.4s;\n      text-align: center;\n    }\n    .h-imagine-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 30px 60px -15px rgba(48, 125, 210, 0.15);\n      border-color: rgba(91, 206, 255, 0.2);\n    }\n    .h-imagine-title {\n      font-size: 3.5rem;\n      font-weight: 900;\n      color: #0f172a;\n      line-height: 1.1;\n      margin-bottom: 25px;\n      letter-spacing: -1.5px;\n    }\n    .h-imagine-title span {\n      background: var(--h-gradient);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: h-shimmer-text 4s linear infinite;\n      background-size: 200% auto;\n    }\n    .h-imagine-list {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      list-style: none;\n      text-align: left;\n      max-width: 600px;\n      margin: 0 auto;\n    }\n    .h-imagine-list li {\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      color: #1e293b;\n      transition: 0.3s;\n      cursor: default;\n    }\n    .h-imagine-list li:hover {\n      transform: translateX(10px);\n      color: var(--h-dark);\n    }\n    .h-imagine-icon {\n      color: var(--h-dark);\n      filter: drop-shadow(0 4px 6px rgba(48, 125, 210, 0.3));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: 0.3s;\n    }\n    .h-imagine-list li:hover .h-imagine-icon {\n      transform: scale(1.1);\n    }\n    .h-anim-delay-1 {\n      animation-delay: 0.1s;\n    }\n    .h-anim-delay-2 {\n      animation-delay: 0.2s;\n    }\n    .h-anim-delay-3 {\n      animation-delay: 0.3s;\n    }\n    .h-anim-delay-4 {\n      animation-delay: 0.4s;\n    }\n\n    \/* USB Section *\/\n    .h-usb-section {\n      background: linear-gradient(180deg, #fff 0%, #f4faff 100%);\n      overflow: hidden;\n    }\n    .h-usb-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 60px;\n      align-items: center;\n      text-align: center;\n    }\n    .h-usb-visual-wrapper {\n      width: 100vw;\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      background: linear-gradient(180deg, #f9fcff 0%, #fff 100%);\n      padding: 40px 0 20px;\n      text-align: center;\n      overflow: hidden;\n    }\n    .h-usb-visual {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: auto;\n      width: 100%;\n    }\n    .h-glow-circle {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      background: radial-gradient(\n        circle,\n        rgba(91, 206, 255, 0.2) 0%,\n        rgba(255, 255, 255, 0) 60%\n      );\n      border-radius: 50%;\n      z-index: 1;\n      animation: h-pulse-glow 4s infinite ease-in-out;\n    }\n    .h-usb-product-img {\n      position: relative;\n      z-index: 2;\n      width: 120%;\n      max-width: 120%;\n      margin-left: -10%;\n      transform: rotate(0deg);\n      filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));\n      transition: 0.5s;\n    }\n    .h-usb-visual:hover .h-usb-product-img {\n      transform: scale(1.05);\n    }\n    .h-usb-badge-mobile {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #fff;\n      color: var(--h-dark);\n      padding: 8px 20px;\n      border-radius: 50px;\n      font-weight: 800;\n      font-size: 0.9rem;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n      border: 1px solid #eef6ff;\n      position: relative;\n      top: -20px;\n      z-index: 5;\n    }\n    .h-usb-badge-mobile i {\n      color: #fbbf24;\n    }\n    .h-usb-content {\n      padding: 0 20px;\n    }\n    .h-usb-subtitle {\n      color: var(--h-primary);\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      font-weight: 800;\n      margin-bottom: 15px;\n      display: flex;\n      justify-content: center;\n    }\n    .h-specs-list {\n      display: flex;\n      flex-direction: column;\n      gap: 15px;\n      text-align: left;\n      max-width: 500px;\n      margin: 0 auto;\n    }\n    .h-spec-item {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      background: rgba(255, 255, 255, 0.7);\n      backdrop-filter: blur(5px);\n      padding: 20px;\n      border-radius: 16px;\n      border: var(--h-border-light);\n      box-shadow: var(--h-card-shadow);\n    }\n    .h-spec-icon {\n      width: 45px;\n      height: 45px;\n      background: #eef9ff;\n      color: var(--h-dark);\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.4rem;\n      flex-shrink: 0;\n    }\n    .h-spec-item strong {\n      color: #111;\n      display: block;\n    }\n\n    \/* Tech Section *\/\n    .h-tech-section {\n      background: #0f172a;\n      position: relative;\n      overflow: hidden;\n    }\n    .h-tech-section::before {\n      content: '';\n      position: absolute;\n      top: -20%;\n      right: -10%;\n      width: 600px;\n      height: 600px;\n      background: radial-gradient(\n        circle,\n        rgba(91, 206, 255, 0.15) 0%,\n        transparent 70%\n      );\n      z-index: 0;\n      pointer-events: none;\n    }\n    .h-tech-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 40px;\n      align-items: center;\n      position: relative;\n      z-index: 1;\n      text-align: center;\n    }\n    .h-tech-content .h-title {\n      text-align: center !important;\n    }\n    .h-tech-item {\n      display: flex;\n      gap: 20px;\n      margin-bottom: 25px;\n      padding: 20px;\n      background: rgba(255, 255, 255, 0.03);\n      border-radius: 16px;\n      border: 1px solid rgba(255, 255, 255, 0.05);\n      transition: 0.3s;\n      text-align: left;\n    }\n    .h-tech-item:hover {\n      background: rgba(255, 255, 255, 0.07);\n      border-color: rgba(91, 206, 255, 0.3);\n    }\n    .h-tech-icon {\n      width: 50px;\n      height: 50px;\n      background: var(--h-gradient);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      font-size: 1.2rem;\n      flex-shrink: 0;\n      box-shadow: 0 0 15px rgba(91, 206, 255, 0.4);\n    }\n    .h-tech-item strong {\n      color: #fff;\n      display: block;\n      margin-bottom: 5px;\n    }\n    .h-tech-item p {\n      color: #cbd5e1;\n      margin: 0;\n      line-height: 1.5;\n      text-align: left;\n      max-width: 100%;\n    }\n    .h-tech-visual {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 300px;\n    }\n    .h-circle-outer {\n      width: 220px;\n      height: 220px;\n      border-radius: 50%;\n      background: conic-gradient(\n        from 0deg,\n        transparent 0%,\n        rgba(91, 206, 255, 0.1) 50%,\n        transparent 100%\n      );\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      animation: h-spin 10s linear infinite;\n    }\n    .h-circle-inner {\n      width: 140px;\n      height: 140px;\n      background: rgba(255, 255, 255, 0.05);\n      border-radius: 50%;\n      backdrop-filter: blur(10px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      animation: h-pulse-glow 3s infinite ease-in-out;\n    }\n    .h-orbit {\n      position: absolute;\n      border-radius: 50%;\n      border: 1px dashed rgba(255, 255, 255, 0.1);\n      display: none;\n    }\n    .h-glass-card-sm {\n      position: absolute;\n      bottom: 20px;\n      right: 10px;\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(12px);\n      padding: 10px 15px;\n      border-radius: 12px;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      color: #fff;\n      animation: h-levitate 6s infinite ease-in-out;\n      font-weight: 600;\n    }\n    .h-glass-card-sm strong {\n      color: #5bceff;\n      font-size: 1.3rem;\n    }\n\n    \/* Model Scope (Estilos integrados e corrigidos) *\/\n    .h-model-section {\n      background: linear-gradient(to right, #fcfcfc, #fff);\n      border-bottom: 1px solid #f1f5f9;\n      overflow: hidden;\n    }\n    .h-model-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 50px;\n      align-items: center;\n      text-align: center;\n    }\n    .h-model-grid .h-pill {\n      background: #eef9ff;\n      color: #307dd2;\n      border: 1px solid rgba(91, 206, 255, 0.2);\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n    .h-model-grid .h-title {\n      color: #0f172a;\n    }\n    .h-gradient-text {\n      background: var(--h-gradient);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n    .h-desc {\n      color: #64748b;\n      margin-bottom: 35px;\n      text-align: center;\n    }\n    .h-desc strong {\n      color: #334155;\n    }\n    .h-features-list {\n      display: inline-flex;\n      flex-direction: column;\n      gap: 20px;\n      text-align: left;\n      align-items: flex-start;\n      margin: 0 auto;\n    }\n    .h-features-list li {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      color: #334155;\n      font-weight: 500;\n    }\n    .h-icon-circle {\n      width: 32px;\n      height: 32px;\n      background: #e0f2fe;\n      color: #307dd2;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.9rem;\n      flex-shrink: 0;\n      box-shadow: 0 4px 10px rgba(91, 206, 255, 0.2);\n    }\n    .h-visual-box {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 1;\n    }\n    .h-blob-bg {\n      position: absolute;\n      width: 120%;\n      height: 120%;\n      background: radial-gradient(\n        circle,\n        rgba(91, 206, 255, 0.15) 0%,\n        transparent 70%\n      );\n      z-index: 0;\n      pointer-events: none;\n    }\n    .h-gif-frame {\n      position: relative;\n      z-index: 1;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 30px 60px -15px rgba(48, 125, 210, 0.25);\n      border: 4px solid #fff;\n      transition: transform 0.5s ease;\n      max-width: 100%;\n      width: 100%;\n    }\n    .h-gif-frame:hover {\n      transform: scale(1.02);\n    }\n    .h-gif-element {\n      display: block;\n      width: 100%;\n      max-width: 450px;\n      height: auto;\n      margin: 0 auto;\n    }\n    .h-glass-badge {\n      position: absolute;\n      bottom: 20px;\n      left: 20px;\n      background: rgba(255, 255, 255, 0.85);\n      backdrop-filter: blur(8px);\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-weight: 700;\n      color: #334155;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n    }\n    .h-glass-badge i {\n      color: #fbbf24;\n    }\n\n    \/* Video Proof Section *\/\n    .h-video-proof {\n      background: linear-gradient(to bottom, #fff, #f9fafb);\n      overflow: hidden;\n    }\n    .h-video-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .h-video-header .h-title span {\n      background: linear-gradient(90deg, #307dd2, #5bceff, #307dd2);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      background-size: 200% auto;\n      animation: h-shine 4s linear infinite;\n    }\n    .h-video-grid {\n      display: flex;\n      overflow-x: auto;\n      gap: 15px;\n      padding: 10px 25px 40px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n    .h-video-grid::-webkit-scrollbar {\n      display: none;\n    }\n    .h-video-card {\n      position: relative;\n      border-radius: 16px;\n      overflow: hidden;\n      background: #0f172a;\n      aspect-ratio: 9\/16;\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n      cursor: pointer;\n      transition: transform 0.3s ease;\n      border: 1px solid rgba(255, 255, 255, 0.05);\n      min-width: 240px;\n      width: 65vw;\n      flex-shrink: 0;\n      scroll-snap-align: center;\n    }\n    .h-video-card:hover {\n      transform: translateY(-5px);\n    }\n    .h-video-element {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n    .h-play-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.2);\n      transition: 0.3s;\n      z-index: 2;\n    }\n    .h-play-btn {\n      width: 55px;\n      height: 55px;\n      border-radius: 50%;\n      background: rgba(255, 255, 255, 0.1);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.3);\n      color: #fff;\n      font-size: 1.2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding-left: 4px;\n      cursor: pointer;\n      animation: h-pulse-white 2s infinite;\n    }\n    .h-video-info {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      padding: 20px 15px 15px;\n      background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 10%, transparent);\n      color: #fff;\n      z-index: 2;\n      transition: 0.3s;\n      text-align: left;\n    }\n    .h-client-name {\n      font-weight: 700;\n      font-size: 0.95rem;\n      margin-bottom: 4px;\n    }\n    .h-verified {\n      font-size: 0.75rem;\n      color: #e2e8f0;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n    .h-verified i {\n      color: #24cf40;\n    }\n    .h-progress {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      background: rgba(255, 255, 255, 0.3);\n      z-index: 3;\n    }\n    .h-bar {\n      width: 0%;\n      height: 100%;\n      background: #5bceff;\n      transition: width 0.1s linear;\n    }\n    .h-video-card.playing .h-play-overlay,\n    .h-video-card.playing .h-video-info {\n      opacity: 0;\n      pointer-events: none;\n    }\n    .h-swipe-hint {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      color: #94a3b8;\n      font-size: 1rem;\n      font-weight: 500;\n      margin-top: -20px;\n      animation: h-fade-in-out 3s infinite;\n    }\n    .h-swipe-hint i {\n      animation: h-swipe-anim 1.5s infinite;\n    }\n\n    \/* Hair Section *\/\n    .h-hair-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 30px;\n      align-items: center;\n      text-align: center;\n    }\n    .h-hair-text h4 {\n      color: var(--h-primary);\n      font-weight: 800;\n      letter-spacing: 1px;\n      margin-bottom: 10px;\n      font-size: 1.6rem;\n    }\n    .h-hair-text .h-title {\n      text-align: inherit;\n    }\n    .h-check-list {\n      display: inline-block;\n      text-align: left;\n      margin-top: 25px;\n      list-style: none;\n    }\n    .h-check-list li {\n      margin-bottom: 15px;\n      display: flex;\n      gap: 15px;\n      align-items: center;\n      font-weight: 600;\n    }\n    .h-check-list i {\n      color: var(--h-primary);\n      font-size: 1.4rem;\n    }\n    .h-hair-grid img {\n      border-radius: 24px;\n      box-shadow: var(--h-shadow);\n    }\n\n    \/* Comparativo Section *\/\n    .h-diff-section {\n      background: #fff;\n    }\n    .h-diff-wrapper {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 30px;\n      align-items: center;\n    }\n    .h-diff-text {\n      text-align: center;\n    }\n    .h-guarantee-box {\n      display: flex;\n      gap: 15px;\n      align-items: center;\n      background: #f8fafc;\n      padding: 20px;\n      border-radius: 24px;\n      border: var(--h-border-light);\n      max-width: 400px;\n      margin: 0 auto 30px;\n      text-align: left;\n    }\n    .h-guarantee-box strong {\n      display: block;\n      color: #111;\n      font-size: 1.1rem;\n    }\n    .h-diff-table {\n      background: #fff;\n      border-radius: 24px;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n      overflow: hidden;\n      border: var(--h-border-light);\n      position: relative;\n    }\n    .h-diff-table::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 35%;\n      width: 35%;\n      height: 100%;\n      background: linear-gradient(\n        180deg,\n        rgba(91, 206, 255, 0.08) 0%,\n        rgba(255, 255, 255, 0) 100%\n      );\n      z-index: 0;\n      border-left: 1px solid #f0f9ff;\n      border-right: 1px solid #f0f9ff;\n    }\n    .h-table-header {\n      display: grid;\n      grid-template-columns: 35% 35% 30%;\n      padding: 0;\n      align-items: stretch;\n    }\n    .h-col-empty {\n      background: #fff;\n    }\n    .h-col-brand {\n      background: var(--h-gradient);\n      color: #fff;\n      padding: 20px 5px;\n      text-align: center;\n      border-radius: 20px 20px 0 0;\n      position: relative;\n      top: -10px;\n      box-shadow: 0 10px 20px rgba(48, 125, 210, 0.25);\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .h-col-brand strong {\n      display: block;\n      line-height: 1.1;\n      font-size: 0.9rem;\n    }\n    .h-col-other {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      color: #999;\n      background: #f9f9f9;\n      font-size: 0.8rem;\n    }\n    .h-table-row {\n      display: grid;\n      grid-template-columns: 35% 35% 30%;\n      padding: 12px 5px;\n      border-bottom: 1px solid #f3f4f6;\n      align-items: center;\n      position: relative;\n      z-index: 1;\n    }\n    .h-table-row:last-child {\n      border-bottom: none;\n    }\n    .h-feat-name {\n      font-weight: 600;\n      color: #333;\n      padding-left: 5px;\n      text-align: left;\n      line-height: 1.3;\n      font-size: 0.85rem;\n    }\n    .h-feat-brand,\n    .h-feat-other {\n      text-align: center;\n      font-size: 1.1rem;\n    }\n    .h-feat-brand i {\n      color: var(--h-green);\n      filter: drop-shadow(0 4px 6px rgba(36, 207, 64, 0.2));\n    }\n    .h-feat-other i {\n      color: #ef4444;\n      opacity: 0.6;\n      font-size: 1.1rem;\n    }\n\n    \/* Glass Card Section *\/\n    .h-premium-info {\n      background: radial-gradient(circle at 50% 50%, #f0f9ff 0%, #fff 70%);\n      padding: 60px 0;\n    }\n    .h-glass-card {\n      background: rgba(255, 255, 255, 0.6);\n      backdrop-filter: blur(25px) saturate(120%);\n      border-radius: 20px;\n      box-shadow: 0 40px 80px -10px rgba(0, 0, 0, 0.08);\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      display: grid;\n      grid-template-columns: 1fr;\n      overflow: hidden;\n      position: relative;\n    }\n    .h-info-left {\n      padding: 40px 25px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      position: relative;\n      text-align: center;\n      align-items: center;\n    }\n    .h-info-title {\n      line-height: 1.1;\n      margin-bottom: 15px;\n      color: #111;\n      font-size: 2.2rem;\n    }\n    .h-info-desc {\n      color: #475569;\n      line-height: 1.8;\n      margin-bottom: 20px;\n      font-weight: 400;\n    }\n    .h-info-desc strong {\n      color: #0f172a;\n    }\n    .h-decor-line {\n      width: 80px;\n      height: 4px;\n      background: #e5e7eb;\n      border-radius: 2px;\n    }\n    .h-info-right {\n      background: rgba(248, 250, 252, 0.3);\n      padding: 30px 20px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 15px;\n      align-content: center;\n      border-top: 1px solid rgba(255, 255, 255, 0.3);\n    }\n    .h-feature-box {\n      background: rgba(255, 255, 255, 0.7);\n      padding: 20px 10px;\n      border-radius: 20px;\n      border: 1px solid rgba(255, 255, 255, 0.6);\n      text-align: center;\n      transition: all 0.4s ease;\n      box-shadow: none;\n    }\n    .h-feature-box:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px -10px rgba(91, 206, 255, 0.2);\n      border-color: #e0f2fe;\n      background: #fff;\n    }\n    .h-icon-glow {\n      width: 50px;\n      height: 50px;\n      margin: 0 auto 15px;\n      background: var(--h-gradient);\n      border-radius: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      font-size: 1.4rem;\n      box-shadow: 0 10px 20px rgba(48, 125, 210, 0.3);\n      transform: rotate(-5deg);\n      transition: 0.4s;\n    }\n    .h-feature-box:hover .h-icon-glow {\n      transform: rotate(0deg) scale(1.1);\n    }\n    .h-feature-box p {\n      color: #777;\n      margin: 0;\n      line-height: 1.4;\n      text-align: center;\n    }\n\n    \/* Steps Section *\/\n    .h-details-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 20px;\n      list-style: none;\n    }\n    .h-detail-card {\n      background: #fff;\n      padding: 25px 20px;\n      border-radius: 24px;\n      border: var(--h-border-light);\n      box-shadow: var(--h-card-shadow);\n      text-align: center;\n      transition: all 0.4s ease;\n    }\n    .h-detail-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08);\n      border-color: rgba(91, 206, 255, 0.2);\n    }\n    .h-step-num {\n      background: var(--h-gradient);\n      color: #fff;\n      width: 45px;\n      height: 45px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 800;\n      margin: 0 auto 15px;\n      font-size: 1.2rem;\n      transition: transform 0.3s;\n    }\n    .h-detail-card:hover .h-step-num {\n      transform: scale(1.1) rotate(10deg);\n    }\n    .h-detail-card p {\n      color: #666;\n      text-align: center;\n      margin: 0;\n    }\n\n    \/* Compare\/Transformation Section *\/\n    .h-compare {\n      position: relative;\n      max-width: 900px;\n      height: 420px;\n      margin: 0 auto;\n      border-radius: 20px;\n      border: 6px solid #fff;\n      box-shadow: var(--h-shadow);\n      cursor: col-resize;\n      touch-action: none;\n      background: #eee;\n      overflow: hidden;\n      transform: translateZ(0);\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n    }\n    .h-bg,\n    .h-fg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      background-size: cover;\n      background-position: center top;\n      background-repeat: no-repeat;\n    }\n    .h-bg {\n      width: 100%;\n      z-index: 1;\n    }\n    .h-fg {\n      width: 50%;\n      z-index: 2;\n      border-right: 3px solid #fff;\n      will-change: width;\n      box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);\n    }\n    .h-handle {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 54px;\n      height: 54px;\n      background: #fff;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--h-primary);\n      pointer-events: none;\n      z-index: 3;\n      font-size: 1.3rem;\n      animation: h-pulse-soft 2s infinite;\n    }\n    .h-label {\n      position: absolute;\n      top: 20px;\n      padding: 8px 14px;\n      border-radius: 8px;\n      font-weight: 800;\n      opacity: 0.9;\n      z-index: 4;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n    }\n\n    \/* Thermo Section *\/\n    .h-thermo-wrap {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 40px;\n      margin-top: 40px;\n    }\n    .h-thermometer {\n      width: 24px;\n      height: 280px;\n      background: #eee;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n      box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);\n    }\n    .h-fill {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      height: 95%;\n      background: linear-gradient(to top, var(--h-dark), var(--h-primary));\n      transition: height 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);\n    }\n    .h-temp-btns {\n      width: 100%;\n      max-width: 320px;\n    }\n    .h-temp-btn {\n      padding: 18px 25px;\n      border: 1px solid #eee;\n      border-radius: 15px;\n      cursor: pointer;\n      background: #fff;\n      width: 100%;\n      margin-bottom: 12px;\n      transition: 0.3s;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .h-temp-btn:hover {\n      background: #f9fcff;\n      transform: translateX(5px);\n    }\n    .h-temp-btn strong {\n      font-size: 1.2rem;\n    }\n    .h-temp-btn.active {\n      border-color: var(--h-primary);\n      background: #f0f9ff;\n      box-shadow: 0 0 0 2px rgba(91, 206, 255, 0.3);\n      transform: scale(1.02);\n    }\n\n    \/* Benefits Section *\/\n    .h-benefits-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 15px;\n      margin-top: 30px;\n      list-style: none;\n    }\n    .h-ben-card {\n      background: #fff;\n      padding: 20px 10px;\n      border-radius: 24px;\n      box-shadow: var(--h-card-shadow);\n      text-align: center;\n      border: var(--h-border-light);\n      transition: 0.3s;\n    }\n    .h-ben-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.08);\n      border-color: rgba(91, 206, 255, 0.2);\n    }\n    .h-ben-icon {\n      width: 45px;\n      height: 45px;\n      background: rgba(91, 206, 255, 0.1);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 10px;\n      color: var(--h-primary);\n      font-size: 1.2rem;\n      transition: 0.4s;\n    }\n    .h-ben-card:hover .h-ben-icon {\n      background: var(--h-primary);\n      color: #fff;\n      transform: rotateY(180deg);\n    }\n\n    \/* Stats Section *\/\n    .h-stats {\n      background: #0f172a;\n      color: #fff;\n      border-radius: 20px;\n      padding: 30px 15px;\n      text-align: center;\n      box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.5);\n      margin-top: 40px;\n    }\n    .h-stats .h-title {\n      color: #fff;\n      margin-bottom: 40px;\n    }\n    .h-stat-num {\n      font-size: 2.5rem;\n      color: var(--h-primary);\n      font-weight: 800;\n      line-height: 1;\n      margin-bottom: 5px;\n    }\n    .h-grid-3 {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 20px;\n      color: #fff;\n      list-style: none;\n    }\n    .h-stats p {\n      text-align: center;\n      margin: 0;\n      color: #fff;\n    }\n\n    \/* Testimonials Section *\/\n    .h-testimonials {\n      display: flex;\n      overflow-x: auto;\n      gap: 20px;\n      margin-top: 30px;\n      padding-bottom: 20px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n    .h-testimonials::-webkit-scrollbar {\n      display: none;\n    }\n    .h-test-img {\n      min-width: 85%;\n      border-radius: 16px;\n      scroll-snap-align: center;\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n      transition: 0.3s;\n      flex-shrink: 0;\n    }\n    .h-test-img:hover {\n      transform: scale(1.02);\n    }\n\n    \/* Cause Section *\/\n    #h-cause-scope .h-cause-section {\n      padding: 60px 0;\n      background: linear-gradient(to right, #f9fafb, #fff);\n      border-bottom: 1px solid #f1f5f9;\n      text-align: center;\n    }\n    #h-cause-scope .h-cause-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 40px;\n      align-items: center;\n    }\n    #h-cause-scope .h-cause-brand {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 25px;\n    }\n    #h-cause-scope .h-brand-icon {\n      font-size: 3.5rem;\n      background: linear-gradient(45deg, #d4af37, #fcd34d, #d4af37);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: h-heartbeat 3s infinite;\n    }\n    #h-cause-scope .h-brand-titles {\n      display: flex;\n      flex-direction: column;\n      border-left: none;\n      padding-left: 0;\n      align-items: center;\n    }\n    #h-cause-scope .h-brand-main {\n      font-size: 2rem;\n      font-weight: 800;\n      color: #334155;\n      line-height: 1;\n      letter-spacing: -1px;\n    }\n    #h-cause-scope .h-brand-sub {\n      text-transform: uppercase;\n      color: #64748b;\n      letter-spacing: 1px;\n      font-weight: 500;\n      margin-top: 5px;\n    }\n    #h-cause-scope .h-cause-desc strong {\n      color: #d4af37;\n    }\n    #h-cause-scope .h-cause-visual {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    #h-cause-scope .h-gold-glow {\n      position: absolute;\n      width: 350px;\n      height: 350px;\n      background: radial-gradient(\n        circle,\n        rgba(251, 191, 36, 0.15) 0%,\n        transparent 70%\n      );\n      border-radius: 50%;\n      z-index: 0;\n    }\n    #h-cause-scope .h-cause-img {\n      position: relative;\n      z-index: 1;\n      max-width: 80%;\n      transform: rotate(0deg);\n      filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.1));\n    }\n    #h-cause-scope .h-ribbon-badge {\n      position: absolute;\n      bottom: 0;\n      right: 50%;\n      transform: translateX(50%);\n      z-index: 2;\n      background: linear-gradient(135deg, #d4af37, #f59e0b);\n      color: #fff;\n      padding: 15px 25px;\n      border-radius: 50px;\n      box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      animation: h-float 4s infinite ease-in-out;\n      width: max-content;\n    }\n    #h-cause-scope .h-ribbon-badge i {\n      font-size: 1.5rem;\n    }\n    #h-cause-scope .h-ribbon-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1.1;\n      text-align: left;\n    }\n    #h-cause-scope .h-ribbon-text span {\n      font-size: 0.7rem;\n      text-transform: uppercase;\n      opacity: 0.9;\n    }\n    #h-cause-scope .h-ribbon-text strong {\n      font-size: 1rem;\n      font-weight: 800;\n    }\n\n    \/* FAQ Section *\/\n    .h-faq-details {\n      background: #fff;\n      border: 1px solid #eee;\n      border-radius: 12px;\n      margin-bottom: 12px;\n      overflow: hidden;\n      transition: 0.3s;\n    }\n    .h-faq-details[open] {\n      border-color: var(--h-primary);\n      box-shadow: 0 5px 15px rgba(91, 206, 255, 0.1);\n    }\n    .h-faq-details summary {\n      padding: 15px;\n      font-weight: 700;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      background: #f9f9f9;\n      align-items: center;\n    }\n    .h-faq-details summary::after {\n      content: '\\f078';\n      font-family: 'Font Awesome 6 Free';\n      font-weight: 900;\n      transition: 0.3s;\n      font-size: 1rem;\n      color: #ccc;\n    }\n    .h-faq-details[open] summary::after {\n      transform: rotate(180deg);\n      color: var(--h-primary);\n    }\n    .h-faq-details p {\n      padding: 25px;\n      margin: 0;\n      color: #555;\n      line-height: 1.7;\n      border-top: 1px solid #f0f0f0;\n      text-align: left;\n    }\n\n    \/* Final Guarantees *\/\n    .h-final-guarantee {\n      padding: 40px;\n      border: 1px solid #eee;\n      border-radius: 24px;\n      background: #f9f9f9;\n      display: inline-block;\n      width: 100%;\n      max-width: 600px;\n      text-align: center;\n    }\n    .h-final-guarantee i {\n      font-size: 8rem;\n      color: var(--h-primary);\n      margin-bottom: 15px;\n    }\n    .h-final-guarantee h3 {\n      font-size: 1.6rem;\n      color: #1f2937;\n      margin-bottom: 10px;\n    }\n    .h-final-guarantee p {\n      color: #666;\n      text-align: center;\n      margin: 0;\n    }\n\n    \/* Anti-copy system base *\/\n    body {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n\n    \/* =========================================\n       5. MEDIA QUERIES - DESKTOP (901px+)\n       RESTAURAÇÃO DO LAYOUT ORIGINAL\n       ========================================= *\/\n    @media (min-width: 901px) {\n      .hycella-wrapper {\n        font-size: 16px;\n      }\n      .h-section {\n        padding: 100px 0;\n      }\n      .h-title {\n        font-size: 3.2rem;\n        margin-bottom: 30px;\n        font-weight: 700;\n      }\n      .h-subtitle,\n      .h-text,\n      .h-imagine-text,\n      .h-cause-desc {\n        font-size: 1.4rem;\n        margin-bottom: 40px;\n        text-align: center;\n      }\n      .h-pill,\n      .h-tag-pill,\n      .h-insta-pill {\n        padding: 12px 24px;\n        margin-bottom: 25px;\n      }\n\n      \/* Hero Desktop *\/\n      .h-hero {\n        padding: 50px 0 80px;\n      }\n      .h-hero-grid {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n        gap: 40px;\n      }\n      .h-hero-grid .h-title,\n      .h-hero-grid p {\n        text-align: left;\n        margin-left: 0;\n      }\n      .h-hero-img-box {\n        margin-top: 20px;\n        max-width: 100%;\n      }\n      .h-hero-main-img {\n        border-radius: 40px;\n        box-shadow: 0 50px 100px -20px rgba(91, 206, 255, 0.3) !important;\n      }\n      .h-float-card {\n        display: flex;\n      }\n\n      \/* Clientes Bar Desktop *\/\n      .h-clientes-bar p {\n        font-size: 1.1rem;\n      }\n\n      \/* Imagine Desktop *\/\n      .h-imagine-card {\n        padding: 60px;\n        border-radius: 32px;\n      }\n      .h-imagine-title {\n        font-size: 3.5rem;\n      }\n      .h-imagine-list li {\n        font-size: 1.6rem;\n      }\n      .h-imagine-icon {\n        font-size: 1.8rem;\n      }\n\n      \/* USB Desktop *\/\n      .h-usb-section {\n        padding: 80px 0;\n      }\n      .h-usb-grid {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n      }\n      .h-usb-visual-wrapper {\n        width: auto;\n        position: relative;\n        left: auto;\n        right: auto;\n        margin-left: 0;\n        margin-right: 0;\n        background: none;\n        padding: 0;\n        overflow: visible;\n      }\n      .h-usb-visual {\n        height: 400px;\n      }\n      .h-glow-circle {\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(\n          circle,\n          rgba(91, 206, 255, 0.3) 0%,\n          rgba(255, 255, 255, 0) 70%\n        );\n      }\n      .h-usb-product-img {\n        transform: rotate(-10deg);\n        max-width: 480px;\n        width: 100%;\n        margin-left: 0;\n        filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.2));\n      }\n      .h-usb-visual:hover .h-usb-product-img {\n        transform: rotate(-10deg) scale(1.05);\n      }\n      .h-usb-badge-mobile {\n        display: none;\n      }\n      .h-usb-content {\n        padding-left: 20px;\n        text-align: left;\n      }\n      .h-usb-content .h-title {\n        text-align: left;\n      }\n      .h-usb-subtitle {\n        justify-content: flex-start;\n      }\n      .h-specs-list {\n        text-align: left;\n        margin: 0;\n      }\n\n      \/* Tech Desktop *\/\n      .h-tech-section {\n        padding: 100px 0;\n      }\n      .h-tech-grid {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n      }\n      .h-tech-content .h-title {\n        text-align: left !important;\n      }\n      .h-tech-items {\n        display: block;\n      }\n      .h-tech-item强 {\n        font-size: 1.6rem;\n      }\n      .h-tech-item p {\n        font-size: 1.4rem;\n      }\n      .h-tech-visual {\n        height: 400px;\n      }\n      .h-circle-outer {\n        width: 300px;\n        height: 300px;\n      }\n      .h-circle-inner {\n        width: 180px;\n        height: 180px;\n      }\n      .h-orbit {\n        display: block;\n      }\n      .h-orbit-1 {\n        width: 400px;\n        height: 400px;\n      }\n      .h-orbit-2 {\n        width: 550px;\n        height: 550px;\n      }\n      .h-glass-card-sm {\n        bottom: 40px;\n        right: 20px;\n        padding: 15px 25px;\n      }\n\n      \/* Model Desktop *\/\n      .h-model-section {\n        padding: 100px 0;\n      }\n      .h-model-grid {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n        gap: 80px;\n      }\n      .h-model-grid .h-title {\n        font-size: 2.8rem;\n        text-align: left;\n      }\n      .h-desc {\n        font-size: 1.15rem;\n        text-align: left;\n      }\n      .h-features-list {\n        font-size: 1.1rem;\n        align-items: flex-start;\n        margin: 0;\n      }\n      .h-gif-frame {\n        border-radius: 30px;\n        transform: rotate(2deg);\n      }\n\n      \/* Video Proof Desktop *\/\n      .h-video-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 20px;\n        padding: 20px 5px;\n        overflow: visible;\n      }\n      .h-video-card {\n        min-width: auto;\n        width: 100%;\n        border-radius: 18px;\n      }\n      .h-swipe-hint {\n        display: none;\n      }\n\n      \/* Hair Desktop *\/\n      .h-hair-grid {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n      }\n      .h-hair-text .h-title {\n        text-align: left;\n      }\n\n      \/* Compare Desktop *\/\n      .h-compare {\n        height: 500px;\n      }\n\n      \/* Thermo Desktop *\/\n      .h-thermo-wrap {\n        flex-direction: row;\n      }\n\n      \/* Diff Desktop *\/\n      .h-diff-wrapper {\n        grid-template-columns: 1fr 1fr;\n        text-align: left;\n      }\n      .h-diff-text {\n        text-align: left;\n      }\n      .h-guarantee-box {\n        margin: 0;\n        max-width: 400px;\n      }\n      .h-diff-table {\n        margin-left: 20px;\n        transform: scale(1.05);\n        border-radius: 24px;\n      }\n      .h-diff-table::before {\n        left: 40%;\n        width: 30%;\n      }\n      .h-table-header {\n        grid-template-columns: 40% 30% 30%;\n      }\n      .h-col-brand strong {\n        font-size: 1.1rem;\n      }\n      .h-col-other {\n        font-size: 0.9rem;\n      }\n      .h-table-row {\n        grid-template-columns: 40% 30% 30%;\n        padding: 18px 10px;\n      }\n      .h-feat-name {\n        font-size: 1.1rem;\n        padding-left: 15px;\n      }\n      .h-feat-brand,\n      .h-feat-other {\n        font-size: 1.3rem;\n      }\n\n      \/* Glass Desktop *\/\n      .h-premium-info {\n        padding: 100px 0;\n      }\n      .h-glass-card {\n        grid-template-columns: 1.2fr 1fr;\n        border-radius: 30px;\n      }\n      .h-info-left {\n        padding: 60px;\n        text-align: left;\n        align-items: flex-start;\n      }\n      .h-info-title {\n        font-size: 2.8rem;\n        margin-bottom: 25px;\n      }\n      .h-info-desc {\n        font-size: 1.5rem;\n        margin-bottom: 30px;\n      }\n      .h-info-right {\n        padding: 60px;\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n        border-left: 1px solid rgba(255, 255, 255, 0.3);\n        border-top: none;\n      }\n      .h-feature-box p {\n        font-size: 1.2rem;\n      }\n\n      \/* Details\/Benefits\/Stats Desktop *\/\n      .h-details-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n      .h-detail-card {\n        padding: 35px 25px;\n        border-radius: 20px;\n      }\n      .h-step-num {\n        width: 45px;\n        height: 45px;\n        font-size: 1.2rem;\n      }\n\n      .h-benefits-grid {\n        grid-template-columns: repeat(6, 1fr);\n        gap: 15px;\n      }\n      .h-ben-card {\n        padding: 25px 10px;\n        border-radius: 15px;\n      }\n      .h-ben-icon {\n        width: 55px;\n        height: 55px;\n        font-size: 1.4rem;\n      }\n\n      .h-stats {\n        border-radius: 20px;\n        padding: 50px 20px;\n        margin-top: 60px;\n      }\n      .h-stat-num {\n        font-size: 3.5rem;\n      }\n      .h-grid-3 {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n      }\n\n      \/* FAQ Desktop *\/\n      .h-faq-details summary {\n        padding: 22px;\n        font-size: 1.6rem;\n      }\n      .h-faq-details p {\n        padding: 25px;\n        font-size: 1.3rem;\n      }\n\n      \/* Cause Desktop *\/\n      #h-cause-scope .h-cause-section {\n        padding: 80px 0;\n        text-align: left;\n      }\n      #h-cause-scope .h-cause-grid {\n        grid-template-columns: 1.2fr 0.8fr;\n        gap: 60px;\n      }\n      #h-cause-scope .h-cause-brand {\n        flex-direction: row;\n        gap: 20px;\n        margin-bottom: 30px;\n        align-items: center;\n      }\n      #h-cause-scope .h-brand-titles {\n        border-left: 2px solid #cbd5e1;\n        padding-left: 20px;\n        align-items: flex-start;\n      }\n      #h-cause-scope .h-brand-main {\n        font-size: 1.8rem;\n      }\n      #h-cause-scope .h-cause-desc {\n        text-align: left;\n        margin: 0;\n      }\n      #h-cause-scope .h-cause-img {\n        max-width: 300px;\n        transform: rotate(-5deg);\n      }\n      #h-cause-scope .h-ribbon-badge {\n        bottom: 20px;\n        right: 20px;\n        transform: none;\n        border-radius: 50px 0 50px 50px;\n      }\n    }\n\n    \/* Correções de sobrescrita indesejada do CMS no mobile *\/\n    @media (max-width: 900px) {\n      .hycella-wrapper .h-stat-num {\n        font-size: 2.5rem !important;\n      }\n      .hycella-wrapper .h-title {\n        font-size: 3.2rem !important;\n      }\n      .hycella-wrapper .h-stat-num {\n        font-size: 2.5rem !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cheader class=\"h-section h-hero\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003cdiv class=\"h-hero-grid\"\u003e\n        \u003cdiv class=\"h-reveal\"\u003e\n          \u003cdiv class=\"h-pill\"\u003e\n            \u003ci class=\"fa-solid fa-star\" style=\"color: #ffd700\"\u003e\u003c\/i\u003e 4.9\/5.0 |\n            Diversão Inteligente\n          \u003c\/div\u003e\n          \u003ch1 class=\"h-title\"\u003e\n            Descubra a Magia do Desenho Sem Limites com \u003cspan\u003eLuzPad\u003c\/span\u003e\n          \u003c\/h1\u003e\n          \u003cp class=\"h-subtitle\"\u003e\n            A tela de LCD inteligente que liberta a imaginação das crianças.\n            Diga adeus às telas azuis prejudiciais, paredes rabiscadas e à\n            bagunça com tintas.\n          \u003c\/p\u003e\n          \u003cul class=\"h-check-list\"\u003e\n            \u003cli\u003e\n              \u003ci class=\"fa-solid fa-eye-slash\"\u003e\u003c\/i\u003e Sem Luz Azul (Protege a\n              Visão)\n            \u003c\/li\u003e\n            \u003cli\u003e\n\u003ci class=\"fa-solid fa-broom\"\u003e\u003c\/i\u003e Zero Sujeira na Casa\u003c\/li\u003e\n            \u003cli\u003e\n\u003ci class=\"fa-solid fa-eraser\"\u003e\u003c\/i\u003e Apaga tudo com um pano\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-hero-img-box h-reveal\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/image_921_1739736852095-62635120-34884414-71118986_0.jpg?v=1772815153\" alt=\"Criança usando o LuzPad\" class=\"h-hero-main-img\"\u003e\n          \u003cdiv class=\"h-float-card\" style=\"top: 10%; left: -5%\"\u003e\n            \u003ci class=\"fa-solid fa-shield-halved\" style=\"color: #10b981; margin-bottom: 5px\"\u003e\u003c\/i\u003e\n            Material Seguro\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-float-card\" style=\"bottom: 15%; right: -5%\"\u003e\n            \u003ci class=\"fa-solid fa-leaf\" style=\"color: #0ea5e9; margin-bottom: 5px\"\u003e\u003c\/i\u003e\n            Eco-friendly\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003csection class=\"h-section\" style=\"background: #f8fafc\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003ch2 class=\"h-title h-reveal\"\u003e\n        Tecnologia que \u003cspan\u003eAcompanha a Imaginação\u003c\/span\u003e\n      \u003c\/h2\u003e\n      \u003cp class=\"h-subtitle h-reveal\"\u003e\n        Entenda como a tela dinâmica do LuzPad funciona na prática.\n      \u003c\/p\u003e\n      \u003cdiv class=\"h-details-grid h-reveal\"\u003e\n        \u003cdiv class=\"h-detail-card\"\u003e\n          \u003cdiv class=\"h-step-num\"\u003e\u003ci class=\"fa-solid fa-pen-nib\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eEscreva e Desenhe\u003c\/h3\u003e\n          \u003cp\u003e\n            A caneta stylus inclusa desliza suavemente como se fosse um papel\n            real, criando traços nítidos e vibrantes.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-detail-card\"\u003e\n          \u003cdiv class=\"h-step-num\"\u003e\u003ci class=\"fa-solid fa-bolt\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eCores Vivas\u003c\/h3\u003e\n          \u003cp\u003e\n            A tela conta com zonas de refração que refletem a luz ambiente para\n            formar traços multicoloridos mágicos.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-detail-card\"\u003e\n          \u003cdiv class=\"h-step-num\"\u003e\u003ci class=\"fa-solid fa-trash-can\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eApagamento Ágil\u003c\/h3\u003e\n          \u003cp\u003e\n            Errou ou quer começar de novo? O pano faz a limpeza em segundos, sem\n            esforço.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section\"\u003e\n    \u003cdiv class=\"h-container h-reveal\"\u003e\n      \u003ch2 class=\"h-title\"\u003eTudo o que os \u003cspan\u003ePais Queriam\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cdiv class=\"h-benefits-grid\"\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\n            \u003ci class=\"fa-solid fa-droplet-slash\"\u003e\u003c\/i\u003e\n          \u003c\/div\u003e\n          \u003ch3\u003eSem Tinta\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\u003ci class=\"fa-solid fa-broom\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eZero Sujeira\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\u003ci class=\"fa-solid fa-plane\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003ePortátil\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\u003ci class=\"fa-solid fa-battery-full\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eBateria Longa\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\u003ci class=\"fa-solid fa-lock\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eTrava de Tela\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-ben-card\"\u003e\n          \u003cdiv class=\"h-ben-icon\"\u003e\u003ci class=\"fa-solid fa-tree\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003ch3\u003eSalva Árvores\u003c\/h3\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"h-stats\"\u003e\n        \u003cdiv class=\"h-grid-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"h-stat-num\"\u003e100k+\u003c\/div\u003e\n            \u003cp\u003eApagamentos por Bateria\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"h-stat-num\"\u003e0%\u003c\/div\u003e\n            \u003cp\u003eEmissão de Radiação\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"h-stat-num\"\u003e3x\u003c\/div\u003e\n            \u003cp\u003eMais Diversão Garantida\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section h-diff-section\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003cdiv class=\"h-diff-wrapper\"\u003e\n        \u003cdiv class=\"h-reveal h-diff-text\"\u003e\n          \u003cdiv class=\"h-guarantee-box\"\u003e\n            \u003ci class=\"fa-solid fa-shield-check\" style=\"color: var(--h-green); font-size: 2rem\"\u003e\u003c\/i\u003e\n            \u003cp\u003e\n              \u003cstrong\u003eEscolha Inteligente.\u003c\/strong\u003e Proteja a visão e o\n              desenvolvimento infantil longe das armadilhas da internet.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003ch2 class=\"h-title\"\u003e\n            Por que o LuzPad é a \u003cspan\u003emelhor escolha?\u003c\/span\u003e\n          \u003c\/h2\u003e\n          \u003cp class=\"h-text\"\u003e\n            Tablets convencionais viciam em vídeos curtos e emitem luz azul\n            prejudicial. O LuzPad foca 100% no desenvolvimento cognitivo e motor\n            da criança.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-diff-table h-reveal\"\u003e\n          \u003cdiv class=\"h-table-header\"\u003e\n            \u003cdiv class=\"h-col-empty\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"h-col-brand\"\u003e\n              \u003cspan\u003eO ORIGINAL\u003c\/span\u003e\u003cstrong\u003eLuzPad\u003c\/strong\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-col-other\"\u003eTablet Comum\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-table-row\"\u003e\n            \u003cdiv class=\"h-feat-name\"\u003eProteção (Sem Luz Azul)\u003c\/div\u003e\n            \u003cdiv class=\"h-feat-brand\"\u003e\n              \u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-feat-other\"\u003e\n              \u003ci class=\"fa-solid fa-circle-xmark\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-table-row\"\u003e\n            \u003cdiv class=\"h-feat-name\"\u003eFoco em Criatividade\u003c\/div\u003e\n            \u003cdiv class=\"h-feat-brand\"\u003e\n              \u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-feat-other\"\u003e\n              \u003ci class=\"fa-solid fa-circle-xmark\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-table-row\"\u003e\n            \u003cdiv class=\"h-feat-name\"\u003eResistente a quedas\u003c\/div\u003e\n            \u003cdiv class=\"h-feat-brand\"\u003e\n              \u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-feat-other\"\u003e\n              \u003ci class=\"fa-solid fa-circle-xmark\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-table-row\" style=\"border-bottom: none\"\u003e\n            \u003cdiv class=\"h-feat-name\"\u003eDuração da bateria\u003c\/div\u003e\n            \u003cdiv class=\"h-feat-brand\" style=\"color: var(--h-green); font-weight: bold\"\u003e\n              Meses\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-feat-other\" style=\"color: #ef4444; font-weight: bold\"\u003e\n              Horas\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-premium-info\"\u003e\n    \u003cdiv class=\"h-container h-reveal\"\u003e\n      \u003cdiv class=\"h-glass-card\"\u003e\n        \u003cdiv class=\"h-info-left\"\u003e\n          \u003cdiv class=\"h-tag-pill\"\u003e\n            \u003ci class=\"fa-solid fa-star\"\u003e\u003c\/i\u003e TECNOLOGIA DE PONTA\n          \u003c\/div\u003e\n          \u003ch2 class=\"h-info-title\"\u003e\n            Diversão para \u003cspan class=\"h-text-gradient\"\u003eToda a Família\u003c\/span\u003e\n          \u003c\/h2\u003e\n          \u003cdiv class=\"h-decor-line\" style=\"margin-bottom: 20px\"\u003e\u003c\/div\u003e\n          \u003cp class=\"h-info-desc\"\u003e\n            A criatividade flui melhor quando compartilhada. Com a nossa\n            condição especial \u003cstrong\u003eLeve 2 e Ganhe 1\u003c\/strong\u003e, você garante\n            que nenhum irmão fique de fora da brincadeira.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-info-right\"\u003e\n          \u003cdiv class=\"h-feature-box\"\u003e\n            \u003cdiv class=\"h-icon-glow\"\u003e\n              \u003ci class=\"fa-solid fa-face-smile-wink\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003ch4\u003eDesenvolvimento\u003c\/h4\u003e\n            \u003cp\u003eEstimula a coordenação motora e o foco.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-feature-box\"\u003e\n            \u003cdiv class=\"h-icon-glow\"\u003e\n              \u003ci class=\"fa-solid fa-handshake-angle\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003ch4\u003eSem Brigas\u003c\/h4\u003e\n            \u003cp\u003eCada criança tem o seu próprio espaço.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-feature-box\" style=\"grid-column: span 2\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/image_623_1739736852075-43062211-61222090-77022337_3.jpg?v=1772815153\" alt=\"Crianças com o Tablet\" style=\"border-radius: 12px; width: 100%\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section h-usb-section\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003cdiv class=\"h-usb-grid h-reveal\"\u003e\n        \u003cdiv class=\"h-usb-visual-wrapper\"\u003e\n          \u003cdiv class=\"h-usb-badge-mobile\"\u003e\n            \u003ci class=\"fa-solid fa-medal\"\u003e\u003c\/i\u003e Qualidade Premium\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-usb-visual\"\u003e\n            \u003cdiv class=\"h-glow-circle\"\u003e\u003c\/div\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/image_937_1739736852080-73183361-84951833-70734567_4.jpg?v=1772815154\" alt=\"Tablet LuzPad\" class=\"h-usb-product-img\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-usb-content\"\u003e\n          \u003cspan class=\"h-usb-subtitle\"\u003ePronto para qualquer aventura\u003c\/span\u003e\n          \u003ch2 class=\"h-title\"\u003eDesign \u003cspan\u003eUltrafino\u003c\/span\u003e e Resistente\u003c\/h2\u003e\n          \u003cp\u003e\n            O corpo do LuzPad é moldado em plástico ABS de alta resistência,\n            projetado especificamente para aguentar a rotina agitada das\n            crianças.\n          \u003c\/p\u003e\n          \u003cdiv class=\"h-specs-list\"\u003e\n            \u003cdiv class=\"h-spec-item\"\u003e\n              \u003cdiv class=\"h-spec-icon\"\u003e\n                \u003ci class=\"fa-solid fa-weight-scale\"\u003e\u003c\/i\u003e\n              \u003c\/div\u003e\n              \u003cdiv\u003e\n                \u003cstrong\u003eMenos de 150g\u003c\/strong\u003e\u003cspan\u003eLeve como um pequeno caderno.\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"h-spec-item\"\u003e\n              \u003cdiv class=\"h-spec-icon\"\u003e\u003ci class=\"fa-solid fa-lock\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n              \u003cdiv\u003e\n                \u003cstrong\u003eTrava de Tela\u003c\/strong\u003e\u003cspan\u003eProteja o desenho travando o botão atrás.\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section h-tech-section\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003cdiv class=\"h-tech-grid\"\u003e\n        \u003cdiv class=\"h-tech-visual h-reveal\"\u003e\n          \u003cdiv class=\"h-circle-outer\"\u003e\n            \u003cdiv class=\"h-circle-inner\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/Sf2b75edb4f654977b9c2445bad867e04s.jpg_960x960q75.jpg__1.png?v=1772815153\" alt=\"Tech LuzPad\" style=\"width: 140px; border-radius: 12px; z-index: 2\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-glass-card-sm\"\u003e\n            \u003cspan\u003eVisor\u003c\/span\u003e\u003cstrong\u003eLCD Flexível\u003c\/strong\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-tech-content h-reveal\"\u003e\n          \u003cdiv class=\"h-pill\" style=\"\n              background: rgba(14, 165, 233, 0.1);\n              border-color: rgba(14, 165, 233, 0.3);\n              color: #38bdf8;\n            \"\u003e\n            \u003ci class=\"fa-solid fa-microchip\"\u003e\u003c\/i\u003e Engenharia Inteligente\n          \u003c\/div\u003e\n          \u003ch2 class=\"h-title\" style=\"color: #fff\"\u003e\n            Tecnologia Silenciosa, \u003cbr\u003e\u003cspan style=\"\n                background-image: linear-gradient(135deg, #38bdf8, #8b5cf6);\n              \"\u003eResultados Claros.\u003c\/span\u003e\n          \u003c\/h2\u003e\n          \u003cp style=\"color: #cbd5e1\"\u003e\n            Não é necessário carregador. A magia acontece por um sistema físico\n            de cristal líquido sensível à pressão.\n          \u003c\/p\u003e\n          \u003cdiv class=\"h-tech-item\"\u003e\n            \u003cdiv class=\"h-tech-icon\"\u003e\n              \u003ci class=\"fa-solid fa-layer-group\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eTela Multicamadas\u003c\/strong\u003e\n              \u003cp\u003eConstruída com película protetora e base de alto contraste.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"h-tech-item\"\u003e\n            \u003cdiv class=\"h-tech-icon\"\u003e\n              \u003ci class=\"fa-solid fa-battery-quarter\"\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eBateria Botão Inclusa\u003c\/strong\u003e\n              \u003cp\u003eA energia só é gasta ao apagar. Dura de 6 a 12 meses.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-model-section\"\u003e\n    \u003cdiv class=\"h-container\"\u003e\n      \u003cdiv class=\"h-model-grid\"\u003e\n        \u003cdiv class=\"h-reveal\"\u003e\n          \u003cdiv class=\"h-pill\"\u003e\n            \u003ci class=\"fa-solid fa-gift\"\u003e\u003c\/i\u003e Condição Especial\n          \u003c\/div\u003e\n          \u003ch2 class=\"h-title\"\u003e\n            Compartilhe a Magia: \u003cbr\u003e\u003cspan class=\"h-gradient-text\"\u003eLeve 2, Ganhe 1!\u003c\/span\u003e\n          \u003c\/h2\u003e\n          \u003cp class=\"h-desc\"\u003e\n            Aproveite nossa campanha por tempo limitado. O pacote Triplo é ideal\n            para garantir o desenvolvimento criativo e ainda economizar.\n            \u003cstrong\u003eSelecione a opção desejada no topo da página.\u003c\/strong\u003e\n          \u003c\/p\u003e\n          \u003cul class=\"h-features-list\"\u003e\n            \u003cli\u003e\n              \u003cdiv class=\"h-icon-circle\"\u003e\u003ci class=\"fa-solid fa-check\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n              Ideal para presentear.\n            \u003c\/li\u003e\n            \u003cli\u003e\n              \u003cdiv class=\"h-icon-circle\"\u003e\u003ci class=\"fa-solid fa-check\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n              Chega de disputas por brinquedos.\n            \u003c\/li\u003e\n            \u003cli\u003e\n              \u003cdiv class=\"h-icon-circle\"\u003e\u003ci class=\"fa-solid fa-check\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n              O melhor custo-benefício.\n            \u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"h-visual-box h-reveal\"\u003e\n          \u003cdiv class=\"h-blob-bg\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"h-gif-frame\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/image_937_1739736852080-73183361-84951833-70734567_4.jpg?v=1772815154\" alt=\"Kits LuzPad\" class=\"h-gif-element\"\u003e\n            \u003cdiv class=\"h-glass-badge\"\u003e\n              \u003ci class=\"fa-solid fa-star\"\u003e\u003c\/i\u003e Sucesso de Vendas\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section\"\u003e\n    \u003cdiv class=\"h-container h-reveal\"\u003e\n      \u003ch2 class=\"h-title\"\u003eDúvidas Frequentes\u003c\/h2\u003e\n      \u003cp class=\"h-subtitle\"\u003eTire suas dúvidas sobre o LuzPad\u003c\/p\u003e\n      \u003cdiv style=\"max-width: 800px; margin: 0 auto\"\u003e\n        \u003cdetails class=\"h-faq-details\"\u003e\n          \u003csummary\u003eA tela emite luz azul?\u003c\/summary\u003e\n          \u003cp\u003e\n            Não. O LuzPad utiliza tecnologia LCD de refração natural, sem\n            retroiluminação, sendo tão seguro quanto desenhar no papel.\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"h-faq-details\"\u003e\n          \u003csummary\u003ePrecisa carregar na tomada?\u003c\/summary\u003e\n          \u003cp\u003e\n            Não! Ele funciona com o cabo usb ligado em alugm lugar energizado\n            para emitir as cores vivas (tomada, computador,etc) basta concetar o\n            USB\n          \u003c\/p\u003e\n        \u003c\/details\u003e\n        \u003cdetails class=\"h-faq-details\"\u003e\n          \u003csummary\u003eComo faço para apagar?\u003c\/summary\u003e\n          \u003cp\u003eBasta passar o pano de microfibra que vem junto com o luzpad\u003c\/p\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"h-section\" style=\"background: #fff\"\u003e\n    \u003cdiv class=\"h-container h-reveal\" style=\"text-align: center\"\u003e\n      \u003cdiv class=\"h-final-guarantee\"\u003e\n        \u003ci class=\"fa-solid fa-medal\"\u003e\u003c\/i\u003e\n        \u003ch3\u003eGARANTIA LUZPAD\u003c\/h3\u003e\n        \u003cp\u003eGarantia de 30 dias contra defeitos de fabricação.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"margin-top: 40px\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/tRUCKMAN.png?v=1762479012\" style=\"max-width: 150px\"\u003e\n        \u003cp style=\"font-weight: 600; margin-top: 10px\"\u003e\n          Entrega Segura via Correios\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function () {\n      \/\/ Intersection Observer para animações de revelação\n      const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15,\n      };\n      const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach((entry) =\u003e {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('active');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      document\n        .querySelectorAll('.h-reveal')\n        .forEach((el) =\u003e observer.observe(el));\n\n      \/\/ Configuração básica do FAQ (opcional, o HTML \u003cdetails\u003e já funciona nativamente)\n      const details = document.querySelectorAll('.h-faq-details');\n      details.forEach((targetDetail) =\u003e {\n        targetDetail.addEventListener('click', () =\u003e {\n          \/\/ Fecha outros FAQs ao abrir um (efeito sanfona)\n          details.forEach((detail) =\u003e {\n            if (detail !== targetDetail) {\n              detail.removeAttribute('open');\n            }\n          });\n        });\n      });\n    });\n\n    \/* SISTEMA ANTI-CÓPIA BÁSICO (Conforme solicitado no código original) *\/\n    document.addEventListener('contextmenu', (e) =\u003e e.preventDefault());\n    document.addEventListener('dragstart', (e) =\u003e e.preventDefault());\n    document.addEventListener('copy', (e) =\u003e e.preventDefault());\n    document.addEventListener('cut', (e) =\u003e e.preventDefault());\n    document.addEventListener('keydown', (e) =\u003e {\n      if (\n        e.key === 'F12' ||\n        (e.ctrlKey \u0026\u0026 (e.key === 'u' || e.key === 's' || e.key === 'c'))\n      ) {\n        e.preventDefault();\n      }\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"Hycella | Confiança e Qualidade é a nossa marca","offers":[{"title":"Default Title","offer_id":43012023812186,"sku":null,"price":159.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0677\/9954\/7994\/files\/Design_sem_nome_1_60de1743-e286-4eeb-ab92-3bdb56b64a93.png?v=1773254034","url":"https:\/\/hycella.com\/products\/luzpad-tablet-de-desenho-brilhante-leve-2-e-ganhe-1","provider":"Hycella | Confiança e Qualidade é a nossa marca","version":"1.0","type":"link"}