{"product_id":"gafas-de-sol-inteligentes","title":"VISION X - SMART GLASSES","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n:root{\n\n  --primary:#00c8ff;\n  --primary2:#1677ff;\n\n  --bg:#ffffff;\n\n  --text:#111827;\n  --muted:#6b7280;\n\n  --border:#e5f3ff;\n\n}\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\nhtml{\n  scroll-behavior:smooth;\n}\n\nbody{\n  font-family:'Inter',sans-serif;\n  background:var(--bg);\n  color:var(--text);\n  overflow-x:hidden;\n}\n\n\/* BACKGROUND GLOW *\/\n\nbody::before{\n\n  content:'';\n\n  position:fixed;\n\n  width:900px;\n  height:900px;\n\n  border-radius:50%;\n\n  background:\n  radial-gradient(circle,\n  rgba(0,200,255,.08),\n  transparent 70%);\n\n  top:-350px;\n  right:-300px;\n\n  z-index:-1;\n}\n\n\/* HERO *\/\n\n.hero{\n\n  padding:70px 5% 120px;\n}\n\n\/* VIDEO CENTRALIZADO *\/\n\n.hero-video-wrap{\n\n  max-width:900px;\n\n  margin:auto;\n\n  margin-bottom:70px;\n}\n\n.hero-video-box{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:42px;\n\n  padding:16px;\n\n  background:\n  linear-gradient(\n  135deg,\n  #0d2a72,\n  #081a43);\n\n  box-shadow:\n  0 40px 120px rgba(0,0,0,.18);\n}\n\n.hero-video-box::before{\n\n  content:'';\n\n  position:absolute;\n\n  width:900px;\n  height:900px;\n\n  border-radius:50%;\n\n  background:\n  radial-gradient(circle,\n  rgba(0,200,255,.18),\n  transparent 70%);\n\n  top:-420px;\n  right:-300px;\n}\n\n.hero-video{\n\n  width:100%;\n\n  max-height:720px;\n\n  object-fit:cover;\n\n  border-radius:30px;\n\n  display:block;\n\n  position:relative;\n  z-index:2;\n}\n\n\/* TEXTO *\/\n\n.hero-inner{\n\n  max-width:1000px;\n\n  margin:auto;\n\n  text-align:center;\n}\n\n.badge{\n\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  padding:12px 22px;\n\n  border-radius:999px;\n\n  background:\n  linear-gradient(\n  135deg,\n  var(--primary),\n  var(--primary2));\n\n  color:white;\n\n  font-size:.75rem;\n  font-weight:700;\n\n  letter-spacing:.1em;\n\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n\n  box-shadow:\n  0 10px 30px rgba(0,200,255,.18);\n}\n\n.badge-dot{\n\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:white;\n}\n\n.hero-title{\n\n  font-size:clamp(3rem,6vw,6rem);\n\n  line-height:.95;\n\n  font-weight:800;\n\n  letter-spacing:-0.05em;\n\n  margin-bottom:28px;\n}\n\n.hero-title span{\n\n  background:\n  linear-gradient(\n  135deg,\n  var(--primary),\n  var(--primary2));\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.hero-sub{\n\n  font-size:1.15rem;\n\n  line-height:1.9;\n\n  color:var(--muted);\n\n  max-width:760px;\n\n  margin:auto;\n\n  margin-bottom:42px;\n}\n\n\/* BUTTONS *\/\n\n.buttons{\n\n  display:flex;\n  justify-content:center;\n\n  gap:18px;\n\n  flex-wrap:wrap;\n}\n\n.btn-primary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:20px 38px;\n\n  border-radius:18px;\n\n  background:\n  linear-gradient(\n  135deg,\n  var(--primary),\n  var(--primary2));\n\n  color:white;\n\n  text-decoration:none;\n\n  font-weight:700;\n\n  transition:.35s;\n\n  box-shadow:\n  0 18px 40px rgba(22,119,255,.18);\n}\n\n.btn-primary:hover{\n  transform:translateY(-4px);\n}\n\n.btn-secondary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:20px 38px;\n\n  border-radius:18px;\n\n  border:1px solid #d8e9ff;\n\n  color:var(--primary2);\n\n  text-decoration:none;\n\n  font-weight:700;\n\n  transition:.35s;\n}\n\n.btn-secondary:hover{\n  background:#f7fbff;\n}\n\n\/* STATS *\/\n\n.stats{\n\n  display:flex;\n\n  justify-content:center;\n\n  gap:18px;\n\n  flex-wrap:wrap;\n\n  margin-top:60px;\n}\n\n.stat{\n\n  min-width:190px;\n\n  background:white;\n\n  border:1px solid var(--border);\n\n  border-radius:24px;\n\n  padding:28px;\n\n  box-shadow:\n  0 10px 40px rgba(0,0,0,.05);\n}\n\n.stat-number{\n\n  font-size:2rem;\n\n  font-weight:800;\n\n  background:\n  linear-gradient(\n  135deg,\n  var(--primary),\n  var(--primary2));\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.stat-label{\n\n  margin-top:8px;\n\n  color:var(--muted);\n\n  font-size:.92rem;\n}\n\n\/* BENEFITS *\/\n\n.section{\n\n  padding:120px 5%;\n}\n\n.container{\n  max-width:1250px;\n  margin:auto;\n}\n\n.center{\n  text-align:center;\n}\n\n.label{\n\n  color:var(--primary2);\n\n  font-size:.78rem;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n\n  margin-bottom:18px;\n}\n\n.title{\n\n  font-size:clamp(2.4rem,5vw,4.6rem);\n\n  line-height:1.05;\n\n  font-weight:800;\n\n  margin-bottom:24px;\n}\n\n.title span{\n  color:var(--primary2);\n}\n\n.subtitle{\n\n  max-width:760px;\n\n  margin:auto;\n\n  color:var(--muted);\n\n  line-height:1.9;\n}\n\n\/* GRID *\/\n\n.grid{\n\n  margin-top:70px;\n\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  gap:24px;\n}\n\n.card{\n\n  background:white;\n\n  border:1px solid var(--border);\n\n  border-radius:30px;\n\n  padding:40px;\n\n  transition:.35s;\n\n  box-shadow:\n  0 10px 40px rgba(0,0,0,.05);\n\n  position:relative;\n\n  overflow:hidden;\n}\n\n.card::before{\n\n  content:'';\n\n  position:absolute;\n  inset:0;\n\n  background:\n  linear-gradient(\n  135deg,\n  rgba(0,200,255,.05),\n  transparent);\n\n  opacity:0;\n\n  transition:.35s;\n}\n\n.card:hover{\n\n  transform:translateY(-10px);\n\n  box-shadow:\n  0 30px 60px rgba(0,0,0,.08);\n}\n\n.card:hover::before{\n  opacity:1;\n}\n\n.icon{\n\n  width:72px;\n  height:72px;\n\n  border-radius:22px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n  linear-gradient(\n  135deg,\n  var(--primary),\n  var(--primary2));\n\n  color:white;\n\n  font-size:1.8rem;\n\n  margin-bottom:26px;\n}\n\n.card h3{\n\n  font-size:1.2rem;\n\n  margin-bottom:14px;\n}\n\n.card p{\n\n  color:var(--muted);\n\n  line-height:1.8;\n}\n\n\/* CTA *\/\n\n.cta{\n\n  padding:0 5% 120px;\n}\n\n.cta-box{\n\n  position:relative;\n\n  max-width:1250px;\n\n  margin:auto;\n\n  border-radius:42px;\n\n  overflow:hidden;\n\n  padding:100px 60px;\n\n  text-align:center;\n\n  background:\n  radial-gradient(circle at top,\n  rgba(0,200,255,.18),\n  transparent 35%),\n\n  linear-gradient(\n  135deg,\n  #0d2560,\n  #07193e);\n\n  box-shadow:\n  0 40px 100px rgba(6,20,50,.20);\n}\n\n.cta-box::before{\n\n  content:'';\n\n  position:absolute;\n\n  width:700px;\n  height:700px;\n\n  border-radius:50%;\n\n  background:\n  radial-gradient(circle,\n  rgba(0,200,255,.10),\n  transparent 70%);\n\n  top:-320px;\n  right:-260px;\n}\n\n.cta-content{\n  position:relative;\n  z-index:2;\n}\n\n.cta-label{\n\n  color:#8defff;\n\n  font-size:.78rem;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n\n  margin-bottom:18px;\n}\n\n.cta-title{\n\n  font-size:clamp(2.4rem,5vw,5rem);\n\n  line-height:1.05;\n\n  font-weight:800;\n\n  color:white;\n\n  margin-bottom:24px;\n}\n\n.cta-title span{\n  color:var(--primary);\n}\n\n.cta-sub{\n\n  max-width:760px;\n\n  margin:auto;\n\n  color:#bfd0e8;\n\n  line-height:1.9;\n}\n\n.price-wrap{\n  margin-top:40px;\n}\n\n.old-price{\n\n  color:#93a8c8;\n\n  text-decoration:line-through;\n\n  font-size:1.2rem;\n\n  margin-bottom:10px;\n}\n\n.price{\n\n  font-size:5rem;\n\n  font-weight:800;\n\n  color:white;\n}\n\n.price small{\n  font-size:2rem;\n}\n\n.discount{\n\n  display:inline-block;\n\n  margin-left:12px;\n\n  padding:8px 16px;\n\n  border-radius:999px;\n\n  background:#ff4f7d;\n\n  color:white;\n\n  font-size:.9rem;\n\n  vertical-align:middle;\n}\n\n.cta-features{\n\n  margin-top:36px;\n\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:24px;\n}\n\n.cta-features div{\n  color:#d2def0;\n}\n\n.urgency{\n\n  margin-top:28px;\n\n  color:#ffadc1;\n\n  font-weight:600;\n}\n\n\/* FOOTER *\/\n\nfooter{\n\n  padding:40px 5%;\n\n  text-align:center;\n\n  color:var(--muted);\n\n  border-top:1px solid var(--border);\n}\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n\n.grid{\n  grid-template-columns:1fr;\n}\n\n.hero-video{\n  max-height:520px;\n}\n\n.hero-title{\n  font-size:3rem;\n}\n\n.buttons{\n  flex-direction:column;\n}\n\n.btn-primary,\n.btn-secondary{\n  width:100%;\n}\n\n.cta-box{\n  padding:70px 24px;\n}\n\n.price{\n  font-size:3.5rem;\n}\n\n}\n\n\u003c\/style\u003e\n\u003csection class=\"hero\"\u003e\u003c!-- VIDEO GRANDE --\u003e\n\u003cdiv class=\"hero-video-wrap\"\u003e\n\u003cdiv class=\"hero-video-box\"\u003e\u003cimg alt=\"VISION X\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0995\/2470\/6691\/files\/WhatsApp_Video_2026-01-06_at_13.15.09_2.webp?v=1779140772\" class=\"hero-video\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TEXTO --\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nTecnologia Premium Inteligente\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eVISÃO X \u003cbr\u003e\u003cspan\u003e ÓCULOS INTELIGENTES \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eO futuro que sempre imaginou, agora diante dos seus olhos. Áudio premium, IA em tempo real e proteção UV — tudo num design minimalista premium.\u003c\/p\u003e\n\u003cdiv class=\"buttons\"\u003e\n\u003ca class=\"btn-primary\" href=\"#comprar\"\u003e Comprar Agora \u003c\/a\u003e \u003ca class=\"btn-secondary\" href=\"#beneficios\"\u003e Ver Detalhes \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stats\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cdiv class=\"stat-number\"\u003eIA\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eInteligência integrada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cdiv class=\"stat-number\"\u003eUV\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eProteção avançada\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cdiv class=\"stat-number\"\u003e5.4\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eBluetooth premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFÍCIOS --\u003e\n\u003csection id=\"beneficios\" class=\"section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"center\"\u003e\n\u003cdiv class=\"label\"\u003eBENEFÍCIOS PREMIUM\u003c\/div\u003e\n\u003ch2 class=\"title\"\u003eTecnologia Criada \u003cspan\u003ePara o Futuro\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"subtitle\"\u003eDesenvolvido para quem procura inovação, estilo e conectividade premium no dia a dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid\"\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e🎧\u003c\/div\u003e\n\u003ch3\u003eÁudio Premium\u003c\/h3\u003e\n\u003cp\u003eOuça músicas e chamadas sem precisar de auriculares tradicionais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eIA em Tempo Real\u003c\/h3\u003e\n\u003cp\u003eTradução e assistência inteligente integrada para o dia a dia.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e☀️\u003c\/div\u003e\n\u003ch3\u003eProteção UV\u003c\/h3\u003e\n\u003cp\u003eProteção avançada contra raios solares com visual premium moderno.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection id=\"comprar\" class=\"cta\"\u003e\n\u003cdiv class=\"cta-box\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cdiv class=\"cta-label\"\u003eOFERTA ESPECIAL\u003c\/div\u003e\n\u003ch2 class=\"cta-title\"\u003eO FUTURO \u003cbr\u003e\u003cspan\u003eÉ AGORA\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cta-sub\"\u003eMais de 4.000 clientes já experimentaram a nova geração dos óculos inteligentes premium.\u003c\/p\u003e\n\u003cdiv class=\"price-wrap\"\u003e\n\u003cdiv class=\"old-price\"\u003e€39,99\u003c\/div\u003e\n\u003cdiv class=\"price\"\u003e€19,99\u003cspan class=\"discount\"\u003e-50% \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 40px;\"\u003e\u003ca class=\"btn-primary\" href=\"#\"\u003e Comprar Agora \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"cta-features\"\u003e\n\u003cdiv\u003e✓ Garantia 30 dias\u003c\/div\u003e\n\u003cdiv\u003e✓ Envio grátis\u003c\/div\u003e\n\u003cdiv\u003e✓ Pagamento seguro\u003c\/div\u003e\n\u003cdiv\u003e✓ Suporte premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"urgency\"\u003eEstoque limitado disponível hoje\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfooter\u003e© 2026 · VISION X™ · Todos os direitos reservados\u003c\/footer\u003e","brand":"Dropea","offers":[{"title":"Default Title","offer_id":57838685290883,"sku":"10519","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/2470\/6691\/files\/product-file_5986a8c5-c443-4ac9-ae92-84da240777ac.png?v=1776685028","url":"https:\/\/aligncore.pt\/products\/gafas-de-sol-inteligentes","provider":"AlignCore™","version":"1.0","type":"link"}