Name: Cupula sport Yamaha MT09-SP 18-
Brand: PUIG
Availability: InStock

Horario Atención al Cliente : Lunes a Jueves de 9:00h a 18:30h, Viernes de 9:00h a 15h

+34 868 188 704
+34 604 457 947

Mi Cuenta

Carrito

- Subtotal: 0 €

Comprar 69,00€ para ENVIO GRATIS

Ir a carrito

Cupula sport Yamaha MT09-SP 18-

Cúpula Naked New Generation Sport de Puig para:

- YAMAHA MT-09 2017-
- YAMAHA MT-09 SP 2018-

Instala la cúpula Naked en tu MT-09 y disfruta de un pilotaje más cómodo. Además, no perderás la línea de diseño de tu moto ya que podrás elegir entre 7 los siguientes colores:
- Transparente
- Ahumado
- Ahumado oscuro
- Negro

Dimensiones: 290 x 270 mm (hxa)

Cuenta con los prestigiosos certificados de calidad ABE 38188 y TÜV.

<div class="card-header" id="headingDescription"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseReviews" aria-expanded="false" aria-controls="collapseReviews"> <span style="color:darkgoldenrod;font-size:20px">0 Opiniones</span> </button> </h2> </div> <div id="collapseReviews" class="collapse" aria-labelledby="headingReviews" data-parent="#accordion"> <div class="card-body"> <h4>Opiniones Cupula sport Yamaha MT09-SP 18-</h4> <div class="row"> <div class="col-12 mb-4"> <button type="submit" class="btn btn-danger"> <a href="/usuario/registro" rel="nofollow" class="aOpinion">Dar mi opinion</a> </button> </div> </div> </div> </div> </div>  <div class="card border-dark"> <div class="card-header" id="headingTags"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTags" aria-expanded="false" aria-controls="collapseTags"> Preguntas </button> </h2> </div> <div id="collapseTags" class="collapse" aria-labelledby="headingTags" data-parent="#accordion"> <div class="card-body"> <div class="product-tag-name mt-3"> <table> <tbody> </tbody> </table> <button type="submit" class="btn btn-danger"> <a href="/usuario/registro" rel="nofollow" style="color:white">Preguntar sobre este producto</a> </button> <br /> <small>Este es un sistema de preguntas y respuestas para dudas SOLO sobre nuestros productos</small> </div> </div> </div> </div>  <div class="card border-dark"> <div class="card-header active" id="headingMoto"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMoto" aria-expanded="false" aria-controls="collapseMoto"> <img src="/Theme/NilmotoV2/Hot-icon.png" / alt="fire"> Aquí más para tu moto </button> </h2> </div> <div id="collapseMoto" class="collapse show" " aria-labelledby="headingMoto" data-parent="#accordion"> <div class="card-body"> <div class="product-tag-name mt-3"> <label>Valido para:</label> <div class="models-container"> <ul class="model-tags"> <li> <a href="/yamaha/mt09 2017-?page=1&codGrupo=74&subGrupo=3199" class="model-tag" title="Accesorios para YAMAHA MT09 2017-2020"> YAMAHA MT09 2017-2020 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-4 offset-xl-1 z0"> <div class="column"> <div class="scrollbalance-inner shadow-lg"> <div class="shop_single_product_details sidebar mb-3 mb-xl-0"> <h1 class="title mb15">Cupula sport Yamaha MT09-SP 18-</h1> <div class="d-flex justify-content-between align-items-center my-3 flex-wrap"> <p class="mb-0 text-success fw-medium fs-6">ID: P9376</p> <a href="#youtube" class="btn btn-light d-inline-flex align-items-center rounded-pill border shadow-sm px-3 py-2"> <div class="me-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" fill="#FF0000" /> </svg> </div> <span class="small fw-medium">Ver vídeo del producto</span> </a> </div> <hr /> <ul class="db-400 d-flex "> <li class="border-right heading-color fz13"> <a href="/puig"> PUIG </a> </li> <li class="mx-1 ms-auto ml0-400 fs-6"> <div class="sspd_review mt-0"> <ul class="mb0"> <li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li><li class="list-inline-item"><i class="fas fa-star" style="color:grey"></i></li> </ul> </div> </li> <li class="border-right me-1 heading-color fz14"> <p style="color:black;font-weight:bold;">( 0 Opiniones )</p> </li> </ul> <hr /> <div class="shop_single_description"> <h4 class="title">Descripción</h4> <p class="para">Cúpula Naked New Generación Sport de Puig para la Yamaha MT-09 17-/ SP 18-. Fabricada con los materiales más resistentes, está disponible en 7 colores y cuenta con los mejores certificados de calidad.</p> <a href="#collapseDescription" style="color:red">Leer más</a> </div> <hr /> <div class="product-features-bubbles-container my-4"> <ul class="product-features-bubbles"> <li class="feature-bubble"> <span class="feature-name">ALTURA</span> <span class="feature-values"> <span class="feature-value-item"> <span class="feature-icon"><i class="fa-solid fa-down-long"></i></span> Baja </span> </span> </li> </ul> </div> <hr /> <div class=""> <div> </div> <div class="d-block d-sm-flex align-items-start"> <div class="nav nav-pills-price me-0 me-md-4" id="v-pills-tab4" role="tablist" aria-orientation="vertical"> <hr /> <div class="d-block d-sm-flex align-items-start"> <div id="referencia-contenedor" class="nav nav-pills-price me-0 me-md-4" role="tablist" aria-orientation="vertical"> <button class="nav-link shadow d-flex justify-content-between align-items-start me-2 mb-3 active" style="border: 2px solid #c1a9a94f; width: 320px; border-left-color: green;border-left-width: 7px;" id="v-pills-Ahumado_claro-tab" data-bs-referencia="Ahumado_claro" data-bs-ref="Ahumado claro" data-bs-toggle="pill" data-bs-target="#v-pills-Ahumado_claro" type="button" role="tab" aria-controls="v-pills-Ahumado_claro" aria-selected="true"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;">Ahumado claro</span> <br /> <span class="label label-warning mb-2" style="font-size: 12px; margin-top: 3px; color: black;">Últimas unidades.</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">134,95€</span> </div> </button> <button class="nav-link shadow d-flex justify-content-between align-items-start me-2 mb-3 " style="border: 2px solid #c1a9a94f; width: 320px; " id="v-pills-Ahumado_oscuro-tab" data-bs-referencia="Ahumado_oscuro" data-bs-ref="Ahumado oscuro" data-bs-toggle="pill" data-bs-target="#v-pills-Ahumado_oscuro" type="button" role="tab" aria-controls="v-pills-Ahumado_oscuro" aria-selected="false"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;">Ahumado oscuro</span> <br /> <span class="label label-warning mb-2" style="font-size: 12px; margin-top: 3px; color: black;">Últimas unidades.</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">134,95€</span> </div> </button> <button class="nav-link shadow d-flex justify-content-between align-items-start me-2 mb-3 " style="border: 2px solid #c1a9a94f; width: 320px; " id="v-pills-Negro-tab" data-bs-referencia="Negro" data-bs-ref="Negro" data-bs-toggle="pill" data-bs-target="#v-pills-Negro" type="button" role="tab" aria-controls="v-pills-Negro" aria-selected="false"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;">Negro</span> <br /> <span class="label label-warning mb-2" style="font-size: 12px; margin-top: 3px; color: black;">Agotado. Reposición prevista: Sin plazo</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">134,95€</span> </div> </button> <button class="nav-link shadow d-flex justify-content-between align-items-start me-2 mb-3 " style="border: 2px solid #c1a9a94f; width: 320px; " id="v-pills-Transparente-tab" data-bs-referencia="Transparente" data-bs-ref="Transparente" data-bs-toggle="pill" data-bs-target="#v-pills-Transparente" type="button" role="tab" aria-controls="v-pills-Transparente" aria-selected="false"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;">Transparente</span> <br /> <span class="label label-warning mb-2" style="font-size: 12px; margin-top: 3px; color: black;">Últimas unidades.</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">134,95€</span> </div> </button> </div> </div> </div> </div> </div> <form method="post" action="/Compra/MasCarrito"> <ul class="cart_btn_widget shop_single3_style align-items-center mb-1"> <li> </li> <li class="list-inline-item me-1 mb-2"> <div class="cart_btn home_page_sidebar d-grid"> <div class="quantity-block home_page_sidebar"> <input type="hidden" name="Id" id="Id" value="P9376"> <input type="hidden" name="Ref" class="reference" id="Ref" value=""> <input type="hidden" name="talla" id="talla" class="tallaHidden" value=""> <input type="hidden" name="color" id="color" class="colorHidden" value=""> <form id="miFormulario" onsubmit="return false;">  <button type="button" onclick="lessInputProduct('cantidadPrincipal', event)" class="quantity-arrow-minus2 shop_single_page_sidebar"> <img src="/Theme/NilmotoV2/images/icons/minus.svg" alt="minus"> </button> <input class="quantity-num2 shop_single_page_sidebar" type="number" id="cantidadPrincipal" name="Cantidad" value="1" min="1"> <button type="button" onclick="addInputProduct('cantidadPrincipal', event)" class="quantity-arrow-plus2 shop_single_page_sidebar"> <span class="flaticon-close"></span> </button> </form> </div> </div> </li> <li class="list-inline-item me-3 mb-3"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </li> </ul> </form> <a href="#collapseMoto" class="compatible-models-button"> <svg class="moto-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M4 16.5L9 18.5L15 16L19 17.5"></path> <path d="M17 7C17 7 16.5 9 14 9C11.5 9 8.5 11 7 15C7 15 7.5 9 11 9C14.5 9 17 7 17 7Z"></path> <circle cx="18" cy="5" r="1.5"></circle> <circle cx="5" cy="19" r="3"></circle> <circle cx="19" cy="19" r="3"></circle> <path d="M7 19L17 19"></path> <path d="M5 8L10 10"></path> </svg> <span> VER MODELOS COMPATIBLES</span> </a> <script> document.addEventListener('DOMContentLoaded', function () { // Seleccionar el primer botón dentro del contenedor específico const firstButton = document.querySelector('#referencia-contenedor .nav-link.active'); if (firstButton) { const referencia = firstButton.getAttribute('data-bs-referencia'); const ref = firstButton.getAttribute('data-bs-ref'); actualizarValoresReferencia(referencia, ref); } }); // Función para actualizar los valores de Ref, talla y color al seleccionar una referencia function actualizarValoresReferencia(referencia, ref) { // Actualizar el campo Ref const refInput = document.getElementById('Ref'); if (refInput) { refInput.value = ref; } // Actualizar talla const tallaSelect = document.getElementById(`talla${referencia}`); const tallaInput = document.getElementById('talla'); if (tallaSelect && tallaInput) { tallaInput.value = tallaSelect.value; // Asignar valor por defecto tallaSelect.addEventListener('change', function () { tallaInput.value = this.value; }); } else if (tallaInput) { tallaInput.value = ""; // Reset si no hay talla } // Actualizar color const colorSelect = document.getElementById(`color${referencia}`); const colorInput = document.getElementById('color'); if (colorSelect && colorInput) { colorInput.value = colorSelect.value; // Asignar valor por defecto colorSelect.addEventListener('change', function () { colorInput.value = this.value; }); } else if (colorInput) { colorInput.value = ""; // Reset si no hay color } } // Añadir evento click a cada botón de referencia dentro del contenedor específico document.querySelectorAll('#referencia-contenedor .nav-link').forEach(button => { button.addEventListener('click', function () { const referencia = this.getAttribute('data-bs-referencia'); const ref = this.getAttribute('data-bs-ref'); actualizarValoresReferencia(referencia, ref); }); }); </script> <hr> <br /> <div class="sequra-promotion-widget" data-amount="13495" data-product="pp3" data-size="L" data-branding="black" data-alignment="left" data-version="v2" ></div> <script> var sequraConfigParams = { merchant: "nilmoto", // Your merchant reference given by SeQura. assetKey: "NyWBKMc8yv", // Your asset key given by SeQura. products: ["i1", "pp3","sp1"], // List of SeQura products that you want to include components. scriptUri: "https://sandbox.sequracdn.com/assets/sequra-checkout.min.js", // SeQura Javascript library uri for production or sandbox. decimalSeparator: ",", // Decimal separator used in currencies formatting. Optional, default `,`. thousandSeparator: ".", // Thousand separator used in currencies formatting. Optional, default `.`. }; (function(i, s, o, g, r, a, m) {i["SequraConfiguration"] = g;i["SequraOnLoad"] = [];i[r] = {};i[r][a] = function(callback) {i["SequraOnLoad"].push(callback);};(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);a.async = 1;a.src = g.scriptUri;m.parentNode.insertBefore(a, m);})(window, document, "script", sequraConfigParams, "Sequra", "onLoad"); </script> <script type="text/javascript" src="https://live.sequracdn.com/assets/sequra-checkout.min.js"></script> <small style="font-size: 14px;"> Cálculo de ejemplo basado en el importe de 134,95 € </small> <hr> <div class="vendor_iconbox style2 d-flex mb-1 mt-4"> <span class="icon fz30 heading-color"><span class="flaticon-truck"></span></span> <div class="details ms-3 mt-0"> <p class="heading-color">Envío gratuito +69€(España-Península)</p> </div> </div> <div class="vendor_iconbox style2 d-flex mb-1"> <span class="icon fz30 heading-color"><span class="flaticon-shop"></span></span> <div class="details ms-3 mt-0"> <p class="heading-color">Primer cambio de talla gratis</p> </div> </div> <div class="vendor_iconbox style2 d-flex mb-0"> <span class="icon fz30 heading-color"><span class="flaticon-return-box"></span></span> <div class="details ms-1 mt-0"> <p class="heading-color">30 días para cambios y devoluciones <a class="tdu" href="/articulo/SeccionInferior/cambio-devolucion">Detalles</a></p> </div> </div> </div> <ul class="shop_single_wishlist_area d-block d-sm-flex justify-content-center align-items-center mt-2"> <li class="pe-1"><a href="https://wa.me/34604457947/" rel="nofollow" target="blank"><span class="flaticon-question me-2"></span>¿Dudas? Wasapeanos</a></li> <li class="ms-2"><a id="btn-compartir" style="color: #041e42;cursor:pointer"><span class="flaticon-share me-2"></span>Compartir</a></li> </ul> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 mt-5"> </div> </div> <div class="row"> <div class="col-lg-12"> <section class="featured-product pb80 pt0"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="main-title text-center text-lg-start"> <h1 style="color:black;font-weight:bold">Productos Relacionados</h1> </div> </div> <div class="col-lg-12"> <div class="popular_listing_sliders row ui_kit_tab style2">  <div class="tab-content col-lg-12" id="nav-tabContent3"> <div class="tab-pane fade show active" id="nav-t20" role="tabpanel" aria-labelledby="nav-t20-tab"> <div class="row"> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/parabrisas-sport-fly-yamaha-mt09-2017-2020-sc362"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SC362_1_y1.jpg" alt="Parabrisas Sport Fly Yamaha MT09 2017-2020"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/parabrisas-sport-fly-yamaha-mt09-2017-2020-sc362" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Baja"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-down-long"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">isotta</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/parabrisas-sport-fly-yamaha-mt09-2017-2020-sc362">Parabrisas Sport Fly Yamaha MT09 2017-2020</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">91,96€</strong> <small style="color:red"><del>96,80€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/parabrisas-touring-yamaha-mt09-2017-2022-sc364"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SC364_1_mt91.jpg" alt="Parabrisas touring Yamaha MT09 2017-2022"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/parabrisas-touring-yamaha-mt09-2017-2022-sc364" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Standar"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-s"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">isotta</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/parabrisas-touring-yamaha-mt09-2017-2022-sc364">Parabrisas touring Yamaha MT09 2017-2022</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">103,46€</strong> <small style="color:red"><del>108,90€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-de-policarbonato-yamaha-mt-09-2020-rizoma-zyf032b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_ZYF032B_1_riozma mt09.jpg" alt="Cupula de Policarbonato Yamaha MT-09 2020 Rizoma"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-de-policarbonato-yamaha-mt-09-2020-rizoma-zyf032b" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas">  <div class="caracteristicas-espaciador"></div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">rizoma</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-de-policarbonato-yamaha-mt-09-2020-rizoma-zyf032b">Cupula de Policarbonato Yamaha MT-09 2020 Rizoma</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">150,10€</strong> <small style="color:red"><del>158,00€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-powerbronze-light-yamaha-mt09-17--430-u229"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_430-U229_1_9.jpg" alt="Cupula PowerBronze Light Yamaha MT09 17- 365mm"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-powerbronze-light-yamaha-mt09-17--430-u229" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas">  <div class="caracteristicas-espaciador"></div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">powerbronze</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-powerbronze-light-yamaha-mt09-17--430-u229">Cupula PowerBronze Light Yamaha MT09 17- 365mm</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">154,95€</strong> <small style="color:red"><del>173,03€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-sport-yamaha-mt09-sp-18--p9376"> <img class="etiqueta2" src="https://www.nilmoto.com/Theme/NilmotoV2/bono11.png" alt="Cupon Puig" /> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P9376_1_Cupula-Naked-New-Generation-Sport-Puig-Yamaha-MT09-17.jpg" alt="Cupula sport Yamaha MT09-SP 18-"> <img class="etiqueta" src="https://www.nilmoto.com/Theme/NilmotoV2/puig2.png" alt="Cupon Puig" /> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-sport-yamaha-mt09-sp-18--p9376" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Baja"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-down-long"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">puig</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-sport-yamaha-mt09-sp-18--p9376">Cupula sport Yamaha MT09-SP 18-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>134,95€</srong> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-aerosport-barracuda-yamaha-mt-09-17-18-ymt9300-17"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_YMT9300-17.jpg" alt="cupula aerosport barracuda yamaha mt-09 17-18"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-aerosport-barracuda-yamaha-mt-09-17-18-ymt9300-17" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas">  <div class="caracteristicas-espaciador"></div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">barracuda</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-aerosport-barracuda-yamaha-mt-09-17-18-ymt9300-17">cupula aerosport barracuda yamaha mt-09 17-18</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>149,90€</srong> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/mecanismo-mem-yamaha-mt09-17--p9955"> <img class="etiqueta2" src="https://www.nilmoto.com/Theme/NilmotoV2/bono11.png" alt="Cupon Puig" /> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P9955_1_9955-.jpg" alt="Mecanismo MEM Yamaha MT09 17-20"> <img class="etiqueta" src="https://www.nilmoto.com/Theme/NilmotoV2/puig2.png" alt="Cupon Puig" /> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/mecanismo-mem-yamaha-mt09-17--p9955" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas">  <div class="caracteristicas-espaciador"></div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">puig</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/mecanismo-mem-yamaha-mt09-17--p9955">Mecanismo MEM Yamaha MT09 17-20</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>274,95€</srong> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-deportiva-ermax-29-cm-yamaha-mt09fz9-17--0302y22"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_0302Y22_1_Cupula-deportiva-Ermax-29-cm-Yamaha-MT09-y-FZ9-17-.jpg" alt="Cupula deportiva Ermax 29 cm Yamaha MT09/FZ9 17-20"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-deportiva-ermax-29-cm-yamaha-mt09fz9-17--0302y22" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Baja"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-down-long"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">ermax</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-deportiva-ermax-29-cm-yamaha-mt09fz9-17--0302y22">Cupula deportiva Ermax 29 cm Yamaha MT09/FZ9 17-20</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <span class="text-muted small">Desde</span> <strong class="me-1">118,90€</strong> <small style="color:red"><del>132,11€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-ermax-tamaño-original-yamaha-mt09fj-09-tracer-15--0202xx125"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_0202XX125_1_Cupula-Ermax-tamaño-original-Yamaha-MT09-FJ-09-Tracer-15-.jpg" alt="Cupula Ermax tamaño original Yamaha MT09/FJ 09 Tracer 15-17"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-ermax-tamaño-original-yamaha-mt09fj-09-tracer-15--0202xx125" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Alta"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-up-long" style="color:#b78000"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">ermax</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-ermax-tamaño-original-yamaha-mt09fj-09-tracer-15--0202xx125">Cupula Ermax tamaño original Yamaha MT09/FJ 09 Tracer 15-17</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <span class="text-muted small">Desde</span> <strong class="me-1">126,15€</strong> <small style="color:red"><del>140,17€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-racing-de-mra-yamaha-mt09--fz09-17--4025066158812"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_4025066158812_1_cupula-mt09-b.jpg" alt="Cupula Racing de MRA Yamaha MT09 -FZ09 17-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-racing-de-mra-yamaha-mt09--fz09-17--4025066158812" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Alta"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-up-long" style="color:#b78000"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">mra</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-racing-de-mra-yamaha-mt09--fz09-17--4025066158812">Cupula Racing de MRA Yamaha MT09 -FZ09 17-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">128,04€</strong> <small style="color:red"><del>152,42€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-touring-ermax-38-cm-yamaha-mt09fz9-17--to02y22"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_TO02Y22_1_Cupula-Touring-Ermax-38-cm-Yamaha-MT09-y-FZ9-17-.jpg" alt="Cupula Touring Ermax 38 cm Yamaha MT09/FZ9 17-20"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-touring-ermax-38-cm-yamaha-mt09fz9-17--to02y22" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Alta"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-up-long" style="color:#b78000"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">ermax</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-touring-ermax-38-cm-yamaha-mt09fz9-17--to02y22">Cupula Touring Ermax 38 cm Yamaha MT09/FZ9 17-20</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <span class="text-muted small">Desde</span> <strong class="me-1">125,25€</strong> <small style="color:red"><del>139,17€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> <div class="col-6 col-lg-4 col-xl-2 p-0"> <div class="shop_item bdr1 m--1 mb-2 bg-light"> <div class="thumb pb40">  <div class="etiquetas-container"> <div class="row"> <div class="col-12"> <span class="label-small label-danger float-start me-1 col-3"> Oferta </span> <span class="label-small label-warning float-start col-5"> Envio Gratis </span> </div> <div class="col-12"> </div> </div> </div> <a href="/cupula-ahumada-biondi-oscura-yamaha-mt-09-2017--8010374"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_8010374_1_cupula-mt09-biondi.jpg" alt="Cúpula ahumada Biondi oscura YAMAHA MT-09 2017-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-ahumada-biondi-oscura-yamaha-mt-09-2017--8010374" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details ">  <div class="caracteristicas-fijas"> <div class="caracteristica-burbuja" title="ALTURA: Alta"> <div class="icono-circulo fs-5"> <i class="fa-solid fa-up-long" style="color:#b78000"></i> </div> </div> </div> <div class="universales" title="Producto Universal"> </div> <div class="sub_title">biondi</div> <div class="review d-flex db-500"> <ul class="mb0 me-2"> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> <li class="list-inline-item"><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <div class="title" style="font-family:Poppins"><a href="/cupula-ahumada-biondi-oscura-yamaha-mt-09-2017--8010374">Cúpula ahumada Biondi oscura YAMAHA MT-09 2017-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">107,67€</strong> <small style="color:red"><del>134,59€</del></small> </div> </div> </div> </div> </div> <style> /* Contenedor con altura fija para las etiquetas superiores */ .etiquetas-container { min-height: 60px; /* Altura fija para mantener alineación */ margin-bottom: 10px; position: relative; } /* Mantener las etiquetas span como están */ .label-small { margin-bottom: 5px; z-index: 3; } /* Para la imagen principal */ .w100 { width: 100%; display: block; } /* Ajustamos el enlace para que no necesite margen superior */ .thumb > a { position: relative; display: block; /* Eliminamos margin-top ya que ahora tenemos altura fija arriba */ } /* Para la etiqueta de marca (Scorpion) */ .etiqueta { position: absolute; bottom: 0; right: 0; max-width: 40%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 0; left: 0; max-width: 30%; z-index: 1; margin: 0; padding: 0; pointer-events: none; } /* Asegurarse de que el botón "Ver producto" no se oculte */ .shop_item_cart_btn { position: relative; z-index: 2; } /* Contenedor para características con altura fija */ .caracteristicas-fijas { display: flex; flex-wrap: wrap; gap: 6px; height: 32px; /* Altura fija para todos los productos */ margin: 8px 0; align-items: center; } /* Espaciador para cuando no hay características */ .caracteristicas-espaciador { height: 32px; width: 100%; } /* Estilos para las burbujas de características */ .caracteristica-burbuja { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0; } /* Icono con círculo */ .icono-circulo { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #f1f1f1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease; font-size: 14px; color: #444; } .icono-circulo:hover { background-color: #e0e0e0; transform: scale(1.05); } </style> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </section> <style> .etiqueta { position: absolute; bottom: 10px; /* Un poco de espacio desde el borde inferior */ right: 10px; /* Un poco de espacio desde el borde derecho */ max-width: 45%; /* Ligeramente más grande */ z-index: 10; /* Mayor z-index para asegurar que esté por encima */ margin: 0; padding: 0; pointer-events: none; transform: scale(1.1); /* Aumenta ligeramente el tamaño */ transform-origin: bottom right; /* Punto de origen para la transformación */ } /* Para la etiqueta de descuento (10%) */ .etiqueta2 { position: absolute; top: 10px; /* Un poco de espacio desde el borde superior */ left: 10px; /* Un poco de espacio desde el borde izquierdo */ max-width: 35%; /* Ligeramente más grande */ z-index: 10; /* Mayor z-index para asegurar que esté por encima */ margin: 0; pointer-events: none; transform: scale(1.1); /* Aumenta ligeramente el tamaño */ transform-origin: top left; /* Punto de origen para la transformación */ } .zoomimg_wrapper { position: relative; /* Asegura que las posiciones absolutas de las etiquetas sean relativas a este contenedor */ overflow: visible; /* Permite que las etiquetas sobresalgan si es necesario */ } .product-tag-name { margin-top: 1rem; } .product-tag-name label { font-weight: 600; margin-bottom: 0.5rem; display: block; } .models-container { max-height: 215px; overflow-y: auto; border: 1px solid #e5e5e5; border-radius: 6px; padding: 8px; background: #f9f9f9; } .model-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; } .model-tag { background: #007bff; color: white; padding: 4px 8px; border-radius: 12px; font-size: 12px; text-decoration: none; transition: all 0.2s; white-space: nowrap; } .model-tag:hover { background: #0056b3; color: white; text-decoration: none; transform: translateY(-1px); } .universal-badge { background: #28a745; color: white; padding: 6px 12px; border-radius: 15px; font-size: 14px; font-weight: 500; display: inline-block; } </style> <script type="text/javascript"> function submitFormWithValues(productId, reference) { // Asigna los valores dinámicos a los campos ocultos document.getElementById('hiddenProductId').value = productId; document.getElementById('hiddenReference').value = reference; // Envía el formulario document.getElementById('addToCartForm').submit(); } function seleccionaReferencia(referencia, CodProducto, imagen) { document.getElementById('ImagenPrincipal').src = imagen; SeleccionaCambiaReferencia2(referencia, CodProducto, 'font-size:16px;font-weight:normal', 'price-box__new', 'font-size:30px', 'btn btn-danger'); } function ponImagen(imagen) { document.getElementById('ImagenPrincipal').src = imagen; } // FUNCIONALIDAD FLECHITA DE LAS SECCIONES ACORDEON const cardHeaders = document.querySelectorAll('.card-header'); cardHeaders.forEach(cardHeader => { const button = cardHeader.querySelector('button'); cardHeader.addEventListener('click', function (event) { if (event.target !== button) { button.click(); } }); }); // API NATIVA JAVASCRIPT COMPARTIR ENLACE // Seleccionamos el botón con id 'btn-compartir' const shareButton = document.getElementById("btn-compartir"); // Creamos una función que se ejecutará cuando el usuario haga click en el botón shareButton.addEventListener("click", (event) => { // Verificamos si el navegador tiene soporte para el API compartir if ("share" in navigator) { navigator .share({ // Defino un título para la ventana de compartir title: "Comparte Esta Página en Tu Plataforma Favorita", // Detecto la URL actual de la página url: window.location.href }) // Mensaje en Consola cuando se presiona el botón de compartir .then(() => { console.log("Contenido Compartido !"); }) .catch(console.error); } else { // Si el navegador no tiene soporte para la API compartir, le enviamos un mensaje al usuario alert('Lo siento, este navegador no tiene soporte para recursos compartidos.') } }); </script> <script> document.querySelectorAll('.nav-link:not(#v-pills-image1-tab):not(#v-pills-image2-tab):not(#v-pills-image3-tab):not(#v-pills-image4-tab)').forEach(button => { button.addEventListener('click', () => { document.querySelectorAll('.nav-link').forEach(btn => btn.classList.remove('active')); button.classList.add('active'); // Actualiza el estilo dinámico document.querySelectorAll('.nav-link').forEach(btn => btn.style.borderLeftColor = ''); button.style.borderLeftColor = 'green'; button.style.borderLeftWidth = '7px'; }); }); </script> <script> // Función para decodificar HTML entities function decodeHtmlEntities(text) { const textArea = document.createElement('textarea'); textArea.innerHTML = text; return textArea.value; } // Generamos un array dinámico con los datos del modelo const tarifas = [ {"REFERENCIA": "Ahumado claro","PRECIO": 134.95,"PRECIO_OFERTA": 114.71,"STOCK": 0,"DISPONIBILIDAD": "Últimas unidades."},{"REFERENCIA": "Ahumado oscuro","PRECIO": 134.95,"PRECIO_OFERTA": 114.71,"STOCK": 0,"DISPONIBILIDAD": "Últimas unidades."},{"REFERENCIA": "Negro","PRECIO": 134.95,"PRECIO_OFERTA": 114.71,"STOCK": 0,"DISPONIBILIDAD": "Agotado. Reposición prevista: Sin plazo"},{"REFERENCIA": "Transparente","PRECIO": 134.95,"PRECIO_OFERTA": 114.71,"STOCK": 0,"DISPONIBILIDAD": "Últimas unidades."} ]; function updateValues() { // Obtener la referencia seleccionada const selectedReferencia = document.getElementById('referencia').value; // Actualizar los campos ocultos const refInput = document.getElementsByClassName('reference')[0]; if (refInput) { refInput.value = selectedReferencia; } // Buscar la tarifa correspondiente en el array const tarifaSeleccionada = tarifas.find(tarifa => tarifa.REFERENCIA === selectedReferencia); // Verificar si se encontró la tarifa y actualizar los valores if (tarifaSeleccionada) { // Actualizar precios if (document.getElementById('descuento') != null) { document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO_OFERTA}€`; document.getElementById('descuento').textContent = tarifaSeleccionada.PRECIO ? `${tarifaSeleccionada.PRECIO}€` : ''; } else { document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO}€`; } // Actualizar disponibilidad con la MISMA lógica que el backend const disponibilidadElement = document.getElementById('disponibilidad'); if (disponibilidadElement) { // Remover todas las clases existentes disponibilidadElement.classList.remove('label-success', 'label-warning', 'label-danger'); // Decodificar el texto de disponibilidad const disponibilidadTexto = decodeHtmlEntities(tarifaSeleccionada.DISPONIBILIDAD); // Aplicar la MISMA lógica que en el backend C# if (tarifaSeleccionada.STOCK > 0) { // if ((tarifa.STOCK ?? 0) > 0) - caso SUCCESS disponibilidadElement.textContent = decodeHtmlEntities('En Stock envío 24/48h'); disponibilidadElement.classList.add('label-success'); disponibilidadElement.style.color = ''; // Reset color } else if (disponibilidadTexto && disponibilidadTexto !== decodeHtmlEntities('En Stock envío 24/48h') && disponibilidadTexto !== decodeHtmlEntities('Agotado') && disponibilidadTexto.trim() !== '') { // else if ((tarifa.DISPONIBILIDAD ?? "") != "") - caso WARNING disponibilidadElement.textContent = disponibilidadTexto; disponibilidadElement.classList.add('label-warning'); disponibilidadElement.style.color = 'black'; } else { // else - caso AGOTADO disponibilidadElement.textContent = decodeHtmlEntities('Agotado'); disponibilidadElement.classList.add('label-warning'); disponibilidadElement.style.color = 'black'; } } } } // Inicializar los valores al cargar la página updateValues(); </script> <script> (function () { if (document.getElementById('reviewImageModal')) { return; } var modal = document.createElement('div'); modal.id = 'reviewImageModal'; modal.className = 'review-image-modal'; modal.innerHTML = '<div class="review-image-modal__backdrop" data-close-review-modal="true"></div>' + '<div class="review-image-modal__dialog" role="dialog" aria-modal="true" aria-label="Imagen de comentario">' + '<button type="button" class="review-image-modal__close" aria-label="Cerrar" data-close-review-modal="true">×</button>' + '<img src="" alt="" class="review-image-modal__img" />' + '</div>'; document.body.appendChild(modal); var style = document.createElement('style'); style.textContent = '.review-image-modal{position:fixed;inset:0;display:none;z-index:9999}.review-image-modal.is-open{display:block}.review-image-modal__backdrop{position:absolute;inset:0;background:rgba(17,24,39,.82)}.review-image-modal__dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:min(92vw,1100px);max-height:92vh;margin:4vh auto;padding:16px}.review-image-modal__img{max-width:100%;max-height:calc(92vh - 32px);border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.review-image-modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:40px;height:40px;border:0;border-radius:999px;background:#fff;color:#111827;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2)}'; document.head.appendChild(style); var image = modal.querySelector('.review-image-modal__img'); function closeModal() { modal.classList.remove('is-open'); image.setAttribute('src', ''); document.body.style.removeProperty('overflow'); } document.addEventListener('click', function (event) { var trigger = event.target.closest('.review-image-trigger'); if (trigger) { event.preventDefault(); image.setAttribute('src', trigger.getAttribute('data-review-image') || trigger.getAttribute('href') || ''); image.setAttribute('alt', trigger.getAttribute('data-review-alt') || 'Imagen de comentario'); modal.classList.add('is-open'); document.body.style.overflow = 'hidden'; return; } if (event.target.closest('[data-close-review-modal="true"]')) { closeModal(); } }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape' && modal.classList.contains('is-open')) { closeModal(); } }); })(); </script> <script> function actualizarTalla() { var tallaSeleccionada = document.querySelector(".tallaSelect").value; document.querySelector(".tallaHidden").value = tallaSeleccionada; } actualizarTalla(); </script> <script> function actualizarColor() { var colorSeleccionado = document.querySelector(".colorSelect").value; document.querySelector(".colorHidden").value = colorSeleccionado; } actualizarColor(); </script>  <section class="footer_one home8"> <div class="container pb60"> <div class="row mt60"> <div class="col-sm-6 col-md-5 col-lg-4 col-xl-4"> <div class="footer_contact_widget home2_style"> <h4 style="color:red"><img src="/Theme/NilmotoV2/logo.webp" alt="Logo of Nilmoto, specializing in products and spare parts for motorcycles"/></h4> <div class="footer_contact_iconbox home2_style d-flex mb-4"> <div class="icon"><span class="flaticon-phone-call" style="color:red"></span></div> <div class="details ms-4"> <h5 class="title"> Calle Puerto Rico, 4 // 30890 Puerto Lumbreras , Murcia España </h5> <a href="tel:868188704">868188704</a> </div> </div> <div class="footer_contact_iconbox home2_style d-flex"> <div class="icon"><span class="flaticon-email" style="color:red"></span></div> <div class="details ms-4"> <h5 class="title">¿Ayuda con su pedido?</h5> <a href="mailto:ventas@nilmoto.com">ventas@nilmoto.com</a> </div> </div> </div> <hr /> <div class="footer_social_widget home2_style"> <h4 class="title">Siguenos en Redes Sociales</h4> <div class="social_icon_list home2_style mt30"> <ul class="mb20"> <li class="list-inline-item"><a href="https://www.facebook.com/Nilmoto/"><i class="fab fa-facebook"></i></a></li> <li class="list-inline-item"><a href="https://twitter.com/nilmoto"><i class="fab fa-twitter"></i></a></li> <li class="list-inline-item"><a href="https://www.youtube.com/user/Nilmoto"><i class="fab fa-youtube-play"></i></a></li> <li class="list-inline-item"><a href="https://www.instagram.com/nilmotoaccesorios/"><i class="fab fa-instagram"></i></a></li> <li class="list-inline-item"><a href="https://blog.nilmoto.com"><i class="fa fa-wordpress"></i></a></li> </ul> </div> </div> </div> <div class="col-sm-6 col-md-2 col-lg-4 col-xl-4"> <div class="footer_qlink_widget home2_style"> <h4></h4> <ul class="list-unstyled"> <li><a href="/articulo/SeccionInferior/cambio-devolucion" title="Devolución sin problemas">Devolución sin problemas</a></li> <li><a href="/articulo/SeccionInferior/Contacto-nilmoto" title="Contacto">Contacto</a></li> <li><a href="/articulo/SeccionInferior/Confianza-on-line" title="Confianza on line">Confianza on line</a></li> <li><a href="/articulo/SeccionInferior/Condiciones-de-venta" title="Condiciones de contratacion">Condiciones de contratacion</a></li> <li><a href="/articulo/SeccionInferior/cookies" title="Política de cookies">Política de cookies</a></li> <li><a href="/articulo/SeccionInferior/Aviso-legal" title="Aviso Legal">Aviso Legal</a></li> <li><a href="/articulo/SeccionInferior/privacidad" title="Política de privacidad">Política de privacidad</a></li> </ul> </div> </div> <div class="col-sm-8 col-md-5 col-lg-4 col-xl-4"> <div class="footer_mobile_app_widget mb25 home2_style"> <div class="mobile_app_list"> <a href="/testimonios/index" target="_blank" rel="noopener"> <img src="/Theme/NilmotoV2/banner-menu/valoracionesNilmotoEmpresa.png" alt="Valoraciones de clientes Nilmoto" class="img-fluid mt-3" /> </a> <br> <img class="mt-4" src="/Theme/NilmotoV2/sellos-calidad.webp" alt="Confianza" /><br /><br /> </div> </div> <div class="footer_acceped_card_widget home2_style"> <h4 class="title mb20">Pago Aceptados</h4> <div class="acceped_card_list"> <ul class="d-flex mb-0"> <li class="me-2"><img src="/Theme/nilmotoV2/pagosaceptados.webp" alt="payments" ></li> </ul> </div> </div> </div> </div> </div> <div class="container menu_bdrt1 pt20 pb20"> <div class="row"> <div class="col-lg-6"> <div class="copyright-widget home2_style text-center text-lg-start d-block d-lg-flex mb15-md"> <p class="me-4">© 2026 NILMOTO ACCESORIOS SL Datos Registrales BORME, Registro Mercantil de MUR</p> <p></p> </div> </div> <div class="col-lg-6"> </div> </div> </div> </section> <a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a> </div> </div>  <script src="/Theme/nilmotoV2/js/popper.min.js"></script> <script src="/Theme/nilmotoV2/js/bootstrap.min.js"></script> <script src="/Theme/nilmotoV2/js/bootstrap-select.min.js"></script> <script src="/Theme/nilmotoV2/js/jquery.mmenu.all.js"></script> <script src="/Theme/nilmotoV2/js/ace-responsive-menu.js"></script> <script src="/Theme/nilmotoV2/js/jquery-scrolltofixed-min.js"></script> <script src="/Theme/nilmotoV2/js/slider.js"></script> <script src="/Theme/nilmotoV2/js/scrollbalance.js"></script> <script src="/Theme/nilmotoV2/js/jquery.ez-plus.js"></script>  <script src="/Theme/nilmotoV2/js/script.js?v=2.0.0"></script> <script> (function () { function initScrollToHome() { var button = document.querySelector('.scrollToHome'); if (!button || button.dataset.codexInitialized === 'true') { return; } button.dataset.codexInitialized = 'true'; function updateButtonVisibility() { if ((window.pageYOffset || document.documentElement.scrollTop || 0) > 300) { button.classList.add('show'); } else { button.classList.remove('show'); } } window.addEventListener('scroll', updateButtonVisibility); window.addEventListener('resize', updateButtonVisibility); button.addEventListener('click', function (event) { event.preventDefault(); if ('scrollBehavior' in document.documentElement.style) { window.scrollTo({ top: 0, behavior: 'smooth' }); } else { window.scrollTo(0, 0); } }); updateButtonVisibility(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initScrollToHome); } else { initScrollToHome(); } })(); </script> <script> (function () { var storageKey = 'nm_factory_bar_closed'; var targetDate = new Date('2026-05-09T10:00:00').getTime(); var bar = document.getElementById('nm-factory-bar'); var closeBtn = document.getElementById('nm-factory-close-btn'); var dayEl = document.getElementById('nm-factory-d'); var hourEl = document.getElementById('nm-factory-h'); var minuteEl = document.getElementById('nm-factory-m'); var secondEl = document.getElementById('nm-factory-s'); if (!bar || !closeBtn || !dayEl || !hourEl || !minuteEl || !secondEl) { return; } if (Date.now() >= targetDate) { bar.style.display = 'none'; return; } if (sessionStorage.getItem(storageKey)) { bar.style.display = 'none'; return; } document.body.classList.add('nm-factory-bar-open'); closeBtn.addEventListener('click', function () { bar.classList.add('nm-hidden'); window.setTimeout(function () { bar.style.display = 'none'; document.body.classList.remove('nm-factory-bar-open'); }, 350); sessionStorage.setItem(storageKey, '1'); }); function pad(value) { return String(value).padStart(2, '0'); } function tick() { var diff = Math.max(0, targetDate - Date.now()); dayEl.textContent = pad(Math.floor(diff / 86400000)); hourEl.textContent = pad(Math.floor((diff % 86400000) / 3600000)); minuteEl.textContent = pad(Math.floor((diff % 3600000) / 60000)); secondEl.textContent = pad(Math.floor((diff % 60000) / 1000)); if (diff === 0) { window.clearInterval(timer); bar.style.display = 'none'; document.body.classList.remove('nm-factory-bar-open'); } } tick(); var timer = window.setInterval(tick, 1000); })(); </script> </body> </html>

+34 868 188 704 +34 604 457 947

Mi Cuenta

Carrito

Carrito

Subtotal: 0 €

Características

Cupula sport Yamaha MT09-SP 18-

+34 868 188 704
+34 604 457 947