{"product_id":"turbospin-el-juguete-que-vuela-gira-y-brilla","title":"TurboSpin - El Juguete que Vuela, Gira y Brilla - Colores Surtidos","description":"\u003c!-- ============================================================\n     TurboSpin — Página de produto estilizada (sin JavaScript)\n     Cores: #5100cc (roxo) · #ffc200 (dourado)\n     Cole este bloco no editor de página\/produto do Shopify (modo HTML \u003c\u003e).\n     ============================================================ --\u003e\n\u003cstyle\u003e\n  \/* ---------- Fontes ---------- *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800\u0026family=Nunito:ital,wght@0,400;0,600;0,700;1,400\u0026display=swap');\n\n  \/* ---------- Tokens ---------- *\/\n  .ts-page{\n    --roxo:#5100cc;\n    --roxo-fundo:#2c0070;\n    --roxo-escuro:#1b0048;\n    --dourado:#ffc200;\n    --dourado-claro:#ffd84d;\n    --rosa:#ff5fb0;\n    --creme:#fff6e0;\n    --branco:#ffffff;\n\n    --display:'Baloo 2', system-ui, sans-serif;\n    --corpo:'Nunito', system-ui, sans-serif;\n\n    position:relative;\n    overflow:hidden;\n    background:\n      radial-gradient(120% 90% at 50% -10%, #6a1bff 0%, var(--roxo) 38%, var(--roxo-fundo) 72%, var(--roxo-escuro) 100%);\n    color:var(--creme);\n    font-family:var(--corpo);\n    line-height:1.6;\n    padding:clamp(20px,4vw,56px) clamp(14px,4vw,40px) 64px;\n    border-radius:28px;\n    isolation:isolate;\n  }\n\n  \/* ---------- Partículas \/ brilhos de fundo ---------- *\/\n  .ts-page .ts-orb{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(8px);\n    opacity:.5;\n    z-index:0;\n    pointer-events:none;\n    animation:ts-float 9s ease-in-out infinite;\n  }\n  .ts-page .ts-orb.a{ width:120px;height:120px; top:8%;  left:4%;  background:radial-gradient(circle,var(--dourado),transparent 70%); animation-delay:0s; }\n  .ts-page .ts-orb.b{ width:90px; height:90px;  top:40%; right:6%; background:radial-gradient(circle,var(--rosa),transparent 70%);    animation-delay:1.5s; }\n  .ts-page .ts-orb.c{ width:160px;height:160px; bottom:12%;left:-2%;background:radial-gradient(circle,var(--dourado-claro),transparent 70%); animation-delay:3s; }\n  .ts-page .ts-orb.d{ width:70px; height:70px;  bottom:4%; right:14%;background:radial-gradient(circle,#9b6bff,transparent 70%);        animation-delay:2.2s; }\n\n  @keyframes ts-float{\n    0%,100%{ transform:translateY(0) translateX(0) scale(1); }\n    50%   { transform:translateY(-26px) translateX(10px) scale(1.08); }\n  }\n\n  \/* ---------- Container ---------- *\/\n  .ts-page .ts-wrap{ position:relative; z-index:2; max-width:900px; margin:0 auto; }\n\n  \/* ---------- Títulos ---------- *\/\n  .ts-page h1{\n    font-family:var(--display);\n    font-weight:800;\n    text-align:center;\n    line-height:1.12;\n    color:var(--branco);\n    margin:0 0 .2em;\n    text-shadow:0 4px 24px rgba(0,0,0,.35);\n  }\n  .ts-page .ts-hero-title{\n    font-size:clamp(36.8px, 8vw, 57.6px);\n    background:linear-gradient(120deg,var(--branco) 0%,var(--dourado-claro) 50%,var(--branco) 100%);\n    -webkit-background-clip:text; background-clip:text;\n    -webkit-text-fill-color:transparent;\n    background-size:200% auto;\n    animation:ts-shine 5s linear infinite;\n  }\n  @keyframes ts-shine{ to{ background-position:200% center; } }\n\n  .ts-page .ts-section-title{\n    font-size:clamp(36.8px, 8vw, 57.6px);\n    position:relative;\n    display:inline-block;\n    left:50%; transform:translateX(-50%);\n    padding-bottom:.35em;\n  }\n  .ts-page .ts-section-title::after{\n    content:\"\";\n    position:absolute; left:50%; bottom:0; transform:translateX(-50%);\n    width:74px; height:5px; border-radius:99px;\n    background:linear-gradient(90deg,var(--dourado),var(--rosa));\n    box-shadow:0 0 16px rgba(255,194,0,.7);\n  }\n\n  \/* ---------- Texto ---------- *\/\n  .ts-page p{\n    text-align:center;\n    font-size:clamp(18.24px, 2.8vw, 20.16px);\n    max-width:680px;\n    margin:0 auto;\n    color:var(--creme);\n  }\n\n  \/* ---------- Seções (animação de entrada 100% CSS, sem JS) ---------- *\/\n  .ts-page .ts-section{\n    margin-top:clamp(46px,7vw,84px);\n    animation:ts-rise .8s cubic-bezier(.2,.8,.2,1) both;\n  }\n  \/* leve cascata na entrada *\/\n  .ts-page .ts-section:nth-of-type(1){ animation-delay:.05s; }\n  .ts-page .ts-section:nth-of-type(2){ animation-delay:.15s; }\n  .ts-page .ts-section:nth-of-type(3){ animation-delay:.25s; }\n  .ts-page .ts-section:nth-of-type(4){ animation-delay:.35s; }\n  .ts-page .ts-section:nth-of-type(5){ animation-delay:.45s; }\n  .ts-page .ts-section:nth-of-type(6){ animation-delay:.5s; }\n  .ts-page .ts-section:nth-of-type(7){ animation-delay:.55s; }\n  .ts-page .ts-section:nth-of-type(8){ animation-delay:.6s; }\n  .ts-page .ts-section:nth-of-type(9){ animation-delay:.65s; }\n  .ts-page .ts-section .ts-section-title{ margin-bottom:.7em; }\n\n  @keyframes ts-rise{\n    from{ opacity:0; transform:translateY(34px); }\n    to  { opacity:1; transform:translateY(0); }\n  }\n\n  \/* ---------- Cartões de mídia ---------- *\/\n  .ts-page .ts-media{\n    margin:26px auto 0;\n    max-width:560px;\n    border-radius:24px;\n    overflow:hidden;\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,216,77,.35);\n    box-shadow:0 18px 50px rgba(0,0,0,.4), 0 0 0 4px rgba(255,194,0,.08);\n    transition:transform .4s ease, box-shadow .4s ease;\n  }\n  .ts-page .ts-media:hover{\n    transform:translateY(-8px) scale(1.015);\n    box-shadow:0 26px 70px rgba(0,0,0,.5), 0 0 32px rgba(255,194,0,.35);\n  }\n  .ts-page .ts-media video,\n  .ts-page .ts-media img{ display:block; width:100%; height:auto; }\n\n  \/* ---------- Hero ---------- *\/\n  .ts-page .ts-hero{ text-align:center; }\n  .ts-page .ts-badge{\n    display:inline-flex; align-items:center; gap:8px;\n    font-family:var(--display); font-weight:700; font-size:.85rem;\n    letter-spacing:.06em; text-transform:uppercase;\n    color:var(--roxo-escuro);\n    background:linear-gradient(90deg,var(--dourado),var(--dourado-claro));\n    padding:8px 18px; border-radius:99px;\n    box-shadow:0 6px 20px rgba(255,194,0,.45);\n    margin-bottom:18px;\n    animation:ts-pulse 2.6s ease-in-out infinite;\n  }\n  .ts-page .ts-badge .ts-spark{ animation:ts-spin 4s linear infinite; display:inline-block; }\n  @keyframes ts-spin{ to{ transform:rotate(360deg); } }\n  @keyframes ts-pulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.05);} }\n\n  \/* ---------- Bloco tutorial \/ specs \/ FAQ ---------- *\/\n  .ts-page .ts-card{\n    margin:26px auto 0;\n    max-width:620px;\n    background:rgba(27,0,72,.45);\n    border:1px solid rgba(255,216,77,.28);\n    border-radius:24px;\n    padding:clamp(22px,4vw,34px);\n    backdrop-filter:blur(4px);\n    box-shadow:0 16px 44px rgba(0,0,0,.35);\n  }\n  .ts-page .ts-card p{ text-align:left; max-width:none; margin:0 0 14px; }\n  .ts-page .ts-card p:last-child{ margin-bottom:0; }\n  .ts-page .ts-card strong{ color:var(--dourado-claro); }\n\n  \/* lista do tutorial em \"pílulas\" numeradas *\/\n  .ts-page .ts-steps{ list-style:none; margin:0; padding:0; counter-reset:step; }\n  .ts-page .ts-steps li{\n    position:relative;\n    padding:14px 16px 14px 60px;\n    margin-bottom:12px;\n    background:rgba(255,255,255,.05);\n    border-radius:16px;\n    border:1px solid rgba(255,255,255,.08);\n    text-align:left;\n  }\n  .ts-page .ts-steps li:last-child{ margin-bottom:0; }\n  .ts-page .ts-steps li::before{\n    counter-increment:step; content:counter(step);\n    position:absolute; left:14px; top:50%; transform:translateY(-50%);\n    width:34px; height:34px; border-radius:50%;\n    display:grid; place-items:center;\n    font-family:var(--display); font-weight:800; color:var(--roxo-escuro);\n    background:linear-gradient(135deg,var(--dourado),var(--dourado-claro));\n    box-shadow:0 4px 12px rgba(255,194,0,.5);\n  }\n\n  \/* specs em grade *\/\n  .ts-page .ts-specs{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }\n  .ts-page .ts-specs .ts-spec{\n    background:rgba(255,255,255,.05);\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:16px; padding:14px 18px;\n  }\n  .ts-page .ts-specs .ts-spec span{ display:block; font-family:var(--display); font-weight:700; color:var(--dourado-claro); font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px; }\n\n  \/* FAQ (accordion 100% HTML\/CSS, sem JS) *\/\n  .ts-page .ts-faq{ text-align:left; }\n  .ts-page .ts-faq details{\n    background:rgba(255,255,255,.05);\n    border:1px solid rgba(255,216,77,.25);\n    border-radius:16px;\n    padding:4px 18px;\n    margin-bottom:12px;\n    transition:background .3s ease;\n  }\n  .ts-page .ts-faq details[open]{ background:rgba(255,194,0,.1); }\n  .ts-page .ts-faq summary{\n    cursor:pointer; list-style:none;\n    font-family:var(--display); font-weight:700; color:var(--branco);\n    padding:14px 0; font-size:1.05rem;\n    display:flex; align-items:center; justify-content:space-between; gap:12px;\n  }\n  .ts-page .ts-faq summary::-webkit-details-marker{ display:none; }\n  .ts-page .ts-faq summary::after{ content:\"+\"; color:var(--dourado); font-size:1.6rem; line-height:1; transition:transform .3s ease; }\n  .ts-page .ts-faq details[open] summary::after{ transform:rotate(45deg); }\n  .ts-page .ts-faq details p{ text-align:left; max-width:none; margin:0 0 16px; }\n\n  \/* ---------- Acessibilidade: respeita movimento reduzido ---------- *\/\n  @media (prefers-reduced-motion: reduce){\n    .ts-page .ts-orb,\n    .ts-page .ts-hero-title,\n    .ts-page .ts-badge,\n    .ts-page .ts-badge .ts-spark,\n    .ts-page .ts-section{ animation:none; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ts-page\"\u003e\n\u003c!-- brilhos flutuantes --\u003e \u003cspan class=\"ts-orb a\"\u003e\u003c\/span\u003e \u003cspan class=\"ts-orb b\"\u003e\u003c\/span\u003e \u003cspan class=\"ts-orb c\"\u003e\u003c\/span\u003e \u003cspan class=\"ts-orb d\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"ts-wrap\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"ts-hero ts-section\"\u003e\u003cspan class=\"ts-badge\"\u003e\u003cspan class=\"ts-spark\"\u003e✦\u003c\/span\u003e Vuela · Gira · Brilla\u003c\/span\u003e\n\u003ch1 class=\"ts-hero-title\"\u003e¿Quién Más Quiere Ver a Su Hijo Sonreír con un Juguete que Vuela, Brilla y Encanta en Cuestión de Segundos?\u003c\/h1\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cvideo autoplay=\"autoplay\" controlslist=\"nodownload\" disablepictureinpicture=\"\" height=\"auto\" loop=\"loop\" muted=\"true\" playsinline=\"\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4c6180b466b644e4be4588dac22ca3ad.mp4\" type=\"video\/mp4\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SEÇÃO 1 --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eUn Juguete que Flota, Gira, Brilla y Hace que los Niños se Sientan Dentro de una Película Mágica\u003c\/h1\u003e\n\u003cp\u003eImagínate la carita de tu hijo al ver algo que parece sacado de una película de superhéroes: avienta TurboSpin al aire y, de repente… empieza a flotar solito, gira en todas direcciones y suelta unas luces increíbles, como si tuviera vida propia.\u003c\/p\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cvideo autoplay=\"autoplay\" controlslist=\"nodownload\" disablepictureinpicture=\"\" height=\"auto\" loop=\"loop\" muted=\"true\" playsinline=\"\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f36f051b4e8c447080c6ccd2db0253ad.mp4\" type=\"video\/mp4\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SEÇÃO 2 --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eConvierte Cualquier Momento en una Aventura Increíble con tan Solo Aventarlo al Aire\u003c\/h1\u003e\n\u003cp\u003eGracias al sensor de movimiento y a la hélice protegida, TurboSpin se mantiene en el aire de forma estable. Nada más lo avientas suavecito y vuela solito, creando todo un espectáculo de luces y giros. Es súper fácil de usar, seguro y tan divertido que nadie quiere soltarlo.\u003c\/p\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cvideo autoplay=\"autoplay\" controlslist=\"nodownload\" disablepictureinpicture=\"\" height=\"auto\" loop=\"loop\" muted=\"true\" playsinline=\"\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5a43484a1c3d4e379b286f8058c11501.mp4\" type=\"video\/mp4\" width=\"100%\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SEÇÃO 3 --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eUne a Papás e Hijos con Juegos que Crean Recuerdos Inolvidables\u003c\/h1\u003e\n\u003cp\u003eMientras tu hijo aprende a controlar TurboSpin, te lo va a querer presumir. Querrá aventarlo y atraparlo contigo. Querrá impresionarte. Este juguete fomenta la convivencia, las risas y el cariño entre todos los miembros de la familia.\u003c\/p\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6bd31ce26364477d98f8db291143dc76.mp4\" playsinline=\"\" muted=\"true\" loop=\"loop\" height=\"auto\" disablepictureinpicture=\"\" controlslist=\"nodownload\" autoplay=\"autoplay\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SEÇÃO 4 --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eSorprende en Fiestas y Reuniones con el Juguete que Todos Quieren Probar\u003c\/h1\u003e\n\u003cp\u003eEl diseño futurista y el espectáculo de luces LED hacen que TurboSpin se robe todas las miradas. En las fiestas de cumpleaños o reuniones familiares se vuelve la atracción principal y hace que todos se quieran sumar al juego.\u003c\/p\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cimg alt=\"TurboSpin en acción\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0718\/2378\/6072\/files\/SpinNova_descricao_2.webp?v=1782407608\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SEÇÃO 5 --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eJuega Todas las Veces que Quieras con una Carga Rápida y Súper Práctica\u003c\/h1\u003e\n\u003cp\u003eCon su puerto USB universal, TurboSpin se carga en pocos minutos. La diversión regresa rapidísimo, sin pilas, sin cables y sin complicaciones.\u003c\/p\u003e\n\u003cdiv class=\"ts-media\"\u003e\u003cvideo width=\"100%\" type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/653f43f9b4494004bf82873cc2c04e36.mp4\" playsinline=\"\" muted=\"true\" loop=\"loop\" height=\"auto\" disablepictureinpicture=\"\" controlslist=\"nodownload\" autoplay=\"autoplay\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TUTORIAL --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eTutorial Rápido de Uso de TurboSpin\u003c\/h1\u003e\n\u003cdiv class=\"ts-card\"\u003e\n\u003col class=\"ts-steps\"\u003e\n\u003cli\u003eConecta TurboSpin al cable USB para cargarlo (aproximadamente 25 min).\u003c\/li\u003e\n\u003cli\u003ePrende el botón que está en la parte de abajo del juguete.\u003c\/li\u003e\n\u003cli\u003eSujétalo con cuidado y haz un movimiento suave hacia arriba para aventarlo.\u003c\/li\u003e\n\u003cli\u003eObserva cómo vuela TurboSpin y controla el vuelo con tus manos.\u003c\/li\u003e\n\u003cli\u003eDespués de usarlo, apágalo y vuelve a cargarlo para seguir la diversión.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ESPECIFICAÇÕES --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003eEspecificaciones Técnicas\u003c\/h1\u003e\n\u003cdiv class=\"ts-card\"\u003e\n\u003cdiv class=\"ts-specs\"\u003e\n\u003cdiv class=\"ts-spec\"\u003e\n\u003cspan\u003eTamaño\u003c\/span\u003e9.5 cm de diámetro\u003c\/div\u003e\n\u003cdiv class=\"ts-spec\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003ePlástico ABS resistente y seguro\u003c\/div\u003e\n\u003cdiv class=\"ts-spec\"\u003e\n\u003cspan\u003eColores\u003c\/span\u003eAzul · Rosa\u003c\/div\u003e\n\u003cdiv class=\"ts-spec\"\u003e\n\u003cspan\u003eAutonomía de vuelo\u003c\/span\u003eAproximadamente 10 minutos por carga\u003c\/div\u003e\n\u003cdiv class=\"ts-spec\"\u003e\n\u003cspan\u003eCarga\u003c\/span\u003eMediante cable USB (incluido)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"ts-section\"\u003e\n\u003ch1 class=\"ts-section-title\"\u003ePreguntas Frecuentes\u003c\/h1\u003e\n\u003cdiv class=\"ts-card ts-faq\"\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003e¿Es seguro para niños pequeños?\u003c\/summary\u003e\n\u003cp\u003e¡Claro que sí! TurboSpin tiene las hélices protegidas y está hecho de materiales ligeros, ideal para usarse bajo la supervisión de un adulto.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Se puede usar al aire libre?\u003c\/summary\u003e\n\u003cp\u003eSí, pero te recomendamos evitar el viento fuerte y las superficies duras.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánto tiempo tarda en cargarse?\u003c\/summary\u003e\n\u003cp\u003eAproximadamente 25 minutos por medio del USB.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Cuánto tiempo vuela con una sola carga?\u003c\/summary\u003e\n\u003cp\u003eHasta 10 minutos de vuelo continuo.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e¿Funciona con pilas?\u003c\/summary\u003e\n\u003cp\u003eNo. TurboSpin se recarga con el cable USB que viene incluido.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Vendzon","offers":[{"title":"Default Title","offer_id":44276785447000,"sku":"TurboSpin (YOUTUBE)","price":899.0,"currency_code":"MXN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0718\/2378\/6072\/files\/TurboSpinncarrossel_1.gif?v=1782411455","url":"https:\/\/vendzon.com\/products\/turbospin-el-juguete-que-vuela-gira-y-brilla","provider":"Vendzon","version":"1.0","type":"link"}