<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pulsera Magnética Socoter | Alivio natural del dolor y bienestar diario</title>
<meta name="description" content="Pulsera magnética Socoter: alivio natural, energía y confort para muñeca y mano. Envío rápido en Chile, compra segura y garantía de satisfacción." />
<meta name="keywords" content="imanes terapéuticos, terapia magnética, pulsera magnética, alivio del dolor, salud natural, bienestar corporal, magnetoterapia, Socoter" />
<meta property="og:title" content="Pulsera Magnética Socoter" />
<meta property="og:description" content="Alivio natural, energía y libertad de movimiento. Envío rápido en Chile." />
<meta property="og:url" content="https://socoter.cl/product/pulsera-magnetica/" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<style>
:root{color-scheme: dark light}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
::selection{background:#fbbf24;color:#0f172a}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.animate-fadeUp{animation:fadeUp .6s ease both}
.glow{box-shadow:0 10px 30px -10px rgba(244,63,94,.6)}
</style>
</head>
<body class="min-h-screen bg-slate-950 text-white">
<!-- Top bar de oferta -->
<div class="w-full bg-gradient-to-r from-fuchsia-600 via-amber-500 to-emerald-500 text-slate-900">
<div class="mx-auto max-w-7xl px-4 sm:px-6 py-2 text-center text-sm font-bold flex items-center justify-center gap-2">
<svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 8v5l4 2"/></svg>
<span>Descuento de lanzamiento + Envío rápido en Chile</span>
</div>
</div>
<!-- HERO -->
<header class="relative overflow-hidden">
<div class="absolute inset-0 -z-10">
<div class="absolute -top-24 -left-24 w-[40rem] h-[40rem] bg-fuchsia-600/30 blur-3xl rounded-full"></div>
<div class="absolute -bottom-24 -right-24 w-[40rem] h-[40rem] bg-emerald-500/30 blur-3xl rounded-full"></div>
</div>
<div class="mx-auto max-w-7xl grid lg:grid-cols-2 gap-10 px-4 sm:px-6 pt-12 pb-10 items-center">
<div class="animate-fadeUp">
<span class="inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-fuchsia-500 via-amber-400 to-emerald-400 px-3 py-1 text-xs font-semibold text-slate-900 shadow-lg ring-1 ring-white/40">
✨ Salud magnética • Bienestar natural
</span>
<h1 class="mt-4 text-4xl sm:text-5xl font-extrabold leading-[1.1]">
Pulsera Magnética Socoter
<span class="block text-2xl sm:text-3xl mt-2 bg-gradient-to-r from-amber-300 via-fuchsia-300 to-emerald-300 bg-clip-text text-transparent">Alivio, energía y libertad de movimiento</span>
</h1>
<p class="mt-4 text-slate-300/90 max-w-xl">
Si pasas horas frente al computador, haces deporte o sientes tensión en la muñeca, esta pulsera está pensada para ti. Combina diseño cómodo con la fuerza de la terapia magnética para acompañarte a sentirte mejor cada día.
</p>
<div class="mt-6 flex flex-wrap items-center gap-3">
<a href="https://socoter.cl/product/pulsera-magnetica/" target="_blank" rel="noopener" class="inline-flex items-center gap-2 rounded-2xl bg-gradient-to-r from-fuchsia-600 via-amber-500 to-emerald-500 px-6 py-3 font-bold text-slate-900 glow hover:scale-[1.02] transition">
Comprar ahora
<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
</a>
<a href="#beneficios" class="inline-flex items-center gap-2 rounded-2xl bg-white/10 backdrop-blur px-6 py-3 font-semibold hover:bg-white/15 transition">
Ver beneficios
</a>
</div>
<div class="mt-6 flex flex-wrap gap-6 text-sm text-slate-300/80">
<span class="inline-flex items-center gap-2">🛡️ Garantía de satisfacción</span>
<span class="inline-flex items-center gap-2">🚚 Envío rápido a todo Chile</span>
<span class="inline-flex items-center gap-2">✅ Calidad Socoter</span>
</div>
</div>
<!-- Imagen del hero -->
<div class="relative animate-fadeUp" style="animation-delay:.1s">
<div class="absolute -inset-1 rounded-[2rem] bg-gradient-to-br from-fuchsia-600/40 via-amber-500/40 to-emerald-500/40 blur-2xl"></div>
<div class="relative rounded-[2rem] overflow-hidden ring-1 ring-white/10 bg-white/5">
<!-- Reemplaza este placeholder por una foto real del producto o estilo de vida -->
<img src="https://images.unsplash.com/photo-1505751172876-fa1923c5c528?q=80&w=1600&auto=format&fit=crop" alt="Pulsera magnética Socoter en muñeca, estilo deportivo, colores vivos" class="w-full h-[420px] object-cover" loading="eager" />
</div>
<div class="absolute -bottom-6 -left-6 -rotate-2">
<div class="rounded-xl bg-emerald-400 text-slate-900 px-4 py-2 font-extrabold shadow-lg">ENVÍO RÁPIDO</div>
</div>
</div>
</div>
</header>
<!-- Social proof bar -->
<div class="mx-auto max-w-7xl px-4 sm:px-6">
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 py-6">
<div class="flex items-center justify-center gap-2 rounded-xl bg-white/5 ring-1 ring-white/10 py-3"><span class="text-amber-300">★</span><p class="text-sm text-slate-300/90">+1.000 clientes felices</p></div>
<div class="flex items-center justify-center gap-2 rounded-xl bg-white/5 ring-1 ring-white/10 py-3"><span class="text-amber-300">★</span><p class="text-sm text-slate-300/90">Soporte humano</p></div>
<div class="flex items-center justify-center gap-2 rounded-xl bg-white/5 ring-1 ring-white/10 py-3"><span class="text-amber-300">★</span><p class="text-sm text-slate-300/90">Pago 100% seguro</p></div>
<div class="flex items-center justify-center gap-2 rounded-xl bg-white/5 ring-1 ring-white/10 py-3"><span class="text-amber-300">★</span><p class="text-sm text-slate-300/90">Garantía Socoter</p></div>
</div>
</div>
<!-- Beneficios -->
<section id="beneficios" class="relative py-16">
<div class="absolute inset-x-0 -z-10 h-24 bg-gradient-to-b from-transparent to-slate-900/40"></div>
<div class="mx-auto max-w-7xl px-4 sm:px-6">
<div class="mx-auto max-w-3xl text-center">
<p class="mb-3 text-sm tracking-widest uppercase text-fuchsia-400 font-semibold">Beneficios</p>
<h2 class="text-3xl sm:text-4xl font-extrabold leading-tight bg-gradient-to-br from-emerald-300 via-amber-200 to-fuchsia-300 bg-clip-text text-transparent">Lo que vas a sentir con la Pulsera Magnética Socoter</h2>
<p class="mt-3 text-slate-300/90">Historias reales de alivio y energía para tu día a día.</p>
</div>
<div class="mt-10 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="rounded-2xl bg-white/5 ring-1 ring-white/10 p-5 animate-fadeUp">
<div class="flex items-center gap-3"><span class="text-fuchsia-500">❤🔥</span><h3 class="font-bold">Alivio natural del dolor</h3></div>
<p class="mt-2 text-sm text-slate-300/90">Imanes de alta potencia que ayudan a relajar la zona y mejorar la sensación de bienestar sin fármacos.</p>
</div>
<div class="rounded-2xl bg-white/5 ring-1 ring-white/10 p-5 animate-fadeUp" style="animation-delay:.05s">
<div class="flex items-center gap-3"><span class="text-amber-400">⚡</span><h3 class="font-bold">Energía y vitalidad</h3></div>
<p class="mt-2 text-sm text-slate-300/90">Apoya tu equilibrio energético diario para moverte con más soltura y menos fatiga.</p>
</div>
<div class="rounded-2xl bg-white/5 ring-1 ring-white/10 p-5 animate-fadeUp" style="animation-delay:.1s">
<div class="flex items-center gap-3"><span class="text-emerald-400">🤝</span><h3 class="font-bold">Confort todo el día</h3></div>
<p class="mt-2 text-sm text-slate-300/90">Pulsera cómoda y ajustable, diseñada para acompañarte en trabajo, deporte o descanso.</p>
</div>
<div class="rounded-2xl bg-white/5 ring-1 ring-white/10 p-5 animate-fadeUp" style="animation-delay:.15s">
<div class="flex items-center gap-3"><span class="text-cyan-400">🌿</span><h3 class="font-bold">Salud natural</h3></div>
<p class="mt-2 text-sm text-slate-300/90">Terapia magnética no invasiva, ideal para quienes buscan alternativas suaves y complementarias.</p>
</div>
</div>
<ul class="mt-8 grid sm:grid-cols-2 gap-3">
<li class="flex items-start gap-3 text-slate-300/90"><span class="text-emerald-400">✔</span> Sensación de alivio en muñeca, mano y antebrazo</li>
<li class="flex items-start gap-3 text-slate-300/90"><span class="text-emerald-400">✔</span> Acompaña rutinas de deporte, oficina y descanso</li>
<li class="flex items-start gap-3 text-slate-300/90"><span class="text-emerald-400">✔</span> Diseño ligero con materiales durables</li>
<li class="flex items-start gap-3 text-slate-300/90"><span class="text-emerald-400">✔</span> Complemento de bienestar, sin efectos somnolientos</li>
</ul>
</div>
</section>
<!-- Cómo funciona -->
<section class="py-16 bg-slate-900/40">
<div class="mx-auto max-w-7xl px-4 sm:px-6 grid lg:grid-cols-2 gap-10 items-center">
<div>
<div class="mx-auto max-w-3xl">
<p class="mb-3 text-sm tracking-widest uppercase text-fuchsia-400 font-semibold">Cómo funciona</p>
<h2 class="text-3xl sm:text-4xl font-extrabold leading-tight bg-gradient-to-br from-emerald-300 via-amber-200 to-fuchsia-300 bg-clip-text text-transparent">Magnetismo que acompaña tu equilibrio</h2>
<p class="mt-3 text-slate-300/90">Imanes estratégicamente ubicados para apoyar tu bienestar diario, de forma no invasiva y natural.</p>
</div>
<div class="mt-6 space-y-3 text-slate-300/90">
<p>La terapia magnética ha sido utilizada por años como alternativa suave para personas que buscan aliviar tensiones y mejorar su movilidad. Nuestra pulsera concentra esa experiencia en un diseño cómodo que puedes usar todo el día.</p>
<p>Úsala en tu rutina: mientras trabajas, entrenas o descansas. Los imanes ayudan a relajar la zona y muchas personas reportan una sensación de alivio y mayor comodidad al mover la mano y el antebrazo.</p>
</div>
</div>
<div class="relative">
<div class="absolute -inset-1 rounded-3xl bg-gradient-to-tr from-emerald-500/30 via-fuchsia-500/30 to-amber-400/30 blur-2xl"></div>
<div class="relative rounded-3xl overflow-hidden ring-1 ring-white/10 bg-white/5">
<img src="https://images.unsplash.com/photo-1516484503657-2f8b177a61d4?q=80&w=1600&auto=format&fit=crop" alt="Detalle de imanes terapéuticos sobre fondo blanco, estética moderna" class="w-full h-[360px] object-cover" loading="lazy" />
</div>
</div>
</div>
</section>
<!-- Oferta principal -->
<section class="py-16">
<div class="mx-auto max-w-7xl px-4 sm:px-6">
<div class="mx-auto max-w-3xl text-center">
<p class="mb-3 text-sm tracking-widest uppercase text-fuchsia-400 font-semibold">Oferta</p>
<h2 class="text-3xl sm:text-4xl font-extrabold leading-tight bg-gradient-to-br from-emerald-300 via-amber-200 to-fuchsia-300 bg-clip-text text-transparent"