Name: Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17
Brand: GIVI
Price: 50.60 EUR
Availability: InStock

Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17

Portaequipajes Givi posterior para maletas Monolock o Monokey
Carga maxima de 6kg,
***No incluye parrilla. A combinar con la parrilla MONOKEY M5, M7, M8A y M8B o las parrillas MONOLOCK M5M y M6M

HONDA CRF1000L Africa Twin 16-17

INSTRUCCIONES DE MONTAJE

</ifram </p> </div> </div> </div>  <div class="card border-dark"> <div class="card-header " id="headingComplementos"> <h2 class="mb-0"> <button class="btn btn-link collapsed text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseComplementos" aria-expanded="false" aria-controls="collapseComplementos"> Complementos </button> </h2> </div> <div id="collapseComplementos" class="collapse show" aria-labelledby="headingComplementos" data-parent="#accordion"> <div class="card-body"> <div class="product-tag-name"> <div class="table-responsive"> <table class="table table-striped"> <thead> <tr> <th class="p-times">#</th> <th class="p-times">Producto</th> <th class="p-times">Precio</th> <th class="p-times"></th> <th class="p-times"></th> <th class="p-times"></th> </tr> </thead> <tbody> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M7"> <input type="hidden" name="Ref" value="" /> <td> <a href="/nueva-parrilla-m7-nylon-maletas-monokey-mk-en-monorack-fz-m7"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M7_1_PARRILLA-M7-GIVI.jpg" style="max-height:80px" alt="Nueva parrilla M7 Nylon maletas MONOKEY MK en Monorack FZ" /> </a> </td> <td> <a href="/nueva-parrilla-m7-nylon-maletas-monokey-mk-en-monorack-fz-m7" style="font-weight:bold;color:black">Nueva parrilla M7 Nylon maletas MONOKEY MK en Monorack FZ</a> <br /> <p style="font-size:13px"> Parrilla de nylon M7 para la instalación de maletas Monokey Givi o kappa sobre el Monorack serie FZ expecífico para tu moto </p> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">40,80€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>51,00€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M6M"> <input type="hidden" name="Ref" value="" /> <td> <a href="/parrilla-con-alojamiento-candado-para-maletas-monolock-en-monorack-de-la-serie-fz-m6m"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M6M_1_PARRILLA-M6M-GIVI.jpg" style="max-height:80px" alt="Parrilla M6M con alojamiento candado, para maletas MONOLOCK en Monorack de la serie FZ" /> </a> </td> <td> <a href="/parrilla-con-alojamiento-candado-para-maletas-monolock-en-monorack-de-la-serie-fz-m6m" style="font-weight:bold;color:black">Parrilla M6M con alojamiento candado, para maletas MONOLOCK en Monorack de la serie FZ</a> <br /> <p style="font-size:13px"> Nueva parrilla de Givi con alojamiento para candado, para maletas Monolock utilizable sobre Monorack de la serie FZ expecíficos de cada moto </p> <span class="label label-warning mb-2" style="font-size: 12px; margin-top: 3px; color: black;">Sujeto a stock en Givi. Entrega 2-3 días</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">37,20€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>46,50€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M5"> <input type="hidden" name="Ref" value="" /> <td> <a href="/parrilla-m5-givi-nylon-para-sujecion-maletas-monokey"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M5_1_parrilla-M5-GIVI.jpg" style="max-height:80px" alt="Parrilla M5 de Nylon para maletas MONOKEY MK en Monorack FZ" /> </a> </td> <td> <a href="/parrilla-m5-givi-nylon-para-sujecion-maletas-monokey" style="font-weight:bold;color:black">Parrilla M5 de Nylon para maletas MONOKEY MK en Monorack FZ</a> <br /> <p style="font-size:13px"> Parrilla de nylon para la instalación de maletas Monokey Givi o kappa sobre el Monorack serie FZ expecífico para tu moto </p> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">36,80€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>46,00€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M5M"> <input type="hidden" name="Ref" value="" /> <td> <a href="/parrilla-m5m-givi-nylon-para-sujecion-maletas-monolock"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M5M_1_PARRILLA-M5M-GIVI.jpg" style="max-height:80px" alt="Parrilla M5M de nylon para maletas MONOLOCK ML en Monorack FZ" /> </a> </td> <td> <a href="/parrilla-m5m-givi-nylon-para-sujecion-maletas-monolock" style="font-weight:bold;color:black">Parrilla M5M de nylon para maletas MONOLOCK ML en Monorack FZ</a> <br /> <p style="font-size:13px"> Parrilla de nylon para la instalación de maletas Monolock de Givi o Kappa sobre el monorack de la serie FZ expecífico para tu moto </p> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">36,80€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>46,00€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M9A"> <input type="hidden" name="Ref" value="" /> <td> <a href="/parrilla-m9a-de-aluminio-color-plata-para-baules-monokey-m9a"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M9A_1_PARRILLA-M9.jpg" style="max-height:80px" alt="Parrilla M9A de aluminio color plata para baules MONOKEY" /> </a> </td> <td> <a href="/parrilla-m9a-de-aluminio-color-plata-para-baules-monokey-m9a" style="font-weight:bold;color:black">Parrilla M9A de aluminio color plata para baules MONOKEY</a> <br /> <p style="font-size:13px"> Parrilla Givi de aluminio para la instalación en combinación con los soportes específicos Givi que lo indiquen </p> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">92,00€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>115,00€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> <tr> <form action="/Compra/MasCarrito" method="post"> <input type="hidden" name="Id" value="M9B"> <input type="hidden" name="Ref" value="" /> <td> <a href="/parrilla-m9b-de-aluminio-color-negro-para-baules-monokey-m9b"> <img src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M9B_1_PARRILLA-M9NEGRA.jpg" style="max-height:80px" alt="Parrilla M9B de aluminio color Negro para baules MONOKEY" /> </a> </td> <td> <a href="/parrilla-m9b-de-aluminio-color-negro-para-baules-monokey-m9b" style="font-weight:bold;color:black">Parrilla M9B de aluminio color Negro para baules MONOKEY</a> <br /> <p style="font-size:13px"> Parrilla Givi color negro fabricada en aluminio anodizado para la instalación en combinación con los soportes específicos Givi que lo indiquen </p> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> </td> <td> <span class="price-box__new" style="font-weight:bold;">95,60€</span> <span style="font-size:11px;font-weight:normal;color:red"><s>119,50€</s></span> </td> <td> <ul class="shop_single3_style db-767 d-flex mb-0"> <li> <div class="cart_btn home_page_sidebar"> <div class="quantity-block home_page_sidebar"> <input type="number" value="1" id="Cantidad" name="Cantidad" class="cart-plus-minus-box quantity-num2 shop_single_page_sidebar"> </div> </div> </li> </ul> </td> <td> <div class="product-info"> <button type="submit" class="btn btn-danger" title="Comprar"> <i class="fa fa-shopping-cart"></i> Comprar </button> </div> </td> </form> </tr> </tbody> </table> </div> </div> </div> </div> </div>  <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">0 Opiniones</span> </button> </h2> </div> <div id="collapseReviews" class="collapse" aria-labelledby="headingReviews" data-parent="#accordion"> <div class="card-body"> <h4>Opiniones Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17</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 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">SR1144</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>  <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="/honda/africa twin crf 1000 l 2015-17?page=1&codGrupo=31&subGrupo=3116" class="model-tag" title="Accesorios para HONDA Africa Twin 1000 CRF L 2015-17"> HONDA Africa Twin 1000 CRF L 2015-17 </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"> <span class="label label-danger" style="font-size: 80%;"> Oferta </span> <h1 class="title mb15">Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17</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: SR1144</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="/givi"> GIVI </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">Portaequipajes Givi posterior para maletas. Específico para Honda CRF1000L Africa Twin 16-17. A combinar con la parrilla MONOKEY M5, M7, M8A y M8B o las parrillas MONOLOCK M5M y M6M</p> <a href="#collapseDescription" style="color:red">Leer más</a> </div> <hr /> <div class=""> <div> <div class="product-features-container my-3"> <ul class="product-features-list"> <li class="product-feature-item"> <div class="feature-bullet"> <i class="fas fa-check-circle"></i> </div> <div class="feature-text">No incluye baúl</div> </li> <li class="product-feature-item"> <div class="feature-bullet"> <i class="fas fa-check-circle"></i> </div> <div class="feature-text">Necesita Parrilla Adicinal!!</div> </li> </ul> </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--tab" data-bs-referencia="" data-bs-ref="" data-bs-toggle="pill" data-bs-target="#v-pills-" type="button" role="tab" aria-controls="v-pills-" aria-selected="true"> <div style="flex: 1; padding-right: 15px;"> <span style="font-size:18px;color:black;font-weight:bold;"></span> <br /> <span class="label label-success mb-2" style="font-size:12px;margin-top:3px;">En Stock envío 24/48h</span> <br /> <span class="sspd_price mb20 mt20" style="color: #154e1c">50,60€</span> <span style="font-size:16px;font-weight:normal;color:red;"><del>67,47€</del></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> <div class="row"> <div class="col-12 p-2"> <a href="#headingComplementos" style="color:black;font-size:15px">Este producto posee accesorios, <span style="color:red">click aqui para verlos. </span></a> </div> </div> </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="SR1144"> <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="5060" data-product="pp3" data-size="L" data-branding="black" data-alignment="left" ></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 50,60 € </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"> <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">Otros clientes también compraron</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> </div> <div class="col-12"> </div> </div> </div> <a href="/e250-parrilla-univ-mkcanclajes"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_E250_1_e251-parrillauniversal-givi.jpg" alt="Parrilla universal E251 para baules Monokey MK"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/e250-parrilla-univ-mkcanclajes" 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"></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="/e250-parrilla-univ-mkcanclajes">Parrilla universal E251 para baules Monokey MK</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">44,40€</strong> <small style="color:red"><del>55,50€</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="/adaptador-trasero-honda-africa-twin-1100-adv-20--sr1178"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SR1178_1_1178-.jpg" alt="Adaptador trasero Honda Africa Twin 1100-Adv 20-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/adaptador-trasero-honda-africa-twin-1100-adv-20--sr1178" 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"></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="/adaptador-trasero-honda-africa-twin-1100-adv-20--sr1178">Adaptador trasero Honda Africa Twin 1100-Adv 20-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">73,60€</strong> <small style="color:red"><del>92,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> </div> </div> </div> </div> </div> </div> </section> </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="/parrilla-m8b-de-aluminio-color-plata-para-baules-monokey-m8a"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M8A_1_parrilla-M8A-GIVI.jpg" alt="Parrilla M8A aluminio baules MONOKEY"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/parrilla-m8b-de-aluminio-color-plata-para-baules-monokey-m8a" 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"> <span class="badge bg-primary"><i class="fas fa-globe"></i>Universal</span> </div> <div class="sub_title">givi</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="/parrilla-m8b-de-aluminio-color-plata-para-baules-monokey-m8a">Parrilla M8A aluminio baules MONOKEY</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">92,00€</strong> <small style="color:red"><del>115,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="/parrilla-m8b-aluminio-negro-baules-monokey-m8b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_M8BB_1_m9b-x.jpg" alt="Parrilla M8B aluminio negro baules Monokey"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/parrilla-m8b-aluminio-negro-baules-monokey-m8b" 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"> <span class="badge bg-primary"><i class="fas fa-globe"></i>Universal</span> </div> <div class="sub_title">givi</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="/parrilla-m8b-aluminio-negro-baules-monokey-m8b">Parrilla M8B aluminio negro baules Monokey</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">95,60€</strong> <small style="color:red"><del>119,50€</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="/adventure-rack-honda-1000-at-15-17-swmotech-gpt0162219000b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_GPT0195019000B_1_110.jpg" alt="Adventure-Rack Honda 1000 AT 15-17 Swmotech"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/adventure-rack-honda-1000-at-15-17-swmotech-gpt0162219000b" 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">sw-motech</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="/adventure-rack-honda-1000-at-15-17-swmotech-gpt0162219000b">Adventure-Rack Honda 1000 AT 15-17 Swmotech</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>130,00€</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="/soportes-laterales-pro-honda-africa-twin-15-17-kft0162230001b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_KFT0195030000B_1_110.jpg" alt="Soportes laterales Pro Honda Africa Twin 15-17"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/soportes-laterales-pro-honda-africa-twin-15-17-kft0162230001b" 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">sw-motech</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="/soportes-laterales-pro-honda-africa-twin-15-17-kft0162230001b">Soportes laterales Pro Honda Africa Twin 15-17</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>280,00€</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="/baul-negro-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_GPT0778270000_2_bmw-r1200gs-lc.jpg" alt="Baul negro TRAX ADV SWMotech 38L Honda CRF1000L Africa Twin 15-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/baul-negro-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000b" 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">sw-motech</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="/baul-negro-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000b">Baul negro TRAX ADV SWMotech 38L Honda CRF1000L Africa Twin 15-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>560,00€</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="/baul-trasero-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_GPT0162270000_1_baul-plata.jpg" alt="Baul plata TRAX ADV SWMotech 38L Honda CRF1000L Africa Twin 15-"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/baul-trasero-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000" 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">sw-motech</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="/baul-trasero-trax-adv-swmotech-38l-honda-crf1000l-africa-twin-15--gpt0162270000">Baul plata TRAX ADV SWMotech 38L Honda CRF1000L Africa Twin 15-</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>560,00€</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="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-15-17-negro-kft0162270000b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_KFT0162270000_1_trax.jpg" alt="Maletas con soportes SwMotech TRAX ADV Honda CRF1000L Africa Twin 15-17 Negro"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-15-17-negro-kft0162270000b" 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">sw-motech</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="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-15-17-negro-kft0162270000b">Maletas con soportes SwMotech TRAX ADV Honda CRF1000L Africa Twin 15-17 Negro</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>1100,00€</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="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-17--kft0162270000"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_KFT0162270000_2_37-y-45-litros-plata.jpg" alt="Maletas con soportes SwMotech TRAX ADV Honda CRF1000L Africa Twin 15-17 Plata"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-17--kft0162270000" 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">sw-motech</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="/maletas-con-soportes-swmotech-trax-adv-honda-crf1000l-africa-twin-17--kft0162270000">Maletas con soportes SwMotech TRAX ADV Honda CRF1000L Africa Twin 15-17 Plata</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>1100,00€</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> </div> <div class="col-12"> </div> </div> </div> <a href="/full-equip-shad-para-honda-africa-twin-1000-16-full-s-africa"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_FULL-S-AFRICA_1_FULL-AFRICA1.jpg" alt="Full Equip Shad para Honda Africa Twin 1000 16"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/full-equip-shad-para-honda-africa-twin-1000-16-full-s-africa" 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">shad</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="/full-equip-shad-para-honda-africa-twin-1000-16-full-s-africa">Full Equip Shad para Honda Africa Twin 1000 16</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">43,31€</strong> <small style="color:red"><del>50,95€</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="/portamaletas-maletas-laterales-givi-honda-crf1000l-africa-twin-16--pl1144cam"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_PL1144CAM_1_PL1144CAM.jpg" alt="Portamaletas maletas laterales Givi Honda CRF1000L Africa Twin 16-17"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/portamaletas-maletas-laterales-givi-honda-crf1000l-africa-twin-16--pl1144cam" 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">givi</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="/portamaletas-maletas-laterales-givi-honda-crf1000l-africa-twin-16--pl1144cam">Portamaletas maletas laterales Givi Honda CRF1000L Africa Twin 16-17</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">218,80€</strong> <small style="color:red"><del>273,50€</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="/seat-rack-honda-crf-1000-africa-twin-15--swmotech-gpt0162240000b"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_GPT0162240000B_1_SEAT3.jpg" alt="Seat Rack Honda CRF 1000 Africa Twin 15- SWMotech"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/seat-rack-honda-crf-1000-africa-twin-15--swmotech-gpt0162240000b" 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">sw-motech</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="/seat-rack-honda-crf-1000-africa-twin-15--swmotech-gpt0162240000b">Seat Rack Honda CRF 1000 Africa Twin 15- SWMotech</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <srong>130,00€</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> </div> <div class="col-12"> </div> </div> </div> <a href="/portaequipajes-trasero-givi-para-crf1000l-africa-twin-16--sr1144"> <img class="w100" src="https://www.nilmoto.com/imagenes/Image/Productos/TH_SR1144_1_SR1144-1.jpg" alt="Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17"> </a> <div class="thumb_info"> </div> <div class="shop_item_cart_btn d-grid"> <a href="/portaequipajes-trasero-givi-para-crf1000l-africa-twin-16--sr1144" 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">givi</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="/portaequipajes-trasero-givi-para-crf1000l-africa-twin-16--sr1144">Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17</a></div> <hr /> <div class="si_footer"> <div class="price"> <div class="price"> <strong class="me-1">50,60€</strong> <small style="color:red"><del>67,47€</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": "","PRECIO": 67.47,"PRECIO_OFERTA": 50.60,"STOCK": 1,"DISPONIBILIDAD": "En Stock envío 24/48h"} ]; 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 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"> C/ Puerto Rico, 4 // 30890 Puerto Lumbreras , Murcia Spain </h5> <a href="tel:+34868188704">+34868188704</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/change-returns" title="Returns Policy">Returns Policy</a></li> <li><a href="/articulo/SeccionInferior/nilmoto-contact" title="Contact">Contact</a></li> <li><a href="/articulo/SeccionInferior/Confianza-on-line" title="Confianza online">Confianza online</a></li> <li><a href="/articulo/SeccionInferior/terms-and-conditions" title="Terms and Conditions of Sale">Terms and Conditions of Sale</a></li> <li><a href="/articulo/SeccionInferior/cookies" title="Cookie Policy">Cookie Policy</a></li> <li><a href="/articulo/SeccionInferior/Legal-Notice" title="Legal Notice">Legal Notice</a></li> <li><a href="/articulo/SeccionInferior/privacidad" title="Privacy Policy">Privacy Policy</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-sf131792673c7bcd82912" ></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 = 'sf131792673c7bcd82912'; 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>  <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> </body> </html>

Whatsapp

Mi Cuenta

Carrito

Carrito

Subtotal: 0 €

Portaequipajes trasero Givi para CRF1000L Africa Twin 16-17

INSTRUCCIONES DE MONTAJE