Saltar al contenido
Hogar
Productos
Serie de audio
Auriculares inalámbricos
Auriculares para juegos
Auriculares TWS
OWS ARUDS
Altavoz Bluetooth
Auriculares de Conducción Ósea
Auriculares de diadema
Altavoces de escritorio y para juegos
Micrófonos de grabación
Accesorios para juegos
H.KRAKEN
Auriculares para juegos
Auriculares FUXI
Auriculares H2000
Teclados para juegos
Ratones para juegos
Sillas para juegos
Micrófono para juegos
Chasis para juegos
Alfombrillas para ratón de juegos
Almohadillas de enfriamiento
Accesorios de refrigeración
Accesorios móviles
Cargadores
Banco de energía
Cables de carga
Cargadores inalámbricos
Soportes para teléfono
Palos para Selfies
Concentradores USB-C
Accesorios para Automóviles
Vida Inteligente
Relojes Inteligentes
Proyectores Inteligentes
Dispositivos de masaje
Dispositivos de Bienestar
Gadgets de estilo de vida
Cámaras web
Accesorios de escritorio
Pequeño electrodoméstico
Convertirse en distribuidores
Apoyo
Descargas de controladores
Descargas de manuales
Descargas de catálogo
Preguntas frecuentes
Programa para Influencers
Contáctanos
Centro de ayuda
Empresa
Sobre Nosotros
Esports
Sala de Prensa
Noticias de la Empresa
Centro de Audio HAVIT
Guías y Compras
Exposiciones
Menú
Cerca
Hogar
Productos
Productos
Serie de audio
Serie de audio
Auriculares inalámbricos
Auriculares para juegos
Auriculares TWS
OWS ARUDS
Altavoz Bluetooth
Auriculares de Conducción Ósea
Auriculares de diadema
Altavoces de escritorio y para juegos
Micrófonos de grabación
Accesorios para juegos
Accesorios para juegos
H.KRAKEN
Auriculares para juegos
Auriculares FUXI
Auriculares H2000
Teclados para juegos
Ratones para juegos
Sillas para juegos
Micrófono para juegos
Chasis para juegos
Alfombrillas para ratón de juegos
Almohadillas de enfriamiento
Accesorios de refrigeración
Accesorios móviles
Accesorios móviles
Cargadores
Banco de energía
Cables de carga
Cargadores inalámbricos
Soportes para teléfono
Palos para Selfies
Concentradores USB-C
Accesorios para Automóviles
Vida Inteligente
Vida Inteligente
Relojes Inteligentes
Proyectores Inteligentes
Dispositivos de masaje
Dispositivos de Bienestar
Gadgets de estilo de vida
Cámaras web
Accesorios de escritorio
Pequeño electrodoméstico
Convertirse en distribuidores
Apoyo
Apoyo
Descargas de controladores
Descargas de manuales
Descargas de catálogo
Preguntas frecuentes
Programa para Influencers
Contáctanos
Centro de ayuda
Empresa
Empresa
Sobre Nosotros
Esports
Sala de Prensa
Sala de Prensa
Noticias de la Empresa
Centro de Audio HAVIT
Guías y Compras
Exposiciones
Hogar
Vídeo
Nuevo producto lanzado
Nuevo producto lanzado
By
Tao An
·
11 de julio, 2023
·
~1 min read
</div><style> .geo-related-links { margin: 32px 0; padding: 22px 24px; background: #f8f9fb; border: 1px solid #e5e8ef; border-left: 4px solid #da3a2a; border-radius: 8px; font-family: inherit; } .geo-related-links h3 { margin: 0 0 12px 0; font-size: 15px; font-weight: 700; color: #1a1a1a; letter-spacing: 0.01em; } .geo-related-links ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 24px; } .geo-related-links li { margin: 0; padding: 0; font-size: 14px; line-height: 1.6; color: #444; } .geo-related-links a { color: #b1261d; font-weight: 600; text-decoration: none; } .geo-related-links a:hover { text-decoration: underline; } </style> <nav class="geo-related-links" aria-label="Related resources"> <h3>You may also want</h3> <ul> <li><a href="/pages/product-faqs">All Product FAQs</a> — Q&A from every product line</li> <li><a href="/pages/faq">Company & B2B FAQ</a> — OEM/ODM, distribution, payment, logistics</li><li><a href="/collections/all">All products</a> — browse the full catalog</li></ul> </nav> <div class="article--share-buttons article--share-buttons-bottom"> <aside class="share-buttons" aria-label="Compartir:"> <span class="share-buttons--title"> Compartir: </span> <div class="share-buttons--list"> <a class="share-buttons--button share-buttons--facebook" target="_blank" href="//www.facebook.com/sharer.php?u=https://havitsmart.com/es/blogs/video/producto-nuevo-lanzado"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"/> </svg> <span class="visually-hidden">Compartir en Facebook</span> </a> <a class="share-buttons--button share-buttons--twitter" target="_blank" href="//twitter.com/share?url=https://havitsmart.com/es/blogs/video/producto-nuevo-lanzado"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M21.343 8.124l-5.217 5.85 6.145 7.9h-4.33l-3.768-4.56-4.304 4.56H6.657l5.57-6.248-5.88-7.503h4.382l3.35 4.069 3.822-4.069h3.441zm-2.578 12.465h2.398L10.07 9.409H7.544l11.22 11.18z"/> </svg> <span class="visually-hidden">Tweet en Twitter</span> </a> <a class="share-buttons--button share-buttons--linkedin" target="_blank" href="//www.linkedin.com/shareArticle?mini=true&url=https://havitsmart.com/es/blogs/video/producto-nuevo-lanzado&title=Nuevo%20producto%20lanzado"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="-12 -10 50 50" > <path fill="currentColor" fill-rule="evenodd" d="M9.7 9.8h4.8v2.5c.7-1.4 2.5-2.8 5.1-2.8 5.2 0 6.4 3 6.4 8.4V28h-5.2v-8.8c0-3.1-.7-4.9-2.5-4.9-2.4 0-3.4 1.9-3.4 4.9V28H9.7V9.8zm-9 18H6V9.5H.7v18.3zm6-24.2c0 2-1.5 3.5-3.4 3.5C1.5 7.1 0 5.5 0 3.6 0 1.6 1.5 0 3.3 0c1.9 0 3.4 1.6 3.4 3.6z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Compartir en LinkedIn</span> </a> <a class="share-buttons--button share-buttons--pinterest" target="_blank" href="//pinterest.com/pin/create/button/?url=https://havitsmart.com/es/blogs/video/producto-nuevo-lanzado&media=//havitsmart.com/cdn/shop/articles/new-released-product-203407_1024x.png?v=1749802035&description=Nuevo%20producto%20lanzado"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.914 6a7.913 7.913 0 0 0-2.885 15.281c-.07-.626-.132-1.586.028-2.27.144-.618.928-3.933.928-3.933s-.238-.475-.238-1.175c0-1.098.64-1.922 1.433-1.922.675 0 1 .507 1 1.115 0 .68-.43 1.694-.654 2.634-.188.789.395 1.43 1.172 1.43 1.405 0 2.487-1.482 2.487-3.622 0-1.894-1.361-3.219-3.306-3.219-2.251 0-3.571 1.689-3.571 3.434 0 .68.26 1.409.587 1.805.065.08.074.149.056.228-.06.25-.194.787-.22.897-.035.144-.114.176-.266.106-.987-.46-1.606-1.905-1.606-3.066 0-2.497 1.814-4.787 5.23-4.787 2.744 0 4.878 1.955 4.878 4.57 0 2.726-1.72 4.922-4.108 4.922-.801 0-1.555-.418-1.813-.91l-.495 1.88c-.178.688-.66 1.55-.983 2.075a7.914 7.914 0 0 0 10.258-7.56 7.914 7.914 0 0 0-7.913-7.912V6z"/> </svg> <span class="visually-hidden">Pin en Pinterest</span> </a> </div> </aside> </div> <div class="article--pagination"> <div class="article--pagination-item-left"> <a href="/es/blogs/video/nueva-serie-de-audio-lanzada-tw969-gratis-go1-aire"> <span class="article--pagination-chevron-left" aria-hidden="true"> <svg aria-hidden="true" focusable="false" role="presentation" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> <span class="article--pagination-text"> Artículo anterior <span class="article--pagination-title"> Nueva serie de audio lanzada TW969 | Go1 Air gratis </span> </span> </a> </div> <div class="article--pagination-item-right"> <a href="/es/blogs/video/teclado-personalizado-disfruta-tu-vida-gamer"> <span class="article--pagination-text"> Siguiente artículo <span class="article--pagination-title"> Teclado personalizado | Disfruta tu vida de juego </span> </span> <span class="article--pagination-chevron-right" aria-hidden="true"> <svg aria-hidden="true" focusable="false" role="presentation" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </a> </div> </div> </main> <!-- 侧栏，仅PC端 --> <aside class="pf-article-main-sidebar" id="sidebar"> <div class="pf-article-sidebar-inner" id="sidebarInner"> <div class="pf-article-sidebar-scroll" tabindex="0"> <div class="sidebar-card sidebar-toc-card"> <h3 class="sidebar-card-title">Quick Navigation</h3> <nav class="toc-list" id="tocList"></nav> </div> <div class="sidebar-card sidebar-cta-section"> <h3 class="sidebar-cta-title">Conviértete en distribuidor</h3> <p class="sidebar-cta-text">Únete a nuestra red de distribuidores globales y haz crecer tu negocio con los productos innovadores de HAVIT.</p> <a href="/es/pages/convertirse-en-distribuidores" class="sidebar-cta-button"> Aplicar ahora </a> </div> <div class="sidebar-card sidebar-recent-posts"> <h3 class="sidebar-heading">Recent Posts</h3> <ul class="recent-posts-list"> <li class="recent-post-item"> <a href="/es/blogs/video/2024-bgs-brasil-game-show-trae-los-ultimos-productos-de-juegos" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-bgs-brasil-game-showbring-the-latest-gaming-products-364003_100x100_crop_center.jpg?v=1749802216" alt="2024 BGS (Brasil Game Show) —— Traiga los últimos productos de juego！" width="100" height="100" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 BGS (Brasil Game Show) —— Traiga los últimos productos de juego！</span> <span class="recent-post-date"> 17 de octubre, 2024 </span> </div> </a> </li> <li class="recent-post-item"> <a href="/es/blogs/video/2024-fuentes-globales-experiencia-feria-de-electronica-de-consumo-escucha-inmersiva-de-primera-mano" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-global-sources-consumer-electronics-showexperience-immersive-listening-firsthand-253549_100x100_crop_center.jpg?v=1749802213" alt="2024 Fuentes globales Show Electronics Electronics Show - - Experiencia Inmersiva Escuchar de primera mano" width="100" height="100" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 Fuentes globales Show Electronics Electronics Show - - Experiencia Inmersiva Escuchar de primera mano</span> <span class="recent-post-date"> 17 de octubre, 2024 </span> </div> </a> </li> <li class="recent-post-item"> <a href="/es/blogs/video/2024-feria-de-canton-te-da-la-bienvenida-para-explorar-experimentar-y-disfrutar-del-futuro-de-la-tecnologia" class="recent-post-link"> <div class="recent-post-thumbnail"> <img src="//havitsmart.com/cdn/shop/articles/2024-canton-fairwelcome-you-to-explore-experience-and-enjoy-the-future-of-technology-885130_100x100_crop_center.jpg?v=1749802211" alt="2024 Canton Fair— - ¡te ayude para explorar, experimentar y disfrutar del futuro de la tecnología!" width="100" height="100" loading="lazy" > </div> <div class="recent-post-details"> <span class="recent-post-title">2024 Canton Fair— - ¡te ayude para explorar, experimentar y disfrutar del futuro de la tecnología!</span> <span class="recent-post-date"> 17 de octubre, 2024 </span> </div> </a> </li> </ul> </div> </div> </div> </aside> </div> </section> <style> /* 顶部进度条PC端可见 */ #pf-progress-bar { position: fixed; top: 80px; /* Positions perfectly under the 80px sticky header */ left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #F9D423, #FF9A8B, #ff7e5f, #da3a2a); z-index: 2147483647; /* Maximum possible z-index */ transform-origin: left center; transform: scaleX(0); transition: transform 0.2s cubic-bezier(.4,0,.2,1); border-radius: 2px; pointer-events: none; display: block; opacity: 1 !important; visibility: visible !important; } @media (max-width: 1100px) { .pf-article-hero-img-wrapper { height: auto !important; max-height: none !important; } .pf-article-hero-img { width: 100%; height: auto !important; display: block; object-fit: contain; } } @media (max-width: 767px) { .pf-article-hero-img-wrapper { height: auto !important; max-height: none !important; } .pf-article-hero-img { width: 100%; height: auto !important; display: block; object-fit: contain; } .hero-title { font-size: 28px !important; line-height: 1.3 !important; } } body { background: #ffffff; margin: 0; padding: 0; overflow-x: clip !important; } html { overflow-x: clip !important; } #shopify-section-static-article { overflow: clip !important; } .pf-article-hero-section { width: 100%; background: #eee; margin: 0; transform: translateX(0); position: relative; z-index: 1; padding: 0; } .pf-article-hero-img-wrapper { width: 100%; max-width: 100%; margin: 0 auto; display: flex; justify-content: center; background: #eee; /* [Performance Patch] Reserve space for LCP image */ height: 600px; max-height: 70vh; position: relative; overflow: hidden; /* [UX Patch] Blur-up background for instant visual anchor */ background-image: url('//havitsmart.com/cdn/shop/articles/new-released-product-203407_50x.png?v=1749802035'); background-size: cover; background-position: center; } /* Overlay Design */ .pf-article-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(17, 24, 39, 0.95) 0%, rgba(17, 24, 39, 0.4) 50%, rgba(17, 24, 39, 0.1) 100%); z-index: 2; display: flex; align-items: center; /* FIX: Center vertically to prevent top overflow */ justify-content: center; padding: 60px 24px; } .pf-article-hero-overlay-inner { max-width: 900px; width: 100%; text-align: center; } .hero-tags { display: flex; gap: 10px; justify-content: center; margin-bottom: 20px; } .hero-tag { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; padding: 6px 16px; border-radius: 99px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; } .hero-tag-dark { background: #f0f0f2; color: #555; padding: 6px 16px; border-radius: 99px; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; } /* Hash-style tags (new left-aligned article header) */ .hero-tags--left { justify-content: flex-start !important; margin-bottom: 0 !important; } .hero-tag-hash { display: inline-flex; align-items: center; background: #f0faf4; color: #059669; border: 1px solid #a7f3d0; padding: 4px 12px; border-radius: 99px; font-size: 12px; font-weight: 600; text-decoration: none; letter-spacing: 0.3px; transition: all 0.2s ease; } .hero-tag-hash:hover { background: #d1fae5; color: #047857; border-color: #6ee7b7; } .hero-title { color: #fff; font-size: clamp(32px, 4vw, 48px); /* Responsive font size */ font-weight: 800; line-height: 1.25; margin: 0 0 24px 0; text-shadow: 0 4px 12px rgba(0,0,0,0.3); } .hero-meta { color: rgba(255, 255, 255, 0.85); font-size: 15px; display: flex; justify-content: center; align-items: center; gap: 12px; } .hero-meta-separator { color: rgba(255, 255, 255, 0.4); } /* ===== Breadcrumb Bar (light gray, merges with hero) ===== */ .pf-article-breadcrumb-bar { background: #f2f4f7; border-bottom: none; padding: 16px 24px 0; } .pf-article-breadcrumb-inner { width: 75%; max-width: 1440px; margin: 0 auto; } /* ===== Ultimate UI Director Polish: Header & Hero ===== */ .pf-article-breadcrumb-bar { background: #f8fafc; border-bottom: none; padding: 20px 24px 0; } .pf-article-breadcrumb-inner { width: 75%; max-width: 1440px; margin: 0 auto; } .pf-article-breadcrumb-inner .breadcrumbs-container { font-size: 13px; color: #64748b; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; letter-spacing: 0.01em; } .pf-article-breadcrumb-inner .breadcrumbs-container a { color: #64748b; text-decoration: none; font-weight: 500; transition: color 0.15s ease; } .pf-article-breadcrumb-inner .breadcrumbs-container a:hover { color: #da3a2a; } .pf-article-breadcrumb-inner .breadcrumbs-container span { color: #0f172a; font-weight: 600; } .pf-article-breadcrumb-inner .breadcrumbs-delimiter { color: #cbd5e1; display: inline-flex; align-items: center; margin: 0 2px; } .pf-article-breadcrumb-inner .breadcrumbs-delimiter svg { width: 10px; height: 10px; transform: rotate(-90deg); fill: #cbd5e1; } /* ===== Light Gray Tech Hero Panel ===== */ .pf-article-dark-hero { background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); padding: 24px 24px 36px; position: relative; border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.03); } .pf-article-dark-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 15% 20%, rgba(218, 58, 42, 0.03) 0%, transparent 40%), linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, transparent 60%); pointer-events: none; } .pf-article-dark-hero-inner { width: 75%; max-width: 1440px; margin: 0 auto; position: relative; z-index: 1; } .dark-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .dark-hero-tag { display: inline-flex; align-items: center; background: rgba(218, 58, 42, 0.08); color: #da3a2a; border: 1px solid rgba(218, 58, 42, 0.2); padding: 4px 12px; border-radius: 99px; font-size: 12px; font-weight: 600; text-decoration: none; letter-spacing: 0.02em; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1); } .dark-hero-tag:hover { background: rgba(218, 58, 42, 0.14); color: #b82e20; border-color: rgba(218, 58, 42, 0.35); transform: translateY(-1px); } /* FOUT fix: fade-in masks web font swap flash */ @keyframes hero-title-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .dark-hero-title { color: #0f172a; font-size: clamp(28px, 3.2vw, 42px); font-weight: 600; line-height: 1.24; margin: 0 0 16px 0; letter-spacing: -0.02em; max-width: 860px; animation: hero-title-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both; } .dark-hero-meta { color: #64748b; font-size: 14px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-weight: 400; } .dark-hero-meta strong { color: #334155; font-weight: 600; } .dark-hero-meta-sep { color: #cbd5e1; font-size: 16px; } /* Share buttons — Modern Inline Bar */ .dark-hero-share { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(226, 232, 240, 0.8); display: flex; align-items: center; gap: 12px; } .dark-hero-share .share-buttons { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; background: none; border: none; box-shadow: none; font-size: 0; } .dark-hero-share .share-buttons--title { font-size: 13px; font-weight: 600; color: #64748b; white-space: nowrap; letter-spacing: 0.02em; } .dark-hero-share .share-buttons--list { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; } .dark-hero-share .share-buttons--button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px !important; height: 32px !important; border-radius: 50%; color: #fff !important; text-decoration: none; transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); } .dark-hero-share .share-buttons--button:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .dark-hero-share .share-buttons--facebook::before { background-color: #1877f2 !important; opacity: 1; } .dark-hero-share .share-buttons--twitter::before { background-color: #000000 !important; opacity: 1; } .dark-hero-share .share-buttons--linkedin::before { background-color: #0a66c2 !important; opacity: 1; } .dark-hero-share .share-buttons--pinterest::before{ background-color: #e60023 !important; opacity: 1; } .dark-hero-share .share-buttons--button svg { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; padding: 7px; fill: #fff !important; z-index: 1; } /* ===== Cover Image Block (below dark hero, on white bg) ===== */ .pf-article-cover-block { background: #ffffff; padding: 36px 24px 0; } .pf-article-cover-block-inner { width: 75%; max-width: 1440px; margin: 0 auto; } .pf-article-cover-block-img { width: 68.2%; max-width: 100%; height: auto; max-height: 500px; object-fit: cover; border-radius: 12px; display: block; background: #f0f0f2; box-shadow: 0 8px 32px rgba(0,0,0,0.1); } /* Legacy inline cover (keep for backward-compat) */ .pf-article-cover-inline-wrapper { background: #fff; padding: 28px 24px 0; } .pf-article-cover-inline-inner { width: 75%; max-width: 1440px; margin: 0 auto; } .pf-article-cover-inline-img { width: 68.2%; max-width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 12px; display: block; background: #f0f0f2; } /* ===== Lead Paragraph ===== */ .article--content.rte > p:first-of-type { font-size: 1.18rem; font-weight: 500; color: #1d1d1f; line-height: 1.75; margin-bottom: 2em; } /* ===== Responsive overrides ===== */ @media (max-width: 1100px) { .pf-article-breadcrumb-inner, .pf-article-dark-hero-inner, .pf-article-cover-block-inner, .pf-article-cover-inline-inner { width: 100%; } .pf-article-cover-block-img, .pf-article-cover-inline-img { width: 100%; max-height: 360px; } } @media (max-width: 767px) { .pf-article-dark-hero { padding: 32px 16px 40px; } .pf-article-breadcrumb-bar { padding: 12px 16px; } .pf-article-cover-block { padding: 24px 16px 0; } .pf-article-cover-block-img { border-radius: 8px; max-height: 260px; } .dark-hero-title { font-size: 26px; } } .pf-article-main-section { width: 100%; margin: 0 auto; padding: 0 24px 60px 24px; } .pf-article-main-layout { display: flex; justify-content: space-between; width: 75%; /* 1440 / 1920 ratio */ align-items: stretch; margin: 0 auto; } .pf-article-main-content { width: 68.2%; /* 982 / 1440 ratio */ max-width: 100%; flex-shrink: 0; min-width: 0; background: transparent; padding: 40px 0 60px 0; position: relative; } .article--title { font-size: 2.5rem; font-weight: bold; margin-bottom: 0.5rem; margin-top: 0; line-height: 1.18; color: #1d1d1f; } /* [Performance/UI Patch] Premium Typography & Spacing */ .article--content.rte { line-height: 1.8; font-size: 1.15rem; color: #111827; /* Darker, higher contrast */ font-weight: 400; letter-spacing: 0; /* Remove negative letter-spacing for better readability */ } .article--content.rte p { margin-bottom: 1.8em; } .article--content.rte h2 { margin-top: 2.2em; margin-bottom: 0.8em; color: #111827; font-size: 1.8rem; font-weight: 700; line-height: 1.3; scroll-margin-top: 120px; } .article--content.rte h3 { margin-top: 2em; margin-bottom: 0.8em; color: #111827; font-size: 1.4rem; font-weight: 600; scroll-margin-top: 120px; } .article--content.rte blockquote { margin: 48px 0; padding: 0 0 0 24px; background: transparent; border-left: 4px solid #111827; font-size: 1.35rem; font-style: italic; color: #111827; border-radius: 0; line-height: 1.6; } .article--content.rte a { color: #2563eb; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.2s; } .article--content.rte a:hover { border-bottom-color: #2563eb; } /* Article Images CLS Placeholder */ .article--content.rte img { background: #f0f0f2; border-radius: 8px; max-width: 100%; height: auto; } .article--meta { color: #8a8e99; font-size: 1.05rem; margin: 0 0 1.2rem 0; } .article--share-buttons-inline { margin: 0 0 40px 0; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6; padding: 16px 0; background: none; border-left: none; border-right: none; box-shadow: none; display: flex; align-items: center; gap: 14px; } .article--share-buttons-inline .share-buttons__title { display: inline-block !important; margin-right: 12px; font-weight: 600; font-size: 14px; color: #4b5563; margin-bottom: 0; } .article--share-buttons-inline .share-buttons { padding: 0; background: none; box-shadow: none; } .article--share-buttons-inline .share-buttons__list { display: flex; gap: 8px; } .article--share-buttons-inline .share-buttons__item { margin: 0; } .pf-article-main-sidebar { width: 27.6%; /* 398 / 1440 ratio */ max-width: none; min-width: 0; flex-shrink: 0; /* Maintain strict proportion */ position: relative; z-index: 2; } .pf-article-sidebar-inner { width: 100%; position: sticky; top: 120px; } .pf-article-sidebar-scroll { max-height: calc(100vh - 70px); overflow-y: auto; display: flex; flex-direction: column; gap: 20px; padding-bottom: 16px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .pf-article-sidebar-scroll::-webkit-scrollbar { display: none; width: 0; } .sidebar-card { background: #ffffff; border-radius: 16px; border: 1px solid #e2e8f0; padding: 24px; margin-bottom: 0; box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04); transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1); } .sidebar-card:hover { box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.08); border-color: #cbd5e1; } .sidebar-card-title { font-size: 18px; font-weight: 700; margin-bottom: 16px; color: #0f172a; letter-spacing: -0.01em; } /* Specific override for TOC card */ .sidebar-toc-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 22px; box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04); } .sidebar-toc-card:hover { box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.08); border-color: #cbd5e1; transform: translateY(-2px); } .sidebar-toc-card .sidebar-card-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #64748b; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9; } /* ===== Modern Tech Table of Contents ===== */ .toc-list ul, .toc-list li { list-style: none; margin: 0; padding: 0; } .toc-root { border-left: 2px solid #e2e8f0; padding-left: 0; margin-left: 2px; display: flex; flex-direction: column; gap: 2px; } .toc-item { position: relative; } .toc-link { display: block; font-size: 13.5px; line-height: 1.5; color: #64748b; font-weight: 500; text-decoration: none; padding: 6px 12px 6px 14px; margin-left: -2px; border-left: 2px solid transparent; transition: all 0.18s ease; border-radius: 0 6px 6px 0; } .toc-link:hover { color: #0f172a; background: rgba(241, 245, 249, 0.6); } .toc-link.active { color: #da3a2a; font-weight: 600; border-left-color: #da3a2a; background: rgba(254, 242, 242, 0.5); } /* H3 Sub-items Indentation */ .toc-subgroup { margin-top: 2px; margin-bottom: 2px; } .toc-item-h3 .toc-link { font-size: 12.5px; padding-left: 26px; color: #94a3b8; } .toc-item-h3 .toc-link:hover { color: #0f172a; } .toc-item-h3 .toc-link.active { color: #da3a2a; font-weight: 600; border-left-color: #da3a2a; } /* B2B Premium Dark Mode CTA Card */ .sidebar-cta-section { background: linear-gradient(135deg, #111827 0%, #1f2937 100%); color: #ffffff; border: none; padding: 32px 24px; } .sidebar-cta-title { margin: 0 0 12px; font-size: 20px; color: #ffffff; line-height: 1.4; font-weight: 700; } .sidebar-cta-text { margin: 0 0 24px; font-size: 0.9rem; color: #d1d5db; line-height: 1.6; } .sidebar-cta-image { max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; } .sidebar-cta-button { display: block; text-align: center; background-color: #ffffff; color: #111827; padding: 14px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; font-size: 1rem; } .sidebar-cta-button:hover { background-color: #f3f4f6; transform: translateY(-1px); } .recent-posts-list { list-style: none; padding: 0; margin: 0; } .recent-post-item { margin-bottom: 17px; display: flex; align-items: flex-start; } .recent-post-link { display: flex; gap: 10px; text-decoration: none; color: #21242d; align-items: flex-start; } .recent-post-link:hover { text-decoration: underline; } .recent-post-thumbnail img { width: 54px; height: 44px; object-fit: cover; border-radius: 8px; background: #f3f3f3; flex-shrink: 0; } .recent-post-title { font-size: 15px; font-weight: 500; color: #23262f; line-height: 1.32; margin-top: 3px; } .recent-post-date { font-size: 0.8em; color: #777; } @media (max-width: 1100px) { .pf-article-main-layout { flex-direction: column; } .pf-article-main-content { margin-bottom: 0; padding: 16px; width: 100%; max-width: 100%; background: #fff; border-radius: 0; box-shadow: none; } .pf-article-main-sidebar { width: 100%; margin-top: 20px; padding: 0 16px; } .pf-article-sidebar-inner { position: static; } .sidebar-toc-card { display: none; } .pf-article-main-section { padding: 0; } .sidebar-cta-section, .sidebar-recent-posts { display: block; width: 100%; padding: 16px; background: #fff; margin-top: 20px; border: none; box-shadow: none; border-radius: 0; } .sidebar-cta-button { display: block; width: 100%; text-align: center; } .recent-posts-list { margin-top: 10px; } } @media (max-width: 700px) { .pf-article-main-content { padding: 12px; overflow-x: hidden; word-break: break-word; } } @media (max-width: 480px) { .article--title { font-size: 1.8rem; } .sidebar-cta-title { font-size: 18px; } .sidebar-cta-text { font-size: 0.9rem; } } /* [UX Patch] Mobile Readability */ @media (max-width: 767px) { .pf-article-main-content { padding: 24px 20px !important; } .article--content.rte { font-size: 17px !important; line-height: 1.7 !important; } } </style> <script> document.addEventListener('DOMContentLoaded', function() { // ----------- PC端目录生成与折叠 ----------- function isPC() { return window.innerWidth > 1100; } let tocLinks = []; let headings = []; let rafId = null; function initTOC() { const content = document.getElementById('articleContent'); const tocList = document.getElementById('tocList'); if (!content || !tocList || !isPC()) { if(tocList) tocList.innerHTML = ''; return; } headings = Array.from(content.querySelectorAll('h2, h3')); headings.forEach((h, idx) => { if (!h.id) h.id = 'section-' + idx; }); const tocTree = []; let lastH2 = null; headings.forEach(h => { const text = h.textContent.trim(); const id = h.id; if (h.tagName.toLowerCase() === 'h2') { lastH2 = { text, id, children: [] }; tocTree.push(lastH2); } else if (h.tagName.toLowerCase() === 'h3' && lastH2) { lastH2.children.push({ text, id }); } }); function renderTOC(tree) { let html = '<ul class="toc-root">'; tree.forEach((item) => { const hasChildren = item.children && item.children.length; html += `<li class="toc-item toc-item-h2"> <a href="#${item.id}" class="toc-link">${item.text}</a>`; if (hasChildren) { html += '<ul class="toc-subgroup">'; item.children.forEach(child => { html += `<li class="toc-item toc-item-h3"><a href="#${child.id}" class="toc-link">${child.text}</a></li>`; }); html += '</ul>'; } html += '</li>'; }); html += '</ul>'; return html; } tocList.innerHTML = renderTOC(tocTree); // 高亮同步正文 tocLinks = tocList.querySelectorAll('a'); requestTocHighlight(); // 平滑滚动正文 tocLinks.forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); const target = document.getElementById(this.hash.slice(1)); if (target) { window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY - 120, behavior: 'smooth' }); } }); }); } // 高亮同步（requestAnimationFrame防抖，不卡） function requestTocHighlight() { if(rafId) cancelAnimationFrame(rafId); rafId = requestAnimationFrame(updateTocHighlight); } function updateTocHighlight() { if (!isPC() || !tocLinks || !headings || !headings.length) return; let activeId = null; for (let i = headings.length - 1; i >= 0; i--) { if (headings[i].getBoundingClientRect().top < 120) { activeId = headings[i].id; break; } } tocLinks.forEach(link => { if (link.hash === '#' + activeId) link.classList.add('active'); else link.classList.remove('active'); }); } // ----------- 滚动进度条 (全端支持) ----------- function updateProgressBar() { var bar = document.getElementById('pf-progress-bar'); if(!bar) return; var scrollHeight = Math.max( document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight ); var docHeight = scrollHeight - window.innerHeight; var scrolled = window.scrollY || window.pageYOffset; var percent = docHeight > 0 ? (scrolled / docHeight) : 0; // Fallback if logic somehow fails, ensure it displays when scrolled if (percent > 1) percent = 1; if (scrolled > 50 && percent === 0) percent = 0.1; bar.style.transform = 'scaleX(' + percent + ')'; } // ----------- 响应式切换时重置 ----------- function onResize(){ updateProgressBar(); initTOC(); } // [CLS & Performance Patch] Handle Article Images function patchArticleImages() { const content = document.getElementById('articleContent'); if (!content) return; const images = content.querySelectorAll('img'); images.forEach(img => { if (!img.hasAttribute('loading')) { img.setAttribute('loading', 'lazy'); } }); } // Move progress bar to body to break out of any transform wrappers var pbar = document.getElementById('pf-progress-bar'); if(pbar && pbar.parentNode !== document.body) { document.body.appendChild(pbar); } window.addEventListener('scroll', function(){ updateProgressBar(); requestTocHighlight(); }); window.addEventListener('resize', onResize); // 首次初始化 onResize(); patchArticleImages(); }); </script> </div> </main> <div id="shopify-section-static-footer" class="shopify-section"><style> /* 1. 层级修复 (Z-Index Fix) 设置为 1，既能压住背景，又不会挡住顶部下拉菜单。 */ #shopify-section-footer, .site-footer-wrapper, footer[role="contentinfo"] { position: relative !important; z-index: 1 !important; } /* ============================================================ 2. 视觉美化：颜色与交互 (稳重风：只变色，不移动) ============================================================ */ /* 默认状态：浅灰 #e0e0e0，清晰高级 */ .site-footer-block-content, .site-footer-block-content p, .site-footer-block-content a, .site-footer-block-item p, .site-footer-block-item a { color: #e0e0e0 !important; text-decoration: none !important; line-height: 1.8 !important; transition: color 0.2s ease-in-out; /* 快速丝滑的变色过渡 */ } /* 悬停状态：高亮纯白，绝对无位移 */ .site-footer-block-content a:hover, .site-footer-block-item a:hover { color: #ffffff !important; padding-left: 0 !important; margin-left: 0 !important; text-decoration: none !important; } /* 修正 Contact Us 段落间距 */ .site-footer-block-item p, .site-footer-block-content p { margin-bottom: 12px !important; } /* ============================================================ 3. 智能网格布局 (6列 完美适配版) ============================================================ */ @media screen and (min-width: 750px) { .site-footer-blocks[class*="column-count-"] { display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; /* 2 columns for tablet */ gap: 30px; } .site-footer-blocks[class*="column-count-"] > * { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* [UX Patch] Force visibility on tablet to bypass accordion logic */ .site-footer-block-list, .site-footer-block-content { display: block !important; } .site-footer-block-title .accordion--icon { display: none !important; /* Hide chevron on tablet as it's not an accordion anymore */ } } @media screen and (min-width: 1024px) { .site-footer-blocks.column-count-6 { grid-template-columns: minmax(230px, 1.4fr) 1fr 1fr 1fr 1fr minmax(100px, 0.8fr); gap: 16px; } .site-footer-blocks.column-count-5 { grid-template-columns: minmax(230px, 1.4fr) 1fr 1fr 1fr 1fr; gap: 30px; } } </style> <script type="application/json" data-section-id="static-footer" data-section-type="static-footer"> </script> <footer role="contentinfo" aria-label="Footer"> <section class="site-footer-wrapper"> <div class="site-footer-item"> <div class="site-footer-blocks column-count-6"> <div class="site-footer-block-item site-footer-block-rich-text " > <h2 class="site-footer-block-title"> Contáctenos </h2> <div class="site-footer-block-content rte"> <p>Correo de negocios: <a href="mailto:contact@havit.com.cn" title="mailto:contact@havit.com.cn">contact@havit.com.cn</a><br/>Correo de soporte: <a href="mailto:vip@prohavit.com" title="mailto:vip@prohavit.com">vip@prohavit.com</a><br/>Teléfono: +86 020 6620298<br/>Horario de atención: Lun - Vie (GMT+8)</p> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Productos <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-audio-series" > <a class="navmenu-link " href="/es/collections/serie-audio" > Serie de audio </a> </li> <li class="navmenu-item navmenu-id-gaming-gears" > <a class="navmenu-link " href="/es/collections/serie-de-juegos" > Accesorios para Gaming </a> </li> <li class="navmenu-item navmenu-id-mobile-accessories" > <a class="navmenu-link " href="/es/collections/accesorios-moviles" > Accesorios móviles </a> </li> <li class="navmenu-item navmenu-id-smart-life" > <a class="navmenu-link " href="/es/collections/vida-inteligente" > Vida Inteligente </a> </li> <li class="navmenu-item navmenu-id-small-home-appliances" > <a class="navmenu-link " href="/es/collections/electrodomesticos" > Pequeños Electrodomésticos </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Compañía <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-about-us" > <a class="navmenu-link " href="/es/pages/sobre-nosotros" > Sobre nosotros </a> </li> <li class="navmenu-item navmenu-id-visit-us" > <a class="navmenu-link " href="https://vr.3d66.com/vr/index_detail_4334987.asp" > Visítanos </a> </li> <li class="navmenu-item navmenu-id-press-center" > <a class="navmenu-link " href="/es/pages/presionar" > Presionar </a> </li> <li class="navmenu-item navmenu-id-newsroom" > <a class="navmenu-link " href="/es/blogs/noticias" > Salón </a> </li> <li class="navmenu-item navmenu-id-online-store" > <a class="navmenu-link " href="https://prohavit.com" > Tienda en línea </a> </li> <li class="navmenu-item navmenu-id-influencer-program" > <a class="navmenu-link " href="/es/pages/havit-influencer-programa" > Programa de Influencers </a> </li> <li class="navmenu-item navmenu-id-become-a-distributor" > <a class="navmenu-link " href="/es/pages/convertirse-en-distribuidores" > Convertirse en un distribuidor </a> </li> <li class="navmenu-item navmenu-id-wholesale-headphones" > <a class="navmenu-link " href="https://havitsmart.com/pages/wholesale-headphones" > Wholesale Auriculares </a> </li> <li class="navmenu-item navmenu-id-where-to-buy" > <a class="navmenu-link " href="/es/pages/donde-comprar" > Dónde Comprar </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Apoyo <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-driver-downloads" > <a class="navmenu-link " href="https://havitsmart.com/pages/driver-download" > Descargas de controladores </a> </li> <li class="navmenu-item navmenu-id-manual-downloads" > <a class="navmenu-link " href="https://havitsmart.com/pages/manuals-downloads" > Descargas manuales </a> </li> <li class="navmenu-item navmenu-id-catalog-downloads" > <a class="navmenu-link " href="/es/pages/catalogo-descargas" > Descargas de catálogo </a> </li> <li class="navmenu-item navmenu-id-help-center" > <a class="navmenu-link " href="https://havitsmart.com/pages/support" > Centro de ayuda </a> </li> <li class="navmenu-item navmenu-id-contact-us" > <a class="navmenu-link " href="/es/pages/contacto" > Contáctenos </a> </li> <li class="navmenu-item navmenu-id-faq" > <a class="navmenu-link " href="/es/pages/preguntas-frecuentes" > Preguntas frecuentes </a> </li> <li class="navmenu-item navmenu-id-sitemap" > <a class="navmenu-link " href="/es/pages/mapa-del-sitio" > Mapa del sitio </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Política <span class="site-footer-block-icon accordion--icon"> <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content"> <ul class="navmenu navmenu-depth-1 " data-navmenu data-accordion-content > <li class="navmenu-item navmenu-id-terms-of-use" > <a class="navmenu-link " href="/es/pages/terminos-y-condiciones" > Condiciones de uso </a> </li> <li class="navmenu-item navmenu-id-privacy" > <a class="navmenu-link " href="/es/pages/politica-de-privacidad" > Privacidad </a> </li> <li class="navmenu-item navmenu-id-warranty" > <a class="navmenu-link " href="/es/pages/politica-de-garantia" > Garantía </a> </li> <li class="navmenu-item navmenu-id-do-not-sell-share-my-data" > <a class="navmenu-link " href="https://havitsmart.com/pages/data-sharing-opt-out" > No vender/compartir mis datos </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-social-accounts " > <h2 class="site-footer-block-title"> Síganos </h2> <div class="site-footer-block-content"> <div class="social-icons"> <a class="social-link" title="Facebook" href="https://www.facebook.com/havitbrand/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"/> </svg> <span class="visually-hidden">Encuéntranos en Facebook</span> </a> <a class="social-link" title="VK" href="https://vk.com/havitru" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"> <path fill="currentColor" d="M14.558 19.944h1.193s.36-.04.545-.241c.17-.185.164-.532.164-.532s-.023-1.624.729-1.863c.743-.236 1.698 1.57 2.711 2.264.765.527 1.347.411 1.347.411l2.707-.038s1.417-.087.745-1.202c-.055-.091-.39-.822-2.009-2.325-1.694-1.572-1.467-1.318.574-4.04 1.241-1.66 1.737-2.673 1.583-3.107-.147-.415-1.053-.305-1.053-.305l-3.048.019s-.226-.031-.394.069c-.164.098-.27.327-.27.327s-.484 1.289-1.129 2.384c-1.362 2.317-1.907 2.44-2.129 2.295-.518-.335-.389-1.346-.389-2.064 0-2.243.34-3.178-.662-3.421-.333-.08-.578-.134-1.43-.143-1.094-.012-2.02.003-2.544.26-.349.172-.618.555-.454.577.203.027.662.125.905.46.315.435.304 1.412.304 1.412s.181 2.693-.422 3.027c-.414.23-.981-.24-2.201-2.337-.624-1.078-1.095-2.268-1.095-2.268s-.09-.223-.252-.342c-.197-.146-.472-.192-.472-.192l-2.898.018s-.435.012-.595.201c-.142.168-.011.516-.011.516s2.28 5.334 4.863 8.02c2.367 2.46 5.055 2.299 5.055 2.299l-.001-.001z"/> </svg> <span class="visually-hidden">Encuéntranos en VK</span> </a> <a class="social-link" title="Twitter" href="https://twitter.com/Havitofficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M21.343 8.124l-5.217 5.85 6.145 7.9h-4.33l-3.768-4.56-4.304 4.56H6.657l5.57-6.248-5.88-7.503h4.382l3.35 4.069 3.822-4.069h3.441zm-2.578 12.465h2.398L10.07 9.409H7.544l11.22 11.18z"/> </svg> <span class="visually-hidden">Encuéntranos en Twitter</span> </a> <a class="social-link" title="Pinterest" href="https://www.pinterest.com/prohavit/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.914 6a7.913 7.913 0 0 0-2.885 15.281c-.07-.626-.132-1.586.028-2.27.144-.618.928-3.933.928-3.933s-.238-.475-.238-1.175c0-1.098.64-1.922 1.433-1.922.675 0 1 .507 1 1.115 0 .68-.43 1.694-.654 2.634-.188.789.395 1.43 1.172 1.43 1.405 0 2.487-1.482 2.487-3.622 0-1.894-1.361-3.219-3.306-3.219-2.251 0-3.571 1.689-3.571 3.434 0 .68.26 1.409.587 1.805.065.08.074.149.056.228-.06.25-.194.787-.22.897-.035.144-.114.176-.266.106-.987-.46-1.606-1.905-1.606-3.066 0-2.497 1.814-4.787 5.23-4.787 2.744 0 4.878 1.955 4.878 4.57 0 2.726-1.72 4.922-4.108 4.922-.801 0-1.555-.418-1.813-.91l-.495 1.88c-.178.688-.66 1.55-.983 2.075a7.914 7.914 0 0 0 10.258-7.56 7.914 7.914 0 0 0-7.913-7.912V6z"/> </svg> <span class="visually-hidden">Encuéntranos en Pinterest</span> </a> <a class="social-link" title="Instagram" href="https://www.instagram.com/havit_official/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M11.114 7.042c-.745.034-1.254.152-1.7.326-.46.178-.85.418-1.24.807-.388.389-.628.78-.806 1.24-.174.445-.292.954-.326 1.699C7.008 11.86 7 12.099 7 14c0 1.901.008 2.14.042 2.886.034.745.152 1.254.326 1.7.178.46.418.85.807 1.24.389.388.78.628 1.24.807.445.173.954.29 1.699.325.747.034.985.042 2.886.042 1.901 0 2.14-.008 2.886-.042.745-.034 1.254-.152 1.7-.325.46-.18.85-.419 1.24-.808.388-.389.628-.78.807-1.24.173-.445.29-.954.325-1.699.034-.747.042-.985.042-2.886 0-1.901-.008-2.14-.042-2.886-.034-.745-.152-1.254-.325-1.7a3.432 3.432 0 0 0-.808-1.24c-.389-.388-.78-.628-1.24-.806-.445-.174-.954-.292-1.699-.326C16.14 7.008 15.901 7 14 7c-1.901 0-2.14.008-2.886.042zM10.405 14a3.595 3.595 0 1 0 7.19 0 3.595 3.595 0 0 0-7.19 0zM14 16.333a2.333 2.333 0 1 1 0-4.666 2.333 2.333 0 0 1 0 4.666zm4.9-6.323a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0z"/> </svg> <span class="visually-hidden">Encuéntranos en Instagram</span> </a> <a class="social-link" title="Tumblr" href="https://www.tiktok.com/@havitofficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M15.863 21.98h-.095c-3.391 0-4.38-2.56-4.38-4.077v-4.74H9.503L9.5 10.806c0-.047.05-.061.098-.061 1.742-.664 2.873-1.517 3.156-3.603C12.707 7 12.8 7 12.8 7h2.355v3.318h2.832v2.845h-2.832v4.306c0 .995.377 1.524 1.319 1.524.377 0 .8-.094 1.225-.237.047 0 .094 0 .094.048l.707 2.086v.19c-.519.52-1.602.9-2.638.9z"/> </svg> <span class="visually-hidden">Encuéntranos en Tumblr</span> </a> <a class="social-link" title="Youtube" href="https://www.youtube.com/user/HavitOfficial" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M11.958 16.23v-4.22l4.058 2.117-4.058 2.102zm8.91-4.951s-.147-1.035-.597-1.491c-.571-.598-1.211-.601-1.505-.636C16.664 9 13.512 9 13.512 9h-.006s-3.153 0-5.254.152c-.294.035-.934.038-1.505.636-.45.456-.597 1.49-.597 1.49S6 12.495 6 13.71v1.14c0 1.215.15 2.43.15 2.43s.147 1.035.597 1.49c.571.599 1.322.58 1.656.643 1.201.115 5.106.15 5.106.15s3.155-.004 5.257-.156c.294-.035.934-.038 1.505-.636.45-.456.597-1.49.597-1.49s.15-1.216.15-2.431v-1.14c0-1.215-.15-2.43-.15-2.43z"/> </svg> <span class="visually-hidden">Encuéntranos en Youtube</span> </a> <a class="social-link" title="LinkedIn" href="https://www.linkedin.com/company/havitofficial/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="-12 -10 50 50" > <path fill="currentColor" fill-rule="evenodd" d="M9.7 9.8h4.8v2.5c.7-1.4 2.5-2.8 5.1-2.8 5.2 0 6.4 3 6.4 8.4V28h-5.2v-8.8c0-3.1-.7-4.9-2.5-4.9-2.4 0-3.4 1.9-3.4 4.9V28H9.7V9.8zm-9 18H6V9.5H.7v18.3zm6-24.2c0 2-1.5 3.5-3.4 3.5C1.5 7.1 0 5.5 0 3.6 0 1.6 1.5 0 3.3 0c1.9 0 3.4 1.6 3.4 3.6z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Encuéntranos en LinkedIn</span> </a> </div> </div> </div> </div> </div> <div class="site-footer-item"> <div class="site-footer-information"> <div class="site-footer-left"> <p class="site-footer-credits"> Copyright© 1998-2026 HAVIT. All Rights Reserved. </p> </div></div> </div> </section> </footer> <!-- "snippets/gtranslate.liquid" was not rendered, the associated app was uninstalled --> <script> document.addEventListener('DOMContentLoaded', function(){ // 仅在移动端生效 if (window.innerWidth <= 767) { document.querySelectorAll('.site-footer-block-title').forEach(function(title){ if(title.dataset.hasAccordion) return; title.dataset.hasAccordion = "true"; title.style.cursor = "pointer"; title.addEventListener('click', function(){ let next = title.nextElementSibling; while(next && !( next.classList.contains('site-footer-block-list') || next.classList.contains('site-footer-block-content') || next.tagName === 'UL' || next.tagName === 'DIV' )) { next = next.nextElementSibling; } if(!next) return; if(next.style.display === 'none' || next.style.display === '') { next.style.display = 'block'; title.classList.add('open'); } else { next.style.display = 'none'; title.classList.remove('open'); } }); // 初始全部收起 let next = title.nextElementSibling; while(next && !( next.classList.contains('site-footer-block-list') || next.classList.contains('site-footer-block-content') || next.tagName === 'UL' || next.tagName === 'DIV' )) { next = next.nextElementSibling; } if(next) next.style.display = 'none'; }); } }); </script> <style> .site-footer-block-title.open .accordion--icon { transform: rotate(180deg); transition: transform 0.3s; } .site-footer-block-title .accordion--icon { transition: transform 0.3s; } </style> </div> <div style="display: none;" aria-hidden="true" data-templates> <div class="message-banner--container" role="alert" data-message-banner > <div class="message-banner--outer"> <div class="message-banner--inner" data-message-banner-content></div> <button class="message-banner--close" type="button" aria-label="Cerca" data-message-banner-close ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg></button> </div> </div> <section class="atc-banner--container" role="log" data-atc-banner> <div class="atc-banner--outer"> <div class="atc-banner--inner"> <div class="atc-banner--product"> <h2 class="atc-banner--product-title"> <span class="atc-banner--product-title--icon"><svg aria-hidden="true" focusable="false" role="presentation" width="18" height="13" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg" > <path fill="currentColor" fill-rule="evenodd" d="M6.23 9.1L2.078 5.2 0 7.15 6.23 13 18 1.95 15.923 0z" /> </svg></span> Agregado a su carrito: </h2> <div class="atc--product"> <div class="atc--product-image" data-atc-banner-product-image> <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="atc--product-details"> <h2 class="atc--product-details--title" data-atc-banner-product-title></h2> <span class="atc--product-details--options" data-atc-banner-product-options></span> <span class="atc--product-details--price"> <span class="atc--product-details--price-quantity" data-atc-banner-product-price-quantity></span> <span class="atc--product-details--price-value money" data-atc-banner-product-price-value></span> <span class="atc--product-details--price-discounted money" data-atc-banner-product-price-discounted></span> <span class="atc--product-details--unit-price hidden" data-atc-banner-unit-price> ** total_quantity ** | ** unit_price ** / ** unit_measure ** </span> </span> <ul class="discount-list" data-atc-banner-product-discounts> <li class="discount-list-item"> <svg class="icon-sale-tag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="350" height="350" viewBox="0 0 350 350" fill="none"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 197.826C0 192.95 1.93821 188.275 5.38762 184.83L179.459 10.7587C186.348 3.86966 195.692 -0.000356971 205.435 2.46966e-08H334.782C343.187 2.46966e-08 350 6.81304 350 15.2173V144.565C350 154.308 346.13 163.651 339.241 170.541L165.17 344.612C161.725 348.061 157.049 350 152.174 350C147.299 350 142.624 348.061 139.179 344.612L5.38762 210.821C1.93821 207.376 0 202.701 0 197.826ZM304.348 68.4786C304.348 81.085 294.128 91.3046 281.521 91.3046C268.915 91.3046 258.695 81.085 258.695 68.4786C258.695 55.8721 268.915 45.6525 281.521 45.6525C294.128 45.6525 304.348 55.8721 304.348 68.4786Z" fill="currentColor"/> </svg> <span class="discount-title"></span> (-<span class="money discount-amount"></span>) </li> </ul> </div> </div> </div> <div class="atc-banner--cart"> <div class="atc-banner--cart-subtotal"> <span class="atc-subtotal--label"> Carro subtotal </span> <span class="atc-subtotal--price money" data-atc-banner-cart-subtotal></span> </div> <footer class="atc-banner--cart-footer"> <a class="button-secondary atc-button--viewcart" href="/es/cart" data-atc-banner-cart-button> Ver carrito (<span></span>) </a> <form action="/es/cart" method="post" aria-label="cart checkout" > <button class="button-primary atc-button--checkout" type="submit" name="checkout"> <span>Verificar</span> </button> </form> </footer> </div> </div> <button class="atc-banner--close" type="button" aria-label="Cerca" data-atc-banner-close ><svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg></button> </div> </section> </div> <div class="modal" data-modal-container aria-label="modal window" data-trap-focus> <div class="modal-inner" data-modal-inner> <button class="modal-close" type="button" aria-label="Cerca" data-modal-close > <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg> </button> <div class="modal-content" data-modal-content></div> </div> </div> <div class="modal-1" data-modal-container-1 aria-label="modal window"> <div class="modal-inner" data-modal-inner> <button class="modal-close" type="button" aria-label="Cerca" data-modal-1-close > <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" > <path fill="currentColor" fill-rule="evenodd" d="M5.306 6.5L0 1.194 1.194 0 6.5 5.306 11.806 0 13 1.194 7.694 6.5 13 11.806 11.806 13 6.5 7.694 1.194 13 0 11.806 5.306 6.5z"/> </svg> </button> <div class="modal-content" data-modal-content></div> </div> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" aria-label="Diálogo de zoom de productos" data-photoswipe > <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container" aria-hidden="true"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Cerca"> <span tabindex="-1"> <svg class="icon-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> </span> </button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> <div class="product-zoom--thumbnails" data-photoswipe-thumbs> <button class="gallery-navigation--scroll-button scroll-left" aria-label="Scroll thumbnails left" data-gallery-scroll-button > <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <button class="gallery-navigation--scroll-button scroll-right" aria-label="Scroll thumbnails right" data-gallery-scroll-button > <svg aria-hidden="true" focusable="false" role="presentation" width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <div class="product-zoom--thumb-scroller" data-photoswipe-thumb-scroller></div> </div> </div> <script> ( function () { var classes = { block: 'pxu-lia-block', element: 'pxu-lia-element', }; document .querySelectorAll('[type="application/pxs-animation-mapping+json"]') .forEach(function (mappingEl) { const section = mappingEl.parentNode; try { const mapping = JSON.parse(mappingEl.innerHTML); mapping.elements.forEach(function (elementSelector) { section .querySelectorAll(elementSelector) .forEach(function (element) { element.classList.add(classes.element); }); }); mapping.blocks.forEach(function (blockSelector) { section .querySelectorAll(blockSelector) .forEach(function (block) { block.classList.add(classes.block); }); }); } catch (error) { console.warn('Unable to parse animation mapping', mappingEl, error); } }); } )() </script> <script src="//havitsmart.com/cdn/shop/t/117/assets/empire.js?v=99702145392441515541787883703" data-scripts data-shopify-api-url="//havitsmart.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" data-shopify-countries="/services/javascripts/countries.js" data-shopify-common="//havitsmart.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" data-shopify-cart="//havitsmart.com/cdn/shop/t/117/assets/jquery.cart.js?v=37902" data-pxu-polyfills="//havitsmart.com/cdn/shop/t/117/assets/polyfills.js?v=30543975217390794961787883702" > </script> <script> (function () { function handleFirstTab(e) { if (e.keyCode === 9) { // the "I am a keyboard user" key document.body.classList.add('user-is-tabbing'); window.removeEventListener('keydown', handleFirstTab); } } window.addEventListener('keydown', handleFirstTab); })(); </script> <link href="//havitsmart.com/cdn/shop/t/117/assets/ripple.css?v=155372253603313463661787883702" rel="stylesheet" type="text/css" media="all" /> <script src="//havitsmart.com/cdn/shop/t/117/assets/instantPage.min.js?v=126400981861911826231787883702" type="module" defer > </script> <style> h1,h2,h3,.heading,.section-title {font-weight: 700 !important;} </style> <div id="shopify-block-ANXJ6b0lIbDZWeTNET__10148494829067693542" class="shopify-block shopify-app-block"><!-- XO-InsertCode Body --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKNCXJ46" height="0" width="0" style="display:none;visibility:hidden">
