<div class="hot-sale"> <div class="banners">  <img src="https://store-mx.segway.com/media/wysiwyg/2025-back-to-school/back-to-school-1920x800-v5.png" alt="Segway Scooter Eléctrico ¡Oferta de regreso a clases ya disponible" class="large-screen" /> <img src="https://store-mx.segway.com/media/wysiwyg/2025-back-to-school/back-to-school-768x700-v5.png" alt="Segway Scooter Eléctrico ¡Oferta de regreso a clases ya disponible" class="small-screen" /> </div> <h1> <strong>¡Especial de Regreso a Clase<br> Comienza el nuevo semestre con grandes ahorros!</strong> </h1> <br><br> <style> .hot-sale .banners { padding-bottom: 70px; } .hot-sale .banners img { width: 100%; } .hot-sale .large-screen { display: none; } @media (min-width:750px) { .hot-sale .large-screen { display: block; } .hot-sale .small-screen { display: none; } } .hot-sale h1 { text-align: center; font-size: 40px; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; max-width: 90%; margin-left: auto; margin-right: auto; word-break: break-word; } @media screen and (max-width: 768px) { .hot-sale h1 { font-size: 24px; padding: 0 10px; } } </style> </div>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center">  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-e2-plus-ii"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Ahorra</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">3500</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/e/2/e2_plus_ii-1_1_1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">25 kmph | 25 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway E2 Plus II Scooter Eléctrico</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>6499.00</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>9999.00</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-zt3-pro"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Ahorra</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">6000</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/z/t/zt3_pro-1_1__1.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">40 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway ZT3 Pro Scooter Eléctrico</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>19999.00</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>25999.00</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Ahorra</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">7000</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">35 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Max G2 Scooter Eléctrico</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>16999.00</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>23999.00</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g3"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Ahorra</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">6000</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/m/a/max_g3.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">45 kmph | 80 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Max G3 Scooter Eléctrico</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>22999.00</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>28999.00</p> </div> </div> </a>  <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-gokart-pro-2"> <div class="absolute left-[10px] top-[10px] z-[1] rounded-[16px] border-[2px] border-white bg-[#DA291C] px-[4px] py-[4px] text-center max-xl:left-1 max-xl:top-1 max-xl:rounded-[10px] max-xl:border-[1px] max-xl:px-[1px] max-xl:pb-[1px] max-xl:pt-[3px]"> <div class="mb-[2px] text-[17px] leading-[20px] text-white max-xl:text-xs">Ahorra</div> <div class="rounded-[20px] bg-white px-1 py-[2px] text-[17px] leading-[20px] text-[#DA291C] max-xl:rounded-full max-xl:px-[5px] max-xl:py-[2px] max-xl:text-xs">8000</div> </div> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/p/r/product-image-sizing-template.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">43 kmph | 25 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway GoKart Pro 2 Carrito Eléctrico</div> </div> <div class="max-xl:miSansMedium380 flex h-[22px] gap-[4px] font-miSansDemiBold450 text-black max-xl:h-[17px]">   <p class="flex items-baseline justify-center text-[16px] leading-[22px] max-xl:text-[14px] max-xl:leading-[17px] text-[#DA291C]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>46999.00</p> <p class="text-decoration-line: flex items-baseline justify-center text-[16px] leading-[22px] text-[#86868B] line-through max-xl:text-[14px] max-xl:leading-[17px]"><span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>54999.00</p> </div> </div> </a> </div> <br> <br>

<div class="grid w-full grid-cols-4 justify-center gap-[16px] max-xl:grid-cols-2 max-xl:gap-x-3 max-xl:gap-y-[36px] items-center"> <a class="relative col-span-2 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="/ninebot-kickscooter-e2-plus"> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/e/2/e2_plus_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">25 kmph | 25 km</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] max-xl:h-auto">Segway E2 Plus Scooter Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>5,774.45 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>10,499.00 </p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="ninebot-kickscooter-max-g2"> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/ee20be44280952a7d7ef6417d3f821e9/m/a/max_g2_4.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">35 kmph | 70 km </div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway Ninebot Max G2 Scooter Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>19,199.00 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>23,999.00 </p> </div> </div> </a> <a class="relative col-span-1 bg-[#fff] max-xl:border-none max-xl:bg-[unset]" href="segway-gokart-pro-2"> <div class="flex justify-center rounded-[20px] bg-[#F3F3F4] max-xl:rounded-[12px] max-xl:bg-[#F3F3F4]"><img alt="" loading="lazy" width="348" height="348" decoding="async" data-nimg="1" class="aspect-square max-w-full object-contain duration-300 max-xl:w-[197px] hover:lg:scale-110 xl:h-[348px]" src="https://store-mx.segway.com/media/catalog/product/cache/d3ec3723470ff918c92e447639eaf984/g/o/gokart_pro_2.png" style="color: transparent;"></div> <div class="flex flex-col gap-[12px] px-[4px] pb-[24px] pt-[16px] max-xl:px-1 max-xl:pb-0 max-xl:pt-3 md:gap-0 xl:gap-[12px]"> <div class="flex flex-col gap-[8px] font-miSansDemiBold450 max-xl:gap-[6px] max-xl:font-miSansMedium380"> <div class="h-[17px] overflow-hidden text-ellipsis whitespace-nowrap text-[14px] leading-[17px] text-[#6E6E73] max-xl:h-3 max-xl:text-[10px] max-xl:leading-[12px]">43 kmph | 25 km</div> <div class="h-7 overflow-hidden text-ellipsis whitespace-nowrap text-[20px] text-[#000] max-xl:line-clamp-2 max-xl:h-[34px] max-xl:whitespace-normal max-xl:text-[14px] max-xl:leading-[17px] ">Segway GoKart Pro 2 Carrito Eléctrico</div> </div> <div class="flex items-baseline gap-[10px] max-xl:gap-[6px]">  <p class="flex items-baseline text-[16px] leading-[22px] text-red-600 font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>46,749.00 </p>  <p class="flex items-baseline text-[16px] leading-[22px] text-gray-500 line-through font-miSansDemiBold450 max-xl:text-[14px] max-xl:leading-[17px]"> <span class="mr-[3px] text-[12px] leading-[1] xl:text-[14px]">$</span>54,999.00 </p> </div> </div> </a> </div>