{"product_id":"ttgo-c5","title":"ttgo-c5","description":"\u003c!-- =========================================================\n  TTGO C5\n  PRODUCT PAGE - SPANISH\n  Shopify Custom Liquid \/ HTML\n========================================================= --\u003e\n\n\u003cdiv class=\"ttgo-c5-page\"\u003e\n\n  \u003c!-- =====================================================\n       HERO\n  ====================================================== --\u003e\n\n  \u003csection class=\"c5-intro\"\u003e\n\n    \u003cdiv class=\"c5-intro-media\"\u003e\n\n      \u003cvideo autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-gris-titanio-mate-video-portada.jpg?v=1787107442\" aria-label=\"Bicicleta eléctrica TTGO C5 gris titanio mate en una demostración real\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8bcf88668be343408b05089cde56088c.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"c5-intro-content\"\u003e\n\n      \u003cspan class=\"c5-eyebrow\"\u003e\n        Bicicleta eléctrica urbana y todoterreno\n      \u003c\/span\u003e\n\n      \u003ch2\u003eTTGO C5\u003c\/h2\u003e\n\n      \u003cp\u003e\n        La TTGO C5 combina diseño moderno, comodidad y control para el uso diario.\n        Su motor de 250 W con 70 N·m, batería de 648 Wh, frenos hidráulicos Tektro\n        y cambio Shimano de 7 velocidades ofrecen una conducción equilibrada.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"c5-intro-specs\"\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003e70 N·m\u003c\/strong\u003e\n          \u003cspan\u003ePar motor\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003e648 Wh\u003c\/strong\u003e\n          \u003cspan\u003eBatería\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003e110–130 km\u003c\/strong\u003e\n          \u003cspan\u003eAutonomía\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       FEATURES\n  ====================================================== --\u003e\n\n  \u003csection class=\"c5-features-section\"\u003e\n\n    \u003cdiv class=\"c5-container\"\u003e\n\n      \u003ch2 class=\"c5-section-title\"\u003e\n        Bicicleta eléctrica TTGO C5\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"c5-title-line\"\u003e\u003c\/div\u003e\n\n\n      \u003cdiv class=\"c5-feature-grid\" id=\"c5FeatureScroller\"\u003e\n\n\n        \u003c!-- 01 MOTOR --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-motor-250w-70nm-cambio-shimano-7-velocidades.jpg?v=1787106596\" alt=\"Motor de 250 W con 70 N·m y transmisión Shimano de 7 velocidades de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eMotor de 250 W con 70 N·m\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Motor trasero sin escobillas con 70 N·m de par para una asistencia\n              fluida en ciudad, pendientes y trayectos diarios.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 02 BATTERY --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bateria-extraible-48v-13-5ah-648wh.jpg?v=1787106609\" alt=\"Batería extraíble de 48 V 13,5 Ah y 648 Wh integrada en el cuadro de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eBatería de 48 V 13,5 Ah\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Batería extraíble de 648 Wh integrada en el cuadro, con hasta\n              110–130 km de autonomía según uso, terreno y asistencia.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 03 SHIMANO --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-transmision-shimano-7-velocidades.jpg?v=1787106621\" alt=\"Transmisión Shimano de 7 velocidades instalada en la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eTransmisión Shimano de 7 velocidades\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Cambio Shimano de 7 velocidades para adaptar el pedaleo al terreno\n              y mantener una conducción suave y controlada.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 04 DISPLAY --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-pantalla-lcd-controles-manillar-shimano-7v.jpg?v=1787106635\" alt=\"Pantalla LCD y controles del manillar con cambio Shimano de 7 velocidades de la TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003ePantalla LCD inteligente\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Consulta velocidad, batería, kilometraje y nivel de asistencia\n              de forma clara durante la conducción.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 05 SUSPENSION --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-horquilla-suspension-neumaticos-27-5x2-4.jpg?v=1787106652\" alt=\"Horquilla delantera con suspensión y neumáticos de 27,5 × 2,4 pulgadas de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eHorquilla delantera con suspensión\u003c\/h3\u003e\n\n            \u003cp\u003e\n              La suspensión delantera y los neumáticos de 27,5 × 2,4″ ayudan\n              a absorber irregularidades y mejorar estabilidad y confort.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 06 SEATPOST --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-tija-sillin-con-suspension.jpg?v=1787106676\" alt=\"Tija de sillín con suspensión para mejorar la comodidad de conducción de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eTija de sillín con suspensión\u003c\/h3\u003e\n\n            \u003cp\u003e\n              La tija con suspensión reduce vibraciones y mejora el confort,\n              especialmente en trayectos más largos.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 07 FRAME --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-cuadro-aluminio-acceso-bajo.jpg?v=1787106692\" alt=\"Cuadro de aluminio de acceso bajo de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eCuadro de aluminio de acceso bajo\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Cuadro de aluminio resistente y estable, con acceso bajo para\n              subir y bajar de la bicicleta con mayor facilidad.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- 08 LIGHT --\u003e\n\n        \u003carticle class=\"c5-feature-card\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-faro-delantero-doble-nucleo-alta-intensidad.jpg?v=1787106706\" alt=\"Faro delantero de doble núcleo y alta intensidad de la bicicleta eléctrica TTGO C5\"\u003e\n\n          \u003cdiv class=\"c5-feature-content\"\u003e\n\n            \u003ch3\u003eFaro delantero de alta intensidad\u003c\/h3\u003e\n\n            \u003cp\u003e\n              Faro delantero de doble núcleo para mejorar la visibilidad\n              en trayectos con poca luz.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- MOBILE PROGRESS --\u003e\n\n      \u003cdiv class=\"c5-mobile-progress\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       SIZE\n  ====================================================== --\u003e\n\n  \u003csection class=\"c5-size-section\"\u003e\n\n    \u003cdiv class=\"c5-container\"\u003e\n\n      \u003ch2 class=\"c5-centered-title\"\u003e\n        Talla y ajuste\n      \u003c\/h2\u003e\n\n\n      \u003cdiv class=\"c5-size-grid\"\u003e\n\n        \u003cdiv class=\"c5-size-image\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-dimensiones-tamano-geometria.jpg?v=1787106717\" alt=\"Dimensiones, tamaño y geometría de la bicicleta eléctrica TTGO C5\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"c5-size-card\"\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eA. Longitud total\u003c\/span\u003e\n            \u003cstrong\u003e186 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eB. Altura del manillar\u003c\/span\u003e\n            \u003cstrong\u003e115–120 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eC. Distancia entre ejes\u003c\/span\u003e\n            \u003cstrong\u003e113 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eD. Altura del sillín\u003c\/span\u003e\n            \u003cstrong\u003e92–107 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eE. Longitud del tubo superior\u003c\/span\u003e\n            \u003cstrong\u003e63 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eF. Diámetro de la rueda\u003c\/span\u003e\n            \u003cstrong\u003e71 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"c5-size-row\"\u003e\n            \u003cspan\u003eG. Anchura del manillar\u003c\/span\u003e\n            \u003cstrong\u003e70 cm\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       TECHNICAL SPECS\n  ====================================================== --\u003e\n\n  \u003csection class=\"c5-specs-section\"\u003e\n\n    \u003cdiv class=\"c5-container\"\u003e\n\n      \u003ch2 class=\"c5-centered-title\"\u003e\n        Especificaciones técnicas\n      \u003c\/h2\u003e\n\n\n      \u003cdiv class=\"c5-spec-columns\"\u003e\n\n\n        \u003c!-- GENERAL --\u003e\n\n        \u003cdiv class=\"c5-spec-column\"\u003e\n\n          \u003cbutton class=\"c5-spec-toggle\" type=\"button\" aria-expanded=\"false\"\u003e\n            \u003cspan\u003eGeneral\u003c\/span\u003e\n            \u003cspan class=\"c5-spec-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eAutonomía\u003c\/span\u003e\n              \u003cstrong\u003e110–130 km\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eVelocidad máxima\u003c\/span\u003e\n              \u003cstrong\u003e25 km\/h\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eAsistencia al pedaleo\u003c\/span\u003e\n              \u003cstrong\u003e5 niveles\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eSuspensión\u003c\/span\u003e\n              \u003cstrong\u003eHorquilla delantera\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eTransmisión\u003c\/span\u003e\n              \u003cstrong\u003eShimano · 7 velocidades\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eNeumáticos\u003c\/span\u003e\n              \u003cstrong\u003e27,5″ × 2,4″\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003ePeso de la bicicleta\u003c\/span\u003e\n              \u003cstrong\u003e26 kg\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eCapacidad de carga\u003c\/span\u003e\n              \u003cstrong\u003e125 kg\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eAltura recomendada\u003c\/span\u003e\n              \u003cstrong\u003e165–195 cm\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- ELECTRONICS --\u003e\n\n        \u003cdiv class=\"c5-spec-column\"\u003e\n\n          \u003cbutton class=\"c5-spec-toggle\" type=\"button\" aria-expanded=\"false\"\u003e\n            \u003cspan\u003eElectrónica\u003c\/span\u003e\n            \u003cspan class=\"c5-spec-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eMotor\u003c\/span\u003e\n              \u003cstrong\u003eBuje trasero · 250 W\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003ePar motor\u003c\/span\u003e\n              \u003cstrong\u003e70 N·m\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eBatería\u003c\/span\u003e\n              \u003cstrong\u003e48 V 13,5 Ah · 648 Wh\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eCargador\u003c\/span\u003e\n              \u003cstrong\u003e54,6 V · 2 A\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eTiempo de carga\u003c\/span\u003e\n              \u003cstrong\u003e≈ 6 h\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003ePantalla\u003c\/span\u003e\n              \u003cstrong\u003eLCD a color\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eSensor\u003c\/span\u003e\n              \u003cstrong\u003eSensor de velocidad\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eProtección de la batería\u003c\/span\u003e\n              \u003cstrong\u003eIPX5\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n\n\n        \u003c!-- COMPONENTS --\u003e\n\n        \u003cdiv class=\"c5-spec-column\"\u003e\n\n          \u003cbutton class=\"c5-spec-toggle\" type=\"button\" aria-expanded=\"false\"\u003e\n            \u003cspan\u003eComponentes\u003c\/span\u003e\n            \u003cspan class=\"c5-spec-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eCuadro\u003c\/span\u003e\n              \u003cstrong\u003eAleación de aluminio\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eManillar\u003c\/span\u003e\n              \u003cstrong\u003eAleación de aluminio\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eHorquilla\u003c\/span\u003e\n              \u003cstrong\u003eAluminio\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eFrenos\u003c\/span\u003e\n              \u003cstrong\u003eTektro hidráulicos\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eCambio\u003c\/span\u003e\n              \u003cstrong\u003eShimano · 7 velocidades\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003ePortaequipajes\u003c\/span\u003e\n              \u003cstrong\u003eAluminio\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eNeumáticos\u003c\/span\u003e\n              \u003cstrong\u003e27,5″ × 2,4″\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eLuz delantera\u003c\/span\u003e\n              \u003cstrong\u003eDoble núcleo\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eLuz trasera\u003c\/span\u003e\n              \u003cstrong\u003eLED roja\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003ePedales\u003c\/span\u003e\n              \u003cstrong\u003eAluminio\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              \u003cspan\u003eTija del sillín\u003c\/span\u003e\n              \u003cstrong\u003eCon suspensión\u003c\/strong\u003e\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       EXPLORE MORE\n  ====================================================== --\u003e\n\n  \u003csection class=\"c5-gallery-section\"\u003e\n\n    \u003ch2\u003eExplora más\u003c\/h2\u003e\n\n\n    \u003cdiv class=\"c5-gallery\"\u003e\n\n\n      \u003cdiv class=\"c5-gallery-main\"\u003e\n\n        \u003cbutton class=\"c5-gallery-arrow c5-prev\" type=\"button\" aria-label=\"Imagen anterior\"\u003e\n          ‹\n        \u003c\/button\u003e\n\n\n        \u003cimg id=\"c5GalleryMain\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-parque.webp?v=1787106891\" alt=\"Bicicleta eléctrica TTGO C5 blanca fotografiada en un parque, mostrando su diseño de cuadro bajo y configuración para desplazamientos diarios\"\u003e\n\n\n        \u003cbutton class=\"c5-gallery-arrow c5-next\" type=\"button\" aria-label=\"Imagen siguiente\"\u003e\n          ›\n        \u003c\/button\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"c5-gallery-thumbs\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb is-active\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-parque.webp?v=1787106891\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-parque.webp?v=1787106891\" alt=\"Bicicleta eléctrica TTGO C5 blanca fotografiada en un parque, mostrando su diseño de cuadro bajo y configuración para desplazamientos diarios\"\u003e\n\n        \u003c\/button\u003e\n\n\n\n        \u003c!-- 02 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-gris-foto-real-entorno-natural.webp?v=1787106878\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-gris-foto-real-entorno-natural.webp?v=1787106878\" alt=\"Bicicleta eléctrica TTGO C5 gris en un entorno natural, con neumáticos de 27,5 pulgadas, suspensión delantera y portaequipajes trasero\"\u003e\n\n        \u003c\/button\u003e\n\n\n\n        \u003c!-- 03 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-jardin.webp?v=1787106798\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-jardin.webp?v=1787106798\" alt=\"TTGO C5 blanca fotografiada en un jardín, con cuadro de aluminio de acceso bajo, batería integrada y portaequipajes trasero\"\u003e\n\n        \u003c\/button\u003e\n\n\n\n        \u003c!-- 04 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-gris-foto-real-naturaleza.webp?v=1787106776\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-gris-foto-real-naturaleza.webp?v=1787106776\" alt=\"Bicicleta eléctrica TTGO C5 gris fotografiada en la naturaleza, preparada para desplazamientos urbanos y rutas recreativas\"\u003e\n\n        \u003c\/button\u003e\n\n\n\n        \u003c!-- 05 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-uso-urbano.webp?v=1787106760\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-blanca-foto-real-uso-urbano.webp?v=1787106760\" alt=\"Bicicleta eléctrica TTGO C5 blanca en una escena de uso urbano, equipada para desplazamientos cotidianos y trayectos por ciudad\"\u003e\n\n        \u003c\/button\u003e\n\n\n\n        \u003c!-- 06 --\u003e\n\n        \u003cbutton class=\"c5-gallery-thumb\" type=\"button\" data-full=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-turquesa-foto-real-parque.webp?v=1787106741\"\u003e\n\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-turquesa-foto-real-parque.webp?v=1787106741\" alt=\"Bicicleta eléctrica TTGO C5 turquesa fotografiada en un parque, con diseño de acceso bajo, suspensión delantera y portaequipajes trasero\"\u003e\n\n        \u003c\/button\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.ttgo-c5-page,\n.ttgo-c5-page * {\n  box-sizing: border-box;\n}\n\n.ttgo-c5-page {\n  width: 100%;\n  color: #151515;\n}\n\n.c5-container {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.c5-intro {\n  width: 100%;\n  max-width: 1440px;\n\n  height: 620px;\n  min-height: 620px;\n\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: 1.08fr 0.92fr;\n  align-items: stretch;\n\n  overflow: hidden;\n\n  background: #f6f6f4;\n}\n\n\n\/* 左侧视频区域 *\/\n\n.c5-intro-media {\n  position: relative;\n\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n\n  overflow: hidden;\n\n  background: #000;\n}\n\n\n\/* 视频强制铺满整个 Hero *\/\n\n.c5-intro-media video {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  min-width: 100%;\n  min-height: 100%;\n\n  display: block;\n\n  object-fit: cover !important;\n  object-position: center center;\n\n  background: #000;\n}\n\n\n\/* 右侧内容 *\/\n\n.c5-intro-content {\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 60px 58px;\n}\n\n\n.c5-eyebrow {\n  display: block;\n\n  margin-bottom: 14px;\n\n  font-size: 13px;\n  line-height: 1.4;\n  letter-spacing: .08em;\n\n  text-transform: uppercase;\n\n  color: #777;\n}\n\n\n.c5-intro-content h2 {\n  margin: 0 0 20px;\n\n  font-size: clamp(36px, 4vw, 58px);\n  line-height: 1;\n\n  font-weight: 600;\n  letter-spacing: -.025em;\n\n  color: #111;\n}\n\n\n.c5-intro-content \u003e p {\n  max-width: 580px;\n\n  margin: 0;\n\n  font-size: 16px;\n  line-height: 1.75;\n  font-weight: 400;\n\n  color: #444;\n}\n\n\n.c5-intro-specs {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 1px;\n\n  margin-top: 34px;\n\n  border: 1px solid #dedede;\n\n  background: #dedede;\n}\n\n\n.c5-intro-specs \u003e div {\n  padding: 18px 14px;\n\n  background: #fff;\n}\n\n\n.c5-intro-specs strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 600;\n\n  color: #111;\n}\n\n\n.c5-intro-specs span {\n  display: block;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  color: #777;\n}\n\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.c5-features-section {\n  width: 100%;\n}\n\n\n.c5-features-section .c5-container {\n  padding-top: 64px;\n  padding-bottom: 70px;\n}\n\n\n.c5-section-title {\n  margin: 0 0 12px;\n\n  font-size: 30px;\n  line-height: 1.25;\n  font-weight: 600;\n  letter-spacing: -.02em;\n\n  color: #111;\n}\n\n\n.c5-title-line {\n  width: 48px;\n  height: 2px;\n\n  margin: 0 0 32px;\n\n  background: #f5a400;\n}\n\n\n.c5-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 24px;\n\n  align-items: stretch;\n}\n\n\n.c5-feature-card {\n  width: 100%;\n  height: 100%;\n\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n\n  border: 1px solid #e7e7e7;\n  border-radius: 6px;\n\n  background: #fff;\n}\n\n\n.c5-feature-card img {\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  display: block;\n  flex-shrink: 0;\n\n  object-fit: cover;\n  object-position: center;\n\n  background: #f7f7f7;\n}\n\n\n.c5-feature-content {\n  padding: 19px 18px 22px;\n\n  flex: 1;\n}\n\n\n.c5-feature-content h3 {\n  margin: 0 0 10px;\n\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 600;\n\n  color: #111;\n}\n\n\n.c5-feature-content p {\n  margin: 0;\n\n  font-size: 14px;\n  line-height: 1.68;\n  font-weight: 400;\n\n  color: #555;\n}\n\n\n.c5-mobile-progress {\n  display: none;\n}\n\n\n\n\/* =========================================================\n   SIZE\n========================================================= *\/\n\n.c5-size-section {\n  width: 100%;\n\n  padding: 72px 0;\n\n  background: #f7f7f5;\n}\n\n\n.c5-centered-title {\n  margin: 0 0 38px;\n\n  text-align: center;\n\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 600;\n  letter-spacing: -.02em;\n\n  color: #111;\n}\n\n\n.c5-size-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);\n\n  gap: 42px;\n\n  align-items: center;\n}\n\n\n.c5-size-image {\n  width: 100%;\n\n  overflow: hidden;\n\n  background: #fff;\n}\n\n\n.c5-size-image img {\n  width: 100%;\n  height: auto;\n\n  display: block;\n}\n\n\n.c5-size-card {\n  width: 100%;\n\n  padding: 12px 30px;\n\n  border: 1px solid #e7e7e7;\n\n  background: #fff;\n}\n\n\n.c5-size-row {\n  min-height: 62px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-bottom: 1px solid #ededed;\n}\n\n\n.c5-size-row:last-child {\n  border-bottom: 0;\n}\n\n\n.c5-size-row span {\n  font-size: 14px;\n  line-height: 1.45;\n  font-weight: 400;\n\n  color: #555;\n}\n\n\n.c5-size-row strong {\n  flex-shrink: 0;\n\n  text-align: right;\n\n  font-size: 14px;\n  line-height: 1.45;\n  font-weight: 600;\n\n  color: #111;\n}\n\n\n\n\/* =========================================================\n   SPECS\n========================================================= *\/\n\n.c5-specs-section {\n  width: 100%;\n\n  padding: 76px 0 82px;\n\n  background: #fff;\n}\n\n\n.c5-spec-columns {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 50px;\n}\n\n\n.c5-spec-toggle {\n  width: 100%;\n\n  margin: 0 0 18px;\n  padding: 0 0 14px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n\n  border: 0;\n  border-bottom: 2px solid #111;\n\n  background: transparent;\n\n  text-align: left;\n  font: inherit;\n  font-size: 21px;\n  line-height: 1.3;\n  font-weight: 600;\n\n  color: #111;\n\n  pointer-events: none;\n}\n\n\n.c5-spec-icon {\n  display: none;\n}\n\n\n.c5-spec-column ul {\n  list-style: none;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n.c5-spec-column li {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 22px;\n\n  padding: 13px 0;\n\n  border-bottom: 1px solid #ededed;\n}\n\n\n.c5-spec-column li span {\n  width: 42%;\n\n  flex-shrink: 0;\n\n  font-size: 13px;\n  line-height: 1.5;\n  font-weight: 400;\n\n  color: #777;\n}\n\n\n.c5-spec-column li strong {\n  width: 58%;\n\n  text-align: right;\n\n  font-size: 13px;\n  line-height: 1.5;\n  font-weight: 500;\n\n  color: #222;\n}\n\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n.c5-gallery-section {\n  width: 100%;\n  max-width: 1540px;\n\n  margin: 0 auto;\n\n  padding: 60px 20px 76px;\n}\n\n\n.c5-gallery-section \u003e h2 {\n  margin: 0 0 30px;\n\n  text-align: center;\n\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 600;\n  letter-spacing: -.02em;\n\n  color: #111;\n}\n\n\n.c5-gallery {\n  width: 100%;\n}\n\n\n.c5-gallery-main {\n  position: relative;\n\n  width: 100%;\n  height: 720px;\n\n  overflow: hidden;\n\n  background: #f4f4f4;\n}\n\n\n.c5-gallery-main \u003e img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n.c5-gallery-arrow {\n  position: absolute;\n  top: 50%;\n\n  z-index: 5;\n\n  width: 42px;\n  height: 42px;\n\n  padding: 0;\n\n  border: 0;\n  border-radius: 50%;\n\n  transform: translateY(-50%);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: rgba(0, 0, 0, .45);\n\n  color: #fff;\n\n  font-family: Arial, sans-serif;\n  font-size: 32px;\n  line-height: 1;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    opacity .2s ease;\n}\n\n\n.c5-gallery-arrow:hover {\n  background: rgba(0, 0, 0, .72);\n}\n\n\n.c5-prev {\n  left: 18px;\n}\n\n\n.c5-next {\n  right: 18px;\n}\n\n\n.c5-gallery-thumbs {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n\n  gap: 5px;\n\n  margin-top: 5px;\n}\n\n\n.c5-gallery-thumb {\n  width: 100%;\n\n  padding: 0;\n\n  border: 0;\n\n  overflow: hidden;\n\n  opacity: .48;\n\n  background: none;\n\n  cursor: pointer;\n\n  transition: opacity .2s ease;\n}\n\n\n.c5-gallery-thumb:hover,\n.c5-gallery-thumb.is-active {\n  opacity: 1;\n}\n\n\n.c5-gallery-thumb img {\n  width: 100%;\n  height: 125px;\n\n  display: block;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .c5-intro {\n    height: 540px;\n    min-height: 540px;\n\n    grid-template-columns: 1fr 1fr;\n  }\n\n\n  .c5-intro-content {\n    padding: 44px 34px;\n  }\n\n\n  .c5-intro-content h2 {\n    font-size: 42px;\n  }\n\n\n  .c5-intro-content \u003e p {\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n\n  .c5-intro-specs {\n    margin-top: 26px;\n  }\n\n\n  .c5-intro-specs \u003e div {\n    padding: 14px 10px;\n  }\n\n\n  .c5-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n\n  .c5-size-grid {\n    grid-template-columns: 1fr;\n\n    gap: 28px;\n  }\n\n\n  .c5-size-image,\n  .c5-size-card {\n    width: 100%;\n    max-width: 800px;\n\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n\n  .c5-spec-columns {\n    gap: 26px;\n  }\n\n\n  .c5-gallery-main {\n    height: 580px;\n  }\n\n\n  .c5-gallery-thumb img {\n    height: 95px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n  .c5-container {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n\n  \/* HERO *\/\n\n  .c5-intro {\n    width: 100%;\n\n    height: auto;\n    min-height: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: visible;\n  }\n\n\n  .c5-intro-media {\n    position: relative;\n\n    width: 100%;\n    height: auto;\n    min-height: 0;\n\n    aspect-ratio: 16 \/ 10;\n\n    overflow: hidden;\n\n    background: #000;\n  }\n\n\n  .c5-intro-media video {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    min-width: 100%;\n    min-height: 100%;\n\n    object-fit: cover !important;\n    object-position: center center;\n  }\n\n\n  .c5-intro-content {\n    height: auto;\n\n    padding: 32px 20px 40px;\n  }\n\n\n  .c5-eyebrow {\n    margin-bottom: 10px;\n\n    font-size: 11px;\n  }\n\n\n  .c5-intro-content h2 {\n    margin-bottom: 15px;\n\n    font-size: 34px;\n  }\n\n\n  .c5-intro-content \u003e p {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n\n  .c5-intro-specs {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    margin-top: 26px;\n  }\n\n\n  .c5-intro-specs \u003e div {\n    padding: 14px 8px;\n  }\n\n\n  .c5-intro-specs strong {\n    font-size: 14px;\n  }\n\n\n  .c5-intro-specs span {\n    font-size: 10px;\n  }\n\n\n\n  \/* FEATURES *\/\n\n  .c5-features-section {\n    overflow: hidden;\n  }\n\n\n  .c5-features-section .c5-container {\n    max-width: none;\n\n    padding: 42px 0 45px;\n  }\n\n\n  .c5-section-title {\n    padding: 0 16px;\n\n    margin-bottom: 10px;\n\n    font-size: 23px;\n    line-height: 1.3;\n  }\n\n\n  .c5-title-line {\n    margin-left: 16px;\n    margin-bottom: 22px;\n  }\n\n\n  .c5-feature-grid {\n    display: flex;\n\n    grid-template-columns: none;\n\n    gap: 14px;\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    padding: 0 16px 16px;\n\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n\n    scrollbar-width: none;\n  }\n\n\n  .c5-feature-grid::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  .c5-feature-card {\n    flex: 0 0 86%;\n\n    max-width: 86%;\n\n    height: auto;\n\n    scroll-snap-align: start;\n  }\n\n\n  .c5-feature-card img {\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    object-fit: cover;\n    object-position: center;\n  }\n\n\n  .c5-feature-content {\n    padding: 17px 15px 20px;\n  }\n\n\n  .c5-feature-content h3 {\n    margin-bottom: 8px;\n\n    font-size: 17px;\n  }\n\n\n  .c5-feature-content p {\n    font-size: 13px;\n    line-height: 1.62;\n  }\n\n\n  .c5-mobile-progress {\n    display: block;\n\n    position: relative;\n\n    height: 5px;\n\n    margin: 3px 16px 0;\n\n    overflow: hidden;\n\n    border-radius: 999px;\n\n    background: #ebebeb;\n  }\n\n\n  .c5-mobile-progress span {\n    display: block;\n\n    width: 26%;\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: #f5a400;\n\n    transform: translateX(0);\n\n    transition: transform .1s linear;\n  }\n\n\n\n  \/* SIZE *\/\n\n  .c5-size-section {\n    padding: 48px 0;\n  }\n\n\n  .c5-centered-title {\n    margin-bottom: 25px;\n\n    font-size: 27px;\n  }\n\n\n  .c5-size-grid {\n    gap: 20px;\n  }\n\n\n  .c5-size-card {\n    padding: 8px 18px;\n  }\n\n\n  .c5-size-row {\n    min-height: 56px;\n  }\n\n\n  .c5-size-row span,\n  .c5-size-row strong {\n    font-size: 12px;\n  }\n\n\n\n  \/* SPECS *\/\n\n  .c5-specs-section {\n    padding: 52px 0 60px;\n  }\n\n\n  .c5-spec-columns {\n    grid-template-columns: 1fr;\n\n    gap: 0;\n\n    border-top: 1px solid #e8e8e8;\n  }\n\n\n  .c5-spec-column {\n    border-bottom: 1px solid #e8e8e8;\n  }\n\n\n  .c5-spec-toggle {\n    margin: 0;\n    padding: 18px 2px;\n\n    border-bottom: 0;\n\n    font-size: 17px;\n    line-height: 1.3;\n    font-weight: 500;\n\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n\n  .c5-spec-icon {\n    position: relative;\n\n    display: block;\n    flex: 0 0 18px;\n\n    width: 18px;\n    height: 18px;\n  }\n\n\n  .c5-spec-icon::before,\n  .c5-spec-icon::after {\n    content: '';\n\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    width: 14px;\n    height: 1px;\n\n    background: #222;\n\n    transform: translate(-50%, -50%);\n    transition: opacity .2s ease, transform .2s ease;\n  }\n\n\n  .c5-spec-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n\n  .c5-spec-column.is-open .c5-spec-icon::after {\n    opacity: 0;\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n\n\n  .c5-spec-column ul {\n    max-height: 0;\n\n    overflow: hidden;\n    opacity: 0;\n\n    transition: max-height .28s ease, opacity .2s ease;\n  }\n\n\n  .c5-spec-column.is-open ul {\n    max-height: 1000px;\n    opacity: 1;\n  }\n\n\n  .c5-spec-column li {\n    padding: 11px 2px;\n  }\n\n\n  .c5-spec-column li span,\n  .c5-spec-column li strong {\n    font-size: 12px;\n  }\n\n\n\n  \/* GALLERY *\/\n\n  .c5-gallery-section {\n    padding: 44px 0 52px;\n  }\n\n\n  .c5-gallery-section \u003e h2 {\n    margin-bottom: 18px;\n\n    font-size: 28px;\n  }\n\n\n  .c5-gallery-main {\n    width: 100%;\n\n    height: auto;\n    min-height: 0;\n\n    background: #fff;\n  }\n\n\n  .c5-gallery-main \u003e img {\n    width: 100%;\n    height: auto;\n\n    max-height: none;\n\n    object-fit: contain;\n    object-position: center;\n  }\n\n\n  .c5-gallery-arrow {\n    width: 36px;\n    height: 36px;\n\n    font-size: 28px;\n\n    background: rgba(0, 0, 0, .42);\n  }\n\n\n  .c5-prev {\n    left: 8px;\n  }\n\n\n  .c5-next {\n    right: 8px;\n  }\n\n\n  .c5-gallery-thumbs {\n    display: flex;\n\n    gap: 7px;\n\n    margin-top: 0;\n\n    padding: 7px 0 0;\n\n    overflow-x: auto;\n\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n\n    scrollbar-width: none;\n  }\n\n\n  .c5-gallery-thumbs::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  .c5-gallery-thumb {\n    flex: 0 0 28%;\n\n    scroll-snap-align: start;\n  }\n\n\n  .c5-gallery-thumb img {\n    width: 100%;\n    height: 84px;\n\n    object-fit: cover;\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .c5-intro-content {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n\n  .c5-intro-content h2 {\n    font-size: 32px;\n  }\n\n\n  .c5-intro-specs strong {\n    font-size: 13px;\n  }\n\n\n  .c5-feature-card {\n    flex: 0 0 88%;\n\n    max-width: 88%;\n  }\n\n\n  .c5-size-row {\n    gap: 12px;\n  }\n\n\n  .c5-gallery-thumb {\n    flex: 0 0 30%;\n  }\n\n\n  .c5-gallery-thumb img {\n    height: 78px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\n\u003cscript\u003e\n\n(function () {\n\n  \/* =====================================================\n     MOBILE FEATURE SCROLL PROGRESS\n  ===================================================== *\/\n\n  function initC5FeatureProgress() {\n\n    const scroller =\n      document.getElementById('c5FeatureScroller');\n\n    const bar =\n      document.querySelector('.c5-mobile-progress span');\n\n    const track =\n      document.querySelector('.c5-mobile-progress');\n\n\n    if (!scroller || !bar || !track) {\n      return;\n    }\n\n\n    function updateProgress() {\n\n      const maxScroll =\n        scroller.scrollWidth - scroller.clientWidth;\n\n\n      if (maxScroll \u003c= 0) {\n\n        bar.style.transform =\n          'translateX(0)';\n\n        return;\n      }\n\n\n      const progress =\n        scroller.scrollLeft \/ maxScroll;\n\n\n      const maxMove =\n        track.clientWidth - bar.clientWidth;\n\n\n      bar.style.transform =\n        'translateX(' + (progress * maxMove) + 'px)';\n\n    }\n\n\n    scroller.addEventListener(\n      'scroll',\n      updateProgress,\n      { passive: true }\n    );\n\n\n    window.addEventListener(\n      'resize',\n      updateProgress\n    );\n\n\n    updateProgress();\n\n  }\n\n\n\n  \/* =====================================================\n     MOBILE SPECS ACCORDION\n  ===================================================== *\/\n\n  function initC5SpecsAccordion() {\n\n    const columns = Array.from(\n      document.querySelectorAll('.c5-spec-column')\n    );\n\n    if (!columns.length) {\n      return;\n    }\n\n    columns.forEach(function (column) {\n\n      const button = column.querySelector('.c5-spec-toggle');\n\n      if (!button) {\n        return;\n      }\n\n      button.addEventListener('click', function () {\n\n        if (window.innerWidth \u003e 768) {\n          return;\n        }\n\n        const isOpen = column.classList.contains('is-open');\n\n        column.classList.toggle('is-open', !isOpen);\n        button.setAttribute('aria-expanded', String(!isOpen));\n\n      });\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     GALLERY\n  ===================================================== *\/\n\n  function initC5Gallery() {\n\n    const mainImage =\n      document.getElementById('c5GalleryMain');\n\n\n    const thumbs =\n      Array.from(\n        document.querySelectorAll(\n          '.c5-gallery-thumb'\n        )\n      );\n\n\n    const prevButton =\n      document.querySelector('.c5-prev');\n\n\n    const nextButton =\n      document.querySelector('.c5-next');\n\n\n    const galleryMain =\n      document.querySelector('.c5-gallery-main');\n\n\n    if (!mainImage || !thumbs.length) {\n      return;\n    }\n\n\n    let currentIndex = 0;\n\n\n\n    function showImage(index) {\n\n      currentIndex =\n        (index + thumbs.length) % thumbs.length;\n\n\n      const activeThumb =\n        thumbs[currentIndex];\n\n\n      const newSrc =\n        activeThumb.getAttribute('data-full');\n\n\n      const thumbImage =\n        activeThumb.querySelector('img');\n\n\n      if (newSrc) {\n        mainImage.src = newSrc;\n      }\n\n\n      if (thumbImage) {\n        mainImage.alt = thumbImage.alt || '';\n      }\n\n\n      thumbs.forEach(function (thumb) {\n        thumb.classList.remove('is-active');\n      });\n\n\n      activeThumb.classList.add('is-active');\n\n\n      if (window.innerWidth \u003c= 768) {\n\n        activeThumb.scrollIntoView({\n          behavior: 'smooth',\n          inline: 'center',\n          block: 'nearest'\n        });\n\n      }\n\n    }\n\n\n\n    thumbs.forEach(function (thumb, index) {\n\n      thumb.addEventListener(\n        'click',\n        function () {\n          showImage(index);\n        }\n      );\n\n    });\n\n\n\n    if (prevButton) {\n\n      prevButton.addEventListener(\n        'click',\n        function () {\n          showImage(currentIndex - 1);\n        }\n      );\n\n    }\n\n\n\n    if (nextButton) {\n\n      nextButton.addEventListener(\n        'click',\n        function () {\n          showImage(currentIndex + 1);\n        }\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       MOBILE SWIPE\n    ===================================================== *\/\n\n    if (galleryMain) {\n\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n\n      galleryMain.addEventListener(\n        'touchstart',\n        function (event) {\n\n          if (!event.changedTouches.length) {\n            return;\n          }\n\n\n          touchStartX =\n            event.changedTouches[0].screenX;\n\n        },\n        { passive: true }\n      );\n\n\n      galleryMain.addEventListener(\n        'touchend',\n        function (event) {\n\n          if (!event.changedTouches.length) {\n            return;\n          }\n\n\n          touchEndX =\n            event.changedTouches[0].screenX;\n\n\n          const distance =\n            touchEndX - touchStartX;\n\n\n          if (Math.abs(distance) \u003c 45) {\n            return;\n          }\n\n\n          if (distance \u003c 0) {\n\n            showImage(currentIndex + 1);\n\n          } else {\n\n            showImage(currentIndex - 1);\n\n          }\n\n        },\n        { passive: true }\n      );\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     INITIALIZE\n  ===================================================== *\/\n\n  function initTTGOC5Page() {\n\n    initC5FeatureProgress();\n    initC5SpecsAccordion();\n    initC5Gallery();\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initTTGOC5Page\n    );\n\n  } else {\n\n    initTTGOC5Page();\n\n  }\n\n})();\n\n\u003c\/script\u003e","brand":"Velomenu","offers":[{"title":"Negro grafito","offer_id":54283781865745,"sku":null,"price":751.99,"currency_code":"EUR","in_stock":true},{"title":"Blanco","offer_id":54283781898513,"sku":null,"price":751.99,"currency_code":"EUR","in_stock":true},{"title":"Verde mar","offer_id":54283781931281,"sku":null,"price":751.99,"currency_code":"EUR","in_stock":true},{"title":"Púrpura","offer_id":54283781964049,"sku":null,"price":751.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0974\/5704\/5777\/files\/ttgo-c5-bicicleta-electrica-gris-vista-transmision.webp?v=1787105769","url":"https:\/\/velomenu.es\/products\/ttgo-c5","provider":"Velomenu","version":"1.0","type":"link"}