SunWave™ Original Version

ShopYa Verified independent store

→

/* --- SCOPED WRAPPER (Para aislar estilos) --- */ .sunwave-pro-wrapper { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif; width: 1 00%; max-width: 100%; margin: 0; padding: 0; background: #ffffff; color: #111; overflow-x: hidden; line-height: 1.5; box-sizing: border-box; /* Asegura que padding no rompa anchos */ } /* Reseteo interno solo para esta sección */ .sunwave-pro-wrapper *, .sunwave-pro-wrapper *::before, .sunwave-pro-wrapper *::after { box-sizing: inherit; } /* Reset de etiquetas solo DENTRO del wrapper */ .sunwave-pro-wrapper h2, .sunwave-pro-wrapper h3, .sunwave-pro-wrapper h4, .sunwave-pro-wrapper p { margin: 0; padding: 0; color: inherit; /* Heredar color para evitar conflictos del tema */ } /* --- UTILITIES --- */ .sunwave-pro-wrapper .text-center { text-align: center; } .sunwave-pro-wrapper .mb-20 { margin-bottom: 20px; } .sunwave-pro-wrapper .mb-40 { margin-bottom: 40px; } /* --- HEADER ROMPEDOR --- */ .sunwave-pro-wrapper .pro-header { text-align: center; padding: 20px 20px 15px; margin-top: 0; } .sunwave-pro-wrapper .viral-badge { background: #ff0050; /* TikTok Red */ color: #fff; font-size: 11px; font-weight: 800; padding: 6px 14px; border-radius: 20px; text-transform: uppercase; display: inline-block; margin-bottom: 10px; box-shadow: 0 4px 15px rgba(255, 0, 80, 0.4); animation: sw-bounce 2s infinite; /* Renombrado */ line-height: 1; } .sunwave-pro-wrapper .pro-title { font-size: 34px; font-weight: 900; letter-spacing: -1px; line-height: 1.1; margin-bottom: 10px; background: linear-gradient(90deg, #000 0%, #444 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; /* Fix para gradients en algunos navegadores */ } .sunwave-pro-wrapper .pro-subtitle { font-size: 17px; color: #666; font-weight: 500; max-width: 90%; margin: 0 auto; } /* --- VIDEO TIKTOK INTERFACE --- */ .sunwave-pro-wrapper .immersive-video-container { position: relative; width: 95%; margin: 0 auto 30px; height: 75vh; max-height: 750px; background: #000; overflow: hidden; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); cursor: pointer; transform: translateZ(0); -webkit-tap-highlight-color: transparent; } .sunwave-pro-wrapper .immersive-video-container video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 24px; border: none; } /* Indicador de Volumen */ .sunwave-pro-wrapper .volume-indicator { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.6); color: white; padding: 20px; border-radius: 50%; font-size: 40px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 20; line-height: 1; } .sunwave-pro-wrapper .volume-indicator.show { opacity: 1; animation: sw-fadeOut 1s forwards 0.5s; /* Renombrado */ } @keyframes sw-fadeOut { to { opacity: 0; } } /* TIKTOK UI OVERLAY */ .sunwave-pro-wrapper .tiktok-ui { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; box-sizing: border-box; } /* Right Sidebar */ .sunwave-pro-wrapper .tt-sidebar { position: absolute; right: 15px; bottom: 100px; display: flex; flex-direction: column; align-items: center; gap: 20px; pointer-events: none; } .sunwave-pro-wrapper .tt-icon-box { text-align: center; } .sunwave-pro-wrapper .tt-icon { width: 40px; height: 40px; background: rgba(0,0,0,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; backdrop-filter: blur(4px); } .sunwave-pro-wrapper .tt-icon svg { width: 24px; height: 24px; fill: #fff; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); } .sunwave-pro-wrapper .tt-text { color: #fff; font-size: 12px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,0.8); } /* Bottom Description */ .sunwave-pro-wrapper .tt-bottom { position: absolute; bottom: 20px; left: 15px; width: 75%; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; text-align: left; } .sunwave-pro-wrapper .tt-user { font-weight: 700; font-size: 16px; margin-bottom: 5px; } .sunwave-pro-wrapper .tt-desc { font-size: 14px; margin-bottom: 10px; line-height: 1.2; } .sunwave-pro-wrapper .tt-desc span { font-weight: 700; } .sunwave-pro-wrapper .tt-sound-row { display: flex; align-items: center; gap: 8px; font-size: 13px; } .sunwave-pro-wrapper .scrolling-text { white-space: nowrap; overflow: hidden; max-width: 150px; } /* --- PAIN POINTS --- */ .sunwave-pro-wrapper .pain-points { padding: 10px 24px 30px; text-align: center; } .sunwave-pro-wrapper .highlight-box { background: #f9f9f9; border: 1px solid #eee; padding: 20px; border-radius: 16px; margin: 15px 0; } .sunwave-pro-wrapper .big-stat { font-size: 32px; font-weight: 800; color: #111; line-height: 1.2; } .sunwave-pro-wrapper .stat-label { font-size: 14px; color: #666; font-weight: 600; text-transform: uppercase; } /* --- BENTO GRID --- */ .sunwave-pro-wrapper .pro-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 0 16px; margin-bottom: 40px; } .sunwave-pro-wrapper .grid-box { background: #f5f5f7; border-radius: 20px; overflow: hidden; position: relative; padding: 0; margin: 0; } .sunwave-pro-wrapper .grid-box img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; border: none; } .sunwave-pro-wrapper .span-2 { grid-column: span 2; } .sunwave-pro-wrapper .height-lg { height: 280px; } .sunwave-pro-wrapper .height-sm { height: 160px; } .sunwave-pro-wrapper .grid-text-overlay { position: absolute; top: 15px; left: 15px; z-index: 2; background: rgba(255,255,255,0.9); backdrop-filter: blur(5px); padding: 6px 12px; border-radius: 10px; font-size: 12px; font-weight: 800; color: #000; text-transform: uppercase; } .sunwave-pro-wrapper .grid-title { font-weight: 800; color: #000; } /* --- FEATURES --- */ .sunwave-pro-wrapper .feature-spotlight { padding: 20px 24px; margin-bottom: 20px; } .sunwave-pro-wrapper .spotlight-card { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; } .sunwave-pro-wrapper .spot-icon { width: 50px; height: 50px; background: #000; color: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; } .sunwave-pro-wrapper .spot-content h4 { font-size: 16px; font-weight: 700; margin-bottom: 4px; } .sunwave-pro-wrapper .spot-content p { font-size: 14px; color: #666; line-height: 1.4; } .sunwave-pro-wrapper .use-cases { background: #f2f2f2; padding: 40px 20px; text-align: center; border-radius: 0; } .sunwave-pro-wrapper .uc-grid { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: none; } .sunwave-pro-wrapper .uc-grid::-webkit-scrollbar { display: none; } .sunwave-pro-wrapper .uc-card { min-width: 140px; background: #fff; border-radius: 16px; padding: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); } .sunwave-pro-wrapper .uc-emoji { font-size: 30px; margin-bottom: 10px; display: block; line-height: 1; } .sunwave-pro-wrapper .uc-title { font-weight: 700; font-size: 14px; margin-bottom: 5px; color: #111; } .sunwave-pro-wrapper .uc-desc { font-size: 12px; color: #666; } .sunwave-pro-wrapper .faq-section { padding: 40px 24px; max-width: 800px; margin: 0 auto; text-align: left; } .sunwave-pro-wrapper .faq-title { font-size: 24px; font-weight: 800; text-align: center; margin-bottom: 30px; } .sunwave-pro-wrapper details { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px; } .sunwave-pro-wrapper summary { font-weight: 600; cursor: pointer; list-style: none; position: relative; padding-right: 20px; color: #111; } .sunwave-pro-wrapper summary::after { content: "+"; position: absolute; right: 0; font-weight: 300; } .sunwave-pro-wrapper details[open] summary::after { content: "-"; } .sunwave-pro-wrapper .faq-answer { margin-top: 10px; font-size: 14px; color: #555; padding-left: 10px; border-left: 2px solid #000; } /* --- TECH SPECS --- */ .sunwave-pro-wrapper .tech-specs-section { background: #111; color: #fff; padding: 50px 24px; border-radius: 32px; margin: 20px 10px 40px; box-shadow: 0 20px 50px rgba(0,0,0,0.3); text-align: left; } .sunwave-pro-wrapper .spec-header { font-size: 26px; font-weight: 800; margin-bottom: 30px; text-align: center; background: linear-gradient(90deg, #fff, #aaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sunwave-pro-wrapper .spec-item { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid #333; } .sunwave-pro-wrapper .spec-label { font-size: 15px; color: #999; } .sunwave-pro-wrapper .spec-val { font-size: 15px; font-weight: 600; color: #fff; } .sunwave-pro-wrapper .trust-badge { margin-top: 30px; border: 1px dashed #444; padding: 20px; border-radius: 16px; text-align: center; background: rgba(255,255,255,0.05); } @keyframes sw-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } 🔥 Viral en TikTok No son solo gafas. Protege tus ojos y escucha tu música sin tapar tus oídos. La tecnología del futuro, hoy. 🔊 24.5K 892 Share @SunWave.Official POV: Sales a correr con tus gafas y la música suena dentro de tu cabeza 🤯 #SunWavePro #Gadget2025 🔊 Haz CLIC para activar sonido 🎵 ¿Por qué cambiarse a SunWave? ⛔ Adiós dolor Olvídate de auriculares que se caen o molestan en la oreja tras 1 hora de uso. 🚲 100% Seguras Escucha tu música y el tráfico al mismo tiempo. Vital para ciclistas, runners y conductores. Estilo Italiano Bluetooth 5.3 Carga Rápida Tecnología que no se ve 🤫 Privacidad Acústica Nuestra tecnología de sonido direccional dispara el audio directo a tu oído. Tú escuchas el concierto, la persona a tu lado solo escucha el silencio. 🕶️ Lentes Polarizadas UV400 No son juguetes, son gafas de sol reales. Bloquean el 100% de los rayos UV dañinos y eliminan reflejos para conducir seguro. 💦 Resistentes al Sudor Certificación IPX4. Corre bajo la lluvia o suda en el gimnasio sin miedo a estropearlas. Perfectas para... 🚗 Conducción GPS y música sin multas 🏃 Running Motivación sin cables 🏖️ Playa Podcast bajo el sol 🚴 Ciclismo Atento al entorno Ingeniería Invisible Montura TR-90 (Flexible) Lentes Polarizadas TAC UV400 Conexión Bluetooth 5.3 (Android/iOS) Peso Solo 31 gramos Autonomía 5h continuas / 120h espera 🛡️ Garantía ShopYa 30 Días de prueba. Si no te encantan, devolución gratuita. Preguntas Frecuentes ¿Son compatibles con iPhone y Android? Sí, funcionan con cualquier dispositivo que tenga Bluetooth. Se conectan igual que unos AirPods o cualquier auricular inalámbrico. ¿La gente de alrededor escucha mi música? En entornos normales (calle, gimnasio, playa), el sonido es prácticamente imperceptible para los demás gracias a los altavoces direccionales. En una biblioteca en silencio absoluto, alguien muy pegado podría oír un leve susurro. ¿Se pueden graduar los cristales? Este modelo viene con lentes polarizadas de sol fijas. Si necesitas graduación, te recomendamos consultar con tu óptica si pueden adaptar lentes al marco TR-90, aunque no lo garantizamos de fábrica. ¿Cuánto tardan en llegar? Procesamos tu pedido en 24h. El envío estándar tarda 24/48 horas laborables dependiendo de tu ubicación. (function() { var box = document.getElementById('sunwave-video-box'); var vid = document.getElementById('sunwave-video-element'); var icon = document.getElementById('volume-icon'); var text = document.getElementById('sound-text'); if(box && vid) { box.addEventListener('click', function(e) { e.preventDefault(); vid.muted = !vid.muted; if(!vid.muted) { vid.volume = 1.0; vid.play().catch(function(err){ console.log("Play blocked by browser", err); }); icon.innerHTML = "🔊"; icon.classList.remove('show'); void icon.offsetWidth; icon.classList.add('show'); if(text) text.innerText = "Sonido Activado"; } else { icon.innerHTML = "🔇"; icon.classList.remove('show'); void icon.offsetWidth; icon.classList.add('show'); if(text) text.innerText = "Haz CLIC para activar sonido 🎵"; } }); } })(); Show more