Horario Atención al Cliente: Lunes a Jueves de 9:30h a 18:30h y Viernes de 9:00h a 15:00h
INSTRUCCIONES DE MONTAJE
</div> </div> </div> <!-- Complementos --> <!-- Opiniones --> <div class="card border-dark"> <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">2 Opiniones</span> </button> </h2> </div> <div id="collapseReviews" class="collapse" aria-labelledby="headingReviews" data-parent="#accordion"> <div class="card-body"> <h4>Opiniones Cupula Naked Yamaha MT07 18- Puig</h4> <div class="row"> <div class="col-12 mb-4"> <div class="review-rating"> <p>Puntuación</p> La instalación de la cúpula es muy sencilla y al ser transparente queda disimulada y no rompe mucho la línea de la moto. En cuanto al viento se nota que desvía todo el que viene desde delante y hace la conducción un poco más cómoda a altas velocidades. <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> </div> <p> <span class="italic">(18/09/2019)</span></p> <div class="review-rating"> <p>Puntuación</p> La cúpula queda genial y se coloca fácilmente. La verdad es que estoy muy contento con la compra. <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> </div> <p> <span class="italic">(05/12/2018)</span></p> <button type="submit" class="btn btn-danger"> <a href="/usuario/registro" rel="nofollow" class="aOpinion">Dar mi opinion</a> </button> </div> <div class="col-12 col-lg-8"> <div id="widget-container" class="data-ekomi-emp ekomi-widget-container ekomi-widget-sf1317925db409b49b4d4"></div> <div id="ekomi-product-widget-identifier" class="prod-data-emp" style="visibility: hidden">P9667</div> <script type="text/javascript"> (function (w) { w['_ekomiWidgetsServerUrl'] = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//widgets.ekomi.com'; w['_customerId'] = 131792; w['_ekomiDraftMode'] = true; w['_language'] = 'es'; if(typeof(w['_ekomiWidgetTokens']) !== 'undefined'){ w['_ekomiWidgetTokens'][w['_ekomiWidgetTokens'].length] = 'sf1317925db409b49b4d4'; } else { w['_ekomiWidgetTokens'] = new Array('sf1317925db409b49b4d4'); } if(typeof(ekomiWidgetJs) == 'undefined') { ekomiWidgetJs = true; var scr = document.createElement('script');scr.src = 'https://sw-assets.ekomiapps.de/static_resources/widget.js'; var head = document.getElementsByTagName('head')[0];head.appendChild(scr); } })(window); </script> </div> </div> </div> </div> </div> <!-- Preguntas --> <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> <!-- Aquí más para tu moto --> <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><br /> <table> <tbody> <tr> <td style="font-size:15px"> <a href="/yamaha/mt07 2018-?page=1&codGrupo=74&subGrupo=3420" title="Accesorios para YAMAHA MT07 2018-2020"> YAMAHA MT07 2018-2020 </a> </td> </tr> </tbody> </table> </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 Naked Yamaha MT07 18- Puig</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: P9667</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"></i></li> <li class="list-inline-item"><i class="fas fa-star"></i></li> <li class="list-inline-item"><i class="fas fa-star"></i></li> <li class="list-inline-item"><i class="fas fa-star"></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;">( 2 Opiniones )</p> </li> </ul> <hr /> <div class="shop_single_description"> <h4 class="title">Descripción</h4> <p class="para">Cúpula de Puig Naked New Generation con la pantalla disponible en varios colores a elegir para su montaje específico en YAMAHA MT-07 2018-.</p> <a href="#collapseDescription" style="color:red">Leer más</a> </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;">Envío en 1-2 días hábiles</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">110,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;">Envío en 1-2 días hábiles</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">110,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;">Envío en 1-2 días hábiles</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">110,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;">Envío en 1-2 días hábiles</span> <br /> <span class="sspd_price mb20 mt20" style="color:#154e1c">110,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="P9667"> <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;"> <!-- Prevenir el submit por defecto --> <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="11095" 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 110,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"> <!-- Tab panes --> <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"> <div class="thumb pb40"> <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> <a href="/parabrisas-sport-touring-yamaha-mt09-2017--sc363"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SC363_1_y1 (2).jpg" alt="Parabrisas sport touring Yamaha MT09 2017-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/parabrisas-sport-touring-yamaha-mt09-2017--sc363" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <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="sub_title">isotta</div> <div class="title"><a href="/parabrisas-sport-touring-yamaha-mt09-2017--sc363">Parabrisas sport touring Yamaha MT09 2017-</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 103,70€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-manta-yamaha-mt07-dart-damay-1"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_DAMAY-1_1_DAMAY1.jpg" alt="Cupula Manta Yamaha MT07 -17 Dart"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-manta-yamaha-mt07-dart-damay-1" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">dart</div> <div class="title"><a href="/cupula-manta-yamaha-mt07-dart-damay-1">Cupula Manta Yamaha MT07 -17 Dart</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong class="me-1">138,55€ </strong><small style="color:red"><del>197,93€</del></small> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-zyf040b-zyf040b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_zyf040b_1.jpg" alt="cupula zyf040b"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-zyf040b-zyf040b" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">rizoma</div> <div class="title"><a href="/cupula-zyf040b-zyf040b">cupula zyf040b</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong class="me-1">139,12€ </strong><small style="color:red"><del>148,00€</del></small> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> </div> <div class="col-12"> </div> </div> <a href="/cubreradiador-yamaha-mt07-16--barracuda-ymt7124"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_YMT7124_1_07-5.jpg" alt="Cubreradiador Yamaha MT07 16- Barracuda"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cubreradiador-yamaha-mt07-16--barracuda-ymt7124" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">barracuda</div> <div class="title"><a href="/cubreradiador-yamaha-mt07-16--barracuda-ymt7124">Cubreradiador Yamaha MT07 16- Barracuda</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 64,90€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-puig-up-down-regulable-yamaha-mt-07-yamaha-mt-09-p1950"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P1949_1_inazuma.jpg" alt="Cupula Puig Up-Down regulable Yamaha MT-07-Yamaha MT-09"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-puig-up-down-regulable-yamaha-mt-07-yamaha-mt-09-p1950" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">puig</div> <div class="title"><a href="/cupula-puig-up-down-regulable-yamaha-mt-07-yamaha-mt-09-p1950">Cupula Puig Up-Down regulable Yamaha MT-07-Yamaha MT-09</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 219,95€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-powerbronze-light-yamaha-mt07-18-325mm-430-u269"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_430-U269_1_69.jpg" alt="Cupula PowerBronze Light Yamaha Mt07 18 325mm"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-powerbronze-light-yamaha-mt07-18-325mm-430-u269" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">powerbronze</div> <div class="title"><a href="/cupula-powerbronze-light-yamaha-mt07-18-325mm-430-u269">Cupula PowerBronze Light Yamaha Mt07 18 325mm</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 154,00€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-powerbronze-light-yamaha-mt07-18-365mm-430-u270"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_430-U270_1_30-.jpg" alt="Cupula PowerBronze Light Yamaha Mt07 18 365mm"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-powerbronze-light-yamaha-mt07-18-365mm-430-u270" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">powerbronze</div> <div class="title"><a href="/cupula-powerbronze-light-yamaha-mt07-18-365mm-430-u270">Cupula PowerBronze Light Yamaha Mt07 18 365mm</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 154,00€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-39cm-yamaha-mt07-18--ermax-0602y84xx"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_0602Y84XX_1_2-.jpg" alt="Cupula 39cm Yamaha MT07 18-20 Ermax"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-39cm-yamaha-mt07-18--ermax-0602y84xx" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <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="sub_title">ermax</div> <div class="title"><a href="/cupula-39cm-yamaha-mt07-18--ermax-0602y84xx">Cupula 39cm Yamaha MT07 18-20 Ermax</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong class="me-1">136,99€ </strong><small style="color:red"><del>144,20€</del></small> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-sport-ermax-yamaha-mt07-18--0302aly84xx"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_0302ALY84XX_1_3.jpg" alt="Cupula sport Ermax Yamaha MT07 18-20"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-sport-ermax-yamaha-mt07-18--0302aly84xx" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">ermax</div> <div class="title"><a href="/cupula-sport-ermax-yamaha-mt07-18--0302aly84xx">Cupula sport Ermax Yamaha MT07 18-20</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong class="me-1">102,51€ </strong><small style="color:red"><del>107,90€</del></small> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-puig-yamaha-mt07-mt09-p20337"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P20337_1_37-1.jpg" alt="Cupula Puig Yamaha MT07-MT09"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-puig-yamaha-mt07-mt09-p20337" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">puig</div> <div class="title"><a href="/cupula-puig-yamaha-mt07-mt09-p20337">Cupula Puig Yamaha MT07-MT09</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 161,95€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <div class="row"> <div class="col-12"> </div> <div class="col-12"> </div> </div> <a href="/cupula-yamaha-mt07-18--sport-plus-puig-p1439"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_P1439_1_1439-.jpg" alt="Cupula Yamaha MT07 18- Sport plus Puig"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-yamaha-mt07-18--sport-plus-puig-p1439" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">puig</div> <div class="title"><a href="/cupula-yamaha-mt07-18--sport-plus-puig-p1439">Cupula Yamaha MT07 18- Sport plus Puig</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 54,95€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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"> <div class="thumb pb40"> <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> <a href="/cupula-aerosport-barracuda-yamaha-mt-07-17-18-ymt7300-18"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_YMT7300-18_1_35.jpg" alt="cupula aerosport. barracuda yamaha mt-07 17-20"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/cupula-aerosport-barracuda-yamaha-mt-07-17-18-ymt7300-18" class="btn btn-thm">Ver el producto</a> </div> </div> <div class="details "> <!-- Características en forma de burbujas con iconos circulares --> <div class="caracteristicas-fijas"> <!-- Espaciador para mantener la altura cuando no hay características --> <div class="caracteristicas-espaciador"></div> </div> <div class="sub_title">barracuda</div> <div class="title"><a href="/cupula-aerosport-barracuda-yamaha-mt-07-17-18-ymt7300-18">cupula aerosport. barracuda yamaha mt-07 17-20</a></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 class="review_count"><a href="#">0 reviews</a></div> </div> <div class="si_footer"> <div class="price"> <strong> 139,90€ </strong> </div> </div> </div> </div> <style> .etiqueta { position: relative; top: -100px; margin-bottom: -100px; float: right; } /* 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> <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> // Generamos un array dinámico con los datos del modelo const tarifas = [ {"REFERENCIA": "Ahumado claro","PRECIO": 110.95,"PRECIO_OFERTA": 110.95,"DISPONIBILIDAD": "Envío en 1-2 días hábiles"},{"REFERENCIA": "Ahumado oscuro","PRECIO": 110.95,"PRECIO_OFERTA": 110.95,"DISPONIBILIDAD": "Envío en 1-2 días hábiles"},{"REFERENCIA": "Negro","PRECIO": 110.95,"PRECIO_OFERTA": 110.95,"DISPONIBILIDAD": "Envío en 1-2 días hábiles"},{"REFERENCIA": "Transparente","PRECIO": 110.95,"PRECIO_OFERTA": 110.95,"DISPONIBILIDAD": "Envío en 1-2 días hábiles"} ]; function updateValues() { // Obtener la referencia seleccionada const selectedReferencia = document.getElementById('referencia').value; // Actualizar los campos ocultos const refInput = document.getElementsByClassName('reference')[0]; // Accede al primer input con clase 'reference' if (refInput) { refInput.value = selectedReferencia; // Actualiza el valor correctamente } // 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) { if (document.getElementById('descuento') != null) { // Actualizar los spans visibles document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO_OFERTA}€`; document.getElementById('descuento').textContent = tarifaSeleccionada.PRECIO ? `${tarifaSeleccionada.PRECIO}€` : ''; } else { document.getElementById('precio').textContent = `${tarifaSeleccionada.PRECIO}€`; } document.getElementById('disponibilidad').textContent = tarifaSeleccionada.DISPONIBILIDAD; } } updateValues(); </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> <!-- Our Footer --> <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"> <div id="widget-container" class="ekomi-widget-container ekomi-widget-sf131792673c7a9bd1ebc" ></div> <a href="https://www.ekomi.es/testimonios-nilmoto.html" target="_blank"><img alt="Nilmoto accesorios SLU Reviews with ekomi.es" src="https://smart-widget-assets.ekomiapps.de/resources/ekomi_logo.png" style="display: none;"/></a> <script type="text/javascript"> function registerWidget (w, token) { w['_ekomiWidgetsServerUrl'] = 'https://widgets.ekomi.com'; w['_customerId'] = 131792; if (w['_language'] == undefined) { w['_language'] = new Array(); } w['_language'][token] = 'auto'; if(typeof(w['_ekomiWidgetTokens']) !== 'undefined'){ w['_ekomiWidgetTokens'][w['_ekomiWidgetTokens'].length] = token; } else { w['_ekomiWidgetTokens'] = new Array(token); } if(typeof(ekomiWidgetJs) == 'undefined') { ekomiWidgetJs = true; var scr = document.createElement('script');scr.src = 'https://sw-assets.ekomiapps.de/static_resources/widget.js'; var head = document.getElementsByTagName('head')[0];head.appendChild(scr); } else {if (typeof ekomiWidgetMain != 'undefined') {ekomiWidgetMain('ajax', token);}} return true; } (function (w) { var token = 'sf131792673c7a9bd1ebc'; var k = document.getElementsByClassName("ekomi-widget-" + token); for(var x=0;x<k.length;x++){ registerWidget(w,token); } })(window); </script> <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">© 2025 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> <!-- Wrapper End --> <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> <!-- Custom script for all pages --> <script src="/Theme/nilmotoV2/js/script.js?v=2.0.0"></script> </body> </html>
