<p> </p>
<!-- BARRA MARQUESINA STICKY -->
<div style="background: linear-gradient(90deg, #FF5722 0%, #FF7043 100%); color: #fff; height: 40px; overflow: hidden; position: sticky; top: 0; z-index: 999; display: flex; align-items: center; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
<div style="display: flex; animation: marqueeScroll 25s linear infinite; white-space: nowrap; min-width: 200%;"><span style="font-weight: bold; font-size: clamp(0.7rem, 2.5vw, 0.85rem); padding: 0 2rem; display: inline-block; min-width: max-content;"> 🔥 OFERTA ESPECIAL: 20% OFF + ENVÍO GRATIS A TODO EL PAÍS + 3 CUOTAS SIN INTERÉS + AURICULARES DE REGALO 🔥 </span> <span style="font-weight: bold; font-size: clamp(0.7rem, 2.5vw, 0.85rem); padding: 0 2rem; display: inline-block; min-width: max-content;"> 🔥 OFERTA ESPECIAL: 20% OFF + ENVÍO GRATIS A TODO EL PAÍS + 3 CUOTAS SIN INTERÉS + AURICULARES DE REGALO 🔥 </span></div>
</div>
<!-- HERO SECTION -->
<section style="background: linear-gradient(180deg, #FFF3E0 0%, #ffffff 100%); padding: clamp(30px, 5vw, 50px) 20px;">
<div style="max-width: 1100px; margin: 0 auto;"><!-- Badge + Timer -->
<div style="text-align: center; margin-bottom: 25px;">
<div style="display: inline-block; background: rgba(255, 87, 34, 0.1); backdrop-filter: blur(10px); padding: 8px 18px; border-radius: 30px; font-size: clamp(11px, 2.5vw, 13px); font-weight: 600; margin-bottom: 15px; color: #ff5722;">✨ +847 Clientes sin Quedarse Varados</div>
<!-- Timer -->
<div style="background: rgba(0,0,0,0.05); backdrop-filter: blur(10px); border-radius: 12px; padding: 15px; margin: 0 auto; max-width: 400px;">
<div style="font-size: clamp(12px, 2.5vw, 14px); margin-bottom: 8px; opacity: 0.9;">⏰ La oferta termina en:</div>
<div style="display: flex; justify-content: center; gap: 8px;">
<div style="background: rgba(255, 87, 34, 0.15); border-radius: 8px; padding: 10px; min-width: 60px; text-align: center;">
<div id="hours" style="font-size: clamp(24px, 6vw, 32px); font-weight: 800; line-height: 1; color: #ff5722;">06</div>
<div style="font-size: 10px; opacity: 0.8; text-transform: uppercase;">Horas</div>
</div>
<div style="background: rgba(255, 87, 34, 0.15); border-radius: 8px; padding: 10px; min-width: 60px; text-align: center;">
<div id="minutes" style="font-size: clamp(24px, 6vw, 32px); font-weight: 800; line-height: 1; color: #ff5722;">11</div>
<div style="font-size: 10px; opacity: 0.8; text-transform: uppercase;">Min</div>
</div>
<div style="background: rgba(255, 87, 34, 0.15); border-radius: 8px; padding: 10px; min-width: 60px; text-align: center;">
<div id="seconds" style="font-size: clamp(24px, 6vw, 32px); font-weight: 800; line-height: 1; color: #ff5722;">24</div>
<div style="font-size: 10px; opacity: 0.8; text-transform: uppercase;">Seg</div>
</div>
</div>
</div>
</div>
<!-- Reviews -->
<div style="text-align: center; margin-bottom: 20px;">
<div style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; justify-content: center;"><span style="color: #ffd700; font-size: clamp(16px, 4vw, 20px);">★★★★★</span> <span style="font-weight: bold; color: #1a1a1a; font-size: clamp(13px, 3vw, 15px);">(847 Reviews)</span></div>
<div style="font-size: clamp(11px, 2.5vw, 13px); color: #666;">Calificación Excelente 4.9/5</div>
</div>
<!-- Título -->
<h1 style="font-size: clamp(28px, 7vw, 48px); font-weight: 900; line-height: 1.1; margin: 0 0 15px; color: #1a1a1a; text-align: center;">Arrancador de Batería Portátil<br />HIGH POWER</h1>
<p style="font-size: clamp(16px, 4vw, 22px); text-align: center; color: #333; margin: 0 0 20px; font-weight: 600; line-height: 1.3;">Arrancá tu Auto en Segundos<br /><span style="color: #ff5722; font-weight: 900;">Sin Cables, Sin Ayuda, Sin Quedarte Varado</span></p>
<!-- Beneficios Grid Responsive -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 25px 0; font-size: clamp(13px, 3vw, 15px);">
<div style="display: flex; align-items: center; gap: 6px; color: #333;"><span style="color: #ff5722; font-size: 18px; flex-shrink: 0;">✓</span> <strong>20,000 mAh</strong></div>
<div style="display: flex; align-items: center; gap: 6px; color: #333;"><span style="color: #ff5722; font-size: 18px; flex-shrink: 0;">✓</span> <strong>4 Cargas</strong></div>
<div style="display: flex; align-items: center; gap: 6px; color: #333;"><span style="color: #ff5722; font-size: 18px; flex-shrink: 0;">✓</span> <strong>12V Compatible</strong></div>
<div style="display: flex; align-items: center; gap: 6px; color: #333;"><span style="color: #ff5722; font-size: 18px; flex-shrink: 0;">✓</span> <strong>Luz LED</strong></div>
</div>
<!-- Video/Imagen Producto Principal -->
<div style="text-align: center; margin: 30px 0;"><video style="max-width: 100%; height: auto; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1);" poster="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag 1 arrancador de bateria.webp" autoplay="autoplay" loop="loop" muted="">
<source src="/mnt/user-data/uploads/AD_nuevo_arrancador_de_bateria.mp4" type="video/mp4" />
<img src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag 1 arrancador de bateria.webp" alt="Arrancador de Batería HIGH POWER" />
</video></div>
<!-- CTA Principal -->
<div style="text-align: center; margin: 30px 0;"><a style="display: inline-block; background: linear-gradient(135deg, #FFD700 0%, #FFED4E 100%); color: #ff5722; padding: clamp(16px, 4vw, 22px) clamp(35px, 8vw, 55px); border-radius: 50px; font-weight: 900; font-size: clamp(16px, 4vw, 20px); text-decoration: none; box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4); text-transform: uppercase; letter-spacing: 0.5px;" href="#top"> 🎁 QUIERO MI ARRANCADOR AHORA </a>
<div style="margin-top: 20px; display: flex; justify-content: center; gap: clamp(15px, 5vw, 25px); flex-wrap: wrap; font-size: clamp(12px, 3vw, 14px); color: #333;">✓ Envío Gratis ✓ 3 Cuotas Sin Interés ✓ 20% OFF Hoy</div>
</div>
</div>
</section>
<!-- TRUST BAR -->
<section style="background: #F4F4F4; padding: clamp(20px, 4vw, 30px) 20px;">
<div style="max-width: 1200px; margin: 0 auto;">
<p style="text-align: center; font-size: clamp(12px, 3vw, 14px); font-weight: bold; color: #666; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;">Recomendado por expertos automotrices</p>
<div style="display: flex; justify-content: center; align-items: center; gap: clamp(20px, 5vw, 40px); flex-wrap: wrap; opacity: 0.6;">
<div style="font-family: serif; font-size: clamp(20px, 5vw, 28px); font-weight: bold; color: #333;">CLARÍN</div>
<div style="font-family: serif; font-size: clamp(20px, 5vw, 28px); font-weight: bold; color: #333;">LA NACIÓN</div>
<div style="font-family: serif; font-size: clamp(20px, 5vw, 28px); font-weight: bold; color: #333;">INFOBAE</div>
</div>
</div>
</section>
<!-- TESTIMONIO RÁPIDO -->
<section style="padding: clamp(30px, 5vw, 40px) 20px; background: #fff;">
<div style="max-width: 700px; margin: 0 auto;">
<div style="background: #FFF3E0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); text-align: center;">
<div style="color: #ffd700; font-size: clamp(18px, 4.5vw, 24px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(15px, 4vw, 18px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Me salvó en la ruta. El auto no arrancaba y con esto lo solucioné al toque. No salgo sin él."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(14px, 3.5vw, 16px); margin: 0;">— Martín, Córdoba</p>
</div>
</div>
</section>
<!-- PROBLEMA + SOLUCIÓN -->
<section style="padding: clamp(40px, 8vw, 60px) 20px; background: linear-gradient(135deg, #FF5722 0%, #FF7043 100%); color: #fff;">
<div style="max-width: 900px; margin: 0 auto; text-align: center;">
<h2 style="font-size: clamp(28px, 7vw, 42px); font-weight: 900; line-height: 1.2; margin: 0 0 20px; color: #fff;">¿Te Pasó Alguna Vez?</h2>
<p style="font-size: clamp(15px, 4vw, 18px); color: #fff; max-width: 750px; margin: 0 auto 30px; line-height: 1.7; opacity: 0.95;">Si alguna vez quedaste varado con la batería descargada, sabés lo que se siente: la <strong>impotencia de girar la llave y que no pase nada</strong>, el pánico de estar solo sin ayuda cerca, y la frustración de perder tiempo esperando auxilio.</p>
<div style="background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 16px; padding: clamp(20px, 4vw, 30px); margin: 30px auto 0; max-width: 600px; text-align: left;">
<div style="display: flex; align-items: start; gap: 15px; margin-bottom: 18px;"><span style="font-size: 24px; flex-shrink: 0;">😰</span>
<div><strong style="font-size: clamp(15px, 4vw, 17px);">Girás la llave y el auto no arranca</strong><br /><span style="font-size: clamp(13px, 3.5vw, 15px); opacity: 0.9;">No tenés cables ni otro auto cerca para ayudarte</span></div>
</div>
<div style="display: flex; align-items: start; gap: 15px; margin-bottom: 18px;"><span style="font-size: 24px; flex-shrink: 0;">⏰</span>
<div><strong style="font-size: clamp(15px, 4vw, 17px);">Estás apurado y perdido</strong><br /><span style="font-size: clamp(13px, 3.5vw, 15px); opacity: 0.9;">Necesitás llegar a tiempo y no podés esperar asistencia</span></div>
</div>
<div style="display: flex; align-items: start; gap: 15px; margin-bottom: 18px;"><span style="font-size: 24px; flex-shrink: 0;">🚗</span>
<div><strong style="font-size: clamp(15px, 4vw, 17px);">Llamás auxilio y esperás 1-2 horas</strong><br /><span style="font-size: clamp(13px, 3.5vw, 15px); opacity: 0.9;">Pagás $15,000+ por algo que podés resolver en segundos</span></div>
</div>
<div style="display: flex; align-items: start; gap: 15px;"><span style="font-size: 24px; flex-shrink: 0;">😔</span>
<div><strong style="font-size: clamp(15px, 4vw, 17px);">Sentís inseguridad constante</strong><br /><span style="font-size: clamp(13px, 3.5vw, 15px); opacity: 0.9;">Miedo a quedarte varado en cualquier momento</span></div>
</div>
</div>
<p style="font-size: clamp(17px, 4.5vw, 20px); font-weight: bold; margin-top: 30px; color: #fff;">Este arrancador portátil existe para que no vuelvas a quedarte varado.</p>
</div>
</section>
<!-- CÓMO FUNCIONA -->
<section style="background: #F9F9F9; padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 900px; margin: 0 auto;">
<h2 style="font-size: clamp(24px, 6vw, 36px); font-weight: 900; text-align: center; margin: 0 0 clamp(25px, 5vw, 40px); color: #1a1a1a;">¿Cómo Funciona el Arrancador Portátil?</h2>
<p style="text-align: center; font-size: clamp(15px, 4vw, 18px); color: #666; max-width: 700px; margin: 0 auto 30px; line-height: 1.7;">A diferencia de los cables tradicionales que necesitan otro vehículo, nuestro arrancador <strong style="color: #ff5722;">es completamente autónomo</strong> y funciona solo.</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 30px; align-items: center;"><!-- Imagen del producto -->
<div style="text-align: center;"><img style="max-width: 100%; height: 579px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag 2 arrancador de bateria.webp" alt="Arrancador de batería en uso" width="300" /></div>
<!-- Pasos -->
<div>
<div style="margin-bottom: 25px;">
<div style="display: flex; align-items: flex-start; gap: 15px;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; flex-shrink: 0;">1</div>
<div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 8px; color: #333;">El Problema</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; margin: 0; line-height: 1.6;">Tu batería está descargada. El auto no arranca. Necesitás ayuda urgente pero estás solo.</p>
</div>
</div>
</div>
<div style="margin-bottom: 25px;">
<div style="display: flex; align-items: flex-start; gap: 15px;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; flex-shrink: 0;">2</div>
<div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 8px; color: #333;">La Solución</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; margin: 0; line-height: 1.6;">Conectás las pinzas del arrancador a tu batería. Presionás el botón. Listo.</p>
</div>
</div>
</div>
<div>
<div style="display: flex; align-items: flex-start; gap: 15px;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; flex-shrink: 0;">3</div>
<div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 8px; color: #333;">El Resultado</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; margin: 0; line-height: 1.6;">Tu auto arranca en segundos. Seguís tu camino. Todo en menos de 1 minuto.</p>
</div>
</div>
</div>
</div>
</div>
<div style="text-align: center; margin-top: 40px;"><a style="display: inline-block; background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; padding: clamp(14px, 3.5vw, 18px) clamp(30px, 7vw, 45px); border-radius: 50px; font-weight: bold; font-size: clamp(14px, 3.5vw, 17px); text-decoration: none; box-shadow: 0 6px 20px rgba(255, 87, 34, 0.3); text-transform: uppercase;" href="#top"> ✅ CONSEGUIR EL MÍO AHORA </a></div>
</div>
</section>
<!-- BENEFICIOS GRID -->
<section style="background: #fff; padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 1000px; margin: 0 auto;">
<h2 style="font-size: clamp(24px, 6vw, 36px); font-weight: 900; text-align: center; margin: 0 0 clamp(25px, 5vw, 40px); color: #1a1a1a;">Lo Que Vas a Lograr con tu Arrancador</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 20px;">
<div style="background: #FFF3E0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border-left: 5px solid #FF5722;">
<div style="font-size: clamp(32px, 8vw, 40px); margin-bottom: 12px;">🚗</div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 10px; color: #ff5722;">Tranquilidad Total</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.6; margin: 0;">Nunca más llamar auxilio ni esperar 2 horas. Solucionás todo vos mismo en segundos.</p>
</div>
<div style="background: #FFF3E0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border-left: 5px solid #FF5722;">
<div style="font-size: clamp(32px, 8vw, 40px); margin-bottom: 12px;">⚡</div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 10px; color: #ff5722;">4 Cargas sin Recargarlo</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.6; margin: 0;">Batería de 20,000 mAh. Arrancá hasta 4 autos sin necesidad de recargar el arrancador.</p>
</div>
<div style="background: #FFF3E0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border-left: 5px solid #FF5722;">
<div style="font-size: clamp(32px, 8vw, 40px); margin-bottom: 12px;">📱</div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 10px; color: #ff5722;">Funciona como Powerbank</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.6; margin: 0;">Cargá tu celular, tablet o cualquier dispositivo USB. Es 2 en 1: arrancador + cargador portátil.</p>
</div>
<div style="background: #FFF3E0; padding: clamp(20px, 4vw, 30px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border-left: 5px solid #FF5722;">
<div style="font-size: clamp(32px, 8vw, 40px); margin-bottom: 12px;">💡</div>
<h3 style="font-size: clamp(16px, 4vw, 18px); font-weight: 800; margin: 0 0 10px; color: #ff5722;">Luz LED de Emergencia</h3>
<p style="font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.6; margin: 0;">Si quedás varado de noche, la luz LED integrada te permite ver y ser visto. Incluye modo SOS.</p>
</div>
</div>
<div style="text-align: center; margin-top: 30px;"><img style="max-width: 350px; width: 300px; height: 294px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; margin: 0px auto 0px auto;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag 3 arrancador de bateria.webp" alt="Kit completo arrancador" /></div>
</div>
</section>
<!-- BONUS DESTACADO -->
<section style="background: linear-gradient(135deg, #FFD700 0%, #FFED4E 100%); padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 800px; margin: 0 auto; text-align: center;">
<div style="font-size: clamp(40px, 10vw, 56px); margin-bottom: 20px;">🎁</div>
<h2 style="font-size: clamp(24px, 6vw, 36px); font-weight: 900; margin: 0 0 20px; color: #ff5722;">BONUS INCLUIDO: Auriculares Bluetooth de Regalo</h2>
<p><img style="border-style: solid;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/auriculares bonus.webp" alt="" width="300" height="367" /></p>
<p style="font-size: clamp(15px, 4vw, 18px); color: #333; max-width: 600px; margin: 0 auto 30px; line-height: 1.7;"><strong>Más valor añadido sin pagar de más.</strong> Te regalamos auriculares Bluetooth premium para que disfrutes de música mientras manejás o trabajás.</p>
<div style="background: rgba(255, 87, 34, 0.1); border-radius: 12px; padding: 20px; max-width: 400px; margin: 0 auto;">
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; margin: 0;">🎧 <strong>Auriculares Bluetooth Premium</strong><br /><span style="font-size: clamp(13px, 3vw, 14px);">Valor: $25,000 - GRATIS con tu compra hoy</span></p>
</div>
</div>
</section>
<!-- TESTIMONIOS CON IMÁGENES REALES -->
<section style="background: #F9F9F9; padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 1100px; margin: 0 auto;">
<h2 style="font-size: clamp(24px, 6vw, 36px); font-weight: 900; text-align: center; margin: 0 0 clamp(25px, 5vw, 40px); color: #1a1a1a;">No Nos Creas a Nosotros... Escuchá a Quienes Ya lo Probaron</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px;"><!-- Testimonio 1 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Compré dos: uno para mí y otro para mi hermana. Funciona bárbaro y es muy fácil de usar. Súper contento."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Federico, Buenos Aires</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 1.webp" alt="Testimonio Federico" /></div>
<!-- Testimonio 2 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Me quedé sin batería en la ruta y lo usé. Arrancó al toque. Es una tranquilidad tenerlo en el auto."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Laura, Mendoza</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 2.webp" alt="Testimonio Laura" /></div>
<!-- Testimonio 3 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Excelente producto. Lo uso en la camioneta de trabajo. Ya me salvó 3 veces. Vale cada peso."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Gustavo, Rosario</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 3.webp" alt="Testimonio Gustavo" /></div>
<!-- Testimonio 4 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Lo probé en el auto de mi padre y funcionó perfecto. Ahora tiene uno para él también. Súper recomendable."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Patricia, Tucumán</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 4.webp" alt="Testimonio Patricia" /></div>
<!-- Testimonio 5 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Lo mejor que compré este año. Me quedé tranquilo sabiendo que siempre puedo arrancar el auto solo."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Javier, Córdoba</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 5.webp" alt="Testimonio Javier" /></div>
<!-- Testimonio 6 -->
<div style="background: #fff; padding: clamp(20px, 4vw, 25px); border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
<div style="color: #ffd700; font-size: clamp(16px, 4vw, 18px); margin-bottom: 12px;">★★★★★</div>
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #333; line-height: 1.7; margin: 0 0 15px; font-style: italic;">"Increíble. Lo conectás y listo, arranca en segundos. También lo uso para cargar el celular. 2 en 1 perfecto."</p>
<p style="font-weight: 600; color: #ff5722; font-size: clamp(13px, 3vw, 15px); margin: 0 0 15px;">— Claudia, Santa Fe</p>
<img style="max-width: 200px; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px;" src="https://d1a9qnv764bsoo.cloudfront.net/stores/006/390/551/rte/imag testimonio 6.webp" alt="Testimonio Claudia" /></div>
</div>
<div style="text-align: center; margin-top: 30px; font-size: clamp(14px, 3.5vw, 16px); color: #666;">
<p style="margin: 0;">⭐ <strong style="color: #1a1a1a;">+847 personas</strong> ya no se quedan varadas gracias al Arrancador HIGH POWER</p>
</div>
</div>
</section>
<!-- CÓMO USAR -->
<section style="background: #fff; padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 800px; margin: 0 auto;">
<h2 style="font-size: clamp(24px, 6vw, 36px); font-weight: 900; text-align: center; margin: 0 0 clamp(25px, 5vw, 40px); color: #1a1a1a;">Súper Fácil de Usar (3 Pasos)</h2>
<div style="display: grid; grid-template-columns: 1fr; gap: 30px;">
<div style="text-align: center;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; margin: 0 auto 20px;">1</div>
<h3 style="color: #ff5722; margin-bottom: 15px; font-size: clamp(18px, 4.5vw, 22px); font-weight: 800;">Conectá las Pinzas</h3>
<p style="color: #666; font-size: clamp(14px, 3.5vw, 16px); line-height: 1.7; max-width: 500px; margin: 0 auto;">Rojo a positivo (+), negro a negativo (-). Igual que los cables tradicionales pero sin necesitar otro auto.</p>
</div>
<div style="text-align: center;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; margin: 0 auto 20px;">2</div>
<h3 style="color: #ff5722; margin-bottom: 15px; font-size: clamp(18px, 4.5vw, 22px); font-weight: 800;">Presioná el Botón</h3>
<p style="color: #666; font-size: clamp(14px, 3.5vw, 16px); line-height: 1.7; max-width: 500px; margin: 0 auto;">El arrancador tiene protección contra errores. Si conectaste mal, no funciona y evita daños.</p>
</div>
<div style="text-align: center;">
<div style="background: linear-gradient(135deg, #FF5722, #FF7043); color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; margin: 0 auto 20px;">3</div>
<h3 style="color: #ff5722; margin-bottom: 15px; font-size: clamp(18px, 4.5vw, 22px); font-weight: 800;">Arrancá y Seguí tu Camino</h3>
<p style="color: #666; font-size: clamp(14px, 3.5vw, 16px); line-height: 1.7; max-width: 500px; margin: 0 auto;">Tu auto arranca al instante. Desconectás todo y listo. Sin esperas, sin auxilio, sin dramas.</p>
</div>
</div>
</div>
</section>
<!-- RECOMENDACIÓN EXPERTOS -->
<section style="background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%); padding: clamp(40px, 8vw, 60px) 20px; color: #fff; text-align: center;">
<div style="max-width: 700px; margin: 0 auto;">
<div style="font-size: clamp(40px, 10vw, 56px); margin-bottom: 20px;">🔧</div>
<h2 style="font-size: clamp(24px, 6vw, 32px); font-weight: 900; margin: 0 0 20px; color: #fff;">Diseñado con Tecnología Profesional</h2>
<p style="font-size: clamp(15px, 4vw, 18px); margin: 0 0 20px; opacity: 0.95; line-height: 1.7;">Compatible con <strong>autos, camionetas y motos de batería 12V.</strong> Con protección inteligente contra sobrecarga, cortocircuitos y polaridad invertida.</p>
<p style="font-size: clamp(14px, 3.5vw, 16px); opacity: 0.9; line-height: 1.7; margin: 0;">Es el mismo sistema que usan los mecánicos profesionales, pero en un formato compacto que cabe en tu guantera.</p>
</div>
</section>
<!-- PRICING -->
<section id="pricing" style="background: linear-gradient(180deg, #1A1A1A 0%, #000000 100%); padding: clamp(50px, 10vw, 80px) 20px;">
<div style="max-width: 700px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: clamp(30px, 6vw, 50px);"><span style="display: inline-block; background: #FFD700; color: #ff5722; padding: 8px 20px; border-radius: 30px; font-size: clamp(11px, 3vw, 13px); font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;"> 🔥 OFERTA ESPECIAL </span>
<h2 style="font-size: clamp(28px, 7vw, 42px); font-weight: 900; margin: 0 0 15px; color: #fff;">Conseguí Tu Arrancador Hoy</h2>
<p style="font-size: clamp(15px, 4vw, 18px); color: #ccc;">20% OFF + Envío Gratis + 3 Cuotas Sin Interés + Auriculares de Regalo</p>
</div>
<!-- PRECIO ÚNICO -->
<div style="background: linear-gradient(135deg, #fff 0%, #F9F9F9 100%); border: 3px solid #FFD700; border-radius: 20px; padding: clamp(30px, 6vw, 40px); position: relative; box-shadow: 0 10px 40px rgba(255, 215, 0, 0.3);">
<div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #FFD700, #FFED4E); color: #ff5722; padding: 6px clamp(20px, 5vw, 30px); border-radius: 30px; font-size: clamp(11px, 3vw, 14px); font-weight: 900; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(255, 215, 0, 0.5); white-space: nowrap;">⚡ OFERTA LIMITADA</div>
<h3 style="font-size: clamp(22px, 5.5vw, 28px); font-weight: 800; margin: 20px 0 15px; color: #1a1a1a; text-align: center;">Arrancador de Batería HIGH POWER 20,000 mAh</h3>
<div style="text-align: center; margin-bottom: 20px;">
<div style="display: flex; align-items: baseline; justify-content: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap;"><span style="font-size: clamp(40px, 10vw, 56px); font-weight: 900; color: #ff5722;">$112.000</span> <span style="font-size: clamp(22px, 5.5vw, 30px); color: #999; text-decoration: line-through;">$140.000</span> <span style="background: #FFD700; color: #ff5722; padding: 5px 14px; border-radius: 20px; font-size: clamp(12px, 3vw, 15px); font-weight: bold;">20% OFF</span></div>
<div style="font-size: clamp(16px, 4vw, 19px); color: #333; font-weight: 600; margin-bottom: 15px;">o <strong>3 cuotas</strong> de <strong style="color: #ff5722;">$37.333</strong> sin interés</div>
</div>
<!-- Beneficios del precio -->
<div style="background: #F9F9F9; border-radius: 12px; padding: 20px; margin-bottom: 20px;">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: clamp(14px, 3.5vw, 16px); color: #333;"><span style="color: #ff5722; font-size: 20px;">✓</span> <strong>Envío Gratis a Todo el País</strong></div>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: clamp(14px, 3.5vw, 16px); color: #333;"><span style="color: #ff5722; font-size: 20px;">✓</span> <strong>3 Cuotas Sin Interés con MercadoPago</strong></div>
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: clamp(14px, 3.5vw, 16px); color: #333;"><span style="color: #ff5722; font-size: 20px;">✓</span> <strong>🎁 Auriculares Bluetooth de Regalo</strong></div>
<div style="display: flex; align-items: center; gap: 10px; font-size: clamp(14px, 3.5vw, 16px); color: #333;"><span style="color: #ff5722; font-size: 20px;">✓</span> <strong>Garantía Sin Complicaciones</strong></div>
</div>
<!-- Incluye -->
<div style="background: #FFF3E0; border: 2px dashed #FF5722; border-radius: 12px; padding: 15px; margin-bottom: 20px;">
<p style="font-size: clamp(14px, 3.5vw, 16px); color: #ff5722; font-weight: bold; margin: 0 0 10px; text-align: center;">📦 EL KIT INCLUYE:</p>
<p style="font-size: clamp(13px, 3vw, 15px); color: #666; margin: 0; line-height: 1.8;">✓ Arrancador portátil 20,000 mAh<br />✓ Cables con pinzas profesionales<br />✓ Transformador 220V<br />✓ Estuche rígido de transporte<br />✓ 🎁 Auriculares Bluetooth de regalo</p>
</div>
<!-- CTA PRINCIPAL --> <a style="display: block; background: linear-gradient(135deg, #FFD700, #FFED4E); color: #ff5722; text-align: center; padding: clamp(16px, 4vw, 20px); border-radius: 50px; font-weight: 900; font-size: clamp(16px, 4vw, 19px); text-decoration: none; box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4); text-transform: uppercase; letter-spacing: 0.5px;" href="#top"> 🛒 COMPRAR AHORA - 20% OFF </a>
<div style="text-align: center; margin-top: 20px; font-size: clamp(12px, 3vw, 14px); color: #666;">🔒 Pago 100% Seguro con MercadoPago | 🚚 Entrega 5-12 Días Hábiles</div>
</div>
<!-- Trust Badges -->
<div style="display: flex; justify-content: center; gap: clamp(20px, 5vw, 35px); flex-wrap: wrap; margin-top: clamp(30px, 6vw, 50px); font-size: clamp(13px, 3.5vw, 15px); color: #fff;">
<div style="display: flex; align-items: center; gap: 8px;"><span style="font-size: clamp(20px, 5vw, 24px);">🚚</span> <strong>Envío Gratis</strong></div>
<div style="display: flex; align-items: center; gap: 8px;"><span style="font-size: clamp(20px, 5vw, 24px);">💳</span> <strong>3 Cuotas S/I</strong></div>
<div style="display: flex; align-items: center; gap: 8px;"><span style="font-size: clamp(20px, 5vw, 24px);">🎁</span> <strong>Auriculares Gratis</strong></div>
<div style="display: flex; align-items: center; gap: 8px;"><span style="font-size: clamp(20px, 5vw, 24px);">⚡</span> <strong>+847 Vendidos</strong></div>
</div>
</div>
</section>
<!-- FAQ -->
<section style="background: #F9F9F9; padding: clamp(40px, 8vw, 60px) 20px;">
<div style="max-width: 800px; margin: 0 auto;">
<h2 style="font-size: clamp(24px, 6vw, 32px); font-weight: 900; text-align: center; margin: 0 0 clamp(30px, 6vw, 40px); color: #1a1a1a;">Preguntas Frecuentes</h2>
<details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Es portátil? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Sí, totalmente portátil. Es compacto y cabe perfectamente en la guantera o el baúl. Podés llevarlo a donde vayas sin problemas.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Cuántas cargas soporta sin recargarlo? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Soporta hasta 4 cargas completas sin necesidad de recargarlo. Después de eso, lo recargás con el transformador 220V incluido (mínimo 45 minutos).</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Cómo se carga el arrancador? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Se carga mediante toma corriente eléctrica con el transformador a 220V que viene incluido. En 45 minutos mínimo ya recupera autonomía para volver a funcionar.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Sirve para camionetas? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Sí, funciona perfecto con autos, camionetas y motos que tengan batería de 12V. Es compatible con la mayoría de vehículos.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Es difícil de usar? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">No. Conectás las pinzas (rojo a positivo, negro a negativo), presionás el botón y listo. Es más fácil que usar cables tradicionales porque no necesitás otro auto.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Es seguro? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Sí, tiene protección contra sobrecarga, cortocircuitos y polaridad invertida. Si conectaste mal, el arrancador no funciona y te protege de daños.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; margin-bottom: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Cuánto tarda en llegar? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">El envío es gratis a todo el país. Tu pedido se procesa en 24-48hs y llega en 5 a 12 días hábiles. Vas a recibir un código de seguimiento para trackear tu paquete.</div>
</details><details class="faq-item" style="background: #fff; border-radius: 12px; overflow: hidden;">
<summary style="background: #fff; padding: clamp(16px, 4vw, 20px); font-weight: bold; font-size: clamp(15px, 4vw, 18px); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #1a1a1a;">¿Qué pasa si no me funciona? <span style="font-size: clamp(20px, 5vw, 24px); color: #ff5722; transition: transform 0.3s;">+</span></summary>
<div style="padding: 0 clamp(16px, 4vw, 20px) clamp(16px, 4vw, 20px); font-size: clamp(13px, 3.5vw, 15px); color: #666; line-height: 1.7;">Si el producto llega dañado o no funciona correctamente, podés comunicarte fácilmente con nuestro servicio de atención al cliente para obtener un cambio o devolución sin problemas.</div>
</details></div>
</section>
<!-- CTA FINAL -->
<section style="background: linear-gradient(135deg, #FF5722 0%, #FF7043 100%); color: #fff; padding: clamp(50px, 10vw, 80px) 20px; text-align: center;">
<div style="max-width: 800px; margin: 0 auto;">
<h2 style="font-size: clamp(28px, 7vw, 42px); font-weight: 900; margin: 0 0 20px; line-height: 1.2; color: #fff;">Nunca Más Quedés Varado</h2>
<p style="font-size: clamp(16px, 4vw, 20px); margin: 0 0 clamp(25px, 5vw, 35px); opacity: 0.95; line-height: 1.6;">Recuperá tu tranquilidad y autonomía.<br />Sin auxilio, sin esperas, sin dramas.</p>
<div style="background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 16px; padding: clamp(20px, 4vw, 30px); margin: 0 auto 30px; max-width: 500px;">
<p style="font-size: clamp(14px, 3.5vw, 16px); margin: 0 0 15px; color: #fff;">✅ Envío Gratis + 3 Cuotas Sin Interés + Auriculares de Regalo</p>
<div style="font-size: clamp(32px, 8vw, 42px); font-weight: 900; margin: 10px 0; color: #ffd700;">$112.000</div>
<p style="font-size: clamp(13px, 3vw, 14px); opacity: 0.9; color: #fff;"><del>Antes: $140.000</del> | 20% OFF HOY</p>
</div>
<a style="display: inline-block; background: linear-gradient(135deg, #FFD700, #FFED4E); color: #ff5722; padding: clamp(18px, 4.5vw, 22px) clamp(40px, 8vw, 60px); border-radius: 50px; font-weight: 900; font-size: clamp(16px, 4vw, 20px); text-decoration: none; box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4); text-transform: uppercase; letter-spacing: 1px;" href="#top"> 🎁 OBTENER MI ARRANCADOR AHORA </a>
<p style="margin-top: 25px; font-size: clamp(12px, 3vw, 14px); opacity: 0.85; color: #fff;">🔒 Compra 100% segura • 📦 +847 clientes felices • ⭐ 4.9/5 estrellas</p>
</div>
</section>
<!-- FOOTER --><footer style="background: #1a1a1a; color: #fff; padding: clamp(40px, 8vw, 50px) 20px clamp(20px, 4vw, 30px);">
<div style="max-width: 1100px; margin: 0 auto;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: clamp(30px, 6vw, 40px); margin-bottom: clamp(30px, 6vw, 40px);">
<div>
<h3 style="font-size: clamp(20px, 5vw, 24px); font-weight: 900; margin: 0 0 15px; color: #ff5722;">ClickFly</h3>
<p style="font-size: clamp(13px, 3.5vw, 14px); color: #ccc; line-height: 1.7; margin: 0;">Tu socio en emergencias automotrices. Tecnología portátil de alta potencia para que nunca más te quedes varado.</p>
</div>
<div>
<h4 style="font-size: clamp(14px, 4vw, 16px); font-weight: bold; margin: 0 0 15px; color: #fff;">Enlaces Rápidos</h4>
<div style="font-size: clamp(13px, 3.5vw, 14px); color: #ccc; line-height: 2.2;">
<div><a style="color: #ccc; text-decoration: none;" href="https://www.clickfly.com.ar">Inicio</a></div>
<div><a style="color: #ccc; text-decoration: none;" href="https://www.clickfly.com.ar/productos/">Productos</a></div>
<div><a style="color: #ccc; text-decoration: none;" href="https://www.clickfly.com.ar/contacto/">Contacto</a></div>
</div>
</div>
<div>
<h4 style="font-size: clamp(14px, 4vw, 16px); font-weight: bold; margin: 0 0 15px; color: #fff;">Soporte</h4>
<div style="font-size: clamp(13px, 3.5vw, 14px); color: #ccc; line-height: 2.2;">
<div>📧 Ayuda por WhatsApp</div>
<div>🚚 Envío Gratis todo el país</div>
<div>💳 MercadoPago - 3 cuotas s/i</div>
</div>
</div>
</div>
<div style="border-top: 1px solid #333; padding-top: 25px; text-align: center;">
<p style="font-size: clamp(12px, 3vw, 13px); color: #888; margin: 0;">© 2025 ClickFly. Todos los derechos reservados.</p>
</div>
</div>
<!-- JAVASCRIPT -->
<p>
<script>
// Animación marquesina
const style = document.createElement('style');
style.textContent = `
@keyframes marqueeScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.faq-item[open] summary span:last-child {
transform: rotate(45deg);
}
`;
document.head.appendChild(style);
// Timer countdown
function updateTimer() {
const hoursEl = document.getElementById('hours');
const minutesEl = document.getElementById('minutes');
const secondsEl = document.getElementById('seconds');
if (!hoursEl || !minutesEl || !secondsEl) return;
let hours = parseInt(hoursEl.textContent);
let minutes = parseInt(minutesEl.textContent);
let seconds = parseInt(secondsEl.textContent);
if (seconds > 0) {
seconds--;
} else {
seconds = 59;
if (minutes > 0) {
minutes--;
} else {
minutes = 59;
if (hours > 0) {
hours--;
} else {
hours = 6;
minutes = 11;
seconds = 24;
}
}
}
hoursEl.textContent = hours.toString().padStart(2, '0');
minutesEl.textContent = minutes.toString().padStart(2, '0');
secondsEl.textContent = seconds.toString().padStart(2, '0');
}
setInterval(updateTimer, 1000);
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
const href = this.getAttribute('href');
if (href === '#' || href === '#top') {
e.preventDefault();
window.scrollTo({ top: 0, behavior: 'smooth' });
return;
}
const target = document.querySelector(href);
if (target) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
// Sticky CTA Bottom - Aparece al scrollear
window.addEventListener('scroll', function() {
const stickyCta = document.getElementById('sticky-cta');
const pricing = document.getElementById('pricing');
if (!stickyCta || !pricing) return;
if (window.scrollY > 800 && window.scrollY < pricing.offsetTop) {
stickyCta.style.display = 'block';
} else {
stickyCta.style.display = 'none';
}
});
// Click en Sticky CTA
const stickyCta = document.getElementById('sticky-cta');
if (stickyCta) {
stickyCta.addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
}
</script>
</p>
</footer>
