PageSourceSearch

https://caterpillarcr.com/collections/botas-hombre

html caterpillarcr.com collected 2026-10-09 01:00:03 UTC 858,220 bytes, 21,987 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="es"
5>
6  <head><style>
7  /* Todo cuelga de un atributo en <html>. Quitarlo devuelve los filtros sin
8     tener que deshacer nada más: es lo que hace `mostrar()` desde la consola. */
9
10  [data-adoc-ocultar-disponibilidad] [data-adoc-sin-disponibilidad] {
11    display: none !important;
12  }
13
14  /* Capa previa, para que el filtro no alcance a verse antes de que corra el JS.
15     Cubre los contenedores de los ocho formatos. El `:not(:has(...))` evita
16     esconder un bloque que además tenga otros filtros adentro. */
17  [data-adoc-ocultar-disponibilidad]
18    details:has(input[name='filter.v.availability']):not(
19      :has([name^='filter.']:not([name='filter.v.availability']))
20    ),
21  [data-adoc-ocultar-disponibilidad]
22    accordion-custom:has(input[name='filter.v.availability']),
23  [data-adoc-ocultar-disponibilidad] .cc-accordion:has(input[name='filter.v.availability']),
24  [data-adoc-ocultar-disponibilidad] .sidebar_widget:has(input[name='filter.v.availability']),
25  [data-adoc-ocultar-disponibilidad] .facets__item:has(input[name='filter.v.availability']),
26  [data-adoc-ocultar-disponibilidad] .filter-group--availability {
27    display: none !important;
28  }
29</style>
30<script>
31  (function () {
32    var PARAM = 'filter.v.availability';
33    var MARCA = 'data-adoc-sin-disponibilidad';
34    var RAIZ = 'data-adoc-ocultar-disponibilidad';
35
36    /* -- 1. Forzado -------------------------------------------------------- */
37    try {
38      var url = new URL(window.location.href);
39      if (url.searchParams.get(PARAM) !== '1') {
40        url.searchParams.set(PARAM, '1');
41        window.location.replace(url.toString());
42        return; // la página se está reemplazando: no tiene sentido seguir
43      }
44    } catch (e) {}
45
46    /* -- 2. Ocultado ------------------------------------------------------- */
47
48    // Se marca <html> ya mismo, antes de que se pinte el body, para que la capa
49    // previa de CSS esté activa desde el primer cuadro y no haya parpadeo.
50    document.documentElement.setAttribute(RAIZ, '');
51
52    function normalizar(texto) {
53      return (texto || '')
54        .toLowerCase()
55        .replace(/[0-9]+/g, ' ') // contadores: "En existencia 427"
56        .replace(/[^a-záéíóúñü\s]/g, ' ') // signos: ":", "×", "(", ")"
57        .replace(/\s+/g, ' ')
58        .trim();
59    }
60
61    // Corta en la primera palabra repetida. Varios temas duplican el texto de la
62    // etiqueta para lectores de pantalla — "En existencia (176)" seguido de
63    // "En existencia 176 productos" — y sin esto la comparación no encuentra nada.
64    // Detectado en Merrell.
65    function nucleo(texto) {
66      var palabras = normalizar(texto).split(' ');
67      var salida = [];
68      for (var i = 0; i < palabras.length; i++) {
69        if (salida.indexOf(palabras[i]) !== -1) break;
70        salida.push(palabras[i]);
71      }
72      return salida.join(' ');
73    }
74
75    function marcar(el) {
76      if (el && el.setAttribute) el.setAttribute(MARCA, '');
77    }
78
79    // La etiqueta se lee del propio filtro, no se escribe acá: así no depen
79de del
80    // idioma ni de cómo la llame cada tema. En TNF, por ejemplo, no dice
81    // "En existencia" sino "Ocultar".
82    function etiquetaActiva() {
83      var marcado = document.querySelector('[name="' + PARAM + '"]:checked');
84      if (!marcado) return null;
85      var etiqueta = null;
86      try {
87        if (marcado.id) {
88          var id = window.CSS && CSS.escape ? CSS.escape(marcado.id) : marcado.id;
89          etiqueta = document.querySelector('label[for="' + id + '"]');
90        }
91      } catch (e) {}
92      if (!etiqueta && marcado.closest) etiqueta = marcado.closest('label');
93      return etiqueta ? nucleo(etiqueta.textContent) : null;
94    }
95
96    // Sube desde cada control hasta el contenedor más grande que SOLO tenga
97    // controles de disponibilidad. En cuanto aparece otro filtro, se pasó.
98    function marcarGrupos() {
99      var grupos = [];
100      var controles = document.querySelectorAll('[name="' + PARAM + '"]');
101      for (var i = 0; i < controles.length; i++) {
102        var nodo = controles[i];
103        var mejor = nodo;
104        while (nodo.parentElement && nodo.parentElement !== document.body) {
105          nodo = nodo.parentElement;
106          if (
107            nodo.querySelectorAll(
108              '[name^="filter."]:not([name="' + PARAM + '"])'
109            ).length
110          ) {
111            break;
112          }
113          mejor = nodo;
114        }
115        // Sin contenedor propio es un campo suelto del formulario de orden.
116        // Ocultarlo no aporta y podría dejar su etiqueta huérfana.
117        if (mejor === controles[i]) continue;
118        marcar(mejor);
119        grupos.push(mejor);
120      }
121      return grupos;
122    }
123
124    function marcarChips(grupos, etiqueta) {
125      if (!etiqueta || etiqueta.length < 4) return;
126
127      var actual;
128      try {
129        actual = new URL(window.location.href);
130      } catch (e) {
131        return;
132      }
133      if (!actual.searchParams.get(PARAM)) return;
134
135      var restantes = [];
136      actual.searchParams.forEach(function (valor, clave) {
137        if (clave !== PARAM) restantes.push(clave + '=' + valor);
138      });
139      restantes = restantes.sort().join('&');
140
141      var enlaces = document.querySelectorAll('a[href]');
142      for (var i = 0; i < enlaces.length; i++) {
143        var a = enlaces[i];
144        var u;
145        try {
146          u = new URL(a.href, window.location.href);
147        } catch (e) {
148          continue;
149        }
150        if (u.pathname !== actual.pathname) continue;
151        if (u.searchParams.has(PARAM)) continue;
152
153        // Tiene que quitar SOLO la disponibilidad y conservar los demás filtros.
154        // Así se distingue del "Borrar todo", que debe seguir funcionando: limpia
155        // talla y color, y la disponibilidad se vuelve a aplicar sola.
156        var otros = [];
157        u.searchParams.forEach(function (valor, clave) {
158          otros.push(clave + '=' + valor);
159        });
160        if (otros.sort().join('&') !== restantes) continue;
161
162        // LA URL SOLA NO ALCANZA. Cuando la disponibilidad es el único f
162iltro,
163        // cualquier enlace a esa misma colección cumple la condición de arriba.
164        // En Zapatos coincidía el enlace de categoría "Hombre" y en Caterpillar
165        // el "Continuar comprando" del carrito vacío: ocultarlos habría roto la
166        // navegación. Por eso además se exige que el texto lleve la etiqueta.
167        if (normalizar(a.textContent).indexOf(etiqueta) === -1) continue;
168
169        // Lo que está dentro del grupo ya quedó marcado con él.
170        var dentro = false;
171        for (var j = 0; j < grupos.length; j++) {
172          if (grupos[j].contains(a)) {
173            dentro = true;
174            break;
175          }
176        }
177        if (dentro) continue;
178
179        marcar(a);
180      }
181    }
182
183    function aplicar() {
184      if (!oculto) return;
185      try {
186        marcarChips(marcarGrupos(), etiquetaActiva());
187      } catch (e) {}
188    }
189
190    var oculto = true;
191    var pendiente = false;
192
193    function arrancar() {
194      aplicar();
195      // Los temas vuelven a pintar la barra de filtros por AJAX cada vez que se
196      // aplica uno. Sin observar, el filtro reaparece apenas se toca otro.
197      //
198      // Se observa solo `childList`, no `attributes`: `aplicar()` escribe un
199      // atributo, y observar atributos haría que se llame a sí misma sin fin.
200      try {
201        var observador = new MutationObserver(function () {
202          if (pendiente || !oculto) return;
203          pendiente = true;
204          // setTimeout y no requestAnimationFrame: rAF no corre con la pestaña
205          // en segundo plano y el reintento se quedaría esperando.
206          setTimeout(function () {
207            pendiente = false;
208            aplicar();
209          }, 50);
210        });
211        observador.observe(document.body, { childList: true, subtree: true });
212      } catch (e) {}
213    }
214
215    if (document.readyState === 'loading') {
216      document.addEventListener('DOMContentLoaded', arrancar);
217    } else {
218      arrancar();
219    }
220
221    /* -- 3. Interruptor para la consola ------------------------------------ */
222    // Para revisar o depurar sin tener que publicar nada. No cambia el
223    // comportamiento del filtro: solo decide si se ve o no.
224    window.ADOCFiltroDisponibilidad = {
225      mostrar: function () {
226        oculto = false;
227        document.documentElement.removeAttribute(RAIZ);
228        return 'Filtro de disponibilidad visible. Sigue aplicándose igual.';
229      },
230      ocultar: function () {
231        oculto = true;
232        document.documentElement.setAttribute(RAIZ, '');
233        aplicar();
234        return 'Filtro de disponibilidad oculto.';
235      },
236      estado: function () {
237        return oculto;
238      },
239    };
240  })();
241</script>
241
242<meta name="google-site-verification" content="3lpT7IFZm3XY6wZA1iMPDkKvaYHRry9-55yoTS0Fpa8">
243    <meta name="msvalidate.01" content="C65DE15B28553DADA118F6CFF5D32E0C">
244    <meta name="robots" content="index, follow">
245
246    <!-- Google Tag Manager -->
247    
247<script>
vendor: 455 bytes, lines 247-257
247
248      (function (w, d, s, l, i) {
249        w[l] = w[l] || [];
250        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
251        var f = d.getElementsByTagName(s)[0],
252          j = d.createElement(s),
253          dl = l != 'dataLayer' ? '&l=' + l : '';
254        j.async = true;
255        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
256        f.parentNode.insertBefore(j, f);
257      })(window, document, 'script', 'dataLayer', '
257GTM-PBR6KS7
vendor: 8 bytes, lines 257-258
257');
258    
258</script>
258
259    <!-- End Google Tag Manager --><!-- Google tag (gtag.js) - GA4 Costa Rica -->
vendor: 68 bytes, lines 259-260
259
260    <script async src="https://www.googletagmanager.com/gtag/js?id=
260G-455B6E08N9
vendor: 16 bytes, lines 260-261
260"></script>
261    
261<script>
262      
vendor: 162 bytes, lines 262-267
262window.dataLayer = window.dataLayer || [];
263      function gtag() {
264        dataLayer.push(arguments);
265      }
266      gtag('js', new Date());
267      gtag('config', '
267G-455B6E08N9
vendor: 8 bytes, lines 267-268
267');
268    
268</script>
268<link
269        rel="icon"
270        type="image/png"
271        href="//caterpillarcr.com/cdn/shop/files/2026.avif?crop=center&height=32&v=1784146033&width=32"
272      >
273    
274    
275
276
277<meta charset="utf-8">
278<meta
279  http-equiv="X-UA-Compatible"
280  content="IE=edge"
281>
282<meta
283  name="viewport"
284  content="width=device-width,initial-scale=1"
285>
286<meta
287  name="view-transition"
288  content="same-origin"
289>
290<meta
291  name="theme-color"
292  content=""
293>
294
295<meta
296  property="og:site_name"
297  content="CAT Costa Rica"
298>
299<meta
300  property="og:url"
301  content="https://caterpillarcr.com/collections/botas-hombre"
302>
303<meta
304  property="og:title"
305  content="BOTAS HOMBRE"
306>
307<meta
308  property="og:type"
309  content="website"
310>
311<meta
312  property="og:description"
313  content="Compra aquí nuestra variedad de accesorios y calzado casual, formal e industrial, ofreciéndote la protección que necesitas. ¡Ofrecemos envío gratis!"
314><meta
315    property="og:image"
316    content="http://caterpillarcr.com/cdn/shop/collections/1_CALZADO_MAN_e6d5157a-fb48-4994-961c-f309ef59b1d0.png?v=1772124676"
317  >
318  <meta
319    property="og:image:secure_url"
320    content="https://caterpillarcr.com/cdn/shop/collections/1_CALZADO_MAN_e6d5157a-fb48-4994-961c-f309ef59b1d0.png?v=1772124676"
321  >
322  <meta
323    property="og:image:width"
324    content="1400"
325  >
326  <meta
327    property="og:image:height"
328    content="200"
329  ><meta
330  name="twitter:card"
331  content="summary_large_image"
332>
333<meta
334  name="twitter:title"
335  content="BOTAS HOMBRE"
336>
337<meta
338  name="twitter:description"
339  content="Compra aquí nuestra variedad de accesorios y calzado casual, formal e industrial, ofreciéndote la protección que necesitas. ¡Ofrecemos envío gratis!"
340>
341
342<title>
343  BOTAS HOMBRE
344 &ndash; CAT Costa Rica</title>
345
346<link
347  rel="canonical"
348  href="https://caterpillarcr.com/collections/botas-hombre"
349>
350
351
352<link href="//caterpillarcr.com/cdn/shop/t/14/assets/overflow-list.css?v=16727044177065489451784126458" as="style" rel="preload">
353<link href="//caterpillarcr.com/cdn/shop/t/14/assets/base.css?v=22404247578446009051784324401" rel="stylesheet" type="text/css" media="all" />
354
355<link
356    rel="preload"
357    as="font"
358    href="//caterpillarcr.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
359    type="font/woff2"
360    crossorigin
361    fetchpriority="low"
362  ><link
363    rel="preload"
364    as="font"
365    href="//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2"
366    type="font/woff2"
367    crossorigin
368    fetchpriority="low"
369  ><link
370    rel="preload"
371    as="font"
372    href="//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2"
373    type="font/woff2"
374    crossorigin
375    fetchpriority="low"
376  ><link
377    rel="preload"
378    as="font"
379    href="//caterpillarcr.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
380    type="font/woff2"
381    crossorigin
382    fetchpriority="low"
383  >
384
385
386<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 386
386
387<script type="importmap">
388  {
389    "imports": {
390      "@theme/overflow-list": "//caterpillarcr.com/cdn/shop/t/14/assets/overflow-list.js?v=46858356770684902511784126459",
391      "@theme/product-title": "//caterpillarcr.com/cdn/shop/t/14/assets/product-title-truncation.js?v=81744426891537421781784126457",
392      "@theme/component": "//caterpillarcr.com/cdn/shop/t/14/assets/component.js?v=184240237101443119871784126458",
393      "@theme/dialog": "//caterpillarcr.com/cdn/shop/t/14/assets/dialog.js?v=150888536568694194021784126459",
394      "@theme/events": "//caterpillarcr.com/cdn/shop/t/14/assets/events.js?v=1118589085892804011784126460",
395      "@theme/focus": "//caterpillarcr.com/cdn/shop/t/14/assets/focus.js?v=60436577539430446401784126459",
396      "@theme/morph": "//caterpillarcr.com/cdn/shop/t/14/assets/morph.js?v=104045809772310330131784126458",
397      "@theme/paginated-list": "//caterpillarcr.com/cdn/shop/t/14/assets/paginated-list.js?v=95298315036233333871784126459",
398      "@theme/performance": "//caterpillarcr.com/cdn/shop/t/14/assets/performance.js?v=171015751390534793081784126460",
399      "@theme/product-form": "//caterpillarcr.com/cdn/shop/t/14/assets/product-form.js?v=142170751179338062901784126458",
400      "@theme/recently-viewed-products": "//caterpillarcr.com/cdn/shop/t/14/assets/recently-viewed-products.js?v=94729125001750262651784126459",
401      "@theme/scrolling": "//caterpillarcr.com/cdn/shop/t/14/assets/scrolling.js?v=162288454571026455011784126456",
402      "@theme/section-renderer": "//caterpillarcr.com/cdn/shop/t/14/assets/section-renderer.js?v=123311117485513785771784126458",
403      "@theme/section-hydration": "//caterpillarcr.com/cdn/shop/t/14/assets/section-hydration.js?v=108434990705342316311784126457",
404      "@theme/money-formatting": "//caterpillarcr.com/cdn/shop/t/14/assets/money-formatting.js?v=182191346160333327151784126458",
405      "@theme/utilities": "//caterpillarcr.com/cdn/shop/t/14/assets/utilities.js?v=28506172887375975941784126456",
406      "@theme/variant-picker": "//caterpillarcr.com/cdn/shop/t/14/assets/variant-picker.js?v=24924540959574313291784126457",
407      "@theme/media-gallery": "//caterpillarcr.com/cdn/shop/t/14/assets/media-gallery.js?v=74599214876106480341784126457",
408      "@theme/quick-add": "//caterpillarcr.com/cdn/shop/t/14/assets/quick-add.js?v=114575661933533593881784126458",
409      "@theme/paginated-list-aspect-ratio": "//caterpillarcr.com/cdn/shop/t/14/assets/paginated-list-aspect-ratio.js?v=25254270272143792451784126459",
410      "@theme/popover-polyfill": "//caterpillarcr.com/cdn/shop/t/14/assets/popover-polyfill.js?v=119029313658895111201784126456",
411      "@theme/component-quantity-selector": "//caterpillarcr.com/cdn/shop/t/14/assets/component-quantity-selector.js?v=67906657287482036641784126458",
412      "@theme/comparison-slider": "//caterpillarcr.com/cdn/shop/t/14/assets/comparison-slider.js?v=106705562947035711941784126456",
413      "@theme/sticky-add-to-cart": "//caterpillarcr.com/cdn/shop/t/14/assets/sticky-add-to-cart.js?v=48956925339276737091784126459",
414      "@theme/fly-to-cart": "//caterpillarcr.com/cdn/shop/t/14/assets/fly-to-cart.js?v=48483246440248933081784126459"
415    }
416  }
417</script>
417
418
419<script
420  src="//caterpillarcr.com/cdn/shop/t/14/assets/view-transitions.js?v=7106414069516106341784126458"
421  async
422  
423></script>
423
424
425<link
426  rel="modulepreload"
427  href="//caterpillarcr.com/cdn/shop/t/14/assets/utilities.js?v=28506172887375975941784126456"
428  fetchpriority="low"
429>
430<link
431  rel="modulepreload"
432  href="//caterpillarcr.com/cdn/shop/t/14/assets/component.js?v=184240237101443119871784126458"
433  fetchpriority="low"
434>
435<link
436  rel="modulepreload"
437  href="//caterpillarcr.com/cdn/shop/t/14/assets/section-renderer.js?v=123311117485513785771784126458"
438  fetchpriority="low"
439>
440<link
441  rel="modulepreload"
442  href="//caterpillarcr.com/cdn/shop/t/14/assets/section-hydration.js?v=108434990705342316311784126457"
443  fetchpriority="low"
444>
445<link
446  rel="modulepreload"
447  href="//caterpillarcr.com/cdn/shop/t/14/assets/morph.js?v=104045809772310330131784126458"
448  fetchpriority="low"
449>
450
451
452  <link
453    rel="modulepreload"
454    href="//caterpillarcr.com/cdn/shop/t/14/assets/paginated-list-aspect-ratio.js?v=25254270272143792451784126459"
455    fetchpriority="low"
456  >
457  <link
458    rel="modulepreload"
459    href="//caterpillarcr.com/cdn/shop/t/14/assets/paginated-list.js?v=95298315036233333871784126459"
460    fetchpriority="low"
461  >
462
463  <link
464    rel="modulepreload"
465    href="//caterpillarcr.com/cdn/shop/t/14/assets/product-title-truncation.js?v=81744426891537421781784126457"
466    fetchpriority="low"
467  >
468
469
470<link
471  rel="modulepreload"
472  href="//caterpillarcr.com/cdn/shop/t/14/assets/focus.js?v=60436577539430446401784126459"
473  fetchpriority="low"
474>
475<link
476  rel="modulepreload"
477  href="//caterpillarcr.com/cdn/shop/t/14/assets/recently-viewed-products.js?v=94729125001750262651784126459"
478  fetchpriority="low"
479>
480<link
481  rel="modulepreload"
482  href="//caterpillarcr.com/cdn/shop/t/14/assets/scrolling.js?v=162288454571026455011784126456"
483  fetchpriority="low"
484>
485<link
486  rel="modulepreload"
487  href="//caterpillarcr.com/cdn/shop/t/14/assets/events.js?v=1118589085892804011784126460"
488  fetchpriority="low"
489>
490<script
491  src="//caterpillarcr.com/cdn/shop/t/14/assets/popover-polyfill.js?v=119029313658895111201784126456"
492  type="module"
493  fetchpriority="low"
494></script>
vendor: 1 bytes, line 494
494
495<script
496  src="//caterpillarcr.com/cdn/shop/t/14/assets/overflow-list.js?v=46858356770684902511784126459"
497  type="module"
498  fetchpriority="low"
499></script>
vendor: 1 bytes, line 499
499
500<script
501  src="//caterpillarcr.com/cdn/shop/t/14/assets/quick-add.js?v=114575661933533593881784126458"
502  type="module"
503  fetchpriority="low"
504></script>
504
505
506  
506<script
507    src="//caterpillarcr.com/cdn/shop/t/14/assets/cart-discount.js?v=107077853990124422021784126458"
508    type="module"
509    fetchpriority="low"
510  ></script>
510
511
512
513<script
514  src="//caterpillarcr.com/cdn/shop/t/14/assets/dialog.js?v=150888536568694194021784126459"
515  type="module"
516  fetchpriority="low"
517></script>
vendor: 1 bytes, line 517
517
518<script
519  src="//caterpillarcr.com/cdn/shop/t/14/assets/variant-picker.js?v=24924540959574313291784126457"
520  type="module"
521  fetchpriority="low"
522></script>
vendor: 1 bytes, line 522
522
523<script
524  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card.js?v=28695665944407642501784126458"
525  type="module"
526  fetchpriority="low"
527></script>
vendor: 1 bytes, line 527
527
528<script
529  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-form.js?v=142170751179338062901784126458"
530  type="module"
531  fetchpriority="low"
532></script>
vendor: 1 bytes, line 532
532
533<script
534  src="//caterpillarcr.com/cdn/shop/t/14/assets/fly-to-cart.js?v=48483246440248933081784126459"
535  type="module"
536  fetchpriority="low"
537></script>
vendor: 1 bytes, line 537
537
538<script
539  src="//caterpillarcr.com/cdn/shop/t/14/assets/accordion-custom.js?v=97588419883090888471784126456"
540  type="module"
541  fetchpriority="low"
542></script>
vendor: 1 bytes, line 542
542
543<script
544  src="//caterpillarcr.com/cdn/shop/t/14/assets/media.js?v=37825095869491791421784126457"
545  type="module"
546  fetchpriority="low"
547></script>
vendor: 1 bytes, line 547
547
548<script
549  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-price.js?v=83480980452100801711784126459"
550  type="module"
551  fetchpriority="low"
552></script>
vendor: 1 bytes, line 552
552
553<script
554  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-sku.js?v=121804655373531320511784126457"
555  type="module"
556  fetchpriority="low"
557></script>
vendor: 1 bytes, line 557
557
558<script
559  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-title-truncation.js?v=81744426891537421781784126457"
560  type="module"
561  fetchpriority="low"
562></script>
vendor: 1 bytes, line 562
562
563<script
564  src="//caterpillarcr.com/cdn/shop/t/14/assets/cat-wishlist.js?v=21251822554856894461784126459"
565  type="module"
566  fetchpriority="low"
567></script>
vendor: 1 bytes, line 567
567
568<script
569  src="//caterpillarcr.com/cdn/shop/t/14/assets/product-inventory.js?v=81520546963552472391784126459"
570  type="module"
571  fetchpriority="low"
572></script>
vendor: 1 bytes, line 572
572
573<script
574  src="//caterpillarcr.com/cdn/shop/t/14/assets/show-more.js?v=94563802205717136101784126458"
575  type="module"
576  fetchpriority="low"
577></script>
vendor: 1 bytes, line 577
577
578<script
579  src="//caterpillarcr.com/cdn/shop/t/14/assets/slideshow.js?v=168726587398279102001784126458"
580  type="module"
581  fetchpriority="low"
582></script>
vendor: 1 bytes, line 582
582
583<script
584  src="//caterpillarcr.com/cdn/shop/t/14/assets/layered-slideshow.js?v=30135417790894624731784126458"
585  type="module"
586  fetchpriority="low"
587></script>
vendor: 1 bytes, line 587
587
588<script
589  src="//caterpillarcr.com/cdn/shop/t/14/assets/anchored-popover.js?v=95953304814728754461784126456"
590  type="module"
591  fetchpriority="low"
592></script>
vendor: 1 bytes, line 592
592
593<script
594  src="//caterpillarcr.com/cdn/shop/t/14/assets/floating-panel.js?v=151277338116891310371784126459"
595  type="module"
596  fetchpriority="low"
597></script>
vendor: 1 bytes, line 597
597
598<script
599  src="//caterpillarcr.com/cdn/shop/t/14/assets/video-background.js?v=25237992823806706551784126457"
600  type="module"
601  fetchpriority="low"
602></script>
vendor: 1 bytes, line 602
602
603<script
604  src="//caterpillarcr.com/cdn/shop/t/14/assets/component-quantity-selector.js?v=67906657287482036641784126458"
605  type="module"
606  fetchpriority="low"
607></script>
vendor: 1 bytes, line 607
607
608<script
609  src="//caterpillarcr.com/cdn/shop/t/14/assets/media-gallery.js?v=74599214876106480341784126457"
610  type="module"
611  fetchpriority="low"
612></script>
vendor: 1 bytes, line 612
612
613<script
614  src="//caterpillarcr.com/cdn/shop/t/14/assets/rte-formatter.js?v=40306132146590816021784126459"
615  type="module"
616  fetchpriority="low"
617></script>
vendor: 1 bytes, line 617
617
618<script
619  src="//caterpillarcr.com/cdn/shop/t/14/assets/volume-pricing.js?v=15442793518842484731784126458"
620  type="module"
621  fetchpriority="low"
622></script>
vendor: 1 bytes, line 622
622
623<script
624  src="//caterpillarcr.com/cdn/shop/t/14/assets/price-per-item.js?v=144512917617120124431784126457"
625  type="module"
626  fetchpriority="low"
627></script>
vendor: 1 bytes, line 627
627
628<script
629  src="//caterpillarcr.com/cdn/shop/t/14/assets/volume-pricing-info.js?v=94479640769665442661784126458"
630  type="module"
631  fetchpriority="low"
632></script>
632
633
634
635
636
637
638<script
639  src="//caterpillarcr.com/cdn/shop/t/14/assets/auto-close-details.js?v=58350291535404441581784126457"
640  defer="defer"
641></script>
641
642
643<script>
644  const Theme = {
645    translations: {
646      placeholder_image: `Imagen marcadora de posición`,
647      added: `Agregada`,
648      recipient_form_fields_visible: `Los campos de destinatario en el formulario ya son visibles`,
649      recipient_form_fields_hidden: `Los campos de destinatario en el formulario ya no son visibles`,
650      recipient_form_error: `Hubo un error al enviar el formulario`,
651      items_added_to_cart_one: `Se agregó un artículo al carrito`,
652      items_added_to_cart_other: `Se agregaron {{ count }} artículos al carrito`,
653      cart_count: `Total de artículos en el carrito`,
654    },
655    routes: {
656      cart_add_url: '/cart/add.js',
657      cart_change_url: '/cart/change',
658      cart_update_url: '/cart/update',
659      cart_url: '/cart',
660      predictive_search_url: '/search/suggest',
661      search_url: '/search',
662    },
663    template: {
664      name: 'collection',
665    },
666  };
667</script>
667
668<style data-shopify>
669@font-face {
670  font-family: Inter;
671  font-weight: 400;
672  font-style: normal;
673  font-display: swap;
674  src: url("//caterpillarcr.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
675       url("//caterpillarcr.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
676}
677@font-face {
678  font-family: Inter;
679  font-weight: 700;
680  font-style: normal;
681  font-display: swap;
682  src: url("//caterpillarcr.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
683       url("//caterpillarcr.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
684}
685@font-face {
686  font-family: Inter;
687  font-weight: 400;
688  font-style: italic;
689  font-display: swap;
690  src: url("//caterpillarcr.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
691       url("//caterpillarcr.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
692}
693@font-face {
694  font-family: Inter;
695  font-weight: 700;
696  font-style: italic;
697  font-display: swap;
698  src: url("//caterpillarcr.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
699       url("//caterpillarcr.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
700}
701@font-face {
702  font-family: Montserrat;
703  font-weight: 500;
704  font-style: normal;
705  font-display: swap;
706  src: url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
707       url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
708}
709@font-face {
710  font-family: Montserrat;
711  font-weight: 700;
712  font-style: normal;
713  font-display: swap;
714  src: url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
715       url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
716}
717@font-face {
718  font-family: Montserrat;
719  font-weight: 500;
720  font-style: italic;
721  font-display: swap;
722  src: url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"),
723       url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff");
724}
725@font-face {
726  font-family: Montserrat;
727  font-weight: 700;
728  font-style: italic;
729  font-display: swap;
730  src: url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
731       url("//caterpillarcr.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
732}
733
734
735  :root {
736    /* Page Layout */
737    --sidebar-width: 25rem;
738    --narrow-content-width: 36rem;
739    --normal-content-width: 42rem;
740    --wide-content-width: 46rem;
741    --narrow-page-width: 90rem;
742    --normal-page-width: 120rem;
743    --wide-page-width: 150rem;
744
745    /* Section Heights */
746    --section-height-small: 15rem;
747    --section-height-medium: 25rem;
748    --section-height-large: 35rem;
749
750    @media screen and (min-width: 40em) {
751      --section-height-small: 40svh;
752      --section-height-medium: 55svh;
753      --section-height-large: 70svh;
754    }
755
756    @media screen and (min-width: 60em) {
757      --section-height-small: 50svh;
758      --section-height-medium: 65svh;
759      --section-height-large: 80svh;
760    }
761
762    /* Letter spacing */
763    --letter-spacing-sm: 0.06em;
764    --letter-spacing-md: 0.13em;
765
766    /* Font families */
767    --font-body--family: Inter, sans-serif;
768    --font-body--style: normal;
769    --font-body--weight: 400;
770    --font-subheading--family: Montserrat, sans-serif;
771    --font-subheading--style: normal;
772    --font-subheading--weight: 500;
773    --font-heading--family: Montserrat, sans-serif;
774    --font-heading--style: normal;
775    --font-heading--weight: 700;
776    --font-accent--family: Inter, sans-serif;
777    --font-accent--style: normal;
778    --font-accent--weight: 700;
779
780    /* Margin sizes */
781    --font-heading--spacing: 0.25em;
782    --font-h1--spacing: var(--font-heading--spacing);
783    --font-h2--spacing: var(--font-heading--spacing);
784    --font-h3--spacing: var(--font-heading--spacing);
785    --font-h4--spacing: var(--font-heading--spacing);
786    --font-h5--spacing: var(--font-heading--spacing);
787    --font-h6--spacing: var(--font-heading--spacing);
788    --font-paragraph--spacing: 0.5em;
789
790    /* Heading colors */
791    --font-h1--color: var(--color-foreground-heading);
792    --font-h2--color: var(--color-foreground-heading);
793    --font-h3--color: var(--color-foreground-heading);
794    --font-h4--color: var(--color-foreground-heading);
795    --font-h5--color: var(--color-foreground-heading);
796    --font-h6--color: var(--color-foreground-heading);
797
798    /** Z-Index / Layering */
799    --layer-section-background: -2;
800    --layer-lowest: -1;
801    --layer-base: 0;
802    --layer-flat: 1;
803    --layer-raised: 2;
804    --layer-heightened: 4;
805    --layer-sticky: 8;
806    --layer-window-overlay: 10;
807    --layer-header-menu: 12;
808    --layer-overlay: 16;
809    --layer-menu-drawer: 18;
810    --layer-temporary: 20;
811
812    /* Max-width / Measure */
813    --max-width--body-normal: 32.5em;
814    --max-width--body-narrow: 22.75em;
815
816    --max-width--heading-normal: 32.5em;
817    --max-width--heading-narrow: 19.5em;
818
819    --max-width--display-normal: 13em;
820    --max-width--display-narrow: 9.75em;
821    --max-width--display-tight: 3.25em;
822
823    /* Letter-spacing / Tracking */
824    --letter-spacing--display-tight: -0.03em;
825    --letter-spacing--display-normal: 0em;
826    --letter-spacing--display-loose: 0.03em;
827
828    --letter-spacing--heading-tight: -0.03em;
829    --letter-spacing--heading-normal: 0em;
830    --letter-spacing--heading-loose: 0.03em;
831
832    --letter-spacing--body-tight: -0.03em;
833    --letter-spacing--body-normal: 0em;
834    --letter-spacing--body-loose: 0.03em;
835
836    /* Line height / Leading */
837    --line-height: 1;
838
839    --line-height--display-tight: 1;
840    --line-height--display-normal: 1.1;
841    --line-height--display-loose: 1.2;
842
843    --line-height--heading-tight: 1.15;
844    --line-height--heading-normal: 1.25;
845    --line-height--heading-loose: 1.35;
846
847    --line-height--body-tight: 1.2;
848    --line-height--body-normal: 1.4;
849    --line-height--body-loose: 1.6;
850
851    /* Typography presets */
852    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
853
854    /* Hardcoded font sizes */
855    --font-size--3xs: 0.625rem;
856    --font-size--2xs: 0.75rem;
857    --font-size--xs: 0.8125rem;
858    --font-size--sm: 0.875rem;
859    --font-size--md: 1rem;
860    --font-size--lg: 1.125rem;
861    --font-size--xl: 1.25rem;
862    --font-size--2xl: 1.5rem;
863    --font-size--3xl: 2rem;
864    --font-size--4xl: 2.5rem;
865    --font-size--5xl: 3rem;
866    --font-size--6xl: 3.5rem;
867
868    /* Menu font sizes */
869    --menu-font-sm--size: 0.875rem;
870    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
871    --menu-font-md--size: 1rem;
872    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
873    --menu-font-lg--size: 1.125rem;
874    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
875    --menu-font-xl--size: 1.25rem;
876    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
877    --menu-font-2xl--size: 1.75rem;
878    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
879
880    /* Colors */
881    --color-error: #8B0000;
882    --color-success: #006400;
883    --color-white: #FFFFFF;
884    --color-white-rgb: 255 255 255;
885    --color-black: #000000;
886    --color-instock: #3ED660;
887    --color-lowstock: #EE9441;
888    --color-outofstock: #C8C8C8;
889
890    /* Opacity */
891    --opacity-5: 0.05;
892    --opacity-8: 0.08;
893    --opacity-10: 0.1;
894    --opacity-15: 0.15;
895    --opacity-20: 0.2;
896    --opacity-25: 0.25;
897    --opacity-30: 0.3;
898    --opacity-40: 0.4;
899    --opacity-50: 0.5;
900    --opacity-60: 0.6;
901    --opacity-70: 0.7;
902    --opacity-80: 0.8;
903    --opacity-85: 0.85;
904    --opacity-90: 0.9;
905    --opacity-subdued-text: var(--opacity-70);
906
907    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
908    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
909
910    /* Spacing */
911    --margin-3xs: 0.125rem;
912    --margin-2xs: 0.3rem;
913    --margin-xs: 0.5rem;
914    --margin-sm: 0.7rem;
915    --margin-md: 0.8rem;
916    --margin-lg: 1rem;
917    --margin-xl: 1.25rem;
918    --margin-2xl: 1.5rem;
919    --margin-3xl: 1.75rem;
920    --margin-4xl: 2rem;
921    --margin-5xl: 3rem;
922    --margin-6xl: 5rem;
923
924    --scroll-margin: 50px;
925
926    --padding-3xs: 0.125rem;
927    --padding-2xs: 0.25rem;
928    --padding-xs: 0.5rem;
929    --padding-sm: 0.7rem;
930    --padding-md: 0.8rem;
931    --padding-lg: 1rem;
932    --padding-xl: 1.25rem;
933    --padding-2xl: 1.5rem;
934    --padding-3xl: 1.75rem;
935    --padding-4xl: 2rem;
936    --padding-5xl: 3rem;
937    --padding-6xl: 4rem;
938
939    --gap-3xs: 0.125rem;
940    --gap-2xs: 0.3rem;
941    --gap-xs: 0.5rem;
942    --gap-sm: 0.7rem;
943    --gap-md: 0.9rem;
944    --gap-lg: 1rem;
945    --gap-xl: 1.25rem;
946    --gap-2xl: 2rem;
947    --gap-3xl: 3rem;
948
949    --spacing-scale-sm: 0.6;
950    --spacing-scale-md: 0.7;
951    --spacing-scale-default: 1.0;
952
953    /* Checkout buttons gap */
954    --checkout-button-gap: 10px;
955
956    /* Borders */
957    --style-border-width: 1px;
958    --style-border-radius-xs: 0.2rem;
959    --style-border-radius-sm: 0.6rem;
960    --style-border-radius-md: 0.8rem;
961    --style-border-radius-50: 50%;
962    --style-border-radius-lg: 1rem;
963    --style-border-radius-pills: 40px;
964    --style-border-radius-inputs: 4px;
965    --style-border-radius-buttons-primary: 14px;
966    --style-border-radius-buttons-secondary: 14px;
967    --style-border-width-primary: 0px;
968    --style-border-width-secondary: 1px;
969    --style-border-width-inputs: 1px;
970    --style-border-radius-popover: 14px;
971    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
972    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
973    --style-border-swatch-opacity: 10%;
974    --style-border-swatch-width: 1px;
975    --style-border-swatch-style: solid;
976
977    /* Animation */
978    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
979    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
980    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
981    --animation-speed-fast: 0.0625s;
982    --animation-speed: 0.125s;
983    --animation-speed-slow: 0.2s;
984    --animation-speed-medium: 0.15s;
985    --animation-easing: ease-in-out;
986    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
987    --drawer-animation-speed: 0.2s;
988    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
989    --animation-values: var(--animation-speed) var(--animation-easing);
990    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
991    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
992    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
993    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
994    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
995    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
996    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
997    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
998    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
999    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
1000    --spring-d300-b0-duration: 0.4980s;
1001    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
1002    --spring-d280-b0-duration: 0.4648s;
1003    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
1004    --spring-d260-b0-duration: 0.4316s;
1005    --spring-d220-b0-easing: linear(
1006      0,
1007      0.0093 1.37%,
1008      0.0696 4.12%,
1009      0.4667 15.09%,
1010      0.6322 20.58%,
1011      0.6986 23.32%,
1012      0.7793 27.44%,
1013      0.8219 30.18%,
1014      0.8721,
1015      0.9089 38.42%,
1016      0.9427,
1017      0.9644,
1018      0.978 54.88%,
1019      0.9881 61.74%,
1020      0.9944 69.97%,
1021      0.998 80.95%,
1022      0.9996 98.78%
1023    );
1024    --spring-d220-b0-duration: 0.3818s;
1025    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
1026    --spring-d180-b0-duration: 0.2988s;
1027
1028    /* View transitions */
1029    /* View transition old */
1030    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
1031
1032    /* View transition new */
1033    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
1034
1035    /* Focus */
1036    --focus-outline-width: 0.09375rem;
1037    --focus-outline-offset: 0.2em;
1038
1039    /* Badges */
1040    --badge-blob-padding-block: 1px;
1041    --badge-blob-padding-inline: 12px 8px;
1042    --badge-rectangle-padding-block: 1px;
1043    --badge-rectangle-padding-inline: 6px;
1044    @media screen and (min-width: 750px) {
1045      --badge-blob-padding-block: 4px;
1046      --badge-blob-padding-inline: 16px 12px;
1047      --badge-rectangle-padding-block: 4px;
1048      --badge-rectangle-padding-inline: 10px;
1049    }
1050
1051    /* Icons */
1052    --icon-size-2xs: 0.6rem;
1053    --icon-size-xs: 0.85rem;
1054    --icon-size-sm: 1.25rem;
1055    --icon-size-md: 1.375rem;
1056    --icon-size-lg: 1.5rem;
1057    --icon-stroke-width: 1.5px;
1058
1059    /* Input */
1060    --input-email-min-width: 200px;
1061    --input-search-max-width: 650px;
1062    --input-padding-y: 0.8rem;
1063    --input-padding-x: 0.8rem;
1064    --input-padding: var(--input-padding-y) var(--input-padding-x);
1065    --input-box-shadow-width: var(--style-border-width-inputs);
1066    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
1067    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
1068    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1069    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
1070    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1071    --input-textarea-min-height: 55px;
1072
1073    /* Checkbox */
1074    --checkbox-size: 22px;
1075    --checkbox-border-radius: 7px;
1076    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
1077    --checkbox-label-padding: 8px;
1078
1079    @media screen and (min-width: 750px) {
1080      --checkbox-size: 16px;
1081      --checkbox-border-radius: 5px;
1082      --checkbox-label-padding: 6px;
1083    }
1084
1085    /* Button size */
1086    --button-size-sm: 30px;
1087    --button-size-md: 36px;
1088    --button-size: var(--minimum-touch-target);
1089    --button-padding-inline: 24px;
1090    --button-padding-block: 16px;
1091
1092    /* Button font-family */
1093    --button-font-family-primary: var(--font-body--family);
1094    --button-font-family-secondary: var(--font-body--family);
1095
1096    /* Button text case */
1097    --button-text-case: ;
1098    --button-text-case-primary: default;
1099    --button-text-case-secondary: default;
1100
1101    /* Borders */
1102    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
1103    --border-width-sm: 1px;
1104    --border-width-md: 2px;
1105    --border-width-lg: 5px;
1106    --border-radius-sm: 0.25rem;
1107
1108    /* Drawers */
1109    --drawer-inline-padding: 25px;
1110    --drawer-menu-inline-padding: 2.5rem;
1111    --drawer-header-block-padding: 20px;
1112    --drawer-content-block-padding: 10px;
1113    --drawer-header-desktop-top: 0rem;
1114    --drawer-padding: calc(var(--padding-sm) + 7px);
1115    --drawer-height: 100dvh;
1116    --drawer-width: 95vw;
1117    --drawer-max-width: 500px;
1118
1119    /* Variant Picker Swatches */
1120    --variant-picker-swatch-width-unitless: 34;
1121    --variant-picker-swatch-height-unitless: 34;
1122    --variant-picker-swatch-width: 34px;
1123    --variant-picker-swatch-height: 34px;
1124    --variant-picker-swatch-radius: 32px;
1125    --variant-picker-border-width: 1px;
1126    --variant-picker-border-style: solid;
1127    --variant-picker-border-opacity: 10%;
1128
1129    /* Variant Picker Buttons */
1130    --variant-picker-button-radius: 14px;
1131    --variant-picker-button-border-width: 1px;
1132
1133    /* Slideshow */
1134    --slideshow-controls-size: 3.5rem;
1135    --slideshow-controls-icon: 2rem;
1136    --peek-next-slide-size: 3rem;
1137
1138    /* Utilities */
1139    --backdrop-opacity: 0.15;
1140    --backdrop-color-rgb: var(--color-shadow-rgb);
1141    --minimum-touch-target: 44px;
1142    --disabled-opacity: 0.5;
1143    --skeleton-opacity: 0.025;
1144
1145    /* Shapes */
1146    --shape--circle: circle(50% at center);
1147    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
1148    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
1149    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
1149% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
1150
1151    /* Buy buttons */
1152    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
1153
1154    /* Card image width and height variables */
1155    --card-width-small: 10rem;
1156
1157    --height-small: 10rem;
1158    --height-medium: 11.5rem;
1159    --height-large: 13rem;
1160    --height-full: 100vh;
1161
1162    @media screen and (min-width: 750px) {
1163      --height-small: 17.5rem;
1164      --height-medium: 21.25rem;
1165      --height-large: 25rem;
1166    }
1167
1168    /* Modal */
1169    --modal-max-height: 65dvh;
1170    --quick-add-modal-height: min(38.5rem, 96vh);
1171    --quick-add-modal-width: min(54rem, 96vw);
1172    --quick-add-modal-gallery-width: 24rem;
1173
1174    /* Card styles for search */
1175    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
1176    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
1177    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1178
1179    /* Cart */
1180    --cart-primary-font-family: var(--font-body--family);
1181    --cart-primary-font-style: var(--font-body--style);
1182    --cart-primary-font-weight: var(--font-body--weight);
1183    --cart-secondary-font-family: var(--font-secondary--family);
1184    --cart-secondary-font-style: var(--font-secondary--style);
1185    --cart-secondary-font-weight: var(--font-secondary--weight);
1186  }
1187</style>
1188
1189
1190<style data-shopify>
1191  
1192    
1193      :root,
1194    
1195    
1196    
1197    .color-scheme-1 {
1198        --color-background: rgb(255 255 255 / 1.0);
1199        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1200        --color-background-rgb: 255 255 255;
1201        --opacity-5-15: 0.05;
1202        --opacity-10-25: 0.1;
1203        --opacity-35-55: 0.35;
1204        --opacity-40-60: 0.4;
1205        --opacity-30-60: 0.3;
1206        --color-foreground: rgb(0 0 0 / 0.81);
1207        --color-foreground-rgb: 0 0 0;
1208        --color-foreground-heading: rgb(0 0 0 / 1.0);
1209        --color-foreground-heading-rgb: 0 0 0;
1210        --color-primary: rgb(0 0 0 / 0.81);
1211        --color-primary-rgb: 0 0 0;
1212        --color-primary-hover: rgb(0 0 0 / 1.0);
1213        --color-primary-hover-rgb: 0 0 0;
1214        --color-border: rgb(0 0 0 / 0.06);
1215        --color-border-rgb: 0 0 0;
1216        --color-shadow: rgb(0 0 0 / 1.0);
1217        --color-shadow-rgb: 0 0 0;
1218        --color-primary-button-text: rgb(255 255 255 / 1.0);
1219        --color-primary-button-background: rgb(0 0 0 / 1.0);
1220        --color-primary-button-border: rgb(0 0 0 / 1.0);
1221        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1222        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1223        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1224        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1225        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1226        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1227        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1228        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1229        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1230        --color-input-background: rgb(255 255 255 / 0.78);
1231        --color-input-text: rgb(51 51 51 / 1.0);
1232        --color-input-text-rgb: 51 51 51;
1233        --color-input-border: rgb(223 223 223 / 1.0);
1234        --color-input-hover-background: rgb(0 0 0 / 0.01);
1235        --color-variant-background: rgb(255 255 255 / 1.0);
1236        --color-variant-border: rgb(0 0 0 / 0.13);
1237        --color-variant-text: rgb(0 0 0 / 1.0);
1238        --color-variant-text-rgb: 0 0 0;
1239        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1240        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1241        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1242        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1243        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1244        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1245        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1246        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1247        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1248
1249        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1250        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1251        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1252        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1253        --font-h1--color: var(--color-foreground-heading);
1254        --font-h2--color: var(--color-foreground-heading);
1255        --font-h3--color: var(--color-foreground-heading);
1256        --font-h4--color: var(--color-foreground-heading);
1257        --font-h5--color: var(--color-foreground-heading);
1258        --font-h6--color: var(--color-foreground-heading);
1259
1260        /* Shadows */
1261        
1262          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1263        
1264        
1265          --shadow-blur: 20px;
1266          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1267        
1268      }
1269  
1270    
1271    
1272    
1273    .color-scheme-2 {
1274        --color-background: rgb(245 245 245 / 1.0);
1275        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1276        --color-background-rgb: 245 245 245;
1277        --opacity-5-15: 0.05;
1278        --opacity-10-25: 0.1;
1279        --opacity-35-55: 0.35;
1280        --opacity-40-60: 0.4;
1281        --opacity-30-60: 0.3;
1282        --color-foreground: rgb(0 0 0 / 0.81);
1283        --color-foreground-rgb: 0 0 0;
1284        --color-foreground-heading: rgb(0 0 0 / 1.0);
1285        --color-foreground-heading-rgb: 0 0 0;
1286        --color-primary: rgb(0 0 0 / 0.81);
1287        --color-primary-rgb: 0 0 0;
1288        --color-primary-hover: rgb(255 255 255 / 1.0);
1289        --color-primary-hover-rgb: 255 255 255;
1290        --color-border: rgb(223 223 223 / 1.0);
1291        --color-border-rgb: 223 223 223;
1292        --color-shadow: rgb(0 0 0 / 1.0);
1293        --color-shadow-rgb: 0 0 0;
1294        --color-primary-button-text: rgb(255 255 255 / 1.0);
1295        --color-primary-button-background: rgb(0 0 0 / 1.0);
1296        --color-primary-button-border: rgb(0 0 0 / 1.0);
1297        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1298        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1299        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1300        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1301        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1302        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1303        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1304        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1305        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1306        --color-input-background: rgb(0 0 0 / 0.0);
1307        --color-input-text: rgb(0 0 0 / 0.53);
1308        --color-input-text-rgb: 0 0 0;
1309        --color-input-border: rgb(0 0 0 / 0.13);
1310        --color-input-hover-background: rgb(255 255 255 / 0.36);
1311        --color-variant-background: rgb(255 255 255 / 1.0);
1312        --color-variant-border: rgb(230 230 230 / 1.0);
1313        --color-variant-text: rgb(0 0 0 / 1.0);
1314        --color-variant-text-rgb: 0 0 0;
1315        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1316        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1317        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1318        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1319        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1320        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1321        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1322        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1323        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1324
1325        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1326        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1327        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1328        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1329        --font-h1--color: var(--color-foreground-heading);
1330        --font-h2--color: var(--color-foreground-heading);
1331        --font-h3--color: var(--color-foreground-heading);
1332        --font-h4--color: var(--color-foreground-heading);
1333        --font-h5--color: var(--color-foreground-heading);
1334        --font-h6--color: var(--color-foreground-heading);
1335
1336        /* Shadows */
1337        
1338          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1339        
1340        
1341          --shadow-blur: 20px;
1342          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1343        
1344      }
1345  
1346    
1347    
1348    
1349    .color-scheme-3 {
1350        --color-background: rgb(238 241 234 / 1.0);
1351        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1352        --color-background-rgb: 238 241 234;
1353        --opacity-5-15: 0.05;
1354        --opacity-10-25: 0.1;
1355        --opacity-35-55: 0.35;
1356        --opacity-40-60: 0.4;
1357        --opacity-30-60: 0.3;
1358        --color-foreground: rgb(0 0 0 / 0.81);
1359        --color-foreground-rgb: 0 0 0;
1360        --color-foreground-heading: rgb(0 0 0 / 1.0);
1361        --color-foreground-heading-rgb: 0 0 0;
1362        --color-primary: rgb(0 0 0 / 0.81);
1363        --color-primary-rgb: 0 0 0;
1364        --color-primary-hover: rgb(0 0 0 / 1.0);
1365        --color-primary-hover-rgb: 0 0 0;
1366        --color-border: rgb(0 0 0 / 0.81);
1367        --color-border-rgb: 0 0 0;
1368        --color-shadow: rgb(0 0 0 / 1.0);
1369        --color-shadow-rgb: 0 0 0;
1370        --color-primary-button-text: rgb(255 255 255 / 1.0);
1371        --color-primary-button-background: rgb(0 0 0 / 1.0);
1372        --color-primary-button-border: rgb(0 0 0 / 1.0);
1373        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1374        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1375        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1376        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1377        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1378        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1379        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1380        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1381        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1382        --color-input-background: rgb(0 0 0 / 0.0);
1383        --color-input-text: rgb(0 0 0 / 0.81);
1384        --color-input-text-rgb: 0 0 0;
1385        --color-input-border: rgb(0 0 0 / 0.81);
1386        --color-input-hover-background: rgb(255 255 255 / 0.36);
1387        --color-variant-background: rgb(255 255 255 / 1.0);
1388        --color-variant-border: rgb(230 230 230 / 1.0);
1389        --color-variant-text: rgb(0 0 0 / 1.0);
1390        --color-variant-text-rgb: 0 0 0;
1391        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1392        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1393        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1394        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1395        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1396        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1397        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1398        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1399        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1400
1401        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1402        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1403        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1404        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1405        --font-h1--color: var(--color-foreground-heading);
1406        --font-h2--color: var(--color-foreground-heading);
1407        --font-h3--color: var(--color-foreground-heading);
1408        --font-h4--color: var(--color-foreground-heading);
1409        --font-h5--color: var(--color-foreground-heading);
1410        --font-h6--color: var(--color-foreground-heading);
1411
1412        /* Shadows */
1413        
1414          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1415        
1416        
1417          --shadow-blur: 20px;
1418          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1419        
1420      }
1421  
1422    
1423    
1424    
1425    .color-scheme-4 {
1426        --color-background: rgb(225 237 245 / 1.0);
1427        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1428        --color-background-rgb: 225 237 245;
1429        --opacity-5-15: 0.05;
1430        --opacity-10-25: 0.1;
1431        --opacity-35-55: 0.35;
1432        --opacity-40-60: 0.4;
1433        --opacity-30-60: 0.3;
1434        --color-foreground: rgb(0 0 0 / 0.81);
1435        --color-foreground-rgb: 0 0 0;
1436        --color-foreground-heading: rgb(0 0 0 / 1.0);
1437        --color-foreground-heading-rgb: 0 0 0;
1438        --color-primary: rgb(0 0 0 / 0.81);
1439        --color-primary-rgb: 0 0 0;
1440        --color-primary-hover: rgb(0 0 0 / 1.0);
1441        --color-primary-hover-rgb: 0 0 0;
1442        --color-border: rgb(29 54 134 / 0.5);
1443        --color-border-rgb: 29 54 134;
1444        --color-shadow: rgb(0 0 0 / 1.0);
1445        --color-shadow-rgb: 0 0 0;
1446        --color-primary-button-text: rgb(255 255 255 / 1.0);
1447        --color-primary-button-background: rgb(0 0 0 / 1.0);
1448        --color-primary-button-border: rgb(29 54 134 / 1.0);
1449        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1450        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1451        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1452        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1453        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1454        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1455        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1456        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1457        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1458        --color-input-background: rgb(0 0 0 / 0.0);
1459        --color-input-text: rgb(0 0 0 / 0.81);
1460        --color-input-text-rgb: 0 0 0;
1461        --color-input-border: rgb(0 0 0 / 0.81);
1462        --color-input-hover-background: rgb(255 255 255 / 0.36);
1463        --color-variant-background: rgb(255 255 255 / 1.0);
1464        --color-variant-border: rgb(230 230 230 / 1.0);
1465        --color-variant-text: rgb(0 0 0 / 1.0);
1466        --color-variant-text-rgb: 0 0 0;
1467        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1468        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1469        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1470        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1471        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1472        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1473        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1474        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1475        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1476
1477        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1478        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1479        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1480        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1481        --font-h1--color: var(--color-foreground-heading);
1482        --font-h2--color: var(--color-foreground-heading);
1483        --font-h3--color: var(--color-foreground-heading);
1484        --font-h4--color: var(--color-foreground-heading);
1485        --font-h5--color: var(--color-foreground-heading);
1486        --font-h6--color: var(--color-foreground-heading);
1487
1488        /* Shadows */
1489        
1490          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1491        
1492        
1493          --shadow-blur: 20px;
1494          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1495        
1496      }
1497  
1498    
1499    
1500    
1501    .color-scheme-5 {
1502        --color-background: rgb(51 51 51 / 1.0);
1503        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1504        --color-background-rgb: 51 51 51;
1505        --opacity-5-15: 0.15;
1506        --opacity-10-25: 0.25;
1507        --opacity-35-55: 0.55;
1508        --opacity-40-60: 0.6;
1509        --opacity-30-60: 0.6;
1510        --color-foreground: rgb(255 255 255 / 1.0);
1511        --color-foreground-rgb: 255 255 255;
1512        --color-foreground-heading: rgb(255 255 255 / 1.0);
1513        --color-foreground-heading-rgb: 255 255 255;
1514        --color-primary: rgb(255 255 255 / 1.0);
1515        --color-primary-rgb: 255 255 255;
1516        --color-primary-hover: rgb(255 255 255 / 0.69);
1517        --color-primary-hover-rgb: 255 255 255;
1518        --color-border: rgb(255 255 255 / 0.69);
1519        --color-border-rgb: 255 255 255;
1520        --color-shadow: rgb(0 0 0 / 1.0);
1521        --color-shadow-rgb: 0 0 0;
1522        --color-primary-button-text: rgb(0 0 0 / 1.0);
1523        --color-primary-button-background: rgb(255 255 255 / 1.0);
1524        --color-primary-button-border: rgb(255 255 255 / 1.0);
1525        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1526        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1527        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1528        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1529        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1530        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1531        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1532        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1533        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1534        --color-input-background: rgb(51 51 51 / 1.0);
1535        --color-input-text: rgb(255 255 255 / 0.93);
1536        --color-input-text-rgb: 255 255 255;
1537        --color-input-border: rgb(255 255 255 / 0.69);
1538        --color-input-hover-background: rgb(255 255 255 / 0.04);
1539        --color-variant-background: rgb(255 255 255 / 1.0);
1540        --color-variant-border: rgb(230 230 230 / 1.0);
1541        --color-variant-text: rgb(0 0 0 / 1.0);
1542        --color-variant-text-rgb: 0 0 0;
1543        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1544        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1545        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1546        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1547        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1548        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1549        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1550        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1551        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1552
1553        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1554        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1555        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1556        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1557        --font-h1--color: var(--color-foreground-heading);
1558        --font-h2--color: var(--color-foreground-heading);
1559        --font-h3--color: var(--color-foreground-heading);
1560        --font-h4--color: var(--color-foreground-heading);
1561        --font-h5--color: var(--color-foreground-heading);
1562        --font-h6--color: var(--color-foreground-heading);
1563
1564        /* Shadows */
1565        
1566          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1567        
1568        
1569          --shadow-blur: 20px;
1570          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1571        
1572      }
1573  
1574    
1575    
1576    
1577    .color-scheme-6 {
1578        --color-background: rgb(0 0 0 / 0.0);
1579        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1580        --color-background-rgb: 0 0 0;
1581        --opacity-5-15: 0.15;
1582        --opacity-10-25: 0.25;
1583        --opacity-35-55: 0.55;
1584        --opacity-40-60: 0.6;
1585        --opacity-30-60: 0.6;
1586        --color-foreground: rgb(255 255 255 / 1.0);
1587        --color-foreground-rgb: 255 255 255;
1588        --color-foreground-heading: rgb(255 255 255 / 1.0);
1589        --color-foreground-heading-rgb: 255 255 255;
1590        --color-primary: rgb(255 255 255 / 1.0);
1591        --color-primary-rgb: 255 255 255;
1592        --color-primary-hover: rgb(255 255 255 / 0.69);
1593        --color-primary-hover-rgb: 255 255 255;
1594        --color-border: rgb(230 230 230 / 1.0);
1595        --color-border-rgb: 230 230 230;
1596        --color-shadow: rgb(0 0 0 / 1.0);
1597        --color-shadow-rgb: 0 0 0;
1598        --color-primary-button-text: rgb(0 0 0 / 1.0);
1599        --color-primary-button-background: rgb(255 255 255 / 1.0);
1600        --color-primary-button-border: rgb(255 255 255 / 1.0);
1601        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1602        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1603        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1604        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1604
1605        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1606        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1607        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1608        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1609        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1610        --color-input-background: rgb(255 255 255 / 1.0);
1611        --color-input-text: rgb(0 0 0 / 0.53);
1612        --color-input-text-rgb: 0 0 0;
1613        --color-input-border: rgb(0 0 0 / 0.13);
1614        --color-input-hover-background: rgb(250 250 250 / 1.0);
1615        --color-variant-background: rgb(255 255 255 / 1.0);
1616        --color-variant-border: rgb(230 230 230 / 1.0);
1617        --color-variant-text: rgb(0 0 0 / 1.0);
1618        --color-variant-text-rgb: 0 0 0;
1619        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1620        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1621        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1622        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1623        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1624        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1625        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1626        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1627        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1628
1629        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1630        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1631        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1632        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1633        --font-h1--color: var(--color-foreground-heading);
1634        --font-h2--color: var(--color-foreground-heading);
1635        --font-h3--color: var(--color-foreground-heading);
1636        --font-h4--color: var(--color-foreground-heading);
1637        --font-h5--color: var(--color-foreground-heading);
1638        --font-h6--color: var(--color-foreground-heading);
1639
1640        /* Shadows */
1641        
1642          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1643        
1644        
1645          --shadow-blur: 20px;
1646          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1647        
1648      }
1649  
1650    
1651    
1652    
1653    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1654        --color-background: rgb(0 0 0 / 0.0);
1655        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1656        --color-background-rgb: 0 0 0;
1657        --opacity-5-15: 0.15;
1658        --opacity-10-25: 0.25;
1659        --opacity-35-55: 0.55;
1660        --opacity-40-60: 0.6;
1661        --opacity-30-60: 0.6;
1662        --color-foreground: rgb(0 0 0 / 1.0);
1663        --color-foreground-rgb: 0 0 0;
1664        --color-foreground-heading: rgb(0 0 0 / 1.0);
1665        --color-foreground-heading-rgb: 0 0 0;
1666        --color-primary: rgb(0 0 0 / 1.0);
1667        --color-primary-rgb: 0 0 0;
1668        --color-primary-hover: rgb(0 0 0 / 0.53);
1669        --color-primary-hover-rgb: 0 0 0;
1670        --color-border: rgb(230 230 230 / 1.0);
1671        --color-border-rgb: 230 230 230;
1672        --color-shadow: rgb(0 0 0 / 1.0);
1673        --color-shadow-rgb: 0 0 0;
1674        --color-primary-button-text: rgb(255 255 255 / 1.0);
1675        --color-primary-button-background: rgb(0 0 0 / 1.0);
1676        --color-primary-button-border: rgb(0 0 0 / 1.0);
1677        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1678        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1679        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1680        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1681        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1682        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1683        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1684        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1685        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1686        --color-input-background: rgb(255 255 255 / 1.0);
1687        --color-input-text: rgb(0 0 0 / 0.53);
1688        --color-input-text-rgb: 0 0 0;
1689        --color-input-border: rgb(0 0 0 / 0.13);
1690        --color-input-hover-background: rgb(250 250 250 / 1.0);
1691        --color-variant-background: rgb(255 255 255 / 1.0);
1692        --color-variant-border: rgb(230 230 230 / 1.0);
1693        --color-variant-text: rgb(0 0 0 / 1.0);
1694        --color-variant-text-rgb: 0 0 0;
1695        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1696        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1697        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1698        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1699        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1700        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1701        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1702        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1703        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1704
1705        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1706        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1707        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1708        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1709        --font-h1--color: var(--color-foreground-heading);
1710        --font-h2--color: var(--color-foreground-heading);
1711        --font-h3--color: var(--color-foreground-heading);
1712        --font-h4--color: var(--color-foreground-heading);
1713        --font-h5--color: var(--color-foreground-heading);
1714        --font-h6--color: var(--color-foreground-heading);
1715
1716        /* Shadows */
1717        
1718          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1719        
1720        
1721          --shadow-blur: 20px;
1722          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1723        
1724      }
1725  
1726    
1727    
1728    
1729    .color-scheme-6dd74a44-5c63-4fc8-b2ff-3f28758087b9 {
1730        --color-background: rgb(255 204 0 / 1.0);
1731        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1732        --color-background-rgb: 255 204 0;
1733        --opacity-5-15: 0.05;
1734        --opacity-10-25: 0.1;
1735        --opacity-35-55: 0.35;
1736        --opacity-40-60: 0.4;
1737        --opacity-30-60: 0.3;
1738        --color-foreground: rgb(0 0 0 / 0.81);
1739        --color-foreground-rgb: 0 0 0;
1740        --color-foreground-heading: rgb(0 0 0 / 1.0);
1741        --color-foreground-heading-rgb: 0 0 0;
1742        --color-primary: rgb(0 0 0 / 0.81);
1743        --color-primary-rgb: 0 0 0;
1744        --color-primary-hover: rgb(0 0 0 / 1.0);
1745        --color-primary-hover-rgb: 0 0 0;
1746        --color-border: rgb(0 0 0 / 0.06);
1747        --color-border-rgb: 0 0 0;
1748        --color-shadow: rgb(0 0 0 / 1.0);
1749        --color-shadow-rgb: 0 0 0;
1750        --color-primary-button-text: rgb(255 255 255 / 1.0);
1751        --color-primary-button-background: rgb(0 0 0 / 1.0);
1752        --color-primary-button-border: rgb(0 0 0 / 1.0);
1753        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1754        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1755        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1756        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1757        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1758        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1759        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1760        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1761        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1762        --color-input-background: rgb(255 255 255 / 0.78);
1763        --color-input-text: rgb(51 51 51 / 1.0);
1764        --color-input-text-rgb: 51 51 51;
1765        --color-input-border: rgb(223 223 223 / 1.0);
1766        --color-input-hover-background: rgb(0 0 0 / 0.01);
1767        --color-variant-background: rgb(255 255 255 / 1.0);
1768        --color-variant-border: rgb(0 0 0 / 0.13);
1769        --color-variant-text: rgb(0 0 0 / 1.0);
1770        --color-variant-text-rgb: 0 0 0;
1771        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1772        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1773        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1774        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1775        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1776        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1777        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1778        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1779        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1780
1781        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1782        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1783        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1784        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1785        --font-h1--color: var(--color-foreground-heading);
1786        --font-h2--color: var(--color-foreground-heading);
1787        --font-h3--color: var(--color-foreground-heading);
1788        --font-h4--color: var(--color-foreground-heading);
1789        --font-h5--color: var(--color-foreground-heading);
1790        --font-h6--color: var(--color-foreground-heading);
1791
1792        /* Shadows */
1793        
1794          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1795        
1796        
1797          --shadow-blur: 20px;
1798          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1799        
1800      }
1801  
1802    
1803    
1804    
1805    .color-scheme-4210fd4d-d3ed-400c-966b-fc3b881c4ca8 {
1806        --color-background: rgb(255 255 255 / 1.0);
1807        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1808        --color-background-rgb: 255 255 255;
1809        --opacity-5-15: 0.05;
1810        --opacity-10-25: 0.1;
1811        --opacity-35-55: 0.35;
1812        --opacity-40-60: 0.4;
1813        --opacity-30-60: 0.3;
1814        --color-foreground: rgb(0 0 0 / 0.81);
1815        --color-foreground-rgb: 0 0 0;
1816        --color-foreground-heading: rgb(0 0 0 / 1.0);
1817        --color-foreground-heading-rgb: 0 0 0;
1818        --color-primary: rgb(0 0 0 / 0.81);
1819        --color-primary-rgb: 0 0 0;
1820        --color-primary-hover: rgb(0 0 0 / 1.0);
1821        --color-primary-hover-rgb: 0 0 0;
1822        --color-border: rgb(0 0 0 / 0.06);
1823        --color-border-rgb: 0 0 0;
1824        --color-shadow: rgb(0 0 0 / 1.0);
1825        --color-shadow-rgb: 0 0 0;
1826        --color-primary-button-text: rgb(255 255 255 / 1.0);
1827        --color-primary-button-background: rgb(0 0 0 / 1.0);
1828        --color-primary-button-border: rgb(0 0 0 / 1.0);
1829        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1830        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1831        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1832        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1833        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1834        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1835        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1836        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1837        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1838        --color-input-background: rgb(255 255 255 / 0.78);
1839        --color-input-text: rgb(51 51 51 / 1.0);
1840        --color-input-text-rgb: 51 51 51;
1841        --color-input-border: rgb(223 223 223 / 1.0);
1842        --color-input-hover-background: rgb(0 0 0 / 0.01);
1843        --color-variant-background: rgb(255 255 255 / 1.0);
1844        --color-variant-border: rgb(0 0 0 / 0.13);
1845        --color-variant-text: rgb(0 0 0 / 1.0);
1846        --color-variant-text-rgb: 0 0 0;
1847        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1848        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1849        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1850        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1851        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1852        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1853        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1854        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1855        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1856
1857        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1858        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1859        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1860        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1861        --font-h1--color: var(--color-foreground-heading);
1862        --font-h2--color: var(--color-foreground-heading);
1863        --font-h3--color: var(--color-foreground-heading);
1864        --font-h4--color: var(--color-foreground-heading);
1865        --font-h5--color: var(--color-foreground-heading);
1866        --font-h6--color: var(--color-foreground-heading);
1867
1868        /* Shadows */
1869        
1870          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1871        
1872        
1873          --shadow-blur: 20px;
1874          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1875        
1876      }
1877  
1878
1879  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-6dd74a44-5c63-4fc8-b2ff-3f28758087b9, .color-scheme-4210fd4d-d3ed-400c-966b-fc3b881c4ca8 {
1880    color: var(--color-foreground);
1881    background-color: var(--color-background);
1882  }
1883</style>
1884<link
1885  rel="preload"
1886  as="font"
1887  href="//caterpillarcr.com/cdn/shop/t/14/assets/anton-regular.woff2?v=100097596585446026431787698891"
1888  type="font/woff2"
1889  crossorigin
1890  fetchpriority="low"
1891>
1892<style>
1893  @font-face {
1894    font-family: 'Anton';
1895    src: url('//caterpillarcr.com/cdn/shop/t/14/assets/anton-regular.woff2?v=100097596585446026431787698891') format('woff2');
1896    font-weight: 400;
1897    font-style: normal;
1898    font-display: swap;
1899  }
1900
1901  :root {
1902    --font-heading--family: 'Anton', Impact, 'Arial Narrow', sans-serif;
1903    --font-heading--style: normal;
1904    --font-heading--weight: 400;
1905    --font-subheading--family: 'Anton', Impact, 'Arial Narrow', sans-serif;
1906    --font-subheading--style: normal;
1907    --font-subheading--weight: 400;
1908  }
1909
1910  /*
1911   * Precios (product-price): fuente normal del cuerpo (no Anton), siempre
1912   * bold y un poco más grandes. product-price.text-block gana en
1913   * especificidad al preset tipográfico del bloque (h1–h6/custom), que solo
1914   * define custom properties/clases, sin inline font-family.
1915   */
1916  product-price.text-block,
1917  .price,
1918  .compare-at-price,
1919  .unit-price {
1920    font-family: var(--font-body--family);
1921    font-style: normal;
1922    letter-spacing: normal;
1923  }
1924
1925  product-price.text-block .price {
1926    font-weight: 700;
1927    font-size: 1.15em;
1928  }
1929
1930  product-price.text-block .compare-at-price {
1931    font-weight: 400;
1932  }
1933
1934  /* Precio en la PDP: 2.5rem desktop / 2rem mobile. Scope .product-information
1935     (columna de detalles del producto); el sticky add-to-cart usa otro markup
1936     y no se ve afectado. */
1937  .product-information product-price.text-block .price {
1938    font-size: 2.5rem;
1939  }
1940
1941  @media screen and (max-width: 749px) {
1942    .product-information product-price.text-block .price {
1943      font-size: 2rem;
1944    }
1945  }
1946</style>
1947<script>
1948  window.dataLayer = window.dataLayer || [];
1949
1950  window.CATDataLayer = {
1951    currency: "CRC",
1952    page: {
1953      type: "collection",
1954      template: "collection",
1955      title: "BOTAS HOMBRE",
1956      path: window.location.pathname,
1957      search: window.location.search
1958    },
1959    customer: {
1960      logged_in: false
1961    },
1962    product: null,
1963    list: {
1964      name: "BOTAS HOMBRE",
1965      items: [
1966        
1967          
1968            
1969            {
1970              item_id: 9112663621889,
1971              item_name: "Botas Surge Hiker para hombre color negro",
1972              item_brand: "CAT",
1973              item_category: "CALZADO",
1974              item_list_name: "BOTAS HOMBRE",
1975              item_variant_id: 48472715002113,
1976              item_variant: "7 \/ Negro",
1977              sku: "30089212001",
1978              price: 94995.0,
1979              index: 1
1980            },
1981          
1982            
1983            {
1984              item_id: 9112663556353,
1985              item_name: "Botas Surge Hiker para hombre color gris",
1986              item_brand: "CAT",
1987              item_category: "CALZADO",
1988              item_list_name: "BOTAS HOMBRE",
1989              item_variant_id: 48472714346753,
1990              item_variant: "7 \/ Gris",
1991              sku: "30089213001",
1992              price: 94995.0,
1993              index: 2
1994            },
1995          
1996            
1997            {
1998              item_id: 9092211605761,
1999              item_name: "Botas Jettison para hombre color café",
2000              item_brand: "CAT",
2001              item_category: "CALZADO",
2002              item_list_name: "BOTAS HOMBRE",
2003              item_variant_id: 48252111290625,
2004              item_variant: "7 \/ Café",
2005              sku: "30089210001",
2006              price: 88995.0,
2007              index: 3
2008            },
2009          
2010            
2011            {
2012              item_id: 9092211572993,
2013              item_name: "Botas Surge Hiker para hombre color café",
2014              item_brand: "CAT",
2015              item_category: "CALZADO",
2016              item_list_name: "BOTAS HOMBRE",
2017              item_variant_id: 48252111094017,
2018              item_variant: "7 \/ Café",
2019              sku: "30089214001",
2020              price: 94995.0,
2021              index: 4
2022            },
2023          
2024            
2025            {
2026              item_id: 9092211507457,
2027              item_name: "Botínes Hex Ready Mid WP para hombre color gris",
2028              item_brand: "CAT",
2029              item_category: "CALZADO",
2030              item_list_name: "BOTAS HOMBRE",
2031              item_variant_id: 48252110864641,
2032              item_variant: "7 \/ Gris",
2033              sku: "30089223001",
2034              price: 81995.0,
2035              index: 5
2036            },
2037          
2038            
2039            {
2040              item_id: 9020445622529,
2041              item_name: "Botínes Roamer Mid 2.0 para hombre color negro",
2042              item_brand: "CAT",
2043              item_category: "CALZADO",
2044              item_list_name: "BOTAS HOMBRE",
2045              item_variant_id: 47875298623745,
2046              item_variant: "7 \/ Negro",
2047              sku: "30089193001",
2048              price: 69995.0,
2049              index: 6
2050            },
2051          
2052            
2053            {
2054              item_id: 9011784810753,
2055              item_name: "Botas Levitate 2.0 WP para hombre color negro",
2056              item_brand: "CAT",
2057              item_category: "CALZADO",
2058              item_list_name: "BOTAS HOMBRE",
2059              item_variant_id: 47562332078337,
2060              item_variant: "7 \/ Negro",
2061              sku: "30089211001",
2062              price: 94995.0,
2063              index: 7
2064            },
2065          
2066            
2067            {
2068              item_id: 8980203110657,
2069              item_name: "Botas Threshold Rebound Mid Wp para hombre color gris",
2070              item_brand: "CAT",
2071              item_category: "CALZADO",
2072              item_list_name: "BOTAS HOMBRE",
2073              item_variant_id: 46991378907393,
2074              item_variant: "7 \/ Gris",
2075              sku: "30086779001",
2076              price: 94995.0,
2077              index: 8
2078            },
2079          
2080            
2081            {
2082              item_id: 8935720616193,
2083              item_name: "Botas Jettison para hombre color negro",
2084              item_brand: "CAT",
2085              item_category: "CALZADO",
2086              item_list_name: "BOTAS HOMBRE",
2087              item_variant_id: 46827466457345,
2088              item_variant: "7 \/ Negro",
2089              sku: "30088610001",
2090              price: 89995.0,
2091              index: 9
2092            },
2093          
2094            
2095            {
2096              item_id: 8918658187521,
2097              item_name: "Botas Threshold Rebound Hiker WP para hombre color café",
2098              item_brand: "CAT",
2099              item_category: "CALZADO",
2100              item_list_name: "BOTAS HOMBRE",
2101              item_variant_id: 46762235134209,
2102              item_variant: "7 \/ Café",
2103              sku: "30086764001",
2104              price: 104995.0,
2105              index: 10
2106            },
2107          
2108            
2109            {
2110              item_id: 8918657663233,
2111              item_name: "Botas Pursue WP para hombre color café",
2112              item_brand: "CAT",
2113              item_category: "CALZADO",
2114              item_list_name: "BOTAS HOMBRE",
2115              item_variant_id: 46762232676609,
2116              item_variant: "10 \/ Café",
2117              sku: "30086777004",
2118              price: 89995.0,
2119              index: 11
2120            },
2121          
2122            
2123            {
2124              item_id: 8918657630465,
2125              item_name: "Botas Pursue WP para hombre color tan",
2126              item_brand: "CAT",
2127              item_category: "CALZADO",
2128              item_list_name: "BOTAS HOMBRE",
2129              item_variant_id: 46762232414465,
2130              item_variant: "7 \/ Tan",
2131              sku: "30086778001",
2132              price: 89995.0,
2133              index: 12
2134            },
2135          
2136            
2137            {
2138              item_id: 8918657335553,
2139              item_name: "Botas Threshold Rebound Hiker WP para hombre color gris",
2140              item_brand: "CAT",
2141              item_category: "CALZADO",
2142              item_list_name: "BOTAS HOMBRE",
2143              item_variant_id: 46762230972673,
2144              item_variant: "7 \/ Gris",
2145              sku: "30086793001",
2146              price: 104995.0,
2147              index: 13
2148            },
2149          
2150            
2151            {
2152              item_id: 8689858969857,
2153              item_name: "Botas Threshold Rebound Mid WP para hombre color gris",
2154              item_brand: "CAT",
2155              item_category: "CALZADO",
2156              item_list_name: "BOTAS HOMBRE",
2157              item_variant_id: 45990396199169,
2158              item_variant: "8 \/ Gris",
2159              sku: "30082630002",
2160              price: 66496.5,
2161              index: 14
2162            },
2163          
2164            
2165            {
2166              item_id: 8689858773249,
2167              item_name: "Botas Threshold WP para hombre color beige",
2168              item_brand: "CAT",
2169              item_category: "CALZADO",
2170              item_list_name: "BOTAS HOMBRE",
2171              item_variant_id: 45990395085057,
2172              item_variant: "7 \/ Beige",
2173              sku: "30082622001",
2174              price: 100995.0,
2175              index: 15
2176            },
2177          
2178            
2179            {
2180              item_id: 8676937072897,
2181              item_name: "Botas Threshold Chelsea para hombre color café",
2182              item_brand: "CAT",
2183              item_category: "CALZADO",
2184              item_list_name: "BOTAS HOMBRE",
2185              item_variant_id: 45938795774209,
2186              item_variant: "7 \/ Cafe",
2187              sku: "30080555001",
2188              price: 81995.0,
2189              index: 16
2190            }
2191          
2192        
2193      ]
2194    },
2195    cart: {
2196      value: 0.0,
2197      item_count: 0,
2198      items: [
2199        
2200      ]
2201    }
2202  };
2203
2204  (function () {
2205    var config = window.CATDataLayer;
2206    var previousCart = null;
2207    var pendingAddItem = null;
2208    var wishlistSnapshot = readWishlistIds();
2209    document.documentElement.dataset.catDatalayerReady = 'true';
2210
2211    function pushEvent(eventName, payload, clearEcommerce) {
2212      if (clearEcommerce) window.dataLayer.push({ ecommerce: null });
2213      window.dataLayer.push(Object.assign({ event: eventName }, payload || {}));
2214    }
2215
2216    function pushEcommerce(eventName, ecommerce, extra) {
2217      pushEvent(eventName, Object.assign({ ecommerce: ecommerce || {} }, extra || {}), true);
2218    }
2219
2220    function toNumber(value) {
2221      if (typeof value === 'number') return value;
2222      if (!value) return 0;
2223      var clean = String(value).replace(/[^0-9.,-]/g, '').replace(/,/g, '');
2224      return Number(clean) || 0;
2225    }
2226
2227    function normalizeItem(item) {
2228      return {
2229        item_id: item.item_id || item.product_id || item.id || '',
2230        item_name: item.item_name || item.title || item.name || '',
2231        item_brand: item.item_brand || item.vendor || '',
2232        item_category: item.item_category || item.type || '',
2233        item_variant_id: item.item_variant_id || item.variant_id || item.variantId || '',
2234        item_variant: item.item_variant || item.variant || '',
2235        sku: item.sku || '',
2236        price: toNumber(item.price),
2237        quantity: Number(item.quantity || 1)
2238      };
2239    }
2240
2241    function itemFromDataset(element) {
2242      if (!element) return null;
2243      var dataset = element.dataset || {};
2244      var price = dataset.productPriceCents ? Number(dataset.productPriceCents) / 100 : toNumber(dataset.productPrice);
2245
2246      return normalizeItem({
2247        item_id: dataset.productId,
2248        item_name: dataset.productTitle,
2249        item_brand: dataset.productVendor,
2250        item_category: dataset.productType,
2251        item_variant_id: dataset.productVariantId,
2252        item_variant: dataset.productVariantTitle,
2253        sku: dataset.productSku,
2254        price: price,
2255        quantity: dataset.quantity
2256      });
2257    }
2258
2259    function currentProductItem(variantId, quantity) {
2260      if (!config.product) return null;
2261      var variant = variantId && config.product.variants ? config.product.variants[String(variantId)] : null;
2262      return normalizeItem(Object.assign({}, config.product, variant || {}, { quantity: quantity || 1 }));
2263    }
2264
2265    function itemFromProductCard(card) {
2266      return itemFromDataset(card) || itemFromDataset(card && card.querySelector('[data-product-id]'));
2267    }
2268
2269    function itemFromProductForm(formComponent) {
2270      if (!formComponent) return null;
2271      var form = formComponent.querySelector('form');
2272      var variantInput = form && form.querySelector('[name="id"]');
2273      var quantityInput = formComponent.querySelector('quantity-selector-component input, [name="quantity"]');
2274      var quantity = Number(quantityInput && quantityInput.value) || 1;
2275      var variantId = variantInput && variantInput.value;
2276      var card = formComponent.closest('product-card');
2277      var cardItem = itemFromProductCard(card);
2278
2279      if (cardItem && cardItem.item_id) {
2280        cardItem.item_variant_id = cardItem.item_variant_id || variantId;
2281        cardItem.quantity = quantity;
2282        return cardItem;
2283      }
2284
2285      var productItem = currentProductItem(variantId, quantity);
2286      if (productItem && productItem.item_id) return productItem;
2287
2288      var formItem = itemFromDataset(formComponent);
2289      if (formItem && formItem.item_id && (formItem.item_name || formItem.price > 0)) {
2290        formItem.item_variant_id = formItem.item_variant_id || variantId;
2291        formItem.quantity = quantity;
2292        return formItem;
2293      }
2294
2295      return formItem;
2296    }
2297
2298    function cartItemFromShopify(lineItem) {
2299      return normalizeItem({
2300        item_id: lineItem.product_id,
2301        item_name: lineItem.product_title,
2302        item_brand: lineItem.vendor,
2303        item_category: lineItem.product_type,
2304        item_variant_id: lineItem.variant_id,
2305        item_variant: lineItem.variant_title,
2306        sku: lineItem.sku,
2307        price: Number(lineItem.final_price || lineItem.price || 0) / 100,
2308        quantity: lineItem.quantity
2309      });
2310    }
2311
2312    function fetchCart() {
2313      return fetch('/cart.js', { credentials: 'same-origin' }).then(function (response) {
2314        if (!response.ok) throw new Error('Cart request failed');
2315        return response.json();
2316      });
2317    }
2318
2319    function ecommerceFromCart(cart) {
2320      return {
2321        currency: cart.currency || config.currency,
2322        value: Number(cart.total_price || 0) / 100,
2323        items: (cart.items || []).map(cartItemFromShopify)
2324      };
2325    }
2326
2327    function findRemovedItems(oldCart, nextCart) {
2328      if (!oldCart || !nextCart) return [];
2329      var nextByKey = {};
2330      (nextCart.items || []).forEach(function (item) {
2331        nextByKey[item.key || item.variant_id] = item.quantity;
2332      });
2333
2334      return (oldCart.items || []).reduce(function (items, oldItem) {
2335        var key = oldItem.key || oldItem.variant_id;
2336        var nextQty = Number(nextByKey[key] || 0);
2337        var oldQty = Number(oldItem.quantity || 0);
2338        if (nextQty < oldQty) {
2339          var removed = cartItemFromShopify(oldItem);
2340          removed.quantity = oldQty - nextQty;
2341          items.push(removed);
2342        }
2343        return items;
2344      }, []);
2345    }
2346
2347    function readWishlistItems() {
2348      try {
2349        return JSON.parse(window.localStorage.getItem('cat:wishlist') || window.localStorage.getItem('adoc:wishlist') || '[]');
2350      } catch (error) {
2351        return [];
2352      }
2353    }
2354
2355    function readWishlistIds() {
2356      return readWishlistItems().map(function (item) {
2357        return String(item.id);
2358      });
2359    }
2360
2361    function wishlistItemFromButton(button) {
2362      var item = itemFromDataset(button);
2363      var fallback =
2364        itemFromProductCard(button && button.closest('product-card')) ||
2365        currentProductItem(item && item.item_variant_id, item && item.quantity);
2366      if (item && item.item_id && fallback) {
2367        return Object.assign({}, fallback, Object.fromEntries(Object.entries(item).filter(function (entry) {
2368          return entry[1] !== '' && entry[1] !== 0 && entry[1] !== null && entry[1] !== undefined;
2369        })));
2370      }
2371      if (item && item.item_id) return item;
2372      var productId = button && button.dataset && button.dataset.productId;
2373      var stored = readWishlistItems().find(function (wishlistItem) {
2374        return String(wishlistItem.id) === String(productId);
2375      });
2376      return stored ? normalizeItem(stored) : null;
2377    }
2378
2379    function itemFromWishlistVariant(variantId) {
2380      var stored = readWishlistItems().find(function (wishlistItem) {
2381        return String(wishlistItem.variantId || wishlistItem.variant_id) === String(variantId);
2382      });
2383      return stored ? normalizeItem(stored) : null;
2384    }
2385
2386    function onInitialPageLoad() {
2387      pushEvent('cat_page_context', {
2388        page_type: config.page.type,
2389        page_title: config.page.title,
2390        customer: config.customer
2391      }, false);
2392
2393      if (config.page.type === 'product' && config.product) {
2394        pushEcommerce('view_item', {
2395          currency: config.currency,
2396          value: config.product.price,
2397          items: [normalizeItem(config.product)]
2398        }, { pageType: 'Product' });
2399      }
2400
2401      if ((config.page.type === 'collection' || config.page.type === 'search') && config.list.items.length) {
2402        pushEcommerce('view_item_list', {
2403          currency: config.currency,
2404          item_list_name: config.list.name,
2405          items: config.list.items.map(normalizeItem)
2406        }, { pageType: config.page.type === 'search' ? 'Search' : 'Collection' });
2407      }
2408
2409      if (config.page.type === 'search') {
2410        var params = new URLSearchParams(window.location.search);
2411        pushEvent('search', {
2412          search_term: params.get('q') || '',
2413          result_count: config.list.items.length
2414        }, false);
2415      }
2416
2417      if (config.page.type === 'cart') {
2418        pushEcommerce('view_cart', config.cart, { pageType: 'Cart' });
2419      }
2420    }
2421
2422    function bindInteractions() {
2423      document.addEventListener('submit', function (event) {
2424        var formComponent = event.target.closest && event.target.closest('product-form-component');
2425        if (formComponent) pendingAddItem = itemFromProductForm(formComponent);
2426      }, true);
2427
2428      document.addEventListener('click', function (event) {
2429        var target = event.target;
2430        if (!(target instanceof Element)) return;
2431
2432        var productForm = target.closest('product-form-component');
2433        if (productForm && target.closest('button[type="submit"], [ref="addToCartButton"]')) {
2434          pendingAddItem = itemFromProductForm(productForm);
2435        }
2436
2437        var productCard = target.closest('product-card');
2438        if (
2439          productCard &&
2440          !target.closest('[data-cat-wishlist-toggle], quick-add-component, .quick-add, .pch-buy-bar, button, input, select, textarea')
2441        ) {
2442          var selectedItem = itemFromProductCard(productCard);
2443          if (selectedItem && selectedItem.item_id) {
2444            pushEcommerce('select_item', {
2445              currency: config.currency,
2446              item_list_name: config.list.name || document.title,
2447              items: [selectedItem]
2448            });
2449          }
2450        }
2451
2452        var wishlistToggle = target.closest('[data-cat-wishlist-toggle]');
2453        if (wishlistToggle) {
2454          var wasActive = wishlistToggle.getAttribute('aria-pressed') === 'true' || wishlistToggle.classList.contains('is-active');
2455          var wishlistItem = wishlistItemFromButton(wishlistToggle);
2456          window.setTimeout(function () {
2457            if (!wishlistItem || !wishlistItem.item_id) return;
2458            pushEcommerce(wasActive ? 'remove_from_wishlist' : 'add_to_wishlist', {
2459              currency: config.currency,
2460              items: [wishlistItem]
2461            });
2462          }, 0);
2463        }
2464
2465        if (target.closest('[data-cat-wishlist-open]')) {
2466          pushEvent('view_wishlist', { item_count: readWishlistItems().length }, false);
2467        }
2468
2469        if (target.closest('[data-cat-wishlist-share]')) {
2470          pushEvent('share_wishlist', { item_count: readWishlistItems().length }, false);
2471        }
2472
2473        var wishlistCartButton = target.closest('[data-cat-wishlist-cart-add]');
2474        if (wishlistCartButton) {
2475          var wishlistCartItem = itemFromWishlistVariant(wishlistCartButton.dataset.catWishlistCartAdd);
2476          if (wishlistCartItem) {
2477            pushEcommerce('add_to_cart', {
2478              currency: config.currency,
2479              value: wishlistCartItem.price,
2480              items: [wishlistCartItem]
2481            }, { source: 'wishlist' });
2482          }
2483        }
2484
2485        if (target.closest('a[href="/cart"], a[href*="/cart"], [data-cart-drawer], [data-cart-open]')) {
2486          fetchCart().then(function (cart) {
2487            pushEcommerce('view_cart', ecommerceFromCart(cart), { pageType: 'Cart' });
2488          }).catch(function () {});
2489        }
2490
2491        if (target.closest('button[name="checkout"], [href="/checkout"], [href*="/checkout"], [formaction*="/checkout"]')) {
2492          fetchCart().then(function (cart) {
2493            pushEcommerce('begin_checkout', ecommerceFromCart(cart), { pageType: 'Checkout' });
2494          }).catch(function () {});
2495        }
2496      }, true);
2497
2498      document.addEventListener('cart:update', function (event) {
2499        var detail = event.detail || {};
2500        if (detail.data && detail.data.didError) return;
2501
2502        fetchCart().then(function (cart) {
2503          if (pendingAddItem) {
2504            pushEcommerce('add_to_cart', {
2505              currency: cart.currency || config.currency,
2506              value: Number(pendingAddItem.price || 0) * Number(pendingAddItem.quantity || 1),
2507              items: [pendingAddItem]
2508            });
2509            pendingAddItem = null;
2510          } else {
2511            var removedItems = findRemovedItems(previousCart, cart);
2512            if (removedItems.length) {
2513              pushEcommerce('remove_from_cart', {
2514                currency: cart.currency || config.currency,
2515                value: removedItems.reduce(function (sum, item) {
2516                  return sum + Number(item.price || 0) * Number(item.quantity || 1);
2517                }, 0),
2518                items: removedItems
2519              });
2520            }
2521          }
2522
2523          previousCart = cart;
2524        }).catch(function () {});
2525      });
2526
2527      window.addEventListener('cat:wishlist:update', function () {
2528        var nextIds = readWishlistIds();
2529        wishlistSnapshot = nextIds;
2530      });
2531    }
2532
2533    function initCheckoutEvents() {
2534      if (!window.Shopify || !Shopify.Checkout) return;
2535
2536      var checkout = Shopify.Checkout;
2537      var checkoutEcommerce = {
2538        transaction_id: checkout.order_id || checkout.order_number,
2539        affiliation: "CAT Costa Rica",
2540        value: Number(checkout.total_price || 0),
2541        tax: Number(checkout.total_tax || 0),
2542        shipping: Number(checkout.shipping_rate && checkout.shipping_rate.price || 0),
2543        currency: checkout.currency || config.currency,
2544        items: config.cart.items
2545      };
2546
2547      if (checkout.step === 'contact_information') pushEcommerce('begin_checkout', checkoutEcommerce);
2548      if (checkout.step === 'shipping_method') pushEcommerce('add_shipping_info', checkoutEcommerce);
2549      if (checkout.step === 'payment_method') pushEcommerce('add_payment_info', checkoutEcommerce);
2550      if (checkout.page === 'thank_you') pushEcommerce('purchase', checkoutEcommerce, { pageType: 'Transaction' });
2551    }
2552
2553    fetchCart().then(function (cart) {
2554      previousCart = cart;
2555    }).catch(function () {});
2556
2557    onInitialPageLoad();
2558    bindInteractions();
2559    initCheckoutEvents();
2560
2561    // GTM container loading stays outside this snippet to avoid duplicate gtm.js events
2562    // when the store already uses Shopify pixels, GTM, or another tag manager integration.
2563  })();
2564</script>
2564
2565
2566
2567    
2567<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2567<meta name="google-site-verification" content="s53bijYBtTDdlGr37yWJTEUGdykj_D_qxFwLQo8NA4Q">
2568<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/45123109020/digital_wallets/dialog">
2569<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/botas-hombre.atom" />
2570<link rel="next" href="/collections/botas-hombre?page=2">
2571<link rel="alternate" type="application/json+oembed" href="https://caterpillarcr.com/collections/botas-hombre.oembed">
2572<script async="async" src="/checkouts/internal/preloads.js?locale=es-CR&default_configuration_id=1756201217"></script>
vendor: 1 bytes, line 2572
2572
2573<script id="shopify-features" type="application/json">{"accessToken":"35264436bcba66174d8d773ebe23f5bc","betas":["rich-media-storefront-analytics"],"domain":"caterpillarcr.com","predictiveSearch":true,"shopId":45123109020,"locale":"es"}</script>
vendor: 1 bytes, line 2573
2573
2574<script>var Shopify = Shopify || {};
2575Shopify.shop = "cat-cr.myshopify.com";
2576Shopify.locale = "es";
2577Shopify.currency = {"active":"CRC","rate":"1.0"};
2578Shopify.country = "CR";
2579Shopify.theme = {"name":"cat-theme-cr-2026\/main","id":162279817473,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":null,"role":"main"};
2580Shopify.theme.handle = "null";
2581Shopify.theme.style = {"id":null,"handle":null};
2582Shopify.cdnHost = "caterpillarcr.com/cdn";
2583Shopify.routes = Shopify.routes || {};
2584Shopify.routes.root = "/";
2585Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
2586Shopify.SignInWithShop = Shopify.SignInWithShop || {};
2587Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
2588Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2588
2588
2589<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2589
2589
2590<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 2590
2590
2591<script>
2592  window.Shopify = window.Shopify || {};
2593  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
2594  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
2595  window.Shopify.SignInWithShop.eligible = true;
2596</script>
vendor: 1 bytes, line 2596
2596
2597<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 2597
2597
2598<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js"></script>
vendor: 1 bytes, line 2598
2598
2599<script type="module">
2600  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js");
2601
2602  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
2603
2604</script>
vendor: 1 bytes, line 2604
2604
2605<script>
2606  window.Shopify = window.Shopify || {};
2607  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
2608  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.es.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.es.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.es.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.es.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.es.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.es.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.es.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.es.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.es.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.es.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.es.esm.js"],"listener":["modules/v2/loader.listener.es.esm.js"],"pay-button":["modules/v2/loader.pay-button.es.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.es.esm.js"],"shop-button":["modules/v2/loader.shop-button.es.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.es.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.es.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.es.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.es.esm.js"],"shop-login":["modules/v2/loader.shop-login.es.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.es.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.es.esm.js"]};
2609</script>
vendor: 1 bytes, line 2609
2609
2610<script>(function() {
2611  var isLoaded = false;
2612  function asyncLoad() {
2613    if (isLoaded) return;
2614    isLoaded = true;
2615    var urls = ["https:\/\/cloudsearch-1f874.kxcdn.com\/shopify.js?shop=cat-cr.myshopify.com","https:\/\/instafeed.nfcube.com\/cdn\/c2d196bdbdc71e93505aa98ab8c5e5d4.js?shop=cat-cr.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/0eb17a44a4e799b0c254eeb22\/37306ab85dd0d5f18fef21e0c.js?shop=cat-cr.myshopify.com","\/\/cdn.secomapp.com\/promotionpopup\/cdn\/allshops\/cat-cr\/1633097217.js?shop=cat-cr.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=RfH42H\u0026shop=cat-cr.myshopify.com","https:\/\/cdn.s3.pop-convert.com\/pcjs.production.min.js?unique_id=cat-cr.myshopify.com\u0026shop=cat-cr.myshopify.com","https:\/\/script.pop-convert.com\/new-micro\/production.pc.min.js?unique_id=cat-cr.myshopify.com\u0026shop=cat-cr.myshopify.com","https:\/\/huracdn.com\/js\/script.min.js?v=1.0.91\u0026shop=cat-cr.myshopify.com"];
2616    for (var i = 0; i < urls.length; i++) {
2617      var s = document.createElement('script');
2618      s.type = 'text/javascript';
2619      s.async = true;
2620      s.src = urls[i];
2621      var x = document.getElementsByTagName('script')[0];
2622      x.parentNode.insertBefore(s, x);
2623    }
2624  };
2625  if(window.attachEvent) {
2626    window.attachEvent('onload', asyncLoad);
2627  } else {
2628    window.addEventListener('load', asyncLoad, false);
2629  }
2630})();</script>
vendor: 1 bytes, line 2630
2630
2631<script id="__st">var __st={"a":45123109020,"offset":-21600,"reqid":"d429eec2-d6c0-4f16-950f-09113104d5fb-1791507602","pageurl":"caterpillarcr.com\/collections\/botas-hombre","u":"8768d84efbe8","p":"collection","rtyp":"collection","rid":212139770012};</script>
vendor: 1 bytes, line 2631
2631
2632<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 2632
2632
2633<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protegido por hCaptcha',privacyText:'Privacidad',termsText:'Términos'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 2633
2633
2634<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//caterpillarcr.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2634
2634
2635<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//caterpillarcr.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
2635<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 2635
2635
2636<script>
2637  window.Shopify = window.Shopify || {};
2638  window.Shopify.MCP = window.Shopify.MCP || {};
2639  window.Shopify.MCP.enabled = true;
2640  window.Shopify.MCP.shop = "cat-cr.myshopify.com";
2641  window.Shopify.MCP.mcpEndpoint = "https:\/\/caterpillarcr.com\/api\/mcp";
2642  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
2643</script>
vendor: 1 bytes, line 2643
2643
2644<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/caterpillarcr.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
2645</script>
vendor: 1 bytes, line 2645
2645
2646<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://caterpillarcr.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.es.js",t.type="module",document.head.appendChild(t)}};
2647</script>
vendor: 1 bytes, line 2647
2647
2648<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
2649  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
2650</script>
vendor: 1 bytes, line 2650
2650
2651<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
2652</script>
2652
2653<link rel="stylesheet" media="screen" href="//caterpillarcr.com/cdn/shop/t/14/compiled_assets/styles.css?v=159384974691368746981789057056">
2654<script id="sections-script" data-sections="main-collection" defer="defer" src="//caterpillarcr.com/cdn/shop/t/14/compiled_assets/scripts.js?v=146037459138210835021788368722"></script>
vendor: 1 bytes, line 2654
2654
2655<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
2655
2656    
2657  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2658<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 45123109020,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 2658
2658
2659<script>
2660  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2661</script>
vendor: 1 bytes, line 2661
2661
2662<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
2662).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 45123109020,storefrontBaseUrl: "https://caterpillarcr.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://caterpillarcr.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1915977985","configuration":"{\"mailchimp_store_id\":\"store_jgsp6n4gv7qoev3vdohv\", \"mailchimp_user_id\":\"152856562\",\"mailchimp_list_id\":\"7de45ccb16\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
2662,{"id":"1156677889","configuration":"{\"pixel_id\":\"817323692632725\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"976519425","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"518619393","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-WR4KBDN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-PV384RK572\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-PV384RK572\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-PV384RK572\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"CAT Costa Rica","paymentSettings":{"currencyCode":"CRC"},"myshopifyDomain":"cat-cr.myshopify.com","countryCode":"CR","storefrontUrl":"https:\/\/caterpillarcr.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9112663621889","handle":"30089212-botas-surge-hiker-para-hombre-color-negro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48472715002113","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9112663556353","handle":"30089213-botas-surge-hiker-para-hombre-color-gris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48472714346753","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9092211605761","handle":"30089210-botas-jettison-para-hombre-color-cafe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48252111290625","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9092211572993","handle":"30089214-botas-surge-hiker-para-hombre-color-cafe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48252111094017","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9092211507457","handle":"30089223-botines-hex-ready-mid-wp-para-hombre-color-gris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48252110864641","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
2662,{"id":"9020445622529","handle":"30089193-botines-roamer-mid-2-0-para-hombre-color-negro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47875298623745","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9011784810753","handle":"30089211-botas-levitate-2-0-wp-para-hombre-color-negro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47562332078337","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8980203110657","handle":"30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46991378907393","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8935720616193","handle":"30088610-botas-jettison-para-hombre-color-negro","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46827466457345","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8918658187521","handle":"30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46762235134209","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8918657663233","handle":"30086777-botas-pursue-wp-para-hombre-color-cafe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46762232578305","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8918657630465","handle":"30086778-botas-pursue-wp-para-hombre-color-tan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46762232414465","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8918657335553","handle":"30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46762230972673","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8689858969857","handle":"30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45990396166401","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8689858773249","handle":"30082622-botas-threshold-wp-para-hombre-color-beige","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45990395085057","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8676937072897","handle":"30080555-botas-threshold-chelsea-para-hombre-color-cafe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45938795774209","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://caterpillarcr.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"162279817473","themePublished":"true","eventMetadataId":"a3504e93-9a86-4d41-9cec-eaa1df85334a","pageType":"collection","resourceId":"212139770012","shopId":"45123109020","storefrontBaseUrl":"https:\/\/caterpillarcr.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"212139770012\",\"title\":\"BOTAS HOMBRE\",\"productVariants\":[{\"price\":{\"amount\":94995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Surge Hiker para hombre color negro\",\"vendor\":\"CAT\",\"id\":\"9112663621889\",\"untranslatedTitle\":\"Botas Surge Hiker para hombre color negro\",\"url\":\"\/products\/30089212-botas-surge-hiker-para-hombre-color-negro\",\"type\":\"CALZADO\"},\"id\":\"48472715002113\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089212-1.jpg?v=1775523898\"},\"sku\":\"30089212001\",\"title\":\"7 \/ Negro\",\"untranslatedTitle\":\"7 \/ Negro\"},{\"price\":{\"amount\":94995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Surge Hiker para hombre color gris\",\"vendor\":\"CAT\",\"id\":\"9112663556353\",\"untranslatedTitle\":\"Botas Surge Hiker para hombre color gris\",\"url\":\"\/products\/30089213-botas-surge-hiker-para-hombre-color-gris\",\"type\":\"CALZADO\"},\"id\":\"48472714346753\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089213-1.jpg?v=1775523897\"},\"sku\":\"30089213001\",\"title\":\"7 \/ Gris\",\"untranslatedTitle\":\"7 \/ Gris\"},{\"price\":{\"amount\":88995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Jettison para hombre color café\",\"vendor\":\"CAT\",\"id\":\"9092211605761\",\"untranslatedTitle\":\"Botas Jettison para hombre color café\",\"url\":\"\/products\/30089210-botas-jettison-para-hombre-color-cafe\",\"type\":\"CALZADO\"},\"id\":\"48252111290625\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089210-1.jpg?v=1773762100\"},\"sku\":\"30089210001\",\"title\":\"7 \/ Café\",\"untranslatedTitle\":\"7 \/ Café\"},{\"price\":{\"amount\":94995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Surge Hiker para hombre color café\",\"vendor\":\"CAT\",\"id\":\"9092211572993\",\"untranslatedTitle\":\"Botas Surge Hiker para hombre color café\",\"url\":\"\/products\/30089214-botas-surge-hiker-para-hombre-color-cafe\",\"type\":\"CALZADO\"},\"id\":\"48252111094017\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089214-1.jpg?v=1773762098\"},\"sku\":\"30089214001\",\"title\":\"7 \/ Café\",\"untranslatedTitle\":\"7 \/ Café\"},{\"price\":{\"amount\":81995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botínes Hex Ready Mid WP para hombre color gris\",\"vendor\":\"CAT\",\"id\":\"9092211507457\",\"untranslatedTitle\":\"Botínes Hex Ready Mid WP para hombre color gris\",\"url\":\"\/products\/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris\",\"type\":\"CALZADO\"},\"id\":\"48252110864641\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089223-1.jpg?v=1773762097\"},\"sku\":\"30089223001\",\"title\":\"7 \/ Gris\",\"untranslatedTitle\":\"7 \/ Gris\"},{\"price\":{\"amount\":69995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botínes Roamer Mid 2.0 para hombre color negro\",\"vendor\":\"CAT\",\"id\":\"9020445622529\",\"untranslatedTitle\":\"Botínes Roamer Mid 2.0 para hombre color negro\",\"url\":\"\/products\/30089193-botines-roamer-mid-2-0-para-hombre-color-negro\",\"type\":\"CALZADO\"},\"id\":\"47875298623745\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089193-1.jpg?v=1770334313\"},\"sku\":\"30089193001\",\"title\":\"7 \/ Negro\",\"untranslatedTitle\":\"7 \/ Negro\"},{\"price\":{\"amount\":94995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Levitate 2.0 WP para hombre color negro\",\"vendor\":\"CAT\",\"id\":\"9011784810753\",\"untranslatedTitle\":\"Botas Levitate 2.0 WP para hombre color negro\",\"url\":\"\/products\/30089211-botas-levitate-2-0-wp-para-hombre-color-negro\",\"type\":\"CALZADO\"},\"id\":\"47562332078337\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30089211-1.jpg?v=1769556003\"},\"sku\":\"30089211001\",\"title\":\"7 \/ Negro\",\"untranslatedTitle\":\"7 \/ Negro\"},{\"price\":{\"amount\":94995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold Rebound Mid Wp para hombre color gris\",\"vendor\":\"CAT\",\"id\":\"8980203110657\",\"untranslatedTitle\":\"Botas Threshold Rebound Mid Wp para hombre color gris\",\"url\":\"\/products\/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris\",\"type\":\"CALZADO\"},\"id\":\"46991378907393\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30086779-1.jpg?v=1765475713\"},\"sku\":\"30086779001\",\"title\":\"7 \/ Gris\",\"untranslatedTitle\":\"7 \/ Gris\"},{\"price\":{\"amount\":89995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Jettison para hombre color negro\",\"vendor\":\"CAT\",\"id\":\"8935720616193\",\"untranslatedTitle\":\"Botas Jettison para hombre color negro\",\"url\":\"\/products\/30088610-botas-jettison-para-hombre-color-negro\",\"type\":\"CALZADO\"},\"id\":\"46827466457345\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30088610-1.jpg?v=1760660388\"},\"sku\":\"30088610001\",\"title\":\"7 \/ Negro\",\"untranslatedTitle\":\"7 \/ Negro\"},{\"price\":{\"amount\":104995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold Rebound Hiker WP para hombre color café\",\"vendor\":\"CAT\",\"id\":\"8918658187521\",\"untranslatedTitle\":\"Botas Threshold Rebound Hiker WP para hombre color café\",\"url\":\"\/products\/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe\",\"type\":\"CALZADO\"},\"id\":\"46762235134209\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624\"},\"sku\":\"30086764001\",\"title\":\"7 \/ Café\",\"untranslatedTitle\":\"7 \/ Café\"},{\"price\":{\"amount\":89995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Pursue WP para hombre color café\",\"vendor\":\"CAT\",\"id\":\"8918657663233\",\"untranslatedTitle\":\"Botas Pursue WP para hombre color café\",\"url\":\"\/products\/30086777-botas-pursue-wp-para-hombre-color-cafe\",\"type\":\"CALZADO\"},\"id\":\"46762232578305\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30086777-1.jpg?v=1758639603\"},\"sku\":\"30086777001\",\"title\":\"7 \/ Café\",\"untranslatedTitle\":\"7 \/ Café\"},{\"price\":{\"amount\":89995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Pursue WP para hombre color tan\",\"vendor\":\"CAT\",\"id\":\"8918657630465\",\"untranslatedTitle\":\"Botas Pursue WP para hombre color tan\",\"url\":\"\/products\/30086778-botas-pursue-wp-para-hombre-color-tan\",\"type\":\"CALZADO\"},\"id\":\"46762232414465\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30086778-1.jpg?v=1758639602\"},\"sku\":\"30086778001\",\"title\":\"7 \/ Tan\",\"untranslatedTitle\":\"7 \/ Tan\"},{\"price\":{\"amount\":104995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold Rebound Hiker WP para hombre color gris\",\"vendor\":\"CAT\",\"id\":\"8918657335553\",\"untranslatedTitle\":\"Botas Threshold Rebound Hiker WP para hombre color gris\",\"url\":\"\/products\/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris\",\"type\":\"CALZADO\"},\"id\":\"46762230972673\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30086793-1.jpg?v=1758639590\"},\"sku\":\"30086793001\",\"title\":\"7 \/ Gris\",\"untranslatedTitle\":\"7 \/ Gris\"},{\"price\":{\"amount\":66496.5,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold Rebound Mid WP para hombre color gris\",\"vendor\":\"CAT\",\"id\":\"8689858969857\",\"untranslatedTitle\":\"Botas Threshold Rebound Mid WP para hombre color gris\",\"url\":\"\/products\/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris\",\"type\":\"CALZADO\"},\"id\":\"45990396166401\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773\"},\"sku\":\"30082630001\",\"title\":\"7 \/ Gris\",\"untranslatedTitle\":\"7 \/ Gris\"},{\"price\":{\"amount\":100995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold WP para hombre color beige\",\"vendor\":\"CAT\",\"id\":\"8689858773249\",\"untranslatedTitle\":\"Botas Threshold WP para hombre color beige\",\"url\":\"\/products\/30082622-botas-threshold-wp-para-hombre-color-beige\",\"type\":\"CALZADO\"},\"id\":\"45990395085057\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341\"},\"sku\":\"30082622001\",\"title\":\"7 \/ Beige\",\"untranslatedTitle\":\"7 \/ Beige\"},{\"price\":{\"amount\":81995.0,\"currencyCode\":\"CRC\"},\"product\":{\"title\":\"Botas Threshold Chelsea para hombre color café\",\"vendor\":\"CAT\",\"id\":\"8676937072897\",\"untranslatedTitle\":\"Botas Threshold Chelsea para hombre color café\",\"url\":\"\/products\/30080555-botas-threshold-chelsea-para-hombre-color-cafe\",\"type\":\"CALZADO\"},\"id\":\"45938795774209\",\"image\":{\"src\":\"\/\/caterpillarcr.com\/cdn\/shop\/files\/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256\"},\"sku\":\"30080555001\",\"title\":\"7 \/ Cafe\",\"untranslatedTitle\":\"7 \/ Cafe\"}]}}]]"});})();</script>
2662<script>
2663  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2664  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2665  window.ShopifyAnalytics.meta.currency = 'CRC';
2666  var meta = {"products":[{"id":9112663621889,"gid":"gid:\/\/shopify\/Product\/9112663621889","vendor":"CAT","type":"CALZADO","handle":"30089212-botas-surge-hiker-para-hombre-color-negro","variants":[{"id":48472715002113,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","sku":"30089212001"},{"id":48472715034881,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","sku":"30089212002"},{"id":48472715067649,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","sku":"30089212003"},{"id":48472715100417,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","sku":"30089212004"},{"id":48472715133185,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","sku":"30089212005"},{"id":48472715165953,"price":9499500,"name":"Botas Surge Hiker para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","sku":"30089212006"}],"remote":false},{"id":9112663556353,"gid":"gid:\/\/shopify\/Product\/9112663556353","vendor":"CAT","type":"CALZADO","handle":"30089213-botas-surge-hiker-para-hombre-color-gris","variants":[{"id":48472714346753,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","sku":"30089213001"},{"id":48472714379521,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","sku":"30089213002"},{"id":48472714412289,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","sku":"30089213003"},{"id":48472714445057,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","sku":"30089213004"},{"id":48472714477825,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","sku":"30089213005"},{"id":48472714510593,"price":9499500,"name":"Botas Surge Hiker para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","sku":"30089213006"}],"remote":false},{"id":9092211605761,"gid":"gid:\/\/shopify\/Product\/9092211605761","vendor":"CAT","type":"CALZADO","handle":"30089210-botas-jettison-para-hombre-color-cafe","variants":[{"id":48252111290625,"price":8899500,"name":"Botas Jettison para hombre color café - 7 \/ Café","public_title":"7 \/ Café","sku":"30089210001"},{"id":48252111323393,"price":8899500,"name":"Botas Jettison para hombre color café - 8 \/ Café","public_title":"8 \/ Café","sku":"30089210002"},{"id":48252111356161,"price":8899500,"name":"Botas Jettison para hombre color café - 9 \/ Café","public_title":"9 \/ Café","sku":"30089210003"},{"id":48252111388929,"price":8899500,"name":"Botas Jettison para hombre color café - 10 \/ Café","public_title":"10 \/ Café","sku":"30089210004"},{"id":48252111421697,"price":8899500,"name":"Botas Jettison para hombre color café - 11 \/ Café","public_title":"11 \/ Café","sku":"30089210005"},{"id":48252111454465,"price":8899500,"name":"Botas Jettison para hombre color café - 12 \/ Café","public_title":"12 \/ Café","sku":"30089210006"}],"remote":false},{"id":9092211572993,"gid":"gid:\/\/shopify\/Product\/9092211572993","vendor":"CAT","type":"CALZADO","handle":"30089214-botas-surge-hiker-para-hombre-color-cafe","variants":[{"id":48252111094017,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 7 \/ Café","public_title":"7 \/ Café","sku":"30089214001"},{"id":48252111126785,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 8 \/ Café","public_title":"8 \/ Café","sku":"30089214002"},{"id":48252111159553,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 9 \/ Café","public_title":"9 \/ Café","sku":"30089214003"},{"id":48252111192321,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 10 \/ Café","public_title":"10 \/ Café","sku":"30089214004"},{"id":48252111225089,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 11 \/ Café","public_title":"11 \/ Café","sku":"30089214005"},{"id":48252111257857,"price":9499500,"name":"Botas Surge Hiker para hombre color café - 12 \/ Café","public_title":"12 \/ Café","sku":"30089214006"}],"remote":false},{"id":9092211507457,"gid":"gid:\/\/shopify\/Product\/9092211507457","vendor":"CAT","type":"CALZADO","handle":"30089223-botines-hex-ready-mid-wp-para-hombre-color-gris","variants":[{"id":48252110864641,"price":8199500,"n
2666ame":"Botínes Hex Ready Mid WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","sku":"30089223001"},{"id":48252110897409,"price":8199500,"name":"Botínes Hex Ready Mid WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","sku":"30089223002"},{"id":48252110930177,"price":8199500,"name":"Botínes Hex Ready Mid WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","sku":"30089223003"},{"id":48252110962945,"price":8199500,"name":"Botínes Hex Ready Mid WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","sku":"30089223004"},{"id":48252110995713,"price":8199500,"name":"Botínes Hex Ready Mid WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","sku":"30089223005"},{"id":48252111028481,"price":8199500,"name":"Botínes Hex Ready Mid WP para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","sku":"30089223006"}],"remote":false},{"id":9020445622529,"gid":"gid:\/\/shopify\/Product\/9020445622529","vendor":"CAT","type":"CALZADO","handle":"30089193-botines-roamer-mid-2-0-para-hombre-color-negro","variants":[{"id":47875298623745,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","sku":"30089193001"},{"id":47875298656513,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","sku":"30089193002"},{"id":47875298689281,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","sku":"30089193003"},{"id":47875298722049,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","sku":"30089193004"},{"id":47875298754817,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","sku":"30089193005"},{"id":47875298787585,"price":6999500,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","sku":"30089193006"}],"remote":false},{"id":9011784810753,"gid":"gid:\/\/shopify\/Product\/9011784810753","vendor":"CAT","type":"CALZADO","handle":"30089211-botas-levitate-2-0-wp-para-hombre-color-negro","variants":[{"id":47562332078337,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","sku":"30089211001"},{"id":47562332111105,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","sku":"30089211002"},{"id":47562332143873,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","sku":"30089211003"},{"id":47562332176641,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","sku":"30089211004"},{"id":47562332209409,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","sku":"30089211005"},{"id":47562332242177,"price":9499500,"name":"Botas Levitate 2.0 WP para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","sku":"30089211006"}],"remote":false},{"id":8980203110657,"gid":"gid:\/\/shopify\/Product\/8980203110657","vendor":"CAT","type":"CALZADO","handle":"30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris","variants":[{"id":46991378907393,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","sku":"30086779001"},{"id":46991378940161,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","sku":"30086779002"},{"id":46991378972929,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","sku":"30086779003"},{"id":46991379005697,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","sku":"30086779004"},{"id":46991379038465,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","sku":"30086779005"},{"id":46991379071233,"price":9499500,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","sku":"30086779006"}],"remote":false},{"id":8935720616193,"gid":"gid:\/\/shopify\/Product\/8935720616193","vendor":"CAT","type":"CALZADO","handle":"30088610-botas-jettison-para-hombre-color-negro","variants":[{"id":46827466457345,"price":8999500,"name":"Botas Jettison para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","sku":"30088610001"},{"id":46827466490113,"price":8999500,"name":"Botas Jettison para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","sku":"30088610002"},{"id":46827466522881,"price":8999500,"name":"Botas Jettison para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","sku":"30088610003"},{"id":46827466555649,"price":8999500,"name":"Botas Jettison para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","sku":"30088610004"},{"id":46827466588417,"price":8999500,"name":"Botas Jettison para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","sku":"30088610005"},{"id":46827466621185,"price":8999500,"name":"Botas Jettison para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","sku":"30088610006"}],"remote":false},{"id":8918658187521,"gid":"gid:\/\/shopify\/Product\/8918658187521","vendor":"CAT","type":"CALZADO","handle":"30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe","variants":[{"id":46762235134209,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 7 \/ Café","public_title":"7 \/ Café","sku":"30086764001"},{"id":46762235166977,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 8 \/ Café","public_title":"8 \/ Café","sku":"30086764002"},{"id":46762235199745,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 9 \/ Café","public_title":"9 \/ Café","sku":"30086764003"},{"id":46762235232513,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 10 \/ Café","public_title":"10 \/ Café","sku":"30086764004"},{"id":46762235265281,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 11 \/ Café","public_title":"11 \/ Café","sku":"30086764005"},{"id":46762235298049,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 12 \/ Café","public_title":"12 \/ Café","sku":"30086764006"}],"remote":false},{"id":8918657663233,"gid":"gid:\/\/shopify\/Product\/8918657663233","vendor":"CAT","type":"CALZADO","handle":"30086777-botas-pursue-wp-para-hombre-color-cafe","variants":[{"id":46762232578305,"price":8999500,"name":"Botas Pursue WP para hombre color café - 7 \/ Café","public_title":"7 \/ Café","sku":"30086777001"},{"id":46762232611073,"price":8999500,"name":"Botas Pursue WP para hombre color café - 8 \/ Café","public_title":"8 \/ Café","sku":"30086777002"},{"id":46762232643841,"price":8999500,"name":"Botas Pursue WP para hombre color café - 9 \/ Café","public_title":"9 \/ Café","sku":"30086777003"},{"id":46762232676609,"price":8999500,"name":"Botas Pursue WP para hombre color café - 10 \/ Café","public_title":"10 \/ Café","sku":"30086777004"},{"id":46762232709377,"price":8999500,"name":"Botas Pursue WP para hombre color café - 11 \/ Café","public_title":"11 \/ Café","sku":"30086777005"},{"id":46762232742145,"price":8999500,"name":"Botas Pursue WP para hombre color café - 12 \/ Café","public_title":"12 \/ Café","sku":"30086777006"}],"remote":false},{"id":8918657630465,"gid":"gid:\/\/shopify\/Product\/8918657630465","vendor":"CAT","type":"CALZADO","handle":"30086778-botas-pursue-wp-para-hombre-color-tan","variants":[{"id":46762232414465,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 7 \/ Tan","public_title":"7 \/ Tan","sku":"30086778001"},{"id":46762232447233,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 8 \/ Tan","public_title":"8 \/ Tan","sku":"30086778002"},{"id":46762232480001,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 9 \/ Tan","public_title":"9 \/ Tan","sku":"30086778003"},{"id":46762232512769,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 10 \/ Tan","public_title":"10 \/ Tan","sku":"30086778004"},{"id":46762232545537,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 11 \/ Tan","public_title":"11 \/ Tan","sku":"30086778005"},{"id":50202954531073,"price":8999500,"name":"Botas Pursue WP para hombre color tan - 12 \/ Tan","public_title":"12 \/ Tan","sku":"30086778006"}],"remote":false},{"id":8918657335553,"gid":"gid:\/\/shopify\/Product\/8918657335553","vendor":"CAT","type":"CALZADO","handle":"30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris","variants":[{"id":46762230972673,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","sku":"30086793001"},{"id":46762231005441,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","sku":"30086793002"},{"id":46762231038209,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","sku":"30086793003"},{"id":46762231070977,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","sku":"30086793004"},{"id":46762231103745,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","sku":"30086793005"},{"id":46762231136513,"price":10499500,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","sku":"30086793006"}],"remote":false},{"id":8689858969857,"gid":"gid:\/\/shopify\/Product\/8689858969857","vendor":"CAT","type":"CALZADO","handle":"30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris","variants":[{"id":45990396166401,"price":6649650,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","sku":"30082630001"},{"id":45990396199169,"price":6649650,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","sku":"30082630002"},{"id":45990396231937,"price":6649650,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","sku":"30082630003"},{"id":45990396264705,"price":6649650,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","sku":"30082630004"},{"id":45990396297473,"price":6649650,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","sku":"30082630005"}],"remote":false},{"id":8689858773249,"gid":"gid:\/\/shopify\/Product\/8689858773249","vendor":"CAT","type":"CALZADO","handle":"30082622-botas-threshold-wp-para-hombre-color-beige","variants":[{"id":45990395085057,"price":10099500,"n
2666ame":"Botas Threshold WP para hombre color beige - 7 \/ Beige","public_title":"7 \/ Beige","sku":"30082622001"},{"id":45990395117825,"price":10099500,"name":"Botas Threshold WP para hombre color beige - 8 \/ Beige","public_title":"8 \/ Beige","sku":"30082622002"},{"id":45990395150593,"price":10099500,"name":"Botas Threshold WP para hombre color beige - 9 \/ Beige","public_title":"9 \/ Beige","sku":"30082622003"},{"id":45990395183361,"price":10099500,"name":"Botas Threshold WP para hombre color beige - 10 \/ Beige","public_title":"10 \/ Beige","sku":"30082622004"},{"id":45990395216129,"price":10099500,"name":"Botas Threshold WP para hombre color beige - 11 \/ Beige","public_title":"11 \/ Beige","sku":"30082622005"}],"remote":false},{"id":8676937072897,"gid":"gid:\/\/shopify\/Product\/8676937072897","vendor":"CAT","type":"CALZADO","handle":"30080555-botas-threshold-chelsea-para-hombre-color-cafe","variants":[{"id":45938795774209,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 7 \/ Cafe","public_title":"7 \/ Cafe","sku":"30080555001"},{"id":45938795806977,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 8 \/ Cafe","public_title":"8 \/ Cafe","sku":"30080555002"},{"id":45938795839745,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 9 \/ Cafe","public_title":"9 \/ Cafe","sku":"30080555003"},{"id":45938795872513,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 10 \/ Cafe","public_title":"10 \/ Cafe","sku":"30080555004"},{"id":45938795905281,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 11 \/ Cafe","public_title":"11 \/ Cafe","sku":"30080555005"},{"id":45938795938049,"price":8199500,"name":"Botas Threshold Chelsea para hombre color café - 12 \/ Cafe","public_title":"12 \/ Cafe","sku":"30080555006"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":212139770012,"requestId":"d429eec2-d6c0-4f16-950f-09113104d5fb-1791507602"}};
2667  for (var attr in meta) {
2668    window.ShopifyAnalytics.meta[attr] = meta[attr];
2669  }
2670</script>
vendor: 1 bytes, line 2670
2670
2671<script class="analytics">
2672  (function () {
2673    var customDocumentWrite = function(content) {
2674      var jquery = null;
2675
2676      if (window.jQuery) {
2677        jquery = window.jQuery;
2678      } else if (window.Checkout && window.Checkout.$) {
2679        jquery = window.Checkout.$;
2680      }
2681
2682      if (jquery) {
2683        jquery('body').append(content);
2684      }
2685    };
2686
2687    var hasLoggedConversion = function(token) {
2688      if (token) {
2689        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2690      }
2691      return false;
2692    }
2693
2694    var setCookieIfConversion = function(token) {
2695      if (token) {
2696        var twoMonthsFromNow = new Date(Date.now());
2697        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2698
2699        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2700      }
2701    }
2702
2703    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2704    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2705    if (trekkie.integrations) {
2706      return;
2707    }
2708    trekkie.methods = [
2709      'identify',
2710      'page',
2711      'ready',
2712      'track',
2713      'trackForm',
2714      'trackLink'
2715    ];
2716    trekkie.factory = function(method) {
2717      return function() {
2718        var args = Array.prototype.slice.call(arguments);
2719        args.unshift(method);
2720        trekkie.push(args);
2721        if (method == 'track' || method == 'page') {
2722          var pageUrl;
2723          try {
2724            pageUrl = window.location.href;
2725          } catch (e) {}
2726          var pageReferrer;
2727          try {
2728            pageReferrer = document.referrer;
2729          } catch (e) {}
2730          try {
2731            if (window.__TREKKIE_SHIM_QUEUE == null) {
2732              window.__TREKKIE_SHIM_QUEUE = [];
2733            }
2734            window.__TREKKIE_SHIM_QUEUE.push({
2735              from: 'trekkie-stub',
2736              method: method,
2737              args: args.slice(1),
2738              pageContext: {
2739                url: pageUrl,
2740                referrer: pageReferrer
2741              }
2742            });
2743          } catch (e) {
2744            // no-op
2745          }
2746        }
2747        return trekkie;
2748      };
2749    };
2750    for (var i = 0; i < trekkie.methods.length; i++) {
2751      var key = trekkie.methods[i];
2752      trekkie[key] = trekkie.factory(key);
2753    }
2754    trekkie.load = function(config) {
2755      trekkie.config = config || {};
2756      trekkie.config.initialDocumentCookie = document.cookie;
2757      var first = document.getElementsByTagName('script')[0];
2758var script = document.createElement('script');
2759script.type = 'text/javascript';
2760script.onerror = function(e) {
2761  var scriptFallback = document.createElement('script');
2762  scriptFallback.type = 'text/javascript';
2763  scriptFallback.onerror = function(error) {
2764          var Monorail = {
2765      produce: function produce(monorailDomain, schemaId, payload) {
2766        var currentMs = new Date().getTime();
2767        var event = {
2768          schema_id: schemaId,
2769          payload: payload,
2770          metadata: {
2771            event_created_at_ms: currentMs,
2772            event_sent_at_ms: currentMs
2773          }
2774        };
2775        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2776      },
2777      sendRequest: function sendRequest(endpointUrl, payload) {
2778        // Try the sendBeacon API
2779        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2780          var blobData = new window.Blob([payload], {
2781            type: 'text/plain'
2782          });
2783
2784          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2785            return true;
2786          } // sendBeacon was not successful
2787
2788        } // XHR beacon
2789
2790        var xhr = new XMLHttpRequest();
2791
2792        try {
2793          xhr.open('POST', endpointUrl);
2794          xhr.setRequestHeader('Content-Type', 'text/plain');
2795          xhr.send(payload);
2796        } catch (e) {
2797          console.log(e);
2798        }
2799
2800        return false;
2801      },
2802      isIos12: function isIos12() {
2803        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2804      }
2805    };
2806    Monorail.produce('monorail-edge.shopifysvc.com',
2807      'trekkie_storefront_load_errors/1.1',
2808      {shop_id: 45123109020,
2809      theme_id: 162279817473,
2810      app_name: "storefront",
2811      context_url: window.location.href,
2812      source_url: "//caterpillarcr.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
2813
2814  };
2815  scriptFallback.async = true;
2816  scriptFallback.src = '//caterpillarcr.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2817  first.parentNode.insertBefore(scriptFallback, first);
2818};
2819script.async = true;
2820script.src = '//caterpillarcr.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2821first.parentNode.insertBefore(script, first);
2822
2823    };
2824    trekkie.load(
2825      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":45123109020,"isMerchantRequest":null,"themeId":162279817473,"themeCityHash":"9097088074163502288","contentLanguage":"es","currency":"CRC","eventMetadataId":"a3504e93-9a86-4d41-9cec-eaa1df85334a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2826    );
2827
2828    var loaded = false;
2829    trekkie.ready(function() {
2830      if (loaded) return;
2831      loaded = true;
2832
2833      window.ShopifyAnalytics.lib = window.trekkie;
2834
2835      var originalDocumentWrite = document.write;
2836      document.write = customDocumentWrite;
2837      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2838      document.write = originalDocumentWrite;
2839
2840      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2841      var token = match? match[1]: undefined;
2842      if (!hasLoggedConversion(token)) {
2843        setCookieIfConversion(token);
2844        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"CRC","category":"Collection: botas-hombre","collectionName":"botas-hombre","collectionId":212139770012,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
2845      }
2846    });
2847
2848    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":212139770012,"requestId":"d429eec2-d6c0-4f16-950f-09113104d5fb-1791507602","shopifyEmitted":true});
2849
2850    var eventsListenerScript = document.createElement('script');
2851    eventsListenerScript.async = true;
2852    eventsListenerScript.src = "//caterpillarcr.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2853    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2854})();</script>
2854
2855  
2855<script>
2856  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2857    window.ga = function ga() {
2858      (window.ga.q = window.ga.q || []).push(arguments);
2859      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2860        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2861      }
2862      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
2863    };
2864    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2865      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2866    }
2867  }
2868</script>
vendor: 1 bytes, line 2868
2868
2869<script
2870  defer
2871  src="https://caterpillarcr.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
2872  data-application="storefront-renderer"
2873  data-shop-id="45123109020"
2874  data-render-region="gcp-us-central1"
2875  data-page-type="collection"
2876  data-theme-instance-id="162279817473"
2877  data-theme-name="Horizon"
2878  data-theme-version="3.5.1"
2879  data-monorail-region="shop_domain"
2880  data-resource-timing-sampling-rate="10"
2881  data-shs="true"
2882  data-shs-beacon="true"
2883  data-shs-export-with-fetch="true"
2884  data-shs-logs-sample-rate="1"
2885  data-shs-beacon-endpoint="https://caterpillarcr.com/api/collect"
2886></script>
vendor: 1 bytes, line 2886
2886
2887<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2887<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"45123109020","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Iniciar sesión o crear cuenta"},{"key":"account_menu.signed_out_state.section_divider","value":"Más formas de iniciar sesión"},{"key":"account_menu.signed_out_state.alternate_divider","value":"O"},{"key":"account_menu.signed_out_state.email_field_label","value":"Correo electrónico"},{"key":"account_menu.signed_out_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_out_state.profile_button","value":"Perfil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Iniciar sesión con Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuar con Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuar con Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Enviarme novedades y ofertas por correo electrónico"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hola, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Cuenta"},{"key":"account_menu.signed_in_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_in_state.profile_button","value":"Perfil"},{"key":"account_menu.location_picker.sheet_title","value":"Sucursales"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Búsqueda"},{"key":"account_menu.aria_labels.close_menu","value":"Cerrar menú"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Volver al menú principal desde {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}} abre un submenú"},{"key":"account_menu.aria_labels.loading_menu","value":"Cargando menú"},{"key":"account_menu.aria_labels.loading","value":"Cargando"},{"key":"account_menu.aria_labels.account","value":"Cuenta"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Iniciar sesión con correo electrónico"},{"key":"account_menu.aria_labels.sign_in","value":"Iniciar sesión"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"CR","language":"es"}}</script>
2887
2888<meta name="shopify-y" content="bf294716-4a58-4db4-b15a-396b3c261b85" data-expiration="1823065203000"><meta name="shopify-s" content="7e927b03-bb4c-4e68-9aa5-6f4160a97e4b" data-expiration="1791509403000"><meta name="new-cookie-storage-activated" content="t">
2889</head>
2890
2891  <body class="page-width-narrow card-hover-effect-none">
2892    <a
2893  class="skip-to-content-link button-secondary"
2894  href="#MainContent"
2895>
2896  Ir directamente al contenido
2897</a>
2898
2899
2900
2901    <div id="header-group">
2902      <!-- BEGIN sections: header-group -->
2903<div id="shopify-section-sections--22556826009857__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
2904
2905
2906
2907
2908  
2908<script
2909    src="//caterpillarcr.com/cdn/shop/t/14/assets/announcement-bar.js?v=41599458924257584661784126457"
2910    type="module"
2911    fetchpriority="low"
2912  ></script>
2912
2913
2914
2915<div
2916  class="section-background color-scheme-6dd74a44-5c63-4fc8-b2ff-3f28758087b9"
2917  style="background-color: #1D1D1D;"
2918></div>
2919<aside
2920  class="announcement-bar announcement-bar--slider spacing-style section section--page-width color-scheme-6dd74a44-5c63-4fc8-b2ff-3f28758087b9"
2921  style="--padding-block-start: 15px;--padding-block-end: 15px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;
2922; --border-bottom-width: 1px; --announcement-background: #1D1D1D; --announcement-text: #ffffff; --announcement-columns: 4; background-color: #1D1D1D;"
2923>
2924  
2925
2926  <announcement-bar-component
2927    class="announcement-bar__slider"
2928    
2929      autoplay="5" aria-live="polite"
2930    
2931  >
2932    
2933      <slideshow-arrows
2934  position="center"
2935  
2936><button
2937  class="
2938    slideshow-control slideshow-control--previous
2939    
2940    
2941    slideshow-control--style-chevron
2942    button button-unstyled button-unstyled--transparent
2943     flip-x
2944  "
2945  
2946  aria-label="Diapositiva anterior"
2947  
2948  on:click="/previous"
2949  ref="previous"
2950>
2951  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2952  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2953</svg>
2954</span>
2955</button>
2956
2957
2958<button
2959  class="
2960    slideshow-control slideshow-control--next
2961    
2962    
2963    slideshow-control--style-chevron
2964    button button-unstyled button-unstyled--transparent
2965    
2966  "
2967  
2968  aria-label="Siguiente diapositiva"
2969  
2970  on:click="/next"
2971  ref="next"
2972>
2973  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2974  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2975</svg>
2976</span>
2977</button>
2978
2979
2980</slideshow-arrows>
2981
2982
2983
2984    
2985
2986    <div class="announcement-bar__slides">
2987      
2988<slideshow-slide
2989    ref="slides[]"
2990    class="
2991      announcement-bar__slide
2992      text-block
2993      text-block--AczIyWVpxVzVkNU1aS__announcement_BxgCk9
2994      text-block--align-center
2995      text-block--full-width
2996      custom-typography
2997      custom-font-size
2998      
2999    "
3000    style="
3001      
3002--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3003      --width: 100%;
3004      --text-align: center;
3005      --line-height: 1;
3006    "
3007    
3008    aria-hidden="false"
3009  >
3010    <div class="announcement-bar__item">
3011      
3012        <span class="announcement-bar__icon" aria-hidden="true">
3013          <svg viewBox="0 0 20 20" fill="currentColor">
3014            
3015
3016
3017<path d="M0 3.75156C0 3.47454 0.224196 3.24997 0.500755 3.24997H10.647C10.9235 3.24997 11.1477 3.47454 11.1477 3.75156V5.07505V5.63362V6.10938V13.6616C10.9427 14.0067 10.8813 14.1101 10.5516 14.6648L7.22339 14.6646V13.6614H10.1462V4.25316H1.00151V13.6614H2.6842V14.6646H0.500755C0.224196 14.6646 0 14.44 0 14.163V3.75156Z" />
3018    <path d="M18.9985 8.08376L11.1477 6.10938V5.07505L19.6212 7.20603C19.8439 7.26203 20 7.46255 20 7.69253V14.1631C20 14.4401 19.7758 14.6647 19.4992 14.6647H17.3071V13.6615H18.9985V8.08376ZM11.1477 13.6616L13.3442 13.6615L13.3443 14.6647L10.5516 14.6648L11.1477 13.6616Z" />
3019    <path d="M7.71269 14.1854C7.71269 15.6018 6.56643 16.75 5.15245 16.75C3.73847 16.75 2.59221 15.6018 2.59221 14.1854C2.59221 12.7691 3.73847 11.6209 5.15245 11.6209C6.56643 11.6209 7.71269 12.7691 7.71269 14.1854ZM5.15245 15.7468C6.01331 15.7468 6.71118 15.0478 6.71118 14.1854C6.71118 13.3231 6.01331 12.6241 5.15245 12.6241C4.29159 12.6241 3.59372 13.3231 3.59372 14.1854C3.59372 15.0478 4.29159 15.7468 5.15245 15.7468Z" />
3020    <path d="M17.5196 14.1854C17.5196 15.6018 16.3733 16.75 14.9593 16.75C13.5454 16.75 12.3991 15.6018 12.3991 14.1854C12.3991 12.7691 13.5454 11.6209 14.9593 11.6209C16.3733 11.6209 17.5196 12.7691 17.5196 14.1854ZM14.9593 15.7468C15.8202 15.7468 16.5181 15.0478 16.5181 14.1854C16.5181 13.3231 15.8202 12.6241 14.9593 12.6241C14.0985 12.6241 13.4006 13.3231 13.4006 14.1854C13.4006 15.0478 14.0985 15.7468 14.9593 15.7468Z" />
3021          </svg>
3022        </span>
3023      
3024
3025      <p class="announcement-bar__text">
3026        Envio a domicilio
3027      </p>
3028    </div>
3029
3030    
3031  </slideshow-slide>
3032
3033
3034
3035<slideshow-slide
3036    ref="slides[]"
3037    class="
3038      announcement-bar__slide
3039      text-block
3040      text-block--ARVh4TEdjU2IwcHI5N__announcement_pickup
3041      text-block--align-center
3042      text-block--full-width
3043      custom-typography
3044      custom-font-size
3045      
3046    "
3047    style="
3048      
3049--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3050      --width: 100%;
3051      --text-align: center;
3052      --line-height: 1;
3053    "
3054    
3055    aria-hidden="false"
3056  >
3057    <div class="announcement-bar__item">
3058      
3059        <span class="announcement-bar__icon" aria-hidden="true">
3060          <svg viewBox="0 0 20 20" fill="currentColor">
3061            
3062
3063
3064<path
3065      d="M9.91038 18.5904L14.9458 9.80988C17.1744 5.9237 14.4213 1.03316 10.004 1.03316C5.61856 1.03316 2.85676 5.85475 5.01217 9.74644L9.91038 18.5904ZM10.004 0C4.84496 0 1.59264 5.67261 4.13039 10.2547L9.34236 19.6651C9.58751 20.1078 10.2108 20.1126 10.4625 19.6737L15.82 10.3316C18.4445 5.75498 15.2016 0 10.004 0Z"
3066      fill-rule="evenodd"
3067    />
3068    <path d="M12.9997 6.79602C12.9997 8.5559 11.6011 9.98256 9.87597 9.98256C8.1508 9.98256 6.75228 8.5559 6.75228 6.79602C6.75228 5.03615 8.1508 3.60949 9.87597 3.60949C11.6011 3.60949 12.9997 5.03615 12.9997 6.79602ZM9.87597 8.9494C11.0418 8.9494 11.9869 7.9853 11.9869 6.79602C11.9869 5.60675 11.0418 4.64265 9.87597 4.64265C8.71015 4.64265 7.76506 5.60675 7.76506 6.79602C7.76506 7.9853 8.71015 8.9494 9.87597 8.9494Z" />
3069          </svg>
3070        </span>
3071      
3072
3073      <p class="announcement-bar__text">
3074        Retiro en tienda
3075      </p>
3076    </div>
3077
3078    
3079  </slideshow-slide>
3080
3081
3082
3083<slideshow-slide
3084    ref="slides[]"
3085    class="
3086      announcement-bar__slide
3087      text-block
3088      text-block--AVTRjTG5EWEY5QThaN__announcement_secure
3089      text-block--align-center
3090      text-block--full-width
3091      custom-typography
3092      custom-font-size
3093      
3094    "
3095    style="
3096      
3097--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3098      --width: 100%;
3099      --text-align: center;
3100      --line-height: 1;
3101    "
3102    
3103    aria-hidden="false"
3104  >
3105    <div class="announcement-bar__item">
3106      
3107        <span class="announcement-bar__icon" aria-hidden="true">
3108          <svg viewBox="0 0 20 20" fill="currentColor">
3109            
3110
3111
3112<path
3113      d="M16.5 7.11819H3.5L3.5 18.9997L16.5 18.9997V7.11819ZM3.5 6.11786C2.94772 6.11786 2.5 6.56573 2.5 7.11819V18.9997C2.5 19.5521 2.94772 20 3.5 20H16.5C17.0523 20 17.5 19.5521 17.5 18.9997V7.11819C17.5 6.56572 17.0523 6.11786 16.5 6.11786H3.5Z"
3114      fill-rule="evenodd"
3115    />
3116    <path d="M11.443 11.9199C11.443 12.7406 10.797 13.406 10.0001 13.406C9.20314 13.406 8.55712 12.7406 8.55712 11.9199C8.55712 11.0992 9.20314 10.4338 10.0001 10.4338C10.797 10.4338 11.443 11.0992 11.443 11.9199Z" />
3117    <path d="M10.0187 11.9202C10.3639 11.9202 10.6437 12.2001 10.6437 12.5454V15.6971C10.6437 16.0424 10.3639 16.3223 10.0187 16.3223C9.67354 16.3223 9.39372 16.0424 9.39372 15.6971V12.5454C9.39372 12.2001 9.67354 11.9202 10.0187 11.9202Z" />
3118    <path d="M6.2417 3.75956C6.2417 1.68321 7.92435 0 10 0C12.0757 0 13.7583 1.68321 13.7583 3.75956V6.12135H12.7583V3.75956C12.7583 2.23568 11.5234 1.00033 10 1.00033C8.47663 1.00033 7.2417 2.23568 7.2417 3.75956V6.12135H6.2417V3.75956Z" />
3119          </svg>
3120        </span>
3121      
3122
3123      <p class="announcement-bar__text">
3124        Compra segura
3125      </p>
3126    </div>
3127
3128    
3129  </slideshow-slide>
3130
3131
3132
3133<slideshow-slide
3134    ref="slides[]"
3135    class="
3136      announcement-bar__slide
3137      text-block
3138      text-block--AR29zdDNhSjArd3ZPN__announcement_cGHc4D
3139      text-block--align-center
3140      text-block--full-width
3141      custom-typography
3142      custom-font-size
3143      
3144    "
3145    style="
3146      
3147--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3148      --width: 100%;
3149      --text-align: center;
3150      --line-height: 1;
3151    "
3152    
3153    aria-hidden="false"
3154  >
3155    <div class="announcement-bar__item">
3156      
3157        <span class="announcement-bar__icon" aria-hidden="true">
3158          <svg viewBox="0 0 20 20" fill="currentColor">
3159            
3160
3161
3162<path
3163      d="M6.667 2.5h6.667v0.833h-6.667z M5 3.333h10v0.833h-10z M4.167 4.167h4.167v0.833h-4.167z M11.667 4.167h4.167v0.833h-4.167z M3.333 5h3.333v0.833h-3.333z M7.5 5h9.167v0.833h-9.167z M3.333 5.833h13.333v0.833h-13.333z M2.5 6.667h2.5v0.833h-2.5z M5.833 6.667h3.333v0.833h-3.333z M10 6.667h4.167v0.833h-4.167z M15 6.667h2.5v0.833h-2.5z M2.5 7.5h5.833v0.833h-5.833z M10.833 7.5h6.667v0.833h-6.667z M2.5 8.333h5v0.833h-5z M11.667 8.333h5.833v0.833h-5.833z M2.5 9.167h1.667v0.833h-1.667z M5 9.167h1.667v0.833h-1.667z M15.833 9.167h1.667v0.833h-1.667z M1.667 10h2.5v0.833h-2.5z M5 10h0.833v0.833h-0.833z M6.667 10h1.667v0.833h-1.667z M11.667 10h1.667v0.833h-1.667z M15.833 10h2.5v0.833h-2.5z M1.667 10.833h2.5v0.833h-2.5z M6.667 10.833h1.667v0.833h-1.667z M11.667 10.833h1.667v0.833h-1.667z M15.833 10.833h2.5v0.833h-2.5z M1.667 11.667h2.5v0.833h-2.5z M15.833 11.667h2.5v0.833h-2.5z M1.667 12.5h2.5v0.833h-2.5z M15.833 12.5h2.5v0.833h-2.5z M1.667 13.333h2.5v0.833h-2.5z M15.833 13.333h2.5v0.833h-2.5z M1.667 14.167h2.5v0.833h-2.5z M15.833 14.167h2.5v0.833h-2.5z M15.833 15h1.667v0.833h-1.667z M9.167 15.833h8.333v0.833h-8.333z M9.167 16.66
31637h8.333v0.833h-8.333z"
3164    />
3165          </svg>
3166        </span>
3167      
3168
3169      <p class="announcement-bar__text">
3170        Soporte 24/7
3171      </p>
3172    </div>
3173
3174    
3175  </slideshow-slide>
3176
3177
3178
3179<slideshow-slide
3180    ref="slides[]"
3181    class="
3182      announcement-bar__slide
3183      text-block
3184      text-block--AdFM3OENVblFlUStGM__announcement_qbdVRn
3185      text-block--align-center
3186      text-block--full-width
3187      custom-typography
3188      custom-font-size
3189      
3190    "
3191    style="
3192      
3193--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
3194      --width: 100%;
3195      --text-align: center;
3196      --line-height: 1;
3197    "
3198    
3199    aria-hidden="true"
3200  >
3201    <div class="announcement-bar__item">
3202      
3203
3204      <p class="announcement-bar__text">
3205        ¡Compra nuestras últimas novedades!
3206      </p>
3207    </div>
3208
3209    
3210  </slideshow-slide>
3211
3212
3213
3214    </div>
3215  </announcement-bar-component>
3216</aside>
3217
3218
3219
3220
3221</div><header id="shopify-section-sections--22556826009857__header_section" class="shopify-section shopify-section-group-header-group header-section">
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236
3237<script type="application/ld+json">
3238  {
3239    "@context": "http://schema.org",
3240    "@type": "Organization",
3241    "name": "CAT Costa Rica",
3242    
3243      "logo": "https:\/\/caterpillarcr.com\/cdn\/shop\/files\/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?v=1781211697\u0026width=500",
3244    
3245    "url": "https:\/\/caterpillarcr.com"
3246  }
3247</script>
3247
3248
3249<header-component
3250  id="header-component"
3251  class="header header--solid"
3252  data-theme-color="#000000"
3253  
3254  
3255    sticky="always"
3256  
3257  data-skip-node-update
3258  data-scroll-direction="none"
3259  
3260  
3261  style="
3262    --cat-solid-header-background: #000000;
3263    --cat-solid-header-background-rgb: 0 0 0;
3264    --cat-solid-header-text: #ffffff;
3265    --cat-solid-header-text-rgb: 255 255 255;
3266    --cat-solid-header-icon: #ffffff;
3267    --cat-solid-header-icon-rgb: 255 255 255;
3268    --color-scheme-top-row: var(--cat-solid-header-background);
3269    --color-scheme-bottom-row: var(--cat-solid-header-background);
3270    
3271  "
3272>
3273  <div class="header__underlay header__underlay-closed"></div>
3274  <div
3275    class="header__underlay header__underlay-open"
3276  ></div>
3277    
3278
3279    
3280
3281    
3282    
3283      <div
3284        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
3285        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
3286        <div class="header__columns spacing-style">
3287          <div
3288      class="header__column header__column--left"
3289      data-testid="header-top-left"
3290    >
3291      
3292      
3293        
3294          
3295              
3296
3297
3298
3299    <div
3300      class="header__drawer"
3301      ref="headerDrawerContainer"
3302      data-hydration-key="header-drawer-mobile"
3303      
3304    >
3305      
3306
3307<script
3308  src="//caterpillarcr.com/cdn/shop/t/14/assets/header-drawer.js?v=121243031541024704371784126458"
3309  type="module"
3310  fetchpriority="low"
3311></script>
3311
3312
3313<header-drawer
3314  class="header-drawer "
3315  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
3316>
3317  <details
3318    id="Details-menu-drawer-container"
3319    data-skip-node-update="true"
3320    class="menu-drawer-container"
3321    ref="details"
3322    scroll-lock
3323  >
3324    <summary
3325      class="header__icon header__icon--menu header__icon--summary"
3326      aria-label="Menú"
3327      on:click="/toggle"
3328    >
3329      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3330  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3331  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3332</svg>
3333</span>
3334      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3335  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3336  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3337</svg>
3338</span>
3339    </summary>
3340    <div
3341      ref="menuDrawer"
3342      class="
3343        menu-drawer
3344        color-scheme-1
3345      "
3346    >
3347      <button
3348        class="button close-button menu-drawer__close-button"
3349        type="button"
3350        aria-label="Cerrar"
3351        on:click="/close"
3352      >
3353        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3354  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3355  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3356</svg>
3357</span>
3358      </button>
3359      <nav
3360        class="menu-drawer__navigation"
3361        style="--menu-top-level-font-family: var(--font-body--family);
3362--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3363
3364  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
3365  var(--menu-font-2xl--line-height);
3366
3367--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3368
3369--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3370var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3371none;
3372
3373    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3374    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3375    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3376  
3377--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
3378var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3379none;
3380
3381    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3382    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3383    var(--opacity-subdued-text));
3384  
3385
3386        "
3387        aria-label="Principal"
3388      >
3389        <ul
3390          class="menu-drawer__menu has-submenu"
3391          role="list"
3392        >
3393
3394
3395              <li
3396                class="menu-drawer__list-item"
3397                style="--menu-drawer-animation-index: 1;"
3398              ><details
3399                    id="Details-menu-drawer-menu-item-1"
3400                    class="menu-drawer__menu-container"
3401                  >
3402                    <summary
3403                      id="HeaderDrawer-hombre"
3404                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
3405                      on:click="header-drawer/open/submenu"
3406                    >
3407                      <span class="menu-drawer__menu-item-text wrap-text">Hombre</span>
3408                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3409  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3410</svg>
3411</span>
3412                    </summary>
3413                    <div
3414                      id="link-hombre"
3415                      class="menu-drawer__submenu has-submenu"
3416                      tabindex="-1"
3417                      style="--menu-drawer-animation-index: 1;"
3418                    >
3419                      <div class="menu-drawer__inner-submenu">
3420                        <div class="menu-drawer__nav-buttons">
3421                          <button
3422                            class="button menu-drawer__back-button focus-inset"
3423                            on:click="header-drawer/back"
3424                            aria-label="Volver a Hombre"
3425                          >
3426                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3427  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3428</svg>
3429</span>
3430                            <span class="menu-drawer__menu-item-text wrap-text">
3430Hombre</span>
3431                          </button>
3432                          <button
3433                            class="button button-unstyled close-button menu-drawer__close-button"
3434                            type="button"
3435                            aria-label="Cerrar"
3436                            on:click="header-drawer/close"
3437                          >
3438                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3439  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3440  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3441</svg>
3442</span>
3443                          </button>
3444                        </div>
3445                        
3446                        <ul
3447                          class="menu-drawer__menu menu-drawer__menu--childlist"
3448                          role="list"
3449                          tabindex="-1"
3450                        >
3451                          <li
3452                              class="
3453                                menu-drawer__list-item
3454                                menu-drawer__list-item--flat
3455                              "
3456                            >
3457                                
3458<a
3459                                    id="HeaderDrawer-hombre-calzado"
3460                                    href="/collections/calzado-hombre"
3461                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3462                                    
3463                                  >
3464                                    <span class="menu-drawer__menu-item-text wrap-text">Calzado</span>
3465                                  </a>
3466                                  
3467                                  <ul
3468                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3469                                    role="list"
3470                                    tabindex="-1"
3471                                  ><li
3472                                        class="menu-drawer__list-item"
3473                                        style="--menu-drawer-animation-index: 1;"
3474                                      >
3475                                        <a
3476                                          id="HeaderDrawer-hombre-calzado-botas"
3477                                          href="/collections/botas-hombre"
3478                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--active"
3479                                          
3480                                            aria-current="page"
3481                                          
3482                                        >
3483                                          
3484                                          <span class="menu-drawer__menu-item-text wrap-text">Botas</span>
3485                                        </a>
3486                                      </li><li
3487                                        class="menu-drawer__list-item"
3488                                        style="--menu-drawer-animation-index: 2;"
3489                                      >
3490                                        <a
3491                                          id="HeaderDrawer-hombre-calzado-botas-industriales"
3492                                          href="/collections/botas-industriales-hombre"
3493                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3494                                          
3495                                        >
3496                                          
3497                                          <span class="menu-drawer__menu-item-text wrap-text">Botas Industriales</span>
3498                                        </a>
3499                                      </li><li
3500                                        class="menu-drawer__list-item"
3501                                        style="--menu-drawer-animation-index: 3;"
3502                                      >
3503                                        <a
3504                                          id="HeaderDrawer-hombre-calzado-tenis"
3505                                          href="/collections/tennis-hombre"
3506                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3507                                          
3508                                        >
3509                                          
3510                                          <span class="menu-drawer__menu-item-text wrap-text">Tenis</span>
3511                                        </a>
3512                                      </li></ul></li><li
3513                              class="
3514                                menu-drawer__list-item
3515                                menu-drawer__list-item--flat
3516                              "
3517                            >
3518                                
3519<a
3520                                    id="HeaderDrawer-hombre-prendas-de-vestir"
3521                                    href="/collections/ropa-hombre-1"
3522                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3523                                    
3524                                  >
3525                                    <span class="menu-drawer__menu-item-text wrap-text">Prendas de Vestir</span>
3526                                  </a>
3527                                  
3528                                  <ul
3529                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3530                                    role="list"
3531                                    tabindex="-1"
3532                                  ><li
3533                                        class="menu-drawer__list-item"
3534                                        style="--menu-drawer-animation-index: 1;"
3535                                      >
3536                                        <a
3537                                          id="HeaderDrawer-hombre-prendas-de-vestir-camisetas"
3538                                          href="/collections/camisetas-hombre"
3539                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3540                                          
3541                                        >
3542                                          
3543                                          <span class="menu-drawer__menu-item-text wrap-text">Camisetas</span>
3544                                        </a>
3545                                      </li><li
3546                                        class="menu-drawer__list-item"
3547                                        style="--menu-drawer-animation-index: 2;"
3548                                      >
3549                                        <a
3550                                          id="HeaderDrawer-hombre-prendas-de-vestir-camisas"
3551                                          href="/collections/camisas-hombre"
3552                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3553                                          
3554                                        >
3555                                          
3556                                          <span class="menu-drawer__menu-item-text wrap-text">Camisas</span>
3557                                        </a>
3558                                      </li><li
3559                                        class="menu-drawer__list-item"
3560                                        style="--menu-drawer-animation-index: 3;"
3561                                      >
3562                                        <a
3563                                          id="HeaderDrawer-hombre-prendas-de-vestir-pantalon-de-trabajo"
3564                                          href="/collections/pantalon-de-trabajo-hombre"
3565                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3566                                          
3567                                        >
3568                                          
3569                                          <span class="menu-drawer__menu-item-text wrap-text">Pantalón de trabajo</span>
3570                                        </a>
3571                                      </li><li
3572                                        class="menu-drawer__list-item"
3573                                        style="--menu-drawer-animation-index: 4;"
3574                                      >
3575                                        <a
3576                                          id="HeaderDrawer-hombre-prendas-de-vestir-pantalon-denim"
3577                                          href="/collections/pantalon-denim-hombre"
3578                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3579                                          
3580                                        >
3581                                          
3582                                          <span class="menu-drawer__menu-item-text wrap-text">Pantalón Denim</span>
3583                                        </a>
3584                                      </li><li
3585                                        class="menu-drawer__list-item"
3586                                        style="--menu-drawer-animation-index: 5;"
3587                                      >
3588                                        <a
3589                                          id="HeaderDrawer-hombre-prendas-de-vestir-hoodies"
3590                                          href="/collections/hoodies-hombre"
3591                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3592                                          
3593                                        >
3594                                          
3595                                          <span class="menu-drawer__menu-item-text wrap-text">Hoodies</span>
3596                                        </a>
3597                                      </li><li
3598                                        class="menu-drawer__list-item"
3599                                        style="--menu-drawer-animation-index: 6;"
3600                                      >
3601                                        <a
3602                                          id="HeaderDrawer-hombre-prendas-de-vestir-jackets"
3603                                          href="/collections/jacket-hombre"
3604                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3605                                          
3606                                        >
3607                                          
3608                                          <span class="menu-drawer__menu-item-text wrap-text">Jackets</span>
3609                                        </a>
3610                                      </li><li
3611                                        class="menu-drawer__list-item"
3612                                        style="--menu-drawer-animation-index: 7;"
3613                                      >
3614                                        <a
3615                                          id="HeaderDrawer-hombre-prendas-de-vestir-chalecos"
3616                                          href="/collections/chalecos-hombre"
3617                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3618                                          
3619                                        >
3620                                          
3621                                          <span class="menu-drawer__menu-item-text wrap-text">Chalecos</span>
3622                                        </a>
3623                                      </li></ul></li><li
3624                              class="
3625                                menu-drawer__list-item
3626                                menu-drawer__list-item--flat
3627                              "
3628                            >
3629                                
3630<a
3631                                    id="HeaderDrawer-hombre-new-arrivals"
3632                                    href="/collections/mens-new-arrivals"
3633                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3634                                    
3635                                  >
3636                                    <span class="menu-drawer__menu-item-text wrap-text">New Arrivals</span>
3637                                  </a>
3638                                  
3639                                  <ul
3640                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3641                                    role="list"
3642                                    tabindex="-1"
3643                                  ><li
3644                                        class="menu-drawer__list-item"
3645                                        style="--menu-drawer-animation-index: 1;"
3646                                      >
3647                                        <a
3648                                          id="HeaderDrawer-hombre-new-arrivals-shop-new-arrivals"
3649                                          href="/collections/mens-new-arrivals"
3650                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3651                                          
3652                                        >
3653                                          
3654                                          <span class="menu-drawer__menu-item-text wrap-text">Shop New Arrivals</span>
3655                                        </a>
3656                                      </li></ul></li></ul>
3657                        
3658                      </div>
3659                    </div>
3660                  </details></li>
3661              <li
3662                class="menu-drawer__list-item"
3663                style="--menu-drawer-animation-index: 2;"
3664              ><details
3665                    id="Details-menu-drawer-menu-item-2"
3666                    class="menu-drawer__menu-container"
3667                  >
3668                    <summary
3669                      id="HeaderDrawer-mujer"
3670                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3671                      on:click="header-drawer/open/submenu"
3672                    >
3673                      <span class="menu-drawer__menu-item-text wrap-text">Mujer</span>
3674                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3675  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3676</svg>
3677</span>
3678                    </summary>
3679                    <div
3680                      id="link-mujer"
3681                      class="menu-drawer__submenu has-submenu"
3682                      tabindex="-1"
3683                      style="--menu-drawer-animation-index: 2;"
3684                    >
3685                      <div class="menu-drawer__inner-submenu">
3686                        <div class="menu-drawer__nav-buttons">
3687                          <button
3688                            class="button menu-drawer__back-button focus-inset"
3689                            on:click="header-drawer/back"
3690                            aria-label="Volver a Mujer"
3691                          >
3692                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3693  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3694</svg>
3695</span>
3696                            <span class="menu-drawer__menu-item-text wrap-text">Mujer</span>
3697                          </button>
3698                          <button
3699                            class="button button-unstyled close-button menu-drawer__close-button"
3700                            type="button"
3701                            aria-label="Cerrar"
3702                            on:click="header-drawer/close"
3703                          >
3704                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3705  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3706  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3707</svg>
3708</span>
3709                          </button>
3710                        </div>
3711                        
3712                        <ul
3713                          class="menu-drawer__menu menu-drawer__menu--childlist"
3714                          role="list"
3715                          tabindex="-1"
3716                        >
3717                          <li
3718                              class="
3719                                menu-drawer__list-item
3720                                menu-drawer__list-item--flat
3721                              "
3722                            >
3723                                
3724<a
3725                                    id="HeaderDrawer-mujer-calzado"
3726                                    href="/collections/calzado-mujer"
3727                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3728                                    
3729                                  >
3730                                    <span class="menu-drawer__menu-item-text wrap-text">Calzado</span>
3731                                  </a>
3732                                  
3733                                  <ul
3734                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3735                                    role="list"
3736                                    tabindex="-1"
3737                                  ><li
3738                                        class="menu-drawer__list-item"
3739                                        style="--menu-drawer-animation-index: 1;"
3740                                      >
3741                                        <a
3742                                          id="HeaderDrawer-mujer-calzado-botas"
3743                                          href="/collections/botas-mujer"
3744                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3745                                          
3746                                        >
3747                                          
3748                                          <span class="menu-drawer__menu-item-text wrap-text">Botas</span>
3749                                        </a>
3750                                      </li><li
3751                                        class="menu-drawer__list-item"
3752                                        style="--menu-drawer-animation-index: 2;"
3753                                      >
3754                                        <a
3755                                          id="HeaderDrawer-mujer-calzado-botas-industrial"
3756                                          href="/collections/botas-industriales-mujer"
3757                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3758                                          
3759                                        >
3760                                          
3761                                          <span class="menu-drawer__menu-item-text wrap-text">Botas Industrial</span>
3762                                        </a>
3763                                      </li><li
3764                                        class="menu-drawer__list-item"
3765                                        style="--menu-drawer-animation-index: 3;"
3766                                      >
3767                                        <a
3768                                          id="HeaderDrawer-mujer-calzado-tenis"
3769                                          href="/collections/tenis-mujer"
3770                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3771                                          
3772                                        >
3773                                          
3774                                          <span class="menu-drawer__menu-item-text wrap-text">Tenis</span>
3775                                        </a>
3776                                      </li></ul></li><li
3777                              class="
3778                                menu-drawer__list-item
3779                                menu-drawer__list-item--flat
3780                              "
3781                            >
3782                                
3783<a
3784                                    id="HeaderDrawer-mujer-prendas-de-vestir"
3785                                    href="/collections/ropa-mujer"
3786                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3787                                    
3788                                  >
3789                                    <span class="menu-drawer__menu-item-text wrap-text">Prendas de Vestir</span>
3790                                  </a>
3791                                  
3792                                  <ul
3793                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3794                                    role="list"
3795                                    tabindex="-1"
3796                                  ><li
3797                                        class="menu-drawer__list-item"
3798                                        style="--menu-drawer-animation-index: 1;"
3799                                      >
3800                                        <a
3801                                          id="HeaderDrawer-mujer-prendas-de-vestir-camisas"
3802                                          href="/collections/camisas-mujer"
3803                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3804                                          
3805                                        >
3806                                          
3807                                          <span class="menu-drawer__menu-item-text wrap-text">Camisas</span>
3808                                        </a>
3809                                      </li><li
3810                                        class="menu-drawer__list-item"
3811                                        style="--menu-drawer-animation-index: 2;"
3812                                      >
3813                                        <a
3814                                          id="HeaderDrawer-mujer-prendas-de-vestir-camisetas"
3815                                          href="/collections/camisetas-mujer"
3816                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3817                                          
3818                                        >
3819                                          
3820                                          <span class="menu-drawer__menu-item-text wrap-text">Camisetas</span>
3821                                        </a>
3822                                      </li><li
3823                                        class="menu-drawer__list-item"
3824                                        style="--menu-drawer-animation-index: 3;"
3825                                      >
3826                                        <a
3827                                          id="HeaderDrawer-mujer-prendas-de-vestir-pantalon-denim"
3828                                          href="/collections/pantalon-denim-mujer"
3829                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3830                                          
3831                                        >
3832                                          
3833                                          <span class="menu-drawer__menu-item-text wrap-text">Pantalón Denim</span>
3834                                        </a>
3835                                      </li><li
3836                                        class="menu-drawer__list-item"
3837                                        style="--menu-drawer-animation-index: 4;"
3838                                      >
3839                                        <a
3840                                          id="HeaderDrawer-mujer-prendas-de-vestir-hoodies"
3841                                          href="/collections/hoodies-mujer"
3842                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3843                                          
3844                                        >
3845                                          
3846                                          <span class="menu-drawer__menu-item-text wrap-text">Hoodies</span>
3847                                        </a>
3848                                      </li><li
3849                                        class="menu-drawer__list-item"
3850                                        style="--menu-drawer-animation-index: 5;"
3851                                      >
3852                                        <a
3853                                          id="HeaderDrawer-mujer-prendas-de-vestir-jackets"
3854                                          href="/collections/jacket-mujer"
3855                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3856                                          
3857                                        >
3858                                          
3859                                          <span class="menu-drawer__menu-item-text wrap-text">Jackets</span>
3860                                        </a>
3861                                      </li></ul></li><li
3862                              class="
3863                                menu-drawer__list-item
3864                                menu-drawer__list-item--flat
3865                              "
3866                            >
3867                                
3868<a
3869                                    id="HeaderDrawer-mujer-new-arrivals"
3870                                    href="/collections/womens-new-arrivals"
3871                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3872                                    
3873                                  >
3874                                    <span class="menu-drawer__menu-item-text wrap-text">New Arrivals</span>
3875                                  </a>
3876                                  
3877                                  <ul
3878                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3879                                    role="list"
3880                                    tabindex="-1"
3881                                  ><li
3882                                        class="menu-drawer__list-item"
3883                                        style="--menu-drawer-animation-index: 1;"
3884                                      >
3885                                        <a
3886                                          id="HeaderDrawer-mujer-new-arrivals-shop-new-arrivals"
3887                                          href="/collections/womens-new-arrivals"
3888                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3889                                          
3890                                        >
3891                                          
3892                                          <span class="menu-drawer__menu-item-text wrap-text">Shop New Arrivals</span>
3893                                        </a>
3894                                      </li></ul></li></ul>
3895                        
3896                      </div>
3897                    </div>
3898                  </details></li>
3899              <li
3900                class="menu-drawer__list-item"
3901                style="--menu-drawer-animation-index: 3;"
3902              ><details
3903                    id="Details-menu-drawer-menu-item-3"
3904                    class="menu-drawer__menu-container"
3905                  >
3906                    <summary
3907                      id="HeaderDrawer-accesorios"
3908                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3909                      on:click="header-drawer/open/submenu"
3910                    >
3911                      <span class="menu-drawer__menu-item-text wrap-text">Accesorios</span>
3912                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3913  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3914</svg>
3915</span>
3916                    </summary>
3917                    <div
3918                      id="link-accesorios"
3919                      class="menu-drawer__submenu has-submenu"
3920                      tabindex="-1"
3921                      style="--menu-drawer-animation-index: 3;"
3922                    >
3923                      <div class="menu-drawer__inner-submenu">
3924                        <div class="menu-drawer__nav-buttons">
3925                          <button
3926                            class="button menu-drawer__back-button focus-inset"
3927                            on:click="header-drawer/back"
3928                            aria-label="Volver a Accesorios"
3929                          >
3930                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3931  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3932</svg>
3933</span>
3934                            <span class="menu-drawer__menu-item-text wrap-text">Accesorios</span>
3935                          </button>
3936                          <button
3937                            class="button button-unstyled close-button menu-drawer__close-button"
3938                            type="button"
3939                            aria-label="Cerrar"
3940                            on:click="header-drawer/close"
3941                          >
3942                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3943  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3944  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3945</svg>
3946</span>
3947                          </button>
3948                        </div>
3949                        
3950                        <ul
3951                          class="menu-drawer__menu menu-drawer__menu--childlist"
3952                          role="list"
3953                          tabindex="-1"
3954                        >
3955                          <li
3956                              class="
3957                                menu-drawer__list-item
3958                                
3959                              "
3960                            ><a
3961                                  id="HeaderDrawer-accesorios-gorras"
3962                                  href="/collections/gorras"
3963                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3964                                  
3965                                >
3966                                  
3967                                  <span class="menu-drawer__menu-item-text wrap-text">Gorras</span>
3968                                </a></li><li
3969                              class="
3970                                menu-drawer__list-item
3971                                
3972                              "
3973                            ><a
3974                                  id="HeaderDrawer-accesorios-cinturon"
3975                                  href="/collections/cinturon"
3976                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3977                                  
3978                                >
3979                                  
3980                                  <span class="menu-drawer__menu-item-text wrap-text">Cinturón</span>
3981                                </a></li><li
3982                              class="
3983                                menu-drawer__list-item
3984                                
3985                              "
3986                            ><a
3987                                  id="HeaderDrawer-accesorios-billeteras"
3988                                  href="/collections/billeteras"
3989                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3990                                  
3991                                >
3992                                  
3993                                  <span class="menu-drawer__menu-item-text wrap-text">Billeteras</span>
3994                                </a></li><li
3995                              class="
3996                                menu-drawer__list-item
3997                                
3998                              "
3999                            ><a
4000                                  id="HeaderDrawer-accesorios-bolsos"
4001                                  href="/collections/bolsos"
4002                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4003                                  
4004                                >
4005                                  
4006                                  <span class="menu-drawer__menu-item-text wrap-text">Bolsos</span>
4007                                </a></li><li
4008                              class="
4009                                menu-drawer__list-item
4010                                
4011                              "
4012                            ><a
4013                                  id="HeaderDrawer-accesorios-canguros"
4014                                  href="/collections/canguros"
4015                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4016                                  
4017                                >
4018                                  
4019                                  <span class="menu-drawer__menu-item-text wrap-text">Canguros</span>
4020                                </a></li><li
4021                              class="
4022                                menu-drawer__list-item
4023                                
4024                              "
4025                            ><a
4026                                  id="HeaderDrawer-accesorios-mochilas-y-maletines"
4027                                  href="/collections/mochilas-1"
4028                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4029                                  
4030                                >
4031                                  
4032                                  <span class="menu-drawer__menu-item-text wrap-text">Mochilas y maletines </span>
4033                                </a></li><li
4034                              class="
4035                                menu-drawer__list-item
4036                                
4037                              "
4038                            ><a
4039                                  id="HeaderDrawer-accesorios-calcetines"
4040                                  href="/collections/calcetines"
4041                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4042                                  
4043                                >
4044                                  
4045                                  <span class="menu-drawer__menu-item-text wrap-text">Calcetines</span>
4046                                </a></li><li
4047                              class="
4048                                menu-drawer__list-item
4049                                
4050                              "
4051                            ><a
4052                                  id="HeaderDrawer-accesorios-cintas"
4053                                  href="/collections/cintas"
4054                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4055                                  
4056                                >
4057                                  
4058                                  <span class="menu-drawer__menu-item-text wrap-text">Cintas</span>
4059                                </a></li><li
4060                              class="
4061                                menu-drawer__list-item
4062                                
4063                              "
4064                            ><a
4065                                  id="HeaderDrawer-accesorios-cuidado-de-calzado"
4066                                  href="/collections/cuidado-de-calzado"
4067                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4068                                  
4069                                >
4070                                  
4071                                  <span class="menu-drawer__menu-item-text wrap-text">Cuidado de Calzado</span>
4072                                </a></li></ul>
4073                        
4074                      </div>
4075                    </div>
4076                  </details></li>
4077              <li
4078                class="menu-drawer__list-item"
4079                style="--menu-drawer-animation-index: 4;"
4080              ><a
4081                    id="HeaderDrawer-sale"
4082                    href="/collections/sale-eoss"
4083                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4084                    
4085                  >
4086                    <span class="menu-drawer__menu-item-text wrap-text">Sale</span>
4087                  </a></li>
4088              <li
4089                class="menu-drawer__list-item"
4090                style="--menu-drawer-animation-index: 5;"
4091              ><a
4092                    id="HeaderDrawer-gift-card"
4093                    href="https://caterpillarcr.com/collections/gift-card-online/products/gift-card-online?variant=46366341890265"
4094                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4095                    
4096                  >
4097                    <span class="menu-drawer__menu-item-text wrap-text">Gift Card</span>
4098                  </a></li>
4099              <li
4100                class="menu-drawer__list-item"
4101                style="--menu-drawer-animation-index: 6;"
4102              ><a
4103                    id="HeaderDrawer-nuestras-tiendas"
4104                    href="/pages/nuestras-tiendas"
4105                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4106                    
4107                  >
4108                    <span class="menu-drawer__menu-item-text wrap-text">Nuestras Tiendas</span>
4109                  </a></li>
4110              <li
4111                class="menu-drawer__list-item"
4112                style="--menu-drawer-animation-index: 7;"
4113              ><a
4114                    id="HeaderDrawer-sostenibilidad"
4115                    href="/pages/sostenibilidad"
4116                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4117                    
4118                  >
4119                    <span class="menu-drawer__menu-item-text wrap-text">Sostenibilidad</span>
4120                  </a></li>
4121        </ul>
4122      </nav>
4123      <div
4124        class="menu-drawer__utility-links menu-drawer__animated-element"
4125        style="--menu-drawer-animation-index: 7;"
4126      >
4127        <div class="menu-drawer__adoc-links desktop:hidden" aria-label="Accesos">
4128          <a
4129            href="/blogs/news"
4130            class="menu-drawer__adoc-link menu-drawer__adoc-link--blog focus-inset"
4131            aria-label="Blogs"
4132          ><svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
4133<path d="M5.8 6.89064C5.97143 6.71837 6.02143 6.71134 7.1 6.71134C8.07143 6.71134 8.10357 6.71486 8.24643 6.78517C8.45357 6.88712 8.54286 7.03126 8.54286 7.2633C8.54286 7.47072 8.45714 7.61486 8.27143 7.73439C8.17143 7.79767 8.11071 7.80119 7.16071 7.80822C6.575 7.81173 6.10714 7.80119 6.03571 7.78009C5.66786 7.
413367814 5.53214 7.15783 5.8 6.89064ZM7.99286 10.2129C6.06786 10.2129 6 10.2199 5.84286 10.357C5.71786 10.466 5.63929 10.6875 5.66071 10.8457C5.68571 11.011 5.83214 11.2008 5.98929 11.2676C6.06786 11.3027 6.49286 11.3274 8 11.3098L9.71071 11.2887L10.0393 11.236C10.3607 11.0567 10.4143 10.6242 10.15 10.3781C9.96072 10.2129 9.97143 10.2129 7.99286 10.2129ZM15.9714 14.7867C15.8464 15.7852 15.15 16.5586 14.1464 16.8082C13.8893 16.8715 13.8 16.875 7.97143 16.8715C2.33571 16.8715 2.04643 16.868 1.82857 16.8082C1.52857 16.7309 1.27143 16.6149 1.03214 16.4567C0.832143 16.3231 0.535714 16.0418 0.425 15.8801C0.289286 15.6832 0.132143 15.3422 0.0678571 15.1067C0.00357143 14.8711 0 14.7762 0 9.01056C0 3.27658 0 3.15353 0.0642857 2.90392C0.289286 2.03556 0.989286 1.37111 1.89286 1.17423C2.15357 1.11798 13.7536 1.10744 14.0357 1.16369C14.7929 1.31486 15.3893 1.76486 15.7357 2.44337C16.0107 2.98126 15.9857 2.39064 15.9964 8.79259C16.0036 12.8637 15.9964 14.5758 15.9714 14.7867ZM12.9214 8.2758C12.8821 8.10001 12.7714 7.9383 12.6464 7.8715C12.6071 7.8504 12.3607 7.8258 12.0929 7.81173C11.65 7.79064 11.6 7.78361 11.4571 7.70275C11.2357 7.57619 11.175 7.43556 11.1714 7.05939C11.1714 6.3422 10.8679 5.67423 10.2679 5.07306C9.83929 4.64416 9.36429 4.35236 8.81786 4.19064C8.68929 4.15197 8.39643 4.13791 7.41786 4.12736C5.88571 4.10978 5.54286 4.14142 5.02143 4.34533C4.05714 4.7215 3.36786 5.51955 3.11429 6.53908C3.06786 6.72892 3.05714 7.0383 3.04643 8.79962C3.03214 11.0074 3.04643 11.3344 3.18929 11.7703C3.53571 12.8496 4.51429 13.6477 5.49643 13.8235C5.825 13.8832 9.86071 13.8973 10.2714 13.841C10.9893 13.7461 11.5536 13.4613 12.0821 12.9305C12.4643 12.5473 12.7036 12.1289 12.8607 11.577C12.975 11.1938 12.9643 8.46915 12.9214 8.2758Z" fill="currentColor"/>
4134</svg>
4135</a>
4136
4137          <a
4138            href="https://puntosadoc.com/"
4139            class="menu-drawer__adoc-link menu-drawer__adoc-link--puntos focus-inset"
4140            aria-label="Puntos ADOC"
4141          >
4142            <img
4143              src="//caterpillarcr.com/cdn/shop/t/14/assets/header-puntos-adoc.svg?v=176695523632743644481784126459"
4144              alt=""
4145              width="21"
4146              height="21"
4147              loading="lazy"
4148            >
4149          </a>
4150        </div>
4151
4152        
4153        </div>
4154
4155      
4156    </div>
4157    <div
4158      class="menu-drawer__backdrop"
4159      on:click="header-drawer/close"
4160    ></div>
4161  </details>
4162</header-drawer>
4163
4164
4165
4166    </div>
4167
4168  
4169
4170<style data-shopify>
4171  .header__underlay {
4172    --color-submenu: rgb(255 255 255 / 1.0);
4173  }
4174</style>
4175
4176
4177
4178
4179            
4180        
4181      
4182        
4183          
4184              
4185  <search-button
4186    class="search-action search-action--hidden-on-menu"
4187  >
4188    <button
4189      on:click="#search-modal/showDialog"
4190      class="button-unstyled header-actions__action"
4191      aria-label="Buscar"
4192      aria-haspopup="dialog"
4193    >
4194      <span class="hidden">
4195        Buscar
4196      </span>
4197
4198      <span class="svg-wrapper ">
4199        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4200
4201      </span>
4202    </button>
4203  </search-button>
4204
4205
4206
4207
4208            
4209        
4210      
4211        
4212          
4213              
4214
4215
4216
4217
4218<a
4219  
4220  href="/"
4221  class="size-style spacing-style header-logo"
4222  style="
4223    --size-style-width: ;--size-style-height: ;
4224    --padding-block-start: 0px;--padding-block-end: 0px;
4225    --font-family: var(--font-body--family);
4226    --font-style: var(--font-body--style);
4227    --font-weight: 600;
4228  "
4229  
4230>
4231  
4232
4233  <span
4234    class="header-logo__image-container header-logo__image-container--original"
4235    data-testid="header-logo"
4236  >
4237    
4238  
4239  
4240  
4241  
4242
4243  
4244
4245  
4246
4247  
4248
4249  <img src="//caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?height=36&amp;v=1781211697" alt="CAT Costa Rica – Inicio" width="48" height="36" class="header-logo__image" srcset="//caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?height=36&amp;v=1781211697 1x, //caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?height=72&amp;v=1781211697 2x, //caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?height=108&amp;v=1781211697 3x" style="--header-logo-image-width: 49px;--header-logo-image-width-mobile: 38px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
4250
4251
4252  </span>
4253
4254  
4255</a>
4256
4257
4258
4259
4260
4261            
4262        
4263      
4264        
4265          
4266              
4267
4268
4269
4270    
4271
4272    
4273
4274    <header-menu
4275      ref="headerMenu"
4276      class="header-menu"
4277      
4278      data-hydration-key="header-menu"
4279    >
4280      <div class="header-menu__inner">
4281        <nav
4282          class="menu-list"
4283          aria-label="Principal"
4284          style="--menu-top-level-font-family: var(--font-body--family);
4285--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style);
4285 --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
4286
4287  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
4288  var(--menu-font-sm--line-height);
4289
4290--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
4291"
4292        >
4293          
4294          <overflow-list
4295  
4296    ref="overflowMenu"
4297  
4298  
4299    class="overflow-menu color-scheme-matches-parent"
4300  
4301  
4302    minimum-items="2"
4303  
4304  
4305    data-testid="header-menu-overflow-list"
4306  
4307  
4308    data-skip-node-update
4309  
4310>
4311  <template shadowrootmode="open">
4312    <link href="//caterpillarcr.com/cdn/shop/t/14/assets/overflow-list.css?v=16727044177065489451784126458" rel="stylesheet" type="text/css" media="all" />
4313
4314    <ul part="list">
4315      <slot></slot>
4316      <slot
4317        name="more"
4318        part="more"
4319        hidden
4320        
4321      >
4322        <li
4323          part="more"
4324        >
4325          <button
4326            class="button"
4327            type="button"
4328            tabindex="0"
4329            
4330          >
4331            Más
4332          </button>
4333        </li>
4334      </slot>
4335      <li
4336        part="placeholder"
4337        hidden
4338      ></li>
4339    </ul>
4340
4341    <div part="overflow">
4342      <ul part="overflow-list">
4343        <slot name="overflow"></slot>
4344      </ul>
4345    </div>
4346  </template>
4347
4348  
4349      
4350        <li
4351          role="presentation"
4352          class="menu-list__list-item"
4353          on:focus="/activate"
4354          on:blur="/deactivate"
4355          on:pointerenter="/activate"
4356          on:pointerleave="/deactivate"
4357        >
4358          <a
4359            href="/pages/hombre"
4360            data-skip-node-update="true"
4361            class="menu-list__link"aria-controls="submenu-1"
4362              aria-haspopup="true"
4363              aria-expanded="false"
4364            ref="menuitem"
4365          >
4366            <span class="menu-list__link-title">Hombre<span class="menu-list__link-caret svg-wrapper icon-caret" aria-hidden="true"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4367  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4368</svg>
4369</span></span>
4370          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4371              <div
4372                id="submenu-1"
4373                class="menu-list__submenu-inner"
4374                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4375var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4376none;
4377
4378    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
4379    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
4380    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
4381  
4382--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4383var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4384none;
4385
4386    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
4387    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
4388    var(--opacity-subdued-text));
4389  
4390"
4391              >
4392                
4393                <div class="mega-menu section section--full-width-margin section--page-width">
4394                  <div
4395                    class="mega-menu__grid"
4396                    data-menu-grid-id="MegaMenuList-1"
4397                  >
4398                    
4399<ul
4400  data-menu-list-id="MegaMenuList-1"
4401  class="mega-menu__list list-unstyled"
4402  style="--menu-image-border-radius: 0px;"
4403>
4404  
4405    <li class="mega-menu__column mega-menu__column--span-1">
4406    <div>
4407      <a
4408        href="/collections/calzado-hombre"
4409        class="mega-menu__link mega-menu__link--parent"
4410      >
4411        
4412        <span class="wrap-text">Calzado</span>
4413      </a>
4414      
4415        <ul
4416          class="list-unstyled"
4417          
4418            style="column-count: 1;"
4419          
4420        >
4421          
4422            
4423            <li
4424              
4425            >
4426              <a
4427                href="/collections/botas-hombre"
4428                class="mega-menu__link"
4429              >
4430                <span class="wrap-text">Botas</span>
4431              </a>
4432            </li>
4433          
4434            
4435            <li
4436              
4437            >
4438              <a
4439                href="/collections/botas-industriales-hombre"
4440                class="mega-menu__link"
4441              >
4442                <span class="wrap-text">Botas Industriales</span>
4443              </a>
4444            </li>
4445          
4446            
4447            <li
4448              
4449            >
4450              <a
4451                href="/collections/tennis-hombre"
4452                class="mega-menu__link"
4453              >
4454                <span class="wrap-text">Tenis</span>
4455              </a>
4456            </li>
4457          
4458        </ul>
4459      
4460    </div>
4461
4462    </li>
4463  
4464    <li class="mega-menu__column mega-menu__column--span-1">
4465    <div>
4466      <a
4467        href="/collections/ropa-hombre-1"
4468        class="mega-menu__link mega-menu__link--parent"
4469      >
4470        
4471        <span class="wrap-text">Prendas de Vestir</span>
4472      </a>
4473      
4474        <ul
4475          class="list-unstyled"
4476          
4477            style="column-count: 1;"
4478          
4479        >
4480          
4481            
4482            <li
4483              
4484            >
4485              <a
4486                href="/collections/camisetas-hombre"
4487                class="mega-menu__link"
4488              >
4489                <span class="wrap-text">Camisetas</span>
4490              </a>
4491            </li>
4492          
4493            
4494            <li
4495              
4496            >
4497              <a
4498                href="/collections/camisas-hombre"
4499                class="mega-menu__link"
4500              >
4501                <span class="wrap-text">Camisas</span>
4502              </a>
4503            </li>
4504          
4505            
4506            <li
4507              
4508            >
4509              <a
4510                href="/collections/pantalon-de-trabajo-hombre"
4511                class="mega-menu__link"
4512              >
4513                <span class="wrap-text">Pantalón de trabajo</span>
4514              </a>
4515            </li>
4516          
4517            
4518            <li
4519              
4520            >
4521              <a
4522                href="/collections/pantalon-denim-hombre"
4523                class="mega-menu__link"
4524              >
4525                <span class="wrap-text">Pantalón Denim</span>
4526              </a>
4527            </li>
4528          
4529            
4530            <li
4531              
4532            >
4533              <a
4534                href="/collections/hoodies-hombre"
4535                class="mega-menu__link"
4536              >
4537                <span class="wrap-text">Hoodies</span>
4538              </a>
4539            </li>
4540          
4541            
4542            <li
4543              
4544            >
4545              <a
4546                href="/collections/jacket-hombre"
4547                class="mega-menu__link"
4548              >
4549                <span class="wrap-text">Jackets</span>
4550              </a>
4551            </li>
4552          
4553            
4554            <li
4555              
4556            >
4557              <a
4558                href="/collections/chalecos-hombre"
4559                class="mega-menu__link"
4560              >
4561                <span class="wrap-text">Chalecos</span>
4562              </a>
4563            </li>
4564          
4565        </ul>
4566      
4567    </div>
4568
4569    </li>
4570  
4571    <li class="mega-menu__column mega-menu__column--span-1">
4572    <div>
4573      <a
4574        href="/collections/mens-new-arrivals"
4575        class="mega-menu__link mega-menu__link--parent"
4576      >
4577        
4578        <span class="wrap-text">New Arrivals</span>
4579      </a>
4580      
4581        <ul
4582          class="list-unstyled"
4583          
4584            style="column-count: 1;"
4585          
4586        >
4587          
4588            
4589            <li
4590              
4591            >
4592              <a
4593                href="/collections/mens-new-arrivals"
4594                class="mega-menu__link"
4595              >
4596                <span class="wrap-text">Shop New Arrivals</span>
4597              </a>
4598            </li>
4599          
4600        </ul>
4601      
4602    </div>
4603
4604    </li>
4605  
4606</ul>
4607
4608
4609
4610<style data-shopify>
4611  [data-menu-grid-id="MegaMenuList-1"] {
4612    
4613      --menu-columns-desktop: 6;
4614      --menu-columns-tablet: 4;
4615    
4616  }
4617
4618  [data-menu-list-id="MegaMenuList-1"] {
4619    
4620      --menu-columns-desktop: 6;
4621      --menu-columns-tablet: 4;
4622    
4623  }
4624</style>
4625
4626
4627
4628                  </div>
4629                </div>
4630              </div>
4631            </div></li>
4632      
4633        <li
4634          role="presentation"
4635          class="menu-list__list-item"
4636          on:focus="/activate"
4637          on:blur="/deactivate"
4638          on:pointerenter="/activate"
4639          on:pointerleave="/deactivate"
4640        >
4641          <a
4642            href="/pages/mujer"
4643            data-skip-node-update="true"
4644            class="menu-list__link"aria-controls="submenu-2"
4645              aria-haspopup="true"
4646              aria-expanded="false"
4647            ref="menuitem"
4648          >
4649            <span class="menu-list__link-title">Mujer<span class="menu-list__link-caret svg-wrapper icon-caret" aria-hidden="true"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4650  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4651</svg>
4652</span></span>
4653          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4654              <div
4655                id="submenu-2"
4656                class="menu-list__submenu-inner"
4657                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4658var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4659none;
4660
4661    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
4662    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
4663    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
4664  
4665--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4666var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4667none;
4668
4669    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
4670    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
4671    var(--opacity-subdued-text));
4672  
4673"
4674              >
4675                
4676                <div class="mega-menu section section--full-width-margin section--page-width">
4677                  <div
4678                    class="mega-menu__grid"
4679                    data-menu-grid-id="MegaMenuList-2"
4680                  >
4681                    
4682<ul
4683  data-menu-list-id="MegaMenuList-2"
4684  class="mega-menu__list list-unstyled"
4685  style="--menu-image-border-radius: 0px;"
4686>
4687  
4688    <li class="mega-menu__column mega-menu__column--span-1">
4689    <div>
4690      <a
4691        href="/collections/calzado-mujer"
4692        class="mega-menu__link mega-menu__link--parent"
4693      >
4694        
4695        <span class="wrap-text">Calzado</span>
4696      </a>
4697      
4698        <ul
4699          class="list-unstyled"
4700          
4701            style="column-count: 1;"
4702          
4703        >
4704          
4705            
4706            <li
4707              
4708            >
4709              <a
4710                href="/collections/botas-mujer"
4711                class="mega-menu__link"
4712              >
4713                <span class="wrap-text">Botas</span>
4714              </a>
4715            </li>
4716          
4717            
4718            <li
4719              
4720            >
4721              <a
4722                href="/collections/botas-industriales-mujer"
4723                class="mega-menu__link"
4724              >
4725                <span class="wrap-text">Botas Industrial</span>
4726              </a>
4727            </li>
4728          
4729            
4730            <li
4731              
4732            >
4733              <a
4734                href="/collections/tenis-mujer"
4735                class="mega-menu__link"
4736              >
4737                <span class="wrap-text">Tenis</span>
4738              </a>
4739            </li>
4740          
4741        </ul>
4742      
4743    </div>
4744
4745    </li>
4746  
4747    <li class="mega-menu__column mega-menu__column--span-1">
4748    <div>
4749      <a
4750        href="/collections/ropa-mujer"
4751        class="mega-menu__link mega-menu__link--parent"
4752      >
4753        
4754        <span class="wrap-text">Prendas de Vestir</span>
4755      </a>
4756      
4757        <ul
4758          class="list-unstyled"
4759          
4760            style="column-count: 1;"
4761          
4762        >
4763          
4764            
4765            <li
4766              
4767            >
4768              <a
4769                href="/collections/camisas-mujer"
4770                class="mega-menu__link"
4771              >
4772                <span class="wrap-text">Camisas</span>
4773              </a>
4774            </li>
4775          
4776            
4777            <li
4778              
4779            >
4780              <a
4781                href="/collections/camisetas-mujer"
4782                class="mega-menu__link"
4783              >
4784                <span class="wrap-text">Camisetas</span>
4785              </a>
4786            </li>
4787          
4788            
4789            <li
4790              
4791            >
4792              <a
4793                href="/collections/pantalon-denim-mujer"
4794                class="mega-menu__link"
4795              >
4796                <span class="wrap-text">Pantalón Denim</span>
4797              </a>
4798            </li>
4799          
4800            
4801            <li
4802              
4803            >
4804              <a
4805                href="/collections/hoodies-mujer"
4806                class="mega-menu__link"
4807              >
4808                <span class="wrap-text">Hoodies</span>
4809              </a>
4810            </li>
4811          
4812            
4813            <li
4814              
4815            >
4816              <a
4817                href="/collections/jacket-mujer"
4818                class="mega-menu__link"
4819              >
4820                <span class="wrap-text">Jackets</span>
4821              </a>
4822            </li>
4823          
4824        </ul>
4825      
4826    </div>
4827
4828    </li>
4829  
4830    <li class="mega-menu__column mega-menu__column--span-1">
4831    <div>
4832      <a
4833        href="/collections/womens-new-arrivals"
4834        class="mega-menu__link mega-menu__link--parent"
4835      >
4836        
4837        <span class="wrap-text">New Arrivals</span>
4838      </a>
4839      
4840        <ul
4841          class="list-unstyled"
4842          
4843            style="column-count: 1;"
4844          
4845        >
4846          
4847            
4848            <li
4849              
4850            >
4851              <a
4852                href="/collections/womens-new-arrivals"
4853                class="mega-menu__link"
4854              >
4855                <span class="wrap-text">Shop New Arrivals</span>
4856              </a>
4857            </li>
4858          
4859        </ul>
4860      
4861    </div>
4862
4863    </li>
4864  
4865</ul>
4866
4867
4868
4869<style data-shopify>
4870  [data-menu-grid-id="MegaMenuList-2"] {
4871    
4872      --menu-columns-desktop: 6;
4873      --menu-columns-tablet: 4;
4874    
4875  }
4876
4877  [data-menu-list-id="MegaMenuList-2"] {
4878    
4879      --menu-columns-desktop: 6;
4880      --menu-columns-tablet: 4;
4881    
4882  }
4883</style>
4884
4885
4886
4887                  </div>
4888                </div>
4889              </div>
4890            </div></li>
4891      
4892        <li
4893          role="presentation"
4894          class="menu-list__list-item"
4895          on:focus="/activate"
4896          on:blur="/deactivate"
4897          on:pointerenter="/activate"
4898          on:pointerleave="/deactivate"
4899        >
4900          <a
4901            href="/collections/accesorios"
4902            data-skip-node-update="true"
4903            class="menu-list__link"aria-controls="submenu-3"
4904              aria-haspopup="true"
4905              aria-expanded="false"
4906            ref="menuitem"
4907          >
4908            <span class="menu-list__link-title">Accesorios<span class="menu-list__link-caret svg-wrapper icon-caret" aria-hidden="true"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4909  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4910</svg>
4911</span></span>
4912          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4913              <div
4914                id="submenu-3"
4915                class="menu-list__submenu-inner"
4916                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4917var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4918none;
4919
4920    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
4921    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
4922    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
4923  
4924--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4925var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4926none;
4927
4928    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
4929    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
4930    var(--opacity-subdued-text));
4931  
4932"
4933              >
4934                
4935                <div class="mega-menu section section--full-width-margin section--page-width">
4936                  <div
4937                    class="mega-menu__grid"
4938                    data-menu-grid-id="MegaMenuList-3"
4939                  >
4940                    
4941<ul
4942  data-menu-list-id="MegaMenuList-3"
4943  class="mega-menu__list list-unstyled"
4944  style="--menu-image-border-radius: 0px;"
4945>
4946  
4947    <li class="mega-menu__column mega-menu__column--span-1">
4948    <div>
4949      <a
4950        href="/collections/gorras"
4951        class="mega-menu__link "
4952      >
4953        
4954        <span class="wrap-text">Gorras</span>
4955      </a>
4956      
4957    </div>
4958
4959    
4960  
4961    
4962    <div>
4963      <a
4964        href="/collections/cinturon"
4965        class="mega-menu__link "
4966      >
4967        
4968        <span class="wrap-text">Cinturón</span>
4969      </a>
4970      
4971    </div>
4972
4973    
4974  
4975    
4976    <div>
4977      <a
4978        href="/collections/billeteras"
4979        class="mega-menu__link "
4980      >
4981        
4982        <span class="wrap-text">Billeteras</span>
4983      </a>
4984      
4985    </div>
4986
4987    
4988  
4989    
4990    <div>
4991      <a
4992        href="/collections/bolsos"
4993        class="mega-menu__link "
4994      >
4995        
4996        <span class="wrap-text">Bolsos</span>
4997      </a>
4998      
4999    </div>
5000
5001    
5002  
5003    
5004    <div>
5005      <a
5006        href="/collections/canguros"
5007        class="mega-menu__link "
5008      >
5009        
5010        <span class="wrap-text">Canguros</span>
5011      </a>
5012      
5013    </div>
5014
5015    
5016  
5017    
5018    <div>
5019      <a
5020        href="/collections/mochilas-1"
5021        class="mega-menu__link "
5022      >
5023        
5024        <span class="wrap-text">Mochilas y maletines </span>
5025      </a>
5026      
5027    </div>
5028
5029    
5030  
5031    
5032    <div>
5033      <a
5034        href="/collections/calcetines"
5035        class="mega-menu__link "
5036      >
5037        
5038        <span class="wrap-text">Calcetines</span>
5039      </a>
5040      
5041    </div>
5042
5043    
5044  
5045    
5046    <div>
5047      <a
5048        href="/collections/cintas"
5049        class="mega-menu__link "
5050      >
5051        
5052        <span class="wrap-text">Cintas</span>
5053      </a>
5054      
5055    </div>
5056
5057    
5058  
5059    
5060    <div>
5061      <a
5062        href="/collections/cuidado-de-calzado"
5063        class="mega-menu__link "
5064      >
5065        
5066        <span class="wrap-text">Cuidado de Calzado</span>
5067      </a>
5068      
5069    </div>
5070
5071    </li>
5072  
5073</ul>
5074
5075
5076
5077<style data-shopify>
5078  [data-menu-grid-id="MegaMenuList-3"] {
5079    
5080      --menu-columns-desktop: 6;
5081      --menu-columns-tablet: 4;
5082    
5083  }
5084
5085  [data-menu-list-id="MegaMenuList-3"] {
5086    
5087      --menu-columns-desktop: 6;
5088      --menu-columns-tablet: 4;
5089    
5090  }
5091</style>
5092
5093
5094<span
5095      class="mega-menu__content"
5096      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
5097    >
5098      <ul
5099        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
5100      >
5101        
5102      </ul>
5103    </span>
5104  
5105
5106                  </div>
5107                </div>
5108              </div>
5109            </div></li>
5110      
5111        <li
5112          role="presentation"
5113          class="menu-list__list-item"
5114          on:focus="/activate"
5115          on:blur="/deactivate"
5116          on:pointerenter="/activate"
5117          on:pointerleave="/deactivate"
5118        >
5119          <a
5120            href="/collections/sale-eoss"
5121            data-skip-node-update="true"
5122            class="menu-list__link"
5123            ref="menuitem"
5124          >
5125            <span class="menu-list__link-title">Sale</span>
5126          </a></li>
5127      
5128        <li
5129          role="presentation"
5130          class="menu-list__list-item"
5131          on:focus="/activate"
5132          on:blur="/deactivate"
5133          on:pointerenter="/activate"
5134          on:pointerleave="/deactivate"
5135        >
5136          <a
5137            href="https://caterpillarcr.com/collections/gift-card-online/products/gift-card-online?variant=46366341890265"
5138            data-skip-node-update="true"
5139            class="menu-list__link"
5140            ref="menuitem"
5141          >
5142            <span class="menu-list__link-title">Gift Card</span>
5143          </a></li>
5144      
5145        <li
5146          role="presentation"
5147          class="menu-list__list-item"
5148          on:focus="/activate"
5149          on:blur="/deactivate"
5150          on:pointerenter="/activate"
5151          on:pointerleave="/deactivate"
5152        >
5153          <a
5154            href="/pages/nuestras-tiendas"
5155            data-skip-node-update="true"
5156            class="menu-list__link"
5157            ref="menuitem"
5158          >
5159            <span class="menu-list__link-title">Nuestras Tiendas</span>
5160          </a></li>
5161      
5162        <li
5163          role="presentation"
5164          class="menu-list__list-item"
5165          on:focus="/activate"
5166          on:blur="/deactivate"
5167          on:pointerenter="/activate"
5168          on:pointerleave="/deactivate"
5169        >
5170          <a
5171            href="/pages/sostenibilidad"
5172            data-skip-node-update="true"
5173            class="menu-list__link"
5174            ref="menuitem"
5175          >
5176            <span class="menu-list__link-title">Sostenibilidad</span>
5177          </a></li>
5178      
5179      <li
5180        class="menu-list__list-item"
5181        role="presentation"
5182        slot="more"
5183        on:focus="/activate"
5184        on:blur="/deactivate"
5185        on:pointerenter="/activate"
5186        on:pointerleave="/deactivate"
5187      >
5188        <button role="listitem" class="menu-list__link button-unstyled">
5189          <span class="menu-list__link-title">Más</span>
5190        </button>
5191      </li>
5192    
5193</overflow-list>
5194
5195        </nav>
5196      </div>
5197
5198      
5198<script
5199        src="//caterpillarcr.com/cdn/shop/t/14/assets/header-menu.js?v=97820922056036071501784126458"
5200        type="module"
5201        fetchpriority="low"
5202      ></script>
5202
5203    </header-menu>
5204
5205
5206<style data-shopify>
5207  .header__underlay {
5208    --color-submenu: rgb(255 255 255 / 1.0);
5209  }
5210</style>
5211
5212
5213
5214
5215            
5216        
5217      
5218      
5219    </div><div
5220      class="header__column header__column--right"
5221      data-testid="header-top-right"
5222    >
5223      
5224        <div class="header__column-inner header__column-inner--right">
5225      
5226      
5227        
5228          
5229              
5230            
5231        
5232      
5233        
5234          
5235              
5236  <search-button
5237    class="search-action search-action--hidden-on-drawer"
5238  >
5239    <button
5240      on:click="#search-modal/showDialog"
5241      class="button-unstyled header-actions__action"
5242      aria-label="Buscar"
5243      aria-haspopup="dialog"
5244    >
5245      <span class="hidden">
5246        Buscar
5247      </span>
5248
5249      <span class="svg-wrapper ">
5250        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
5251
5252      </span>
5253    </button>
5254  </search-button>
5255
5256
5257
5258
5259            
5260        
5261      
5262        
5263          
5264              
5265  
5266
5267<script
5268  type="module"
5269  src="//caterpillarcr.com/cdn/shop/t/14/assets/cart-icon.js?v=157241182139685326961784126459"
5270  fetchpriority="low"
5271></script>
5271
5272
5273
5274
5275
5276
5277<header-actions
5278  
5279>
5280  
5281    
5282    <div
5283      class="account-button header-actions__action color-scheme-1"
5284    >
5285      <shopify-store store-domain="https://caterpillarcr.com" country="CR" language="es"></shopify-store>
5286<shopify-account
5287        menu="customer-account-main-menu"
5288        
5289      >
5290        
5291          <span
5292            slot="signed-out-avatar"
5293            class="account-button__text header-actions__text-style hidden"
5294          >
5295            Cuenta
5296          </span>
5297
5298          <span
5299            slot="signed-out-avatar"
5300            class=""
5301            aria-hidden="true"
5302          >
5303            
5304  <svg
5305    xmlns="http://www.w3.org/2000/svg"
5306    width="15"
5307    height="17"
5308    viewBox="0 0 15 17"
5309    fill="none"
5310    slot="signed-out-avatar"
5311    class="account-button__icon"
5312  >
5313    <path
5314      stroke="currentColor"
5315      stroke-linejoin="round"
5316      stroke-width="var(--icon-stroke-width)"
5317      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
5318    />
5319  </svg>
5320
5321          </span>
5322        
5323      </shopify-account>
5324    </div>
5325  
5326
5327  <a
5328    href="#cat-wishlist-drawer"
5329    class="header-actions__action header-actions__utility-link header-actions__utility-link--wishlist header-actions__utility-link--wishlist-mobile desktop:hidden"
5330    data-cat-wishlist-open
5331    aria-label="Ver favoritos"
5332  >
5333    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
5334      <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5335    </svg>
5336    <span class="header-actions__wishlist-count" data-cat-wishlist-count></span>
5337  </a>
5338
5339  
5340    
5340<script
5341      src="//caterpillarcr.com/cdn/shop/t/14/assets/cart-drawer.js?v=35649724213056774541784126458"
5342      type="module"
5343      fetchpriority="low"
5344    ></script>
5344
5345
5346    
5347
5348    <cart-drawer-component
5349      class="cart-drawer"
5350      
5351      
5352    >
5353      <template id="empty-cart-template">
5354        
5355      <div class="cart-drawer__header">
5356        <button
5357          ref="closeButton"
5358          on:click="cart-drawer-component/close"
5359          class="button close-button cart-drawer__close-button button-unstyled"
5360          aria-label="Cerrar diálogo"
5361        >
5362          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5363  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5364  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5365</svg>
5366</span>
5367        </button>
5368      </div>
5369
5370      <div
5371        class="cart-drawer__content"
5372        aria-label="Carrito"
5373      >
5374        <h2
5375          class="cart-drawer__heading h4 cart-drawer__heading--empty"
5376          id="cart-drawer-heading-empty"
5377        >
5378          Tu carrito esta vacío
5379        </h2>
5380
5381        <div class="cart-drawer__items">
5382          
5383
5384
5385
5386<script
5387  src="//caterpillarcr.com/cdn/shop/t/14/assets/component-cart-items.js?v=165440327125931659001784126457"
5388  type="module"
5389  fetchpriority="low"
5390></script>
vendor: 1 bytes, line 5390
5390
5391<script
5392  src="//caterpillarcr.com/cdn/shop/t/14/assets/component-cart-quantity-selector.js?v=105130809908858639751784126457"
5393  type="module"
5394  fetchpriority="low"
5395></script>
vendor: 1 bytes, line 5395
5395
5396<script
5397  src="//caterpillarcr.com/cdn/shop/t/14/assets/volume-pricing-info.js?v=94479640769665442661784126458"
5398  type="module"
5399  fetchpriority="low"
5400></script>
vendor: 1 bytes, line 5400
5400
5401<script src="//caterpillarcr.com/cdn/shop/t/14/assets/cart-size-change.js?v=111616076784667234001784319971" defer></script>
5401
5402
5403<div
5404  
5405  class="cart-items__wrapper"
5406  
5407>
5408  
5409<p class="cart-items__login-hint">
5410        ¿Tienes una cuenta? <a href="https://caterpillarcr.com/customer_authentication/redirect?locale=es&region_country=CR">Inicia sesión</a> para pagar más rápido.
5411      </p><a
5412      class="cart-items__empty-button"
5413      href="/collections/all"
5414      style="
5415        display: inline-flex;
5416        align-items: center;
5417        justify-content: center;
5418        gap: 0.5em;
5419        padding: 12px 32px;
5420        font-size: 14px;
5421        
5422        
5423        border-style: solid;
5424        
5425          border-width: 1px;
5426          
5427        
5428        border-radius: 4px;
5429        text-decoration: none;
5430        cursor: pointer;
5431      "
5432    ><span class="button-text">Continuar comprando</span>
5433    </a></div>
5434
5435
5436
5437        </div>
5438      </div>
5439    
5440      </template>
5441      <button
5442        class="header-actions__action button-unstyled"
5443        on:click="/open"
5444        aria-haspopup="dialog"
5445        aria-label="Carrito"
5446        aria-describedby="cart-bubble-text"
5447        data-testid="cart-drawer-trigger"
5448      >
5449        
5450  <cart-icon
5451    class="header-actions__cart-icon"
5452    data-testid="cart-icon"
5453  >
5454    <span class="hidden">
5455      Carrito
5456    </span>
5457
5458    <span
5459      class="svg-wrapper "
5460      aria-hidden="true"
5461    >
5462      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
5463
5464    </span>
5465
5466    <div
5467  ref="cartBubble"
5468  class="cart-bubble visually-hidden"
5469  
5470  
5471    data-maintain-ratio
5472  
5473>
5474  <span class="cart-bubble__background"></span>
5475  <span
5476    ref="cartBubbleText"
5477    id="cart-bubble-text"
5478    class="cart-bubble__text"
5479  >
5480    <span
5481      class="cart-bubble__text-count hidden"
5482      ref="cartBubbleCount"
5483      aria-hidden="true"
5484      data-testid="cart-bubble"
5485    >
54860</span>
5487  </span>
5488</div>
5489
5490
5491
5492  </cart-icon>
5493
5494      </button>
5495
5496      <dialog
5497        ref="dialog"
5498        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
5499        data-testid="cart-drawer-dialog"
5500        aria-labelledby="cart-drawer-heading-empty"
5501        scroll-lock
5502        cart-summary-sticky="true"
5503      >
5504        <span
5505          ref="liveRegion"
5506          class="visually-hidden"
5507          role="status"
5508        ></span>
5509        <div
5510          class="cart-drawer__inner"
5511          data-hydration-key="cart-drawer-inner"
5512        >
5513          
5514          
5515
5516<cart-items-component
5517  class="cart-items-component"
5518  
5519    data-drawer
5520  
5521  data-section-id="sections--22556826009857__header_section"
5522>
5523  
5524
5525      <div class="cart-drawer__header">
5526        <button
5527          ref="closeButton"
5528          on:click="cart-drawer-component/close"
5529          class="button close-button cart-drawer__close-button button-unstyled"
5530          aria-label="Cerrar diálogo"
5531        >
5532          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5533  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5534  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5535</svg>
5536</span>
5537        </button>
5538      </div>
5539
5540      <div
5541        class="cart-drawer__content"
5542        aria-label="Carrito"
5543      >
5544        <h2
5545          class="cart-drawer__heading h4 cart-drawer__heading--empty"
5546          id="cart-drawer-heading-empty"
5547        >
5548          Tu carrito esta vacío
5549        </h2>
5550
5551        <div class="cart-drawer__items">
5552          
5553
5554
5555
5556<script
5557  src="//caterpillarcr.com/cdn/shop/t/14/assets/component-cart-items.js?v=165440327125931659001784126457"
5558  type="module"
5559  fetchpriority="low"
5560></script>
vendor: 1 bytes, line 5560
5560
5561<script
5562  src="//caterpillarcr.com/cdn/shop/t/14/assets/component-cart-quantity-selector.js?v=105130809908858639751784126457"
5563  type="module"
5564  fetchpriority="low"
5565></script>
vendor: 1 bytes, line 5565
5565
5566<script
5567  src="//caterpillarcr.com/cdn/shop/t/14/assets/volume-pricing-info.js?v=94479640769665442661784126458"
5568  type="module"
5569  fetchpriority="low"
5570></script>
vendor: 1 bytes, line 5570
5570
5571<script src="//caterpillarcr.com/cdn/shop/t/14/assets/cart-size-change.js?v=111616076784667234001784319971" defer></script>
5571
5572
5573<div
5574  
5575  class="cart-items__wrapper"
5576  
5577>
5578  
5579<p class="cart-items__login-hint">
5580        ¿Tienes una cuenta? <a href="https://caterpillarcr.com/customer_authentication/redirect?locale=es&region_country=CR">Inicia sesión</a> para pagar más rápido.
5581      </p><a
5582      class="cart-items__empty-button"
5583      href="/collections/all"
5584      style="
5585        display: inline-flex;
5586        align-items: center;
5587        justify-content: center;
5588        gap: 0.5em;
5589        padding: 12px 32px;
5590        font-size: 14px;
5591        
5592        
5593        border-style: solid;
5594        
5595          border-width: 1px;
5596          
5597        
5598        border-radius: 4px;
5599        text-decoration: none;
5600        cursor: pointer;
5601      "
5602    ><span class="button-text">Continuar comprando</span>
5603    </a></div>
5604
5605
5606
5607        </div>
5608      </div>
5609    
5610
5611</cart-items-component>
5612
5613
5614
5615        </div>
5616      </dialog>
5617    </cart-drawer-component>
5618  
5619<a
5620      href="/blogs/blog-cat"
5621      class="header-actions__action header-actions__utility-link header-actions__utility-link--blog mobile:hidden"
5622      aria-label="Blogs"
5623    ><svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
5624<path d="M5.8 6.89064C5.97143 6.71837 6.02143 6.71134 7.1 6.71134C8.07143 6.71134 8.10357 6.71486 8.24643 6.78517C8.45357 6.88712 8.54286 7.03126 8.54286 7.2633C8.54286 7.47072 8.45714 7.61486 8.27143 7.73439C8.17143 7.79767 8.11071 7.80119 7.16071 7.80822C6.575 7.81173 6.10714 7.80119 6.03571 7.78009C5.66786 7.67814 5.53214 7.15783 5.8 6.89064ZM7.99286 10.2129C6.06786 10.2129 6 10.2199 5.84286 10.357C5.71786 10.466 5.63929 10.6875 5.66071 10.8457C5.68571 11.011 5.83214 11.2008 5.98929 11.2676C6.06786 11.3027 6.49286 11.3274 8 11.3098L9.71071 11.2887L10.0393 11.236C10.3607 11.0567 10.4143 10.6242 10.15 10.3781C9.96072 10.2129 9.97143 10.2129 7.99286 10.2129ZM15.9714 14.7867C15.8464 15.7852 15.15 16.5586 14.1464 16.8082C13.8893 16.8715 13.8 16.875 7.97143 16.8715C2.33571 16.8715 2.04643 16.868 1.82857 16.8082C1.52857 16.7309 1.27143 16.6149 1.03214 16.4567C0.832143 16.3231 0.535714 16.0418 0.425 15.8801C0.289286 15.6832 0.132143 15.3422 0.0678571 15.1067C0.00357143 14.8711 0 14.7762 0 9.01056C0 3.27658 0 3.15353 0.0642857 2.90392C0.289286 2.03556 0.989286 1.37111 1.89286 1.17423C2.15357 1.11798 13.7536 1.10744 14.0357 1.16369C14.7929 1.31486 15.3893 1.76486 15.7357 2.44337C16.0107 2.98126 15.9857 2.39064 15.9964 8.79259C16.0036 12.8637 15.9964 14.5758 15.9714 14.7867ZM12.9214 8.2758C12.8821 8.10001 12.7714 7.9383 12.6464 7.8715C12.6071 7.8504 12.3607 7.8258 12.0929 7.81173C11.65 7.79064 11.6 7.78361 11.4571 7.70275C11.2357 7.57619 11.175 7.43556 11.1714 7.05939C11.1714 6.3422 10.8679 5.67423 10.2679 5.07306C9.83929 4.64416 9.36429 4.35236 8.81786 4.19064C8.68929 4.15197 8.39643 4.13791 7.41786 4.12736C5.88571 4.10978 5.54286 4.14142 5.02143 4.34533C4.05714 4.7215 3.36786 5.51955 3.11429 6.53908C3.06786 6.72892 3.05714 7.0383 3.04643 8.79962C3.03214 11.0074 3.04643 11.3344 3.18929 11.7703C3.53571 12.8496 4.51429 13.6477 5.49643 13.8235C5.825 13.8832 9.86071 13.8973 10.2714 13.841C10.9893 13.7461 11.5536 13.4613 12.0821 12.9305C12.4643 12.5473 12.7036 12.1289 12.8607 11.577C12.975 11.1938 12.9643 8.46915 12.9214 8.2758Z" fill="currentColor"/>
5625</svg>
5626</a><a
5627      href="https://puntosadoc.com/"
5628      class="header-actions__action header-actions__utility-link header-actions__utility-link--puntos mobile:hidden"
5629      aria-label="Puntos ADOC"
5630    >
5631      <img
5632        src="//caterpillarcr.com/cdn/shop/t/14/assets/header-puntos-adoc.svg?v=176695523632743644481784126459"
5633        alt=""
5634        width="18"
5635        height="18"
5636        loading="lazy"
5637      >
5638    </a><a
5639    href="#cat-wishlist-drawer"
5640    class="header-actions__action header-actions__utility-link header-actions__utility-link--wishlist mobile:hidden"
5641    data-cat-wishlist-open
5642    aria-label="Ver favoritos"
5643  >
5644    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
5645      <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
5646    </svg>
5647    <span class="header-actions__wishlist-count" data-cat-wishlist-count></span>
5648  </a>
5649
5650  
5651  <details class="manual-country-selector mobile:hidden">
5652    <summary class="manual-country-selector__button header-actions__action">
5653      <span class="manual-country-selector__flag" aria-hidden="true">
5654        <img
5655          src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-cr.svg?v=120848636554569682651784126457"
5656          alt=""
5657          width="14"
5658          height="14"
5659          loading="eager"
5660        >
5661      </span>
5662      <span class="manual-country-selector__label">Costa Rica</span>
5663      <span class="manual-country-selector__caret svg-wrapper icon-caret" aria-hidden="true"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5664  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5665</svg>
5666</span>
5667    </summary>
5668
5669    <div class="manual-country-selector__panel">
5670      <a
5671        class="manual-country-selector__option"
5672        href="https://caterpillargt.com/"
5673        
5674      >
5675        <span class="manual-country-selector__flag" aria-hidden="true">
5676          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-gt.svg?v=122303101182192381621784126457" alt="" width="14" height="14" loading="eager">
5677        </span>
5678        <span>Guatemala</span>
5679      </a>
5680      <a
5681        class="manual-country-selector__option"
5682        href="https://caterpillarsv.com/"
5683        
5684      >
5685        <span class="manual-country-selector__flag" aria-hidden="true">
5686          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-sv.svg?v=91757253799122743781784126458" alt="" width="14" height="14" loading="eager">
5687        </span>
5688        <span>El Salvador</span>
5689      </a>
5690      <a
5691        class="manual-country-selector__option"
5692        href="https://caterpillarhn.com/"
5693        
5694      >
5695        <span class="manual-country-selector__flag" aria-hidden="true">
5696          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-hn.svg?v=12993907509023232151784126457" alt="" width="14" height="14" loading="eager">
5697        </span>
5698        <span>Honduras</span>
5699      </a>
5700      <a
5701        class="manual-country-selector__option"
5702        href="https://caterpillarnic.com/"
5703        
5704      >
5705        <span class="manual-country-selector__flag" aria-hidden="true">
5706          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-ni.svg?v=173670299134573589751784126458" alt="" width="14" height="14" loading="eager">
5707        </span>
5708        <span>Nicaragua</span>
5709      </a>
5710      <a
5711        class="manual-country-selector__option"
5712        href="https://caterpillarcr.com/"
5713        
5714          aria-current="true"
5715        
5716      >
5717        <span class="manual-country-selector__flag" aria-hidden="true">
5718          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-cr.svg?v=120848636554569682651784126457" alt="" width="14" height="14" loading="eager">
5719        </span>
5720        <span>Costa Rica</span>
5721      </a>
5722      <a
5723        class="manual-country-selector__option"
5724        href="https://caterpillarpa.com/"
5725        
5726      >
5727        <span class="manual-country-selector__flag" aria-hidden="true">
5728          <img src="//caterpillarcr.com/cdn/shop/t/14/assets/flag-pa.svg?v=37564716376515374201784126458" alt="" width="14" height="14" loading="eager">
5729        </span>
5730        <span>Panama</span>
5731      </a>
5732    </div>
5733  </details>
5734
5735
5736  <span
5737    ref="liveRegion"
5738    class="visually-hidden"
5739    role="status"
5740    data-testid="cart-count-live-region"
5741  ></span>
5742</header-actions>
5743
5744<script
5745  type="module"
5746  src="//caterpillarcr.com/cdn/shop/t/14/assets/header-actions.js?v=121308165565653895611784126457"
5747  fetchpriority="low"
5748></script>
5748
5749
5750
5751
5752
5753          
5754        
5755      
5756      
5757        </div>
5758      
5759    </div>
5760        </div>
5761      </div>
5762    
5763  
5764    
5765
5766    
5767
5768    
5769    
5770  
5771
5772  
5773    <div class="header__row header__navigation-bar-row color-scheme-1">
5774      
5775
5776
5777
5778    
5779  
5780
5781<style data-shopify>
5782  .header__underlay {
5783    --color-submenu: rgb(255 255 255 / 1.0);
5784  }
5785</style>
5786
5787
5788
5789
5790    </div>
5791  
5792</header-component>
5793
5794<script
5795  src="//caterpillarcr.com/cdn/shop/t/14/assets/header.js?v=36718054510661947891784126459"
5796  type="module"
5797></script>
5797
5798
5799
5800
5801
5802  
5802<script type="module">
5803    import { hydrate } from '@theme/section-hydration';
5804    const url = new URL(window.location.href);
5805    url.searchParams.delete('page');
5806    hydrate('sections--22556826009857__header_section', url);
5807  </script>
5807
5808
5809
5810
5811</header>
5812<!-- END sections: header-group -->
5813    </div>
5814
5815    
5815<script>
5816      // Inline header height and menu style calculations to prevent layout shift
5817      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
5818      (function setHeaderHeighCustomProperties() {
5819        /*
5820         * Header calculation functions for maintaining CSS variables
5821         * Mimic calculateHeaderGroupHeight() in utilities.js
5822         */
5823        const header = document.querySelector('header-component');
5824        const headerGroup = document.querySelector('#header-group');
5825        const hasHeaderSection = headerGroup?.querySelector('.header-section');
5826
5827        if (!header || !headerGroup) return;
5828
5829        const headerTopRow = header.querySelector('.header__row--top');
5830        const headerHeight = header.offsetHeight;
5831
5832        // Calculate the total height of the header group
5833        let headerGroupHeight = 0;
5834        const children = headerGroup.children;
5835        for (let i = 0; i < children.length; i++) {
5836          const element = children[i];
5837          if (element === header || !(element instanceof HTMLElement)) continue;
5838          headerGroupHeight += element.offsetHeight;
5839        }
5840
5841        // Check for transparent header special case
5842        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
5843          headerGroupHeight += headerHeight;
5844        }
5845
5846        // Set CSS variables
5847        document.body.style.setProperty('--header-height', `${headerHeight}px`);
5848        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
5849
5850        if (headerTopRow) {
5851          window.requestAnimationFrame(function () {
5852            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
5853          });
5854        }
5855
5856        /**
5857         * Updates CSS custom properties for transparent header offset calculation
5858         * Mimic updateTransparentHeaderOffset() in utilities.js
5859         */
5860
5861        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
5862          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
5863          return;
5864        }
5865
5866        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
5867
5868        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
5869        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
5870      })();
5871
5872      (function setHeaderMenuStyle() {
5873        const headerComponent = document.querySelector('#header-component');
5874        if (headerComponent) {
5875          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
5876          const overflowList = headerComponent?.querySelector('overflow-list');
5877          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
5878          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
5879        }
5880      })();
5881    </script>
5881
5882
5883    <main
5884      id="MainContent"
5885      class="content-for-layout"
5886      role="main"
5887      data-page-transition-enabled="false"
5888      data-product-transition="false"
5889      data-template="collection"
5890    >
5891      <div id="shopify-section-template--22556826370305__collection_categories" class="shopify-section collection-categories-slider-wrapper">
5892
5893
5894  <div class="collection-categories__empty-spacer" aria-hidden="true"></div>
5895
5896
5897
5898
5899<script>
5900  document.addEventListener('DOMContentLoaded', function () {
5901    document.querySelectorAll('[data-collection-categories]').forEach(function (section) {
5902      const track = section.querySelector('[data-carousel-track]');
5903      const prev = section.querySelector('[data-carousel-prev]');
5904      const next = section.querySelector('[data-carousel-next]');
5905
5906      if (!track || !prev || !next) {
5907        return;
5908      }
5909
5910      const getScrollAmount = function () {
5911        const firstCard = track.querySelector('.collection-categories__card');
5912
5913        if (!firstCard) {
5914          return track.clientWidth * 0.8;
5915        }
5916
5917        const cardStyles = window.getComputedStyle(track);
5918        const gap = parseFloat(cardStyles.columnGap || cardStyles.gap || 0);
5919
5920        return firstCard.getBoundingClientRect().width + gap;
5921      };
5922
5923      const updateButtons = function () {
5924        const maxScrollLeft = track.scrollWidth - track.clientWidth;
5925
5926        prev.disabled = track.scrollLeft <= 4;
5927        next.disabled = track.scrollLeft >= maxScrollLeft - 4;
5928      };
5929
5930      prev.addEventListener('click', function () {
5931        track.scrollBy({ left: getScrollAmount() * -1, behavior: 'smooth' });
5932      });
5933
5934      next.addEventListener('click', function () {
5935        track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });
5936      });
5937
5938      track.addEventListener('scroll', updateButtons, { passive: true });
5939      window.addEventListener('resize', updateButtons);
5940
5941      updateButtons();
5942    });
5943  });
5944</script>
5944
5945
5946
5947</div><div id="shopify-section-template--22556826370305__main" class="shopify-section">
5947<script
5948  src="//caterpillarcr.com/cdn/shop/t/14/assets/results-list.js?v=28346210841421047511784126459"
5949  type="module"
5950  fetchpriority="low"
5951></script>
5951
5952
5953
5954
5955
5956
5957
5958<div class="section-background color-scheme-1"></div>
5959<results-list
5960  class="section product-grid-container spacing-style color-scheme-1"
5961  style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;"
5962  section-id="template--22556826370305__main"
5963  infinite-scroll="false"
5964>
5965  <a
5966  class="skip-to-content-link button-secondary"
5967  href="#ResultsList"
5968>
5969  Omitir para ir a lista de resultados
5970</a>
5971
5972
5973
5974
5975  <div class="collection-search section--page-width color-scheme-1">
5976    <div class="collection-search__toolbar">
5977      <form class="collection-search__form" data-collection-search-form role="search">
5978        <label class="visually-hidden" for="CollectionSearchInput-template--22556826370305__main">Buscar producto</label>
5979        <input
5980          id="CollectionSearchInput-template--22556826370305__main"
5981          class="collection-search__input"
5982          type="search"
5983          name="q"
5984          value=""
5985          placeholder="Buscar producto"
5986          autocomplete="off"
5987          data-collection-search-input
5988        >
5989        <button class="collection-search__button" type="submit">Buscar</button>
5990      </form>
5991
5992      <facets-form-component class="collection-search__sorting" section-id="template--22556826370305__main">
5993        <form
5994          action="/collections/botas-hombre"
5995          id="FacetFiltersForm--template--22556826370305__main-search-toolbar"
5996          ref="facetsForm"
5997        >
5998          <sorting-filter-component
5999  class="sorting-filter sorting-filter__horizontal"
6000  on:change="/updateFilterAndSorting"
6001  on:keydown="/handleKeyDown"
6002  
6003    data-testid="sorting-filter-component-desktop"
6004  
6005  data-should-use-select-on-mobile="false"
6006>
6007  
6008
6009  <div class="sorting-filter__container  hidden ">
6010    <label
6011      for="sort-select-template--22556826370305__main"
6012      class="facets__label"
6013    >Ordenar por:</label>
6014    <div class="sorting-filter__select-wrapper">
6015      <select
6016        id="sort-select-template--22556826370305__main"
6017        name="sort_by"
6018        class="sorting-filter__select"
6019        
6020          disabled
6021        
6022      >
6023        
6024          <option
6025            value="manual"
6026            
6027          >
6028            Características
6029          </option>
6030        
6031          <option
6032            value="most-relevant"
6033            
6034          >
6035            Más relevantes
6036          </option>
6037        
6038          <option
6039            value="best-selling"
6040            
6041          >
6042            Más vendidos
6043          </option>
6044        
6045          <option
6046            value="title-ascending"
6047            
6048          >
6049            Alfabéticamente, A-Z
6050          </option>
6051        
6052          <option
6053            value="title-descending"
6054            
6055          >
6056            Alfabéticamente, Z-A
6057          </option>
6058        
6059          <option
6060            value="price-ascending"
6061            
6062          >
6063            Precio, menor a mayor
6064          </option>
6065        
6066          <option
6067            value="price-descending"
6068            
6069          >
6070            Precio, mayor a menor
6071          </option>
6072        
6073          <option
6074            value="created-ascending"
6075            
6076          >
6077            Fecha: antiguo(a) a reciente
6078          </option>
6079        
6080          <option
6081            value="created-descending"
6082            
6083              selected
6084            
6085          >
6086            Fecha: reciente a antiguo(a)
6087          </option>
6088        
6089      </select>
6090      <svg
6091        aria-hidden="true"
6092        focusable="false"
6093        class="icon icon-caret"
6094        width="8"
6095        height="13"
6096        viewBox="0 0 8 13"
6097      >
6098
6099
6100<g opacity="0.6">
6101      <path
6102        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
6103        fill="#333030"
6104      />
6105      <path
6106        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
6107        fill="#333030"
6108      />
6109    </g></svg>
6110    </div>
6111  </div>
6112
6113  
6114<accordion-custom
6115  
6116  
6117  
6118  
6119  
6120  
6121  
6122    data-disable-animation-on-desktop="true"
6123  
6124  
6125    data-close-with-escape="true"
6126  
6127  
6128>
6129  
6130    <details
6131      ref="details"
6132      id="Sorting-template--22556826370305__main"
6133      data-default-sort-by="created-descending"
6134      class="facets__panel "
6135      data-auto-close-details="desktop,mobile"
6136      on:toggle="/handleToggle"
6137    >
6138      <summary
6139        class="facets__summary"
6140        role="button"
6141        aria-expanded="false"
6142        aria-controls="sorting-options-template--22556826370305__main-search-toolbar"
6143        ref="summary"
6144      >
6145        <span
6146          class="facets__label"
6147          id="sort-label-template--22556826370305__main"
6148        >Ordenar por:</span>
6149        <span
6150          class="facets__status h6"
6151        >Fecha: reciente a antiguo(a)</span>
6152        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6153  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6154</svg>
6155</span>
6156      </summary>
6157      <floating-panel-component
6158        id="sorting-options-template--22556826370305__main-search-toolbar"
6159        class="sorting-filter__options color-scheme-1"
6160        role="listbox"
6161        aria-labelledby="sort-label-template--22556826370305__main"
6162        ref="listbox"
6163      >
6164        <div class="sorting-filter__options-inner">
6165          
6166            <label
6167              for="sort-option-manual-template--22556826370305__main"
6168            >
6169              <div
6170                class="sorting-filter__option"
6171                role="option"
6172                aria-selected="false"
6173                tabindex="-1"
6174              >
6175                <input
6176                  type="radio"
6177                  name="sort_by"
6178                  id="sort-option-manual-template--22556826370305__main"
6179                  
6180                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6181                  
6182                  value="manual"
6183                  class="sorting-filter__input"
6184                  data-option-name="Características"
6185                  
6186                  aria-hidden="true"
6187                >
6188                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6189<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6190</svg>
6191</span>
6192                <span class="sorting-filter__label">Características</span>
6193              </div>
6194            </label>
6195          
6196            <label
6197              for="sort-option-most-relevant-template--22556826370305__main"
6198            >
6199              <div
6200                class="sorting-filter__option"
6201                role="option"
6202                aria-selected="false"
6203                tabindex="-1"
6204              >
6205                <input
6206                  type="radio"
6207                  name="sort_by"
6208                  id="sort-option-most-relevant-template--22556826370305__main"
6209                  
6210                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6211                  
6212                  value="most-relevant"
6213                  class="sorting-filter__input"
6214                  data-option-name="Más relevantes"
6215                  
6216                  aria-hidden="true"
6217                >
6218                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6219<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6220</svg>
6221</span>
6222                <span class="sorting-filter__label">Más relevantes</span>
6223              </div>
6224            </label>
6225          
6226            <label
6227              for="sort-option-best-selling-template--22556826370305__main"
6228            >
6229              <div
6230                class="sorting-filter__option"
6231                role="option"
6232                aria-selected="false"
6233                tabindex="-1"
6234              >
6235                <input
6236                  type="radio"
6237                  name="sort_by"
6238                  id="sort-option-best-selling-template--22556826370305__main"
6239                  
6240                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6241                  
6242                  value="best-selling"
6243                  class="sorting-filter__input"
6244                  data-option-name="Más vendidos"
6245                  
6246                  aria-hidden="true"
6247                >
6248                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6249<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6250</svg>
6251</span>
6252                <span class="sorting-filter__label">Más vendidos</span>
6253              </div>
6254            </label>
6255          
6256            <label
6257              for="sort-option-title-ascending-template--22556826370305__main"
6258            >
6259              <div
6260                class="sorting-filter__option"
6261                role="option"
6262                aria-selected="false"
6263                tabindex="-1"
6264              >
6265                <input
6266                  type="radio"
6267                  name="sort_by"
6268                  id="sort-option-title-ascending-template--22556826370305__main"
6269                  
6270                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6271                  
6272                  value="title-ascending"
6273                  class="sorting-filter__input"
6274                  data-option-name="Alfabéticamente, A-Z"
6275                  
6276                  aria-hidden="true"
6277                >
6278                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6279<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6280</svg>
6281</span>
6282                <span class="sorting-filter__label">Alfabéticamente, A-Z</span>
6283              </div>
6284            </label>
6285          
6286            <label
6287              for="sort-option-title-descending-template--22556826370305__main"
6288            >
6289              <div
6290                class="sorting-filter__option"
6291                role="option"
6292                aria-selected="false"
6293                tabindex="-1"
6294              >
6295                <input
6296                  type="radio"
6297                  name="sort_by"
6298                  id="sort-option-title-descending-template--22556826370305__main"
6299                  
6300                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6301                  
6302                  value="title-descending"
6303                  class="sorting-filter__input"
6304                  data-option-name="Alfabéticamente, Z-A"
6305                  
6306                  aria-hidden="true"
6307                >
6308                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6310</svg>
6311</span>
6312                <span class="sorting-filter__label">Alfabéticamente, Z-A</span>
6313              </div>
6314            </label>
6315          
6316            <label
6317              for="sort-option-price-ascending-template--22556826370305__main"
6318            >
6319              <div
6320                class="sorting-filter__option"
6321                role="option"
6322                aria-selected="false"
6323                tabindex="-1"
6324              >
6325                <input
6326                  type="radio"
6327                  name="sort_by"
6328                  id="sort-option-price-ascending-template--22556826370305__main"
6329                  
6330                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6331                  
6332                  value="price-ascending"
6333                  class="sorting-filter__input"
6334                  data-option-name="Precio, menor a mayor"
6335                  
6336                  aria-hidden="true"
6337                >
6338                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6339<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6340</svg>
6341</span>
6342                <span class="sorting-filter__label">Precio, menor a mayor</span>
6343              </div>
6344            </label>
6345          
6346            <label
6347              for="sort-option-price-descending-template--22556826370305__main"
6348            >
6349              <div
6350                class="sorting-filter__option"
6351                role="option"
6352                aria-selected="false"
6353                tabindex="-1"
6354              >
6355                <input
6356                  type="radio"
6357                  name="sort_by"
6358                  id="sort-option-price-descending-template--22556826370305__main"
6359                  
6360                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6361                  
6362                  value="price-descending"
6363                  class="sorting-filter__input"
6364                  data-option-name="Precio, mayor a menor"
6365                  
6366                  aria-hidden="true"
6367                >
6368                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6369<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6370</svg>
6371</span>
6372                <span class="sorting-filter__label">Precio, mayor a menor</span>
6373              </div>
6374            </label>
6375          
6376            <label
6377              for="sort-option-created-ascending-template--22556826370305__main"
6378            >
6379              <div
6380                class="sorting-filter__option"
6381                role="option"
6382                aria-selected="false"
6383                tabindex="-1"
6384              >
6385                <input
6386                  type="radio"
6387                  name="sort_by"
6388                  id="sort-option-created-ascending-template--22556826370305__main"
6389                  
6390                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6391                  
6392                  value="created-ascending"
6393                  class="sorting-filter__input"
6394                  data-option-name="Fecha: antiguo(a) a reciente"
6395                  
6396                  aria-hidden="true"
6397                >
6398                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6399<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6400</svg>
6401</span>
6402                <span class="sorting-filter__label">Fecha: antiguo(a) a reciente</span>
6403              </div>
6404            </label>
6405          
6406            <label
6407              for="sort-option-created-descending-template--22556826370305__main"
6408            >
6409              <div
6410                class="sorting-filter__option"
6411                role="option"
6412                aria-selected="true"
6413                tabindex="0"
6414              >
6415                <input
6416                  type="radio"
6417                  name="sort_by"
6418                  id="sort-option-created-descending-template--22556826370305__main"
6419                  
6420                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar"
6421                  
6422                  value="created-descending"
6423                  class="sorting-filter__input"
6424                  data-option-name="Fecha: reciente a antiguo(a)"
6425                  
6426                    checked
6427                  
6428                  aria-hidden="true"
6429                >
6430                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6431<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6432</svg>
6433</span>
6434                <span class="sorting-filter__label">Fecha: reciente a antiguo(a)</span>
6435              </div>
6436            </label>
6437          
6438        </div>
6439      </floating-panel-component>
6440    </details>
6441  
6442</accordion-custom>
6443
6444
6445
6446
6447
6448</sorting-filter-component>
6449
6450
6451
6452        </form>
6453      </facets-form-component>
6454    </div>
6455
6456    <div class="collection-search__mobile-controls">
6457      <button
6458        class="collection-search__filters-button"
6459        type="button"
6460        on:click="#filters-drawer/showDialog"
6461        aria-haspopup="dialog"
6462      >
6463        <span class="svg-wrapper">
6464          <svg aria-hidden="true" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
6465
6466        </span>
6467        <span>Filtros</span>
6468      </button>
6469
6470      <facets-form-component
6471        class="collection-search__sorting collection-search__sorting--mobile"
6472        section-id="template--22556826370305__main"
6473      >
6474        <form
6475          action="/collections/botas-hombre"
6476          id="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6477          ref="facetsForm"
6478        >
6479          <sorting-filter-component
6480  class="sorting-filter sorting-filter__horizontal"
6481  on:change="/updateFilterAndSorting"
6482  on:keydown="/handleKeyDown"
6483  
6484    data-testid="sorting-filter-component-mobile"
6485  
6486  data-should-use-select-on-mobile="false"
6487>
6488  
6489
6490  <div class="sorting-filter__container  hidden ">
6491    <label
6492      for="sort-select-template--22556826370305__main"
6493      class="facets__label"
6494    >Ordenar por:</label>
6495    <div class="sorting-filter__select-wrapper">
6496      <select
6497        id="sort-select-template--22556826370305__main"
6498        name="sort_by"
6499        class="sorting-filter__select"
6500        
6501          disabled
6502        
6503      >
6504        
6505          <option
6506            value="manual"
6507            
6508          >
6509            Características
6510          </option>
6511        
6512          <option
6513            value="most-relevant"
6514            
6515          >
6516            Más relevantes
6517          </option>
6518        
6519          <option
6520            value="best-selling"
6521            
6522          >
6523            Más vendidos
6524          </option>
6525        
6526          <option
6527            value="title-ascending"
6528            
6529          >
6530            Alfabéticamente, A-Z
6531          </option>
6532        
6533          <option
6534            value="title-descending"
6535            
6536          >
6537            Alfabéticamente, Z-A
6538          </option>
6539        
6540          <option
6541            value="price-ascending"
6542            
6543          >
6544            Precio, menor a mayor
6545          </option>
6546        
6547          <option
6548            value="price-descending"
6549            
6550          >
6551            Precio, mayor a menor
6552          </option>
6553        
6554          <option
6555            value="created-ascending"
6556            
6557          >
6558            Fecha: antiguo(a) a reciente
6559          </option>
6560        
6561          <option
6562            value="created-descending"
6563            
6564              selected
6565            
6566          >
6567            Fecha: reciente a antiguo(a)
6568          </option>
6569        
6570      </select>
6571      <svg
6572        aria-hidden="true"
6573        focusable="false"
6574        class="icon icon-caret"
6575        width="8"
6576        height="13"
6577        viewBox="0 0 8 13"
6578      >
6579
6580
6581<g opacity="0.6">
6582      <path
6583        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
6584        fill="#333030"
6585      />
6586      <path
6587        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
6588        fill="#333030"
6589      />
6590    </g></svg>
6591    </div>
6592  </div>
6593
6594  
6595<accordion-custom
6596  
6597  
6598  
6599  
6600  
6601  
6602  
6603    data-disable-animation-on-desktop="true"
6604  
6605  
6606    data-close-with-escape="true"
6607  
6608  
6609>
6610  
6611    <details
6612      ref="details"
6613      id="Sorting-template--22556826370305__main"
6614      data-default-sort-by="created-descending"
6615      class="facets__panel "
6616      data-auto-close-details="desktop,mobile"
6617      on:toggle="/handleToggle"
6618    >
6619      <summary
6620        class="facets__summary"
6621        role="button"
6622        aria-expanded="false"
6623        aria-controls="sorting-options-template--22556826370305__main-search-toolbar-mobile"
6624        ref="summary"
6625      >
6626        <span
6627          class="facets__label"
6628          id="sort-label-template--22556826370305__main"
6629        >Ordenar por:</span>
6630        <span
6631          class="facets__status h6"
6632        >Fecha: reciente a antiguo(a)</span>
6633        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6634  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6635</svg>
6636</span>
6637      </summary>
6638      <floating-panel-component
6639        id="sorting-options-template--22556826370305__main-search-toolbar-mobile"
6640        class="sorting-filter__options color-scheme-1"
6641        role="listbox"
6642        aria-labelledby="sort-label-template--22556826370305__main"
6643        ref="listbox"
6644      >
6645        <div class="sorting-filter__options-inner">
6646          
6647            <label
6648              for="sort-option-manual-template--22556826370305__main"
6649            >
6650              <div
6651                class="sorting-filter__option"
6652                role="option"
6653                aria-selected="false"
6654                tabindex="-1"
6655              >
6656                <input
6657                  type="radio"
6658                  name="sort_by"
6659                  id="sort-option-manual-template--22556826370305__main"
6660                  
6661                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6662                  
6663                  value="manual"
6664                  class="sorting-filter__input"
6665                  data-option-name="Características"
6666                  
6667                  aria-hidden="true"
6668                >
6669                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6670<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6671</svg>
6672</span>
6673                <span class="sorting-filter__label">Características</span>
6674              </div>
6675            </label>
6676          
6677            <label
6678              for="sort-option-most-relevant-template--22556826370305__main"
6679            >
6680              <div
6681                class="sorting-filter__option"
6682                role="option"
6683                aria-selected="false"
6684                tabindex="-1"
6685              >
6686                <input
6687                  type="radio"
6688                  name="sort_by"
6689                  id="sort-option-most-relevant-template--22556826370305__main"
6690                  
6691                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6692                  
6693                  value="most-relevant"
6694                  class="sorting-filter__input"
6695                  data-option-name="Más relevantes"
6696                  
6697                  aria-hidden="true"
6698                >
6699                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6700<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6701</svg>
6702</span>
6703                <span class="sorting-filter__label">Más relevantes</span>
6704              </div>
6705            </label>
6706          
6707            <label
6708              for="sort-option-best-selling-template--22556826370305__main"
6709            >
6710              <div
6711                class="sorting-filter__option"
6712                role="option"
6713                aria-selected="false"
6714                tabindex="-1"
6715              >
6716                <input
6717                  type="radio"
6718                  name="sort_by"
6719                  id="sort-option-best-selling-template--22556826370305__main"
6720                  
6721                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6722                  
6723                  value="best-selling"
6724                  class="sorting-filter__input"
6725                  data-option-name="Más vendidos"
6726                  
6727                  aria-hidden="true"
6728                >
6729                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6730<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6731</svg>
6732</span>
6733                <span class="sorting-filter__label">Más vendidos</span>
6734              </div>
6735            </label>
6736          
6737            <label
6738              for="sort-option-title-ascending-template--22556826370305__main"
6739            >
6740              <div
6741                class="sorting-filter__option"
6742                role="option"
6743                aria-selected="false"
6744                tabindex="-1"
6745              >
6746                <input
6747                  type="radio"
6748                  name="sort_by"
6749                  id="sort-option-title-ascending-template--22556826370305__main"
6750                  
6751                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6752                  
6753                  value="title-ascending"
6754                  class="sorting-filter__input"
6755                  data-option-name="Alfabéticamente, A-Z"
6756                  
6757                  aria-hidden="true"
6758                >
6759                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6760<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6761</svg>
6762</span>
6763                <span class="sorting-filter__label">Alfabéticamente, A-Z</span>
6764              </div>
6765            </label>
6766          
6767            <label
6768              for="sort-option-title-descending-template--22556826370305__main"
6769            >
6770              <div
6771                class="sorting-filter__option"
6772                role="option"
6773                aria-selected="false"
6774                tabindex="-1"
6775              >
6776                <input
6777                  type="radio"
6778                  name="sort_by"
6779                  id="sort-option-title-descending-template--22556826370305__main"
6780                  
6781                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6782                  
6783                  value="title-descending"
6784                  class="sorting-filter__input"
6785                  data-option-name="Alfabéticamente, Z-A"
6786                  
6787                  aria-hidden="true"
6788                >
6789                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6790<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6791</svg>
6792</span>
6793                <span class="sorting-filter__label">Alfabéticamente, Z-A</span>
6794              </div>
6795            </label>
6796          
6797            <label
6798              for="sort-option-price-ascending-template--22556826370305__main"
6799            >
6800              <div
6801                class="sorting-filter__option"
6802                role="option"
6803                aria-selected="false"
6804                tabindex="-1"
6805              >
6806                <input
6807                  type="radio"
6808                  name="sort_by"
6809                  id="sort-option-price-ascending-template--22556826370305__main"
6810                  
6811                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6812                  
6813                  value="price-ascending"
6814                  class="sorting-filter__input"
6815                  data-option-name="Precio, menor a mayor"
6816                  
6817                  aria-hidden="true"
6818                >
6819                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6820<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6821</svg>
6822</span>
6823                <span class="sorting-filter__label">Precio, menor a mayor</span>
6824              </div>
6825            </label>
6826          
6827            <label
6828              for="sort-option-price-descending-template--22556826370305__main"
6829            >
6830              <div
6831                class="sorting-filter__option"
6832                role="option"
6833                aria-selected="false"
6834                tabindex="-1"
6835              >
6836                <input
6837                  type="radio"
6838                  name="sort_by"
6839                  id="sort-option-price-descending-template--22556826370305__main"
6840                  
6841                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6842                  
6843                  value="price-descending"
6844                  class="sorting-filter__input"
6845                  data-option-name="Precio, mayor a menor"
6846                  
6847                  aria-hidden="true"
6848                >
6849                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6850<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6851</svg>
6852</span>
6853                <span class="sorting-filter__label">Precio, mayor a menor</span>
6854              </div>
6855            </label>
6856          
6857            <label
6858              for="sort-option-created-ascending-template--22556826370305__main"
6859            >
6860              <div
6861                class="sorting-filter__option"
6862                role="option"
6863                aria-selected="false"
6864                tabindex="-1"
6865              >
6866                <input
6867                  type="radio"
6868                  name="sort_by"
6869                  id="sort-option-created-ascending-template--22556826370305__main"
6870                  
6871                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6872                  
6873                  value="created-ascending"
6874                  class="sorting-filter__input"
6875                  data-option-name="Fecha: antiguo(a) a reciente"
6876                  
6877                  aria-hidden="true"
6878                >
6879                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6880<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6881</svg>
6882</span>
6883                <span class="sorting-filter__label">Fecha: antiguo(a) a reciente</span>
6884              </div>
6885            </label>
6886          
6887            <label
6888              for="sort-option-created-descending-template--22556826370305__main"
6889            >
6890              <div
6891                class="sorting-filter__option"
6892                role="option"
6893                aria-selected="true"
6894                tabindex="0"
6895              >
6896                <input
6897                  type="radio"
6898                  name="sort_by"
6899                  id="sort-option-created-descending-template--22556826370305__main"
6900                  
6901                    form="FacetFiltersForm--template--22556826370305__main-search-toolbar-mobile"
6902                  
6903                  value="created-descending"
6904                  class="sorting-filter__input"
6905                  data-option-name="Fecha: reciente a antiguo(a)"
6906                  
6907                    checked
6908                  
6909                  aria-hidden="true"
6910                >
6911                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6912<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6913</svg>
6914</span>
6915                <span class="sorting-filter__label">Fecha: reciente a antiguo(a)</span>
6916              </div>
6917            </label>
6918          
6919        </div>
6920      </floating-panel-component>
6921    </details>
6922  
6923</accordion-custom>
6924
6925
6926
6927
6928
6929</sorting-filter-component>
6930
6931
6932
6933        </form>
6934      </facets-form-component>
6935    </div>
6936  </div>
6937
6938  <div
6939    class="collection-wrapper grid gap-style"
6940  >
6941    
6941<script
6942  src="//caterpillarcr.com/cdn/shop/t/14/assets/facets.js?v=177903033754413523221784126456"
6943  type="module"
6944  fetchpriority="low"
6945></script>
6945
6946
6947<script
6948  src="//caterpillarcr.com/cdn/shop/t/14/assets/scrolling.js?v=162288454571026455011784126456"
6949  type="module"
6950  fetchpriority="low"
6951></script>
6951
6952  
6953    
6954    <div
6955      class="facets facets--horizontal facets-controls-wrapper facets-controls-wrapper--collection spacing-style"
6956      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6957    ></div>
6958  
6959
6960  <div
6961    class="
6962      
6963      facets-block-wrapper
6964      facets-block-wrapper--vertical
6965
6966
6967    "
6968    style="
6969      --grid-column--desktop:2 / var(--facets-vertical-col-width);
6970      --facets-margin: 0px 20px 0px 0px;
6971      --facets-inner-padding-block: 8px 8px;
6972      --facets-inner-padding-inline: var(--padding-lg);
6973    "
6974    
6975  >
6976    <div
6977      class="facets facets--vertical spacing-style"
6978      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6979      aria-label="Filtros"
6980    >
6981      <facets-form-component
6982        class="facets__form-wrapper"
6983        section-id="template--22556826370305__main"
6984        form-style="vertical"
6985      >
6986        <form
6987          action="/collections/botas-hombre"
6988          id="FacetFiltersForm--template--22556826370305__main-desktop"
6989          class="facets__form"
6990          ref="facetsForm"
6991        >
6992          
6993            <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Filtros activos:</h3>
6994
6995
6996
6997
6998
6999
7000
7001
7002</div>
7003
7004
7005
7006
7007            
7008              
7009
7010              
7011
7012              
7013
7014              
7015
7016              <div class="facets__filters-wrapper">
7017                
7018                  <h4 class="facets-sidebar__title">Filtros</h4>
7019                  <div class="facets-sidebar__panel">
7020                    
7021                
7022                  
7023                  
7024
7025<accordion-custom
7026  
7027    class="facets__item"
7028  
7029  
7030    open
7031  
7032  
7033    open-by-default-on-desktop
7034  
7035  
7036    open-by-default-on-mobile
7037  
7038  
7039  
7040  
7041  
7042  
7043    data-filter-param-name="filter-v-option-talla"
7044  
7045>
7046  
7047  <details
7048    id="Facet-Details-template--22556826370305__main-filter-v-option-talla"
7049    class="facets__panel"
7050    
7051    
7052      open
7053    
7054  >
7055    <summary class="facets__summary">
7056      <span class="facets__label">Talla</span>
7057
7058      <div class="facets__status-wrapper">
7059        
7060          <facet-status-component
7061            class="facets__status"
7062            facet-type="list"
7063            data-filter-style="vertical"
7064          >
7065            <span
7066              class="
7067                hide-when-empty
7068              "
7069              ref="facetStatus"
7070            ></span>
7071          </facet-status-component>
7072        
7073        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7074  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7075</svg>
7076</span>
7077      </div>
7078    </summary>
7079    <floating-panel-component
7080      
7081      class="facets__inputs facets__panel-content details-content"
7082      id="facet-inputs-filter-v-option-talla"
7083    >
7084      <facet-inputs-component
7085        on:change="/updateFilters"
7086        id="facet-inputs-component-filter-v-option-talla"
7087      >
7088        
7089        
7090
7091        <div
7092          class="facets__inputs-wrapper facets__inputs-wrapper--row"
7093          ref="showMoreContent"
7094        >
7095          
7096          <ul
7097            id="filters-list-template--22556826370305__main-filter-v-option-talla"
7098            class="facets__inputs-list facets__inputs-list--grid list-unstyled"
7099            
7100            
7101            name="Talla"
7102          >
7103            
7104
7105              <li
7106                data-skip-node-update="true"
7107                class="
7108                  facets__inputs-list-item
7109                  
7110                  
7111                "
7112                
7113              >
7114                
7115                
7116                  
7117                    <div
7118                      class="facets__pill-wrapper"
7119                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7120                    >
7121                      <input
7122                        type="checkbox"
7123                        name="filter.v.option.talla"
7124                        value="6"
7125                        id="Filter-filter-v-option-talla-1-vertical-"
7126                        class="facets__pill-input"
7127                        data-label="6"
7128                        
7129                        
7130                        ref="facetInputs[]"
7131                        tabindex="-1"
7132                      >
7133                      <label
7134                        class="facets__pill-label"
7135                        for="Filter-filter-v-option-talla-1-vertical-"
7136                        tabindex="0"
7137                      >6
7138                        
7139                      </label>
7140                    </div>
7141                  
7142                
7143              </li>
7144              <li
7145                data-skip-node-update="true"
7146                class="
7147                  facets__inputs-list-item
7148                  
7149                  
7150                "
7151                
7152              >
7153                
7154                
7155                  
7156                    <div
7157                      class="facets__pill-wrapper"
7158                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7159                    >
7160                      <input
7161                        type="checkbox"
7162                        name="filter.v.option.talla"
7163                        value="7"
7164                        id="Filter-filter-v-option-talla-2-vertical-"
7165                        class="facets__pill-input"
7166                        data-label="7"
7167                        
7168                        
7169                        ref="facetInputs[]"
7170                        tabindex="-1"
7171                      >
7172                      <label
7173                        class="facets__pill-label"
7174                        for="Filter-filter-v-option-talla-2-vertical-"
7175                        tabindex="0"
7176                      >7
7177                        
7178                      </label>
7179                    </div>
7180                  
7181                
7182              </li>
7183              <li
7184                data-skip-node-update="true"
7185                class="
7186                  facets__inputs-list-item
7187                  
7188                  
7189                "
7190                
7191              >
7192                
7193                
7194                  
7195                    <div
7196                      class="facets__pill-wrapper"
7197                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7198                    >
7199                      <input
7200                        type="checkbox"
7201                        name="filter.v.option.talla"
7202                        value="8"
7203                        id="Filter-filter-v-option-talla-3-vertical-"
7204                        class="facets__pill-input"
7205                        data-label="8"
7206                        
7207                        
7208                        ref="facetInputs[]"
7209                        tabindex="-1"
7210                      >
7211                      <label
7212                        class="facets__pill-label"
7213                        for="Filter-filter-v-option-talla-3-vertical-"
7214                        tabindex="0"
7215                      >8
7216                        
7217                      </label>
7218                    </div>
7219                  
7220                
7221              </li>
7222              <li
7223                data-skip-node-update="true"
7224                class="
7225                  facets__inputs-list-item
7226                  
7227                  
7228                "
7229                
7230              >
7231                
7232                
7233                  
7234                    <div
7235                      class="facets__pill-wrapper"
7236                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7237                    >
7238                      <input
7239                        type="checkbox"
7240                        name="filter.v.option.talla"
7241                        value="9"
7242                        id="Filter-filter-v-option-talla-4-vertical-"
7243                        class="facets__pill-input"
7244                        data-label="9"
7245                        
7246                        
7247                        ref="facetInputs[]"
7248                        tabindex="-1"
7249                      >
7250                      <label
7251                        class="facets__pill-label"
7252                        for="Filter-filter-v-option-talla-4-vertical-"
7253                        tabindex="0"
7254                      >9
7255                        
7256                      </label>
7257                    </div>
7258                  
7259                
7260              </li>
7261              <li
7262                data-skip-node-update="true"
7263                class="
7264                  facets__inputs-list-item
7265                  
7266                  
7267                "
7268                
7269              >
7270                
7271                
7272                  
7273                    <div
7274                      class="facets__pill-wrapper"
7275                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7276                    >
7277                      <input
7278                        type="checkbox"
7279                        name="filter.v.option.talla"
7280                        value="10"
7281                        id="Filter-filter-v-option-talla-5-vertical-"
7282                        class="facets__pill-input"
7283                        data-label="10"
7284                        
7285                        
7286                        ref="facetInputs[]"
7287                        tabindex="-1"
7288                      >
7289                      <label
7290                        class="facets__pill-label"
7291                        for="Filter-filter-v-option-talla-5-vertical-"
7292                        tabindex="0"
7293                      >10
7294                        
7295                      </label>
7296                    </div>
7297                  
7298                
7299              </li>
7300              <li
7301                data-skip-node-update="true"
7302                class="
7303                  facets__inputs-list-item
7304                  
7305                  
7306                "
7307                
7308              >
7309                
7310                
7311                  
7312                    <div
7313                      class="facets__pill-wrapper"
7314                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7315                    >
7316                      <input
7317                        type="checkbox"
7318                        name="filter.v.option.talla"
7319                        value="11"
7320                        id="Filter-filter-v-option-talla-6-vertical-"
7321                        class="facets__pill-input"
7322                        data-label="11"
7323                        
7324                        
7325                        ref="facetInputs[]"
7326                        tabindex="-1"
7327                      >
7328                      <label
7329                        class="facets__pill-label"
7330                        for="Filter-filter-v-option-talla-6-vertical-"
7331                        tabindex="0"
7332                      >11
7333                        
7334                      </label>
7335                    </div>
7336                  
7337                
7338              </li>
7339              <li
7340                data-skip-node-update="true"
7341                class="
7342                  facets__inputs-list-item
7343                  
7344                  
7345                "
7346                
7347              >
7348                
7349                
7350                  
7351                    <div
7352                      class="facets__pill-wrapper"
7353                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7354                    >
7355                      <input
7356                        type="checkbox"
7357                        name="filter.v.option.talla"
7358                        value="12"
7359                        id="Filter-filter-v-option-talla-7-vertical-"
7360                        class="facets__pill-input"
7361                        data-label="12"
7362                        
7363                        
7364                        ref="facetInputs[]"
7365                        tabindex="-1"
7366                      >
7367                      <label
7368                        class="facets__pill-label"
7369                        for="Filter-filter-v-option-talla-7-vertical-"
7370                        tabindex="0"
7371                      >12
7372                        
7373                      </label>
7374                    </div>
7375                  
7376                
7377              </li>
7378              <li
7379                data-skip-node-update="true"
7380                class="
7381                  facets__inputs-list-item
7382                  
7383                  
7384                "
7385                
7386              >
7387                
7388                
7389                  
7390                    <div
7391                      class="facets__pill-wrapper"
7392                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
7393                    >
7394                      <input
7395                        type="checkbox"
7396                        name="filter.v.option.talla"
7397                        value="13"
7398                        id="Filter-filter-v-option-talla-8-vertical-"
7399                        class="facets__pill-input"
7400                        data-label="13"
7401                        
7402                        
7403                        ref="facetInputs[]"
7404                        tabindex="-1"
7405                      >
7406                      <label
7407                        class="facets__pill-label"
7408                        for="Filter-filter-v-option-talla-8-vertical-"
7409                        tabindex="0"
7410                      >13
7411                        
7412                      </label>
7413                    </div>
7414                  
7415                
7416              </li></ul>
7417        </div>
7418        
7419
7420        
7421      </facet-inputs-component>
7422    </floating-panel-component>
7423  </details>
7424
7425</accordion-custom>
7426
7427
7428
7429
7430
7431
7432<script>
7433  (() => {
7434    if (window.__facetGroupClearInitialized) return;
7435    window.__facetGroupClearInitialized = true;
7436
7437    document.addEventListener('click', (event) => {
7438      const button = event.target.closest('[data-clear-filter-group]');
7439      if (!button) return;
7440
7441      const facetInputs = button.closest('facet-inputs-component');
7442      if (!facetInputs) return;
7443
7444      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
7445      let changed = false;
7446
7447      inputs.forEach((input) => {
7448        if (input.checked) {
7449          input.checked = false;
7450          changed = true;
7451        }
7452      });
7453
7454      if (changed) {
7455        const facetsForm = facetInputs.closest('facets-form-component');
7456        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
7457          facetsForm.updateFilters();
7458        }
7459      }
7460    });
7461  })();
7462</script>
7462
7463
7464
7465
7466                
7467                  
7468
7469<accordion-custom
7470  
7471    class="facets__item"
7472  
7473  
7474    open
7475  
7476  
7477    open-by-default-on-desktop
7478  
7479  
7480    open-by-default-on-mobile
7481  
7482  
7483  
7484  
7485  
7486  
7487    data-filter-param-name="filter-v-option-color"
7488  
7489>
7490  
7491  <details
7492    id="Facet-Details-template--22556826370305__main-filter-v-option-color"
7493    class="facets__panel"
7494    
7495    
7496      open
7497    
7498  >
7499    <summary class="facets__summary">
7500      <span class="facets__label">Color</span>
7501
7502      <div class="facets__status-wrapper">
7503        
7504          <facet-status-component
7505            class="facets__status"
7506            facet-type="list"
7507            data-filter-style="vertical"
7508          >
7509            <span
7510              class="
7511                hide-when-empty
7512              "
7513              ref="facetStatus"
7514            ></span>
7515          </facet-status-component>
7516        
7517        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7518  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7519</svg>
7520</span>
7521      </div>
7522    </summary>
7523    <floating-panel-component
7524      
7525      class="facets__inputs facets__panel-content details-content"
7526      id="facet-inputs-filter-v-option-color"
7527    >
7528      <facet-inputs-component
7529        on:change="/updateFilters"
7530        id="facet-inputs-component-filter-v-option-color"
7531      >
7532        
7533        
7534
7535        <div
7536          class="facets__inputs-wrapper"
7537          ref="showMoreContent"
7538        >
7539          
7540          <ul
7541            id="filters-list-template--22556826370305__main-filter-v-option-color"
7542            class="facets__inputs-list list-unstyled"
7543            
7544            
7545            name="Color"
7546          >
7547            
7548
7549              <li
7550                data-skip-node-update="true"
7551                class="
7552                  facets__inputs-list-item
7553                  
7554                  
7555                "
7556                
7557              >
7558                
7559                
7560                  
7561                    <div
7562  class="checkbox"
7563  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7564>
7565  <input
7566    type="checkbox"
7567    name="filter.v.option.color"
7568    value="Azul"
7569    id="Filter-filter-v-option-color-1-vertical-"
7570    class="checkbox__input"
7571    data-label="Azul"
7572    
7573    
7574    
7575    
7576    
7577      ref="facetInputs[]"
7578    
7579    
7580  >
7581  <label
7582    class="checkbox__label"
7583    for="Filter-filter-v-option-color-1-vertical-"
7584    
7585  >
7586    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7587<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7588</svg>
7589
7590    <span class="checkbox__label-text">Azul</span>
7591  </label>
7592</div>
7593
7594                  
7595                
7596              </li>
7597              <li
7598                data-skip-node-update="true"
7599                class="
7600                  facets__inputs-list-item
7601                  
7602                  
7603                "
7604                
7605              >
7606                
7607                
7608                  
7609                    <div
7610  class="checkbox"
7611  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7612>
7613  <input
7614    type="checkbox"
7615    name="filter.v.option.color"
7616    value="Beige"
7617    id="Filter-filter-v-option-color-2-vertical-"
7618    class="checkbox__input"
7619    data-label="Beige"
7620    
7621    
7622    
7623    
7624    
7625      ref="facetInputs[]"
7626    
7627    
7628  >
7629  <label
7630    class="checkbox__label"
7631    for="Filter-filter-v-option-color-2-vertical-"
7632    
7633  >
7634    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7635<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7636</svg>
7637
7638    <span class="checkbox__label-text">Beige</span>
7639  </label>
7640</div>
7641
7642                  
7643                
7644              </li>
7645              <li
7646                data-skip-node-update="true"
7647                class="
7648                  facets__inputs-list-item
7649                  
7650                  
7651                "
7652                
7653              >
7654                
7655                
7656                  
7657                    <div
7658  class="checkbox"
7659  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7660>
7661  <input
7662    type="checkbox"
7663    name="filter.v.option.color"
7664    value="Brown"
7665    id="Filter-filter-v-option-color-3-vertical-"
7666    class="checkbox__input"
7667    data-label="Brown"
7668    
7669    
7670    
7671    
7672    
7673      ref="facetInputs[]"
7674    
7675    
7676  >
7677  <label
7678    class="checkbox__label"
7679    for="Filter-filter-v-option-color-3-vertical-"
7680    
7681  >
7682    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7683<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7684</svg>
7685
7686    <span class="checkbox__label-text">Brown</span>
7687  </label>
7688</div>
7689
7690                  
7691                
7692              </li>
7693              <li
7694                data-skip-node-update="true"
7695                class="
7696                  facets__inputs-list-item
7697                  
7698                  
7699                "
7700                
7701              >
7702                
7703                
7704                  
7705                    <div
7706  class="checkbox"
7707  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7708>
7709  <input
7710    type="checkbox"
7711    name="filter.v.option.color"
7712    value="Cafe"
7713    id="Filter-filter-v-option-color-4-vertical-"
7714    class="checkbox__input"
7715    data-label="Cafe"
7716    
7717    
7718    
7719    
7720    
7721      ref="facetInputs[]"
7722    
7723    
7724  >
7725  <label
7726    class="checkbox__label"
7727    for="Filter-filter-v-option-color-4-vertical-"
7728    
7729  >
7730    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7731<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7732</svg>
7733
7734    <span class="checkbox__label-text">Cafe</span>
7735  </label>
7736</div>
7737
7738                  
7739                
7740              </li>
7741              <li
7742                data-skip-node-update="true"
7743                class="
7744                  facets__inputs-list-item
7745                  
7746                  
7747                "
7748                
7749              >
7750                
7751                
7752                  
7753                    <div
7754  class="checkbox"
7755  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7756>
7757  <input
7758    type="checkbox"
7759    name="filter.v.option.color"
7760    value="Café"
7761    id="Filter-filter-v-option-color-5-vertical-"
7762    class="checkbox__input"
7763    data-label="Café"
7764    
7765    
7766    
7767    
7768    
7769      ref="facetInputs[]"
7770    
7771    
7772  >
7773  <label
7774    class="checkbox__label"
7775    for="Filter-filter-v-option-color-5-vertical-"
7776    
7777  >
7778    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7779<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7780</svg>
7781
7782    <span class="checkbox__label-text">Café</span>
7783  </label>
7784</div>
7785
7786                  
7787                
7788              </li>
7789              <li
7790                data-skip-node-update="true"
7791                class="
7792                  facets__inputs-list-item
7793                  
7794                  
7795                "
7796                
7797              >
7798                
7799                
7800                  
7801                    <div
7802  class="checkbox"
7803  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7804>
7805  <input
7806    type="checkbox"
7807    name="filter.v.option.color"
7808    value="Chocolate"
7809    id="Filter-filter-v-option-color-6-vertical-"
7810    class="checkbox__input"
7811    data-label="Chocolate"
7812    
7813    
7814    
7815    
7816    
7817      ref="facetInputs[]"
7818    
7819    
7820  >
7821  <label
7822    class="checkbox__label"
7823    for="Filter-filter-v-option-color-6-vertical-"
7824    
7825  >
7826    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7827<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7828</svg>
7829
7830    <span class="checkbox__label-text">Chocolate</span>
7831  </label>
7832</div>
7833
7834                  
7835                
7836              </li>
7837              <li
7838                data-skip-node-update="true"
7839                class="
7840                  facets__inputs-list-item
7841                  
7842                  
7843                "
7844                
7845              >
7846                
7847                
7848                  
7849                    <div
7850  class="checkbox"
7851  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7852>
7853  <input
7854    type="checkbox"
7855    name="filter.v.option.color"
7856    value="Gris"
7857    id="Filter-filter-v-option-color-7-vertical-"
7858    class="checkbox__input"
7859    data-label="Gris"
7860    
7861    
7862    
7863    
7864    
7865      ref="facetInputs[]"
7866    
7867    
7868  >
7869  <label
7870    class="checkbox__label"
7871    for="Filter-filter-v-option-color-7-vertical-"
7872    
7873  >
7874    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7875<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7876</svg>
7877
7878    <span class="checkbox__label-text">Gris</span>
7879  </label>
7880</div>
7881
7882                  
7883                
7884              </li>
7885              <li
7886                data-skip-node-update="true"
7887                class="
7888                  facets__inputs-list-item
7889                  
7890                  
7891                "
7892                
7893              >
7894                
7895                
7896                  
7897                    <div
7898  class="checkbox"
7899  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7900>
7901  <input
7902    type="checkbox"
7903    name="filter.v.option.color"
7904    value="Negro"
7905    id="Filter-filter-v-option-color-8-vertical-"
7906    class="checkbox__input"
7907    data-label="Negro"
7908    
7909    
7910    
7911    
7912    
7913      ref="facetInputs[]"
7914    
7915    
7916  >
7917  <label
7918    class="checkbox__label"
7919    for="Filter-filter-v-option-color-8-vertical-"
7920    
7921  >
7922    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7923<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7924</svg>
7925
7926    <span class="checkbox__label-text">Negro</span>
7927  </label>
7928</div>
7929
7930                  
7931                
7932              </li>
7933              <li
7934                data-skip-node-update="true"
7935                class="
7936                  facets__inputs-list-item
7937                  
7938                  
7939                "
7940                
7941              >
7942                
7943                
7944                  
7945                    <div
7946  class="checkbox"
7947  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
7948>
7949  <input
7950    type="checkbox"
7951    name="filter.v.option.color"
7952    value="Tan"
7953    id="Filter-filter-v-option-color-9-vertical-"
7954    class="checkbox__input"
7955    data-label="Tan"
7956    
7957    
7958    
7959    
7960    
7961      ref="facetInputs[]"
7962    
7963    
7964  >
7965  <label
7966    class="checkbox__label"
7967    for="Filter-filter-v-option-color-9-vertical-"
7968    
7969  >
7970    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7971<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7972</svg>
7973
7974    <span class="checkbox__label-text">Tan</span>
7975  </label>
7976</div>
7977
7978                  
7979                
7980              </li></ul>
7981        </div>
7982        
7983
7984        
7985      </facet-inputs-component>
7986    </floating-panel-component>
7987  </details>
7988
7989</accordion-custom>
7990
7991
7992
7993
7994
7995
7996<script>
7997  (() => {
7998    if (window.__facetGroupClearInitialized) return;
7999    window.__facetGroupClearInitialized = true;
8000
8001    document.addEventListener('click', (event) => {
8002      const button = event.target.closest('[data-clear-filter-group]');
8003      if (!button) return;
8004
8005      const facetInputs = button.closest('facet-inputs-component');
8006      if (!facetInputs) return;
8007
8008      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
8009      let changed = false;
8010
8011      inputs.forEach((input) => {
8012        if (input.checked) {
8013          input.checked = false;
8014          changed = true;
8015        }
8016      });
8017
8018      if (changed) {
8019        const facetsForm = facetInputs.closest('facets-form-component');
8020        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
8021          facetsForm.updateFilters();
8022        }
8023      }
8024    });
8025  })();
8026</script>
8026
8027
8028
8029
8030                
8031                  
8032<accordion-custom
8033  
8034    class="facets__item"
8035  
8036  
8037    open
8038  
8039  
8040    open-by-default-on-desktop
8041  
8042  
8043    open-by-default-on-mobile
8044  
8045  
8046  
8047  
8048  
8049  
8050>
8051  
8052  <details
8053    class="facets__panel"
8054    
8055    
8056      open
8057    
8058  >
8059    <summary
8060      class="facets__summary"
8061      data-testid="price-filter"
8062    >
8063      <span class="facets__label">Precio</span>
8064      <facet-status-component class="facets__status">
8065        <template ref="moneyFormat">₡ {{amount_with_comma_separator}}</template>
8066
8067        <span
8068          class="hide-when-empty"
8069          ref="facetStatus"
8070          data-currency="CRC"
8071          data-range-max="105.995,00"
8072        ></span>
8073      </facet-status-component>
8074      <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8075  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8076</svg>
8077</span>
8078    </summary>
8079    <floating-panel-component
8080      
8081      class="facets__panel-content details-content"
8082    >
8083      
8084      
8085
8086      <price-facet-component
8087        class="
8088          price-facet
8089        "
8090        id="facet-inputs-filter-v-price"
8091        data-money-format="₡ {{amount_with_comma_separator}}"
8092        data-currency="CRC"
8093        on:change="/updatePriceFilterAndResults"
8094      >
8095        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
8096          <div
8097            class="price-facet__inputs-wrapper"
8098          >
8099            <div class="field price-facet__field">
8100              <input
8101                class="field__input price-facet__input"
8102                name="filter.v.price.gte"
8103                id="Precio-GTE-horizontal"type="text"
8104                inputmode="decimal"
8105                placeholder="0"
8106                data-min="0"
8107                data-max="105.995,00"
8108                ref="minInput"
8109                autocomplete="off"
8110                aria-label="Precio bajo"
8111              >
8112
8113              <label
8114                class="field__label price-facet__label"
8115                for="Precio-GTE-horizontal"
8116              >
8117                ₡
8118              </label>
8119            </div>
8120
8121            <div class="price-facet__separator">a</div>
8122
8123            <div class="field price-facet__field">
8124              <input
8125                class="field__input price-facet__input"
8126                name="filter.v.price.lte"
8127                id="Precio-LTE-horizontal"type="text"
8128                inputmode="decimal"
8129                placeholder="105.995,00"
8130                data-min="0,00"
8131                data-max="105.995,00"
8132                ref="maxInput"
8133                autocomplete="off"
8134                aria-label="Precio alto"
8135              >
8136              <label
8137                class="field__label price-facet__label"
8138                for="Precio-LTE-horizontal"
8139              >
8140                ₡
8141              </label>
8142            </div>
8143          </div>
8144        </div>
8145
8146        <div class="price-facet__slider-block">
8147          <div class="price-facet__slider" data-price-slider>
8148            <div class="price-facet__slider-track"></div>
8149            <input
8150              class="price-facet__range price-facet__range--min"
8151              type="range"
8152              min="0"
8153              max="105.99500"
8154              step="1"
8155              value="000"
8156              data-price-range-min
8157              aria-label="Precio bajo"
8158            >
8159            <input
8160              class="price-facet__range price-facet__range--max"
8161              type="range"
8162              min="0"
8163              max="105.99500"
8164              step="1"
8165              value="105.99500"
8166              data-price-range-max
8167              aria-label="Precio alto"
8168            >
8169          </div>
8170          <div class="price-facet__scale">
8171            <span data-price-scale-min>₡ 0,00</span>
8172            <span data-price-scale-max>₡ 105.995,00</span>
8173          </div>
8174        </div>
8175
8176        <div
8177          class="
8178            price-facet__highest-price
8179          "
8180        >El precio más alto es ₡ 105.995,00
8181        </div>
8182
8183        
8184
8185        
8186      </price-facet-component>
8187    </floating-panel-component>
8188  </details>
8189
8190</accordion-custom>
8191
8192
8193
8194
8195
8196
8197<script>
8198  (() => {
8199    if (window.__priceSliderFacetInitialized) return;
8200    window.__priceSliderFacetInitialized = true;
8201
8202    const formatPriceValue = (value, priceFacet) => {
8203      const currency = priceFacet?.dataset.currency || 'USD';
8204      const locale = document.documentElement.lang || navigator.language || 'en';
8205      const amount = Number(value || 0);
8206
8207      try {
8208        return new Intl.NumberFormat(locale, {
8209          style: 'currency',
8210          currency,
8211          minimumFractionDigits: 2,
8212          maximumFractionDigits: 2,
8213        }).format(amount);
8214      } catch (_error) {
8215        return `${amount}`;
8216      }
8217    };
8218
8219    const updateScaleValues = (priceFacet, minValue, maxValue) => {
8220      const minScale = priceFacet.querySelector('[data-price-scale-min]');
8221      const maxScale = priceFacet.querySelector('[data-price-scale-max]');
8222
8223      if (minScale) minScale.textContent = formatPriceValue(minValue, priceFacet);
8224      if (maxScale) maxScale.textContent = formatPriceValue(maxValue, priceFacet);
8225    };
8226
8227    const syncPriceFacet = (priceFacet, changedRange = null) => {
8228      if (!priceFacet) return;
8229
8230      const minRange = priceFacet.querySelector('[data-price-range-min]');
8231      const maxRange = priceFacet.querySelector('[data-price-range-max]');
8232      const minInput = priceFacet.querySelector('[ref="minInput"]');
8233      const maxInput = priceFacet.querySelector('[ref="maxInput"]');
8234
8235      if (!minRange || !maxRange || !minInput || !maxInput) return;
8236
8237      let minValue = Number(minRange.value || 0);
8238      let maxValue = Number(maxRange.value || 0);
8239
8240      if (minValue > maxValue) {
8241        if (changedRange?.hasAttribute('data-price-range-min')) {
8242          maxValue = minValue;
8243          maxRange.value = String(maxValue);
8244        } else {
8245          minValue = maxValue;
8246          minRange.value = String(minValue);
8247        }
8248      }
8249
8250      minInput.value = minValue > 0 ? String(minValue) : '';
8251      maxInput.value = String(maxValue);
8252      updateScaleValues(priceFacet, minValue, maxValue);
8253
8254      return { minValue, maxValue };
8255    };
8256
8257    const initializePriceScales = () => {
8258      document.querySelectorAll('price-facet-component').forEach((priceFacet) => {
8259        syncPriceFacet(priceFacet);
8260      });
8261    };
8262
8263    document.addEventListener('input', (event) => {
8264      const range = event.target.closest('[data-price-range-min], [data-price-range-max]');
8265      if (!range) return;
8266
8267      const priceFacet = range.closest('price-facet-component');
8268      if (!priceFacet) return;
8269
8270      syncPriceFacet(priceFacet, range);
8271      priceFacet.dispatchEvent(new Event('change', { bubbles: true }));
8272    });
8273
8274    if (document.readyState === 'loading') {
8275      document.addEventListener('DOMContentLoaded', initializePriceScales, { once: true });
8276    } else {
8277      initializePriceScales();
8278    }
8279  })();
8280</script>
8280
8281
8282
8283
8284                
8285
8286
8287<accordion-custom
8288  
8289    class="facets__item"
8290  
8291  
8292    open
8293  
8294  
8295    open-by-default-on-desktop
8296  
8297  
8298    open-by-default-on-mobile
8299  
8300  
8301  
8302  
8303  
8304  
8305    data-filter-param-name="filter-v-availability"
8306  
8307>
8308  
8309  <details
8310    id="Facet-Details-template--22556826370305__main-filter-v-availability"
8311    class="facets__panel"
8312    
8313    
8314      open
8315    
8316  >
8317    <summary class="facets__summary">
8318      <span class="facets__label">Disponibilidad</span>
8319
8320      <div class="facets__status-wrapper">
8321        
8322          <facet-status-component
8323            class="facets__status"
8324            facet-type="list"
8325            data-filter-style="vertical"
8326          >
8327            <span
8328              class="
8329                hide-when-empty
8330              "
8331              ref="facetStatus"
8332            ></span>
8333          </facet-status-component>
8334        
8335        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8336  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8337</svg>
8338</span>
8339      </div>
8340    </summary>
8341    <floating-panel-component
8342      
8343      class="facets__inputs facets__panel-content details-content"
8344      id="facet-inputs-filter-v-availability"
8345    >
8346      <facet-inputs-component
8347        on:change="/updateFilters"
8348        id="facet-inputs-component-filter-v-availability"
8349      >
8350        
8351        
8352
8353        <div
8354          class="facets__inputs-wrapper facets__inputs-wrapper--row"
8355          ref="showMoreContent"
8356        >
8357          
8358          <ul
8359            id="filters-list-template--22556826370305__main-filter-v-availability"
8360            class="facets__inputs-list facets__inputs-list--grid list-unstyled"
8361            
8362            
8363            name="Disponibilidad"
8364          >
8365            
8366
8367              <li
8368                data-skip-node-update="true"
8369                class="
8370                  facets__inputs-list-item
8371                  
8372                  
8373                "
8374                
8375              >
8376                
8377                
8378                  
8379                    <div
8380                      class="facets__pill-wrapper"
8381                      on:keydown="#facet-inputs-component-filter-v-availability/handleKeyDown"
8382                    >
8383                      <input
8384                        type="checkbox"
8385                        name="filter.v.availability"
8386                        value="1"
8387                        id="Filter-filter-v-availability-1-vertical-"
8388                        class="facets__pill-input"
8389                        data-label="En existencia"
8390                        
8391                        
8392                        ref="facetInputs[]"
8393                        tabindex="-1"
8394                      >
8395                      <label
8396                        class="facets__pill-label"
8397                        for="Filter-filter-v-availability-1-vertical-"
8398                        tabindex="0"
8399                      >En existencia
8400                        
8401                      </label>
8402                    </div>
8403                  
8404                
8405              </li>
8406              <li
8407                data-skip-node-update="true"
8408                class="
8409                  facets__inputs-list-item
8410                  
8411                  
8412                "
8413                
8414              >
8415                
8416                
8417                  
8418                    <div
8419                      class="facets__pill-wrapper"
8420                      on:keydown="#facet-inputs-component-filter-v-availability/handleKeyDown"
8421                    >
8422                      <input
8423                        type="checkbox"
8424                        name="filter.v.availability"
8425                        value="0"
8426                        id="Filter-filter-v-availability-2-vertical-"
8427                        class="facets__pill-input"
8428                        data-label="Agotado"
8429                        
8430                        
8431                        ref="facetInputs[]"
8432                        tabindex="-1"
8433                      >
8434                      <label
8435                        class="facets__pill-label"
8436                        for="Filter-filter-v-availability-2-vertical-"
8437                        tabindex="0"
8438                      >Agotado
8439                        
8440                      </label>
8441                    </div>
8442                  
8443                
8444              </li></ul>
8445        </div>
8446        
8447
8448        
8449      </facet-inputs-component>
8450    </floating-panel-component>
8451  </details>
8452
8453</accordion-custom>
8454
8455
8456
8457
8458
8459
8460<script>
8461  (() => {
8462    if (window.__facetGroupClearInitialized) return;
8463    window.__facetGroupClearInitialized = true;
8464
8465    document.addEventListener('click', (event) => {
8466      const button = event.target.closest('[data-clear-filter-group]');
8467      if (!button) return;
8468
8469      const facetInputs = button.closest('facet-inputs-component');
8470      if (!facetInputs) return;
8471
8472      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
8473      let changed = false;
8474
8475      inputs.forEach((input) => {
8476        if (input.checked) {
8477          input.checked = false;
8478          changed = true;
8479        }
8480      });
8481
8482      if (changed) {
8483        const facetsForm = facetInputs.closest('facets-form-component');
8484        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
8485          facetsForm.updateFilters();
8486        }
8487      }
8488    });
8489  })();
8490</script>
8490
8491
8492
8493
8494
8495                  </div>
8496                
8497              </div>
8498
8499              
8500            
8501            
8502          
8503        </form>
8504      </facets-form-component>
8505    </div>
8506  </div>
8507
8508  <div
8509    class="facets-toggle"
8510    style="
8511      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
8512      --facets-margin: 0px 20px 0px 0px;
8513    "
8514  >
8515    
8516      <div class="facets-toggle__wrapper">
8517        <button
8518          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
8519          on:click="#filters-drawer/showDialog"
8520          type="button"
8521          aria-haspopup="dialog"
8522        >
8523          <span class="svg-wrapper">
8524            <svg aria-hidden="true" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
8525
8526          </span>
8527
8528          Filtro
8529
8530          
8531        </button>
8532      </div>
8533    
8534
8535    
8536
8537    <div class="facets-mobile-wrapper facets-controls-wrapper">
8538      
8539      
8540    </div>
8541  </div>
8542
8543
8544
8545  <dialog-component
8546    id="filters-drawer"
8547    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
8548  >
8549    <dialog
8550      ref="dialog"
8551      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
8552      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
8553      scroll-lock
8554      aria-labelledby="filters-drawer-heading"
8555    >
8556      
8557      <facets-form-component
8558        class="facets__form-wrapper facets-drawer__form-wrapper"
8559        section-id="template--22556826370305__main"
8560        id="FacetFiltersFormComponent--template--22556826370305__main-overflow"
8561      >
8562        <form
8563          action="/collections/botas-hombre"
8564          id="FacetFiltersForm--template--22556826370305__main-overflow"
8565          class="facets__form"
8566          ref="facetsForm"
8567        >
8568          <div
8569            class="facets__title-wrapper"
8570            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
8571          >
8572            <h2
8573              id="filters-drawer-heading"
8574              class="facets-drawer__title h3"
8575            >
8576              Filtro
8577
8578              
8579            </h2>
8580            <button
8581              class="facets-drawer__close button-unstyled close-button"
8582              on:click="dialog-component/closeDialog"
8583              type="button"
8584              aria-label="Cerrar"
8585              autofocus
8586            >
8587              <span class="svg-wrapper svg-wrapper--small">
8588                <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8589  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8590  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8591</svg>
8592
8593              </span>
8594            </button>
8595          </div>
8596
8597          <scroll-hint
8598            class="facets-drawer__filters"
8599          >
8600            
8601              <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Filtros activos:</h3>
8602
8603
8604
8605
8606
8607
8608
8609
8610</div>
8611
8612
8613
8614
8615              <div class="facets__filters-wrapper">
8616                
8617                
8618
8619                      
8620
8621<accordion-custom
8622  
8623    class="facets__item"
8624  
8625  
8626    open
8627  
8628  
8629    open-by-default-on-desktop
8630  
8631  
8632    open-by-default-on-mobile
8633  
8634  
8635  
8636  
8637  
8638  
8639    data-filter-param-name="filter-v-option-color"
8640  
8641>
8642  
8643  <details
8644    id="Facet-Details-template--22556826370305__main-filter-v-option-color"
8645    class="facets__panel"
8646    
8647    
8648      open
8649    
8650  >
8651    <summary class="facets__summary">
8652      <span class="facets__label">Color</span>
8653
8654      <div class="facets__status-wrapper">
8655        
8656          <facet-status-component
8657            class="facets__status"
8658            facet-type="list"
8659            data-filter-style="vertical"
8660          >
8661            <span
8662              class="
8663                hide-when-empty
8664              "
8665              ref="facetStatus"
8666            ></span>
8667          </facet-status-component>
8668        
8669        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
8670  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8671</svg>
8672</span>
8673      </div>
8674    </summary>
8675    <floating-panel-component
8676      
8677      class="facets__inputs facets__panel-content details-content"
8678      id="facet-inputs-filter-v-option-color"
8679    >
8680      <facet-inputs-component
8681        on:change="/updateFilters"
8682        id="facet-inputs-component-filter-v-option-color"
8683      >
8684        
8685        
8686
8687        <div
8688          class="facets__inputs-wrapper"
8689          ref="showMoreContent"
8690        >
8691          
8692          <ul
8693            id="filters-list-template--22556826370305__main-filter-v-option-color"
8694            class="facets__inputs-list list-unstyled"
8695            
8696            
8697            name="Color"
8698          >
8699            
8700
8701              <li
8702                data-skip-node-update="true"
8703                class="
8704                  facets__inputs-list-item
8705                  
8706                  
8707                "
8708                
8709              >
8710                
8711                
8712                  
8713                    <div
8714  class="checkbox"
8715  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8716>
8717  <input
8718    type="checkbox"
8719    name="filter.v.option.color"
8720    value="Azul"
8721    id="Filter-filter-v-option-color-1-vertical-true"
8722    class="checkbox__input"
8723    data-label="Azul"
8724    
8725    
8726    
8727    
8728    
8729      ref="facetInputs[]"
8730    
8731    
8732  >
8733  <label
8734    class="checkbox__label"
8735    for="Filter-filter-v-option-color-1-vertical-true"
8736    
8737  >
8738    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8739<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8740</svg>
8741
8742    <span class="checkbox__label-text">Azul</span>
8743  </label>
8744</div>
8745
8746                  
8747                
8748              </li>
8749              <li
8750                data-skip-node-update="true"
8751                class="
8752                  facets__inputs-list-item
8753                  
8754                  
8755                "
8756                
8757              >
8758                
8759                
8760                  
8761                    <div
8762  class="checkbox"
8763  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8764>
8765  <input
8766    type="checkbox"
8767    name="filter.v.option.color"
8768    value="Beige"
8769    id="Filter-filter-v-option-color-2-vertical-true"
8770    class="checkbox__input"
8771    data-label="Beige"
8772    
8773    
8774    
8775    
8776    
8777      ref="facetInputs[]"
8778    
8779    
8780  >
8781  <label
8782    class="checkbox__label"
8783    for="Filter-filter-v-option-color-2-vertical-true"
8784    
8785  >
8786    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8787<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8788</svg>
8789
8790    <span class="checkbox__label-text">Beige</span>
8791  </label>
8792</div>
8793
8794                  
8795                
8796              </li>
8797              <li
8798                data-skip-node-update="true"
8799                class="
8800                  facets__inputs-list-item
8801                  
8802                  
8803                "
8804                
8805              >
8806                
8807                
8808                  
8809                    <div
8810  class="checkbox"
8811  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8812>
8813  <input
8814    type="checkbox"
8815    name="filter.v.option.color"
8816    value="Brown"
8817    id="Filter-filter-v-option-color-3-vertical-true"
8818    class="checkbox__input"
8819    data-label="Brown"
8820    
8821    
8822    
8823    
8824    
8825      ref="facetInputs[]"
8826    
8827    
8828  >
8829  <label
8830    class="checkbox__label"
8831    for="Filter-filter-v-option-color-3-vertical-true"
8832    
8833  >
8834    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8835<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8836</svg>
8837
8838    <span class="checkbox__label-text">Brown</span>
8839  </label>
8840</div>
8841
8842                  
8843                
8844              </li>
8845              <li
8846                data-skip-node-update="true"
8847                class="
8848                  facets__inputs-list-item
8849                  
8850                  
8851                "
8852                
8853              >
8854                
8855                
8856                  
8857                    <div
8858  class="checkbox"
8859  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8860>
8861  <input
8862    type="checkbox"
8863    name="filter.v.option.color"
8864    value="Cafe"
8865    id="Filter-filter-v-option-color-4-vertical-true"
8866    class="checkbox__input"
8867    data-label="Cafe"
8868    
8869    
8870    
8871    
8872    
8873      ref="facetInputs[]"
8874    
8875    
8876  >
8877  <label
8878    class="checkbox__label"
8879    for="Filter-filter-v-option-color-4-vertical-true"
8880    
8881  >
8882    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8883<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8884</svg>
8885
8886    <span class="checkbox__label-text">Cafe</span>
8887  </label>
8888</div>
8889
8890                  
8891                
8892              </li>
8893              <li
8894                data-skip-node-update="true"
8895                class="
8896                  facets__inputs-list-item
8897                  
8898                  
8899                "
8900                
8901              >
8902                
8903                
8904                  
8905                    <div
8906  class="checkbox"
8907  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8908>
8909  <input
8910    type="checkbox"
8911    name="filter.v.option.color"
8912    value="Café"
8913    id="Filter-filter-v-option-color-5-vertical-true"
8914    class="checkbox__input"
8915    data-label="Café"
8916    
8917    
8918    
8919    
8920    
8921      ref="facetInputs[]"
8922    
8923    
8924  >
8925  <label
8926    class="checkbox__label"
8927    for="Filter-filter-v-option-color-5-vertical-true"
8928    
8929  >
8930    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8931<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8932</svg>
8933
8934    <span class="checkbox__label-text">Café</span>
8935  </label>
8936</div>
8937
8938                  
8939                
8940              </li>
8941              <li
8942                data-skip-node-update="true"
8943                class="
8944                  facets__inputs-list-item
8945                  
8946                  
8947                "
8948                
8949              >
8950                
8951                
8952                  
8953                    <div
8954  class="checkbox"
8955  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
8956>
8957  <input
8958    type="checkbox"
8959    name="filter.v.option.color"
8960    value="Chocolate"
8961    id="Filter-filter-v-option-color-6-vertical-true"
8962    class="checkbox__input"
8963    data-label="Chocolate"
8964    
8965    
8966    
8967    
8968    
8969      ref="facetInputs[]"
8970    
8971    
8972  >
8973  <label
8974    class="checkbox__label"
8975    for="Filter-filter-v-option-color-6-vertical-true"
8976    
8977  >
8978    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8979<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8980</svg>
8981
8982    <span class="checkbox__label-text">Chocolate</span>
8983  </label>
8984</div>
8985
8986                  
8987                
8988              </li>
8989              <li
8990                data-skip-node-update="true"
8991                class="
8992                  facets__inputs-list-item
8993                  
8994                  
8995                "
8996                
8997              >
8998                
8999                
9000                  
9001                    <div
9002  class="checkbox"
9003  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
9004>
9005  <input
9006    type="checkbox"
9007    name="filter.v.option.color"
9008    value="Gris"
9009    id="Filter-filter-v-option-color-7-vertical-true"
9010    class="checkbox__input"
9011    data-label="Gris"
9012    
9013    
9014    
9015    
9016    
9017      ref="facetInputs[]"
9018    
9019    
9020  >
9021  <label
9022    class="checkbox__label"
9023    for="Filter-filter-v-option-color-7-vertical-true"
9024    
9025  >
9026    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9027<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9028</svg>
9029
9030    <span class="checkbox__label-text">Gris</span>
9031  </label>
9032</div>
9033
9034                  
9035                
9036              </li>
9037              <li
9038                data-skip-node-update="true"
9039                class="
9040                  facets__inputs-list-item
9041                  
9042                  
9043                "
9044                
9045              >
9046                
9047                
9048                  
9049                    <div
9050  class="checkbox"
9051  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
9052>
9053  <input
9054    type="checkbox"
9055    name="filter.v.option.color"
9056    value="Negro"
9057    id="Filter-filter-v-option-color-8-vertical-true"
9058    class="checkbox__input"
9059    data-label="Negro"
9060    
9061    
9062    
9063    
9064    
9065      ref="facetInputs[]"
9066    
9067    
9068  >
9069  <label
9070    class="checkbox__label"
9071    for="Filter-filter-v-option-color-8-vertical-true"
9072    
9073  >
9074    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9075<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9076</svg>
9077
9078    <span class="checkbox__label-text">Negro</span>
9079  </label>
9080</div>
9081
9082                  
9083                
9084              </li>
9085              <li
9086                data-skip-node-update="true"
9087                class="
9088                  facets__inputs-list-item
9089                  
9090                  
9091                "
9092                
9093              >
9094                
9095                
9096                  
9097                    <div
9098  class="checkbox"
9099  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
9100>
9101  <input
9102    type="checkbox"
9103    name="filter.v.option.color"
9104    value="Tan"
9105    id="Filter-filter-v-option-color-9-vertical-true"
9106    class="checkbox__input"
9107    data-label="Tan"
9108    
9109    
9110    
9111    
9112    
9113      ref="facetInputs[]"
9114    
9115    
9116  >
9117  <label
9118    class="checkbox__label"
9119    for="Filter-filter-v-option-color-9-vertical-true"
9120    
9121  >
9122    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9123<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9124</svg>
9125
9126    <span class="checkbox__label-text">Tan</span>
9127  </label>
9128</div>
9129
9130                  
9131                
9132              </li></ul>
9133        </div>
9134        
9135
9136        
9137      </facet-inputs-component>
9138    </floating-panel-component>
9139  </details>
9140
9141</accordion-custom>
9142
9143
9144
9145
9146
9147
9148<script>
9149  (() => {
9150    if (window.__facetGroupClearInitialized) return;
9151    window.__facetGroupClearInitialized = true;
9152
9153    document.addEventListener('click', (event) => {
9154      const button = event.target.closest('[data-clear-filter-group]');
9155      if (!button) return;
9156
9157      const facetInputs = button.closest('facet-inputs-component');
9158      if (!facetInputs) return;
9159
9160      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
9161      let changed = false;
9162
9163      inputs.forEach((input) => {
9164        if (input.checked) {
9165          input.checked = false;
9166          changed = true;
9167        }
9168      });
9169
9170      if (changed) {
9171        const facetsForm = facetInputs.closest('facets-form-component');
9172        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
9173          facetsForm.updateFilters();
9174        }
9175      }
9176    });
9177  })();
9178</script>
9178
9179
9180
9181
9182                  
9183
9184                      
9185
9186<accordion-custom
9187  
9188    class="facets__item"
9189  
9190  
9191    open
9192  
9193  
9194    open-by-default-on-desktop
9195  
9196  
9197    open-by-default-on-mobile
9198  
9199  
9200  
9201  
9202  
9203  
9204    data-filter-param-name="filter-v-option-talla"
9205  
9206>
9207  
9208  <details
9209    id="Facet-Details-template--22556826370305__main-filter-v-option-talla"
9210    class="facets__panel"
9211    
9212    
9213      open
9214    
9215  >
9216    <summary class="facets__summary">
9217      <span class="facets__label">Talla</span>
9218
9219      <div class="facets__status-wrapper">
9220        
9221          <facet-status-component
9222            class="facets__status"
9223            facet-type="list"
9224            data-filter-style="vertical"
9225          >
9226            <span
9227              class="
9228                hide-when-empty
9229              "
9230              ref="facetStatus"
9231            ></span>
9232          </facet-status-component>
9233        
9234        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9235  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9236</svg>
9237</span>
9238      </div>
9239    </summary>
9240    <floating-panel-component
9241      
9242      class="facets__inputs facets__panel-content details-content"
9243      id="facet-inputs-filter-v-option-talla"
9244    >
9245      <facet-inputs-component
9246        on:change="/updateFilters"
9247        id="facet-inputs-component-filter-v-option-talla"
9248      >
9249        
9250        
9251
9252        <div
9253          class="facets__inputs-wrapper facets__inputs-wrapper--row"
9254          ref="showMoreContent"
9255        >
9256          
9257          <ul
9258            id="filters-list-template--22556826370305__main-filter-v-option-talla"
9259            class="facets__inputs-list facets__inputs-list--grid list-unstyled"
9260            
9261            
9262            name="Talla"
9263          >
9264            
9265
9266              <li
9267                data-skip-node-update="true"
9268                class="
9269                  facets__inputs-list-item
9270                  
9271                  
9272                "
9273                
9274              >
9275                
9276                
9277                  
9278                    <div
9279                      class="facets__pill-wrapper"
9280                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9281                    >
9282                      <input
9283                        type="checkbox"
9284                        name="filter.v.option.talla"
9285                        value="6"
9286                        id="Filter-filter-v-option-talla-1-vertical-true"
9287                        class="facets__pill-input"
9288                        data-label="6"
9289                        
9290                        
9291                        ref="facetInputs[]"
9292                        tabindex="-1"
9293                      >
9294                      <label
9295                        class="facets__pill-label"
9296                        for="Filter-filter-v-option-talla-1-vertical-true"
9297                        tabindex="0"
9298                      >6
9299                        
9300                      </label>
9301                    </div>
9302                  
9303                
9304              </li>
9305              <li
9306                data-skip-node-update="true"
9307                class="
9308                  facets__inputs-list-item
9309                  
9310                  
9311                "
9312                
9313              >
9314                
9315                
9316                  
9317                    <div
9318                      class="facets__pill-wrapper"
9319                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9320                    >
9321                      <input
9322                        type="checkbox"
9323                        name="filter.v.option.talla"
9324                        value="7"
9325                        id="Filter-filter-v-option-talla-2-vertical-true"
9326                        class="facets__pill-input"
9327                        data-label="7"
9328                        
9329                        
9330                        ref="facetInputs[]"
9331                        tabindex="-1"
9332                      >
9333                      <label
9334                        class="facets__pill-label"
9335                        for="Filter-filter-v-option-talla-2-vertical-true"
9336                        tabindex="0"
9337                      >7
9338                        
9339                      </label>
9340                    </div>
9341                  
9342                
9343              </li>
9344              <li
9345                data-skip-node-update="true"
9346                class="
9347                  facets__inputs-list-item
9348                  
9349                  
9350                "
9351                
9352              >
9353                
9354                
9355                  
9356                    <div
9357                      class="facets__pill-wrapper"
9358                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9359                    >
9360                      <input
9361                        type="checkbox"
9362                        name="filter.v.option.talla"
9363                        value="8"
9364                        id="Filter-filter-v-option-talla-3-vertical-true"
9365                        class="facets__pill-input"
9366                        data-label="8"
9367                        
9368                        
9369                        ref="facetInputs[]"
9370                        tabindex="-1"
9371                      >
9372                      <label
9373                        class="facets__pill-label"
9374                        for="Filter-filter-v-option-talla-3-vertical-true"
9375                        tabindex="0"
9376                      >8
9377                        
9378                      </label>
9379                    </div>
9380                  
9381                
9382              </li>
9383              <li
9384                data-skip-node-update="true"
9385                class="
9386                  facets__inputs-list-item
9387                  
9388                  
9389                "
9390                
9391              >
9392                
9393                
9394                  
9395                    <div
9396                      class="facets__pill-wrapper"
9397                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9398                    >
9399                      <input
9400                        type="checkbox"
9401                        name="filter.v.option.talla"
9402                        value="9"
9403                        id="Filter-filter-v-option-talla-4-vertical-true"
9404                        class="facets__pill-input"
9405                        data-label="9"
9406                        
9407                        
9408                        ref="facetInputs[]"
9409                        tabindex="-1"
9410                      >
9411                      <label
9412                        class="facets__pill-label"
9413                        for="Filter-filter-v-option-talla-4-vertical-true"
9414                        tabindex="0"
9415                      >9
9416                        
9417                      </label>
9418                    </div>
9419                  
9420                
9421              </li>
9422              <li
9423                data-skip-node-update="true"
9424                class="
9425                  facets__inputs-list-item
9426                  
9427                  
9428                "
9429                
9430              >
9431                
9432                
9433                  
9434                    <div
9435                      class="facets__pill-wrapper"
9436                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9437                    >
9438                      <input
9439                        type="checkbox"
9440                        name="filter.v.option.talla"
9441                        value="10"
9442                        id="Filter-filter-v-option-talla-5-vertical-true"
9443                        class="facets__pill-input"
9444                        data-label="10"
9445                        
9446                        
9447                        ref="facetInputs[]"
9448                        tabindex="-1"
9449                      >
9450                      <label
9451                        class="facets__pill-label"
9452                        for="Filter-filter-v-option-talla-5-vertical-true"
9453                        tabindex="0"
9454                      >10
9455                        
9456                      </label>
9457                    </div>
9458                  
9459                
9460              </li>
9461              <li
9462                data-skip-node-update="true"
9463                class="
9464                  facets__inputs-list-item
9465                  
9466                  
9467                "
9468                
9469              >
9470                
9471                
9472                  
9473                    <div
9474                      class="facets__pill-wrapper"
9475                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9476                    >
9477                      <input
9478                        type="checkbox"
9479                        name="filter.v.option.talla"
9480                        value="11"
9481                        id="Filter-filter-v-option-talla-6-vertical-true"
9482                        class="facets__pill-input"
9483                        data-label="11"
9484                        
9485                        
9486                        ref="facetInputs[]"
9487                        tabindex="-1"
9488                      >
9489                      <label
9490                        class="facets__pill-label"
9491                        for="Filter-filter-v-option-talla-6-vertical-true"
9492                        tabindex="0"
9493                      >11
9494                        
9495                      </label>
9496                    </div>
9497                  
9498                
9499              </li>
9500              <li
9501                data-skip-node-update="true"
9502                class="
9503                  facets__inputs-list-item
9504                  
9505                  
9506                "
9507                
9508              >
9509                
9510                
9511                  
9512                    <div
9513                      class="facets__pill-wrapper"
9514                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9515                    >
9516                      <input
9517                        type="checkbox"
9518                        name="filter.v.option.talla"
9519                        value="12"
9520                        id="Filter-filter-v-option-talla-7-vertical-true"
9521                        class="facets__pill-input"
9522                        data-label="12"
9523                        
9524                        
9525                        ref="facetInputs[]"
9526                        tabindex="-1"
9527                      >
9528                      <label
9529                        class="facets__pill-label"
9530                        for="Filter-filter-v-option-talla-7-vertical-true"
9531                        tabindex="0"
9532                      >12
9533                        
9534                      </label>
9535                    </div>
9536                  
9537                
9538              </li>
9539              <li
9540                data-skip-node-update="true"
9541                class="
9542                  facets__inputs-list-item
9543                  
9544                  
9545                "
9546                
9547              >
9548                
9549                
9550                  
9551                    <div
9552                      class="facets__pill-wrapper"
9553                      on:keydown="#facet-inputs-component-filter-v-option-talla/handleKeyDown"
9554                    >
9555                      <input
9556                        type="checkbox"
9557                        name="filter.v.option.talla"
9558                        value="13"
9559                        id="Filter-filter-v-option-talla-8-vertical-true"
9560                        class="facets__pill-input"
9561                        data-label="13"
9562                        
9563                        
9564                        ref="facetInputs[]"
9565                        tabindex="-1"
9566                      >
9567                      <label
9568                        class="facets__pill-label"
9569                        for="Filter-filter-v-option-talla-8-vertical-true"
9570                        tabindex="0"
9571                      >13
9572                        
9573                      </label>
9574                    </div>
9575                  
9576                
9577              </li></ul>
9578        </div>
9579        
9580
9581        
9582      </facet-inputs-component>
9583    </floating-panel-component>
9584  </details>
9585
9586</accordion-custom>
9587
9588
9589
9590
9591
9592
9593<script>
9594  (() => {
9595    if (window.__facetGroupClearInitialized) return;
9596    window.__facetGroupClearInitialized = true;
9597
9598    document.addEventListener('click', (event) => {
9599      const button = event.target.closest('[data-clear-filter-group]');
9600      if (!button) return;
9601
9602      const facetInputs = button.closest('facet-inputs-component');
9603      if (!facetInputs) return;
9604
9605      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
9606      let changed = false;
9607
9608      inputs.forEach((input) => {
9609        if (input.checked) {
9610          input.checked = false;
9611          changed = true;
9612        }
9613      });
9614
9615      if (changed) {
9616        const facetsForm = facetInputs.closest('facets-form-component');
9617        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
9618          facetsForm.updateFilters();
9619        }
9620      }
9621    });
9622  })();
9623</script>
9623
9624
9625
9626
9627                  
9628
9629
9630<accordion-custom
9631  
9632    class="facets__item"
9633  
9634  
9635    open
9636  
9637  
9638    open-by-default-on-desktop
9639  
9640  
9641    open-by-default-on-mobile
9642  
9643  
9644  
9645  
9646  
9647  
9648>
9649  
9650  <details
9651    class="facets__panel"
9652    
9653    
9654      open
9655    
9656  >
9657    <summary
9658      class="facets__summary"
9659      data-testid="price-filter"
9660    >
9661      <span class="facets__label">Precio</span>
9662      <facet-status-component class="facets__status">
9663        <template ref="moneyFormat">₡ {{amount_with_comma_separator}}</template>
9664
9665        <span
9666          class="hide-when-empty"
9667          ref="facetStatus"
9668          data-currency="CRC"
9669          data-range-max="105.995,00"
9670        ></span>
9671      </facet-status-component>
9672      <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9673  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9674</svg>
9675</span>
9676    </summary>
9677    <floating-panel-component
9678      
9679      class="facets__panel-content details-content"
9680    >
9681      
9682      
9683
9684      <price-facet-component
9685        class="
9686          price-facet
9687        "
9688        id="facet-inputs-filter-v-price"
9689        data-money-format="₡ {{amount_with_comma_separator}}"
9690        data-currency="CRC"
9691        on:change="/updatePriceFilterAndResults"
9692      >
9693        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
9694          <div
9695            class="price-facet__inputs-wrapper"
9696          >
9697            <div class="field price-facet__field">
9698              <input
9699                class="field__input price-facet__input"
9700                name="filter.v.price.gte"
9701                id="Precio-GTE-dialog"type="text"
9702                inputmode="decimal"
9703                placeholder="0"
9704                data-min="0"
9705                data-max="105.995,00"
9706                ref="minInput"
9707                autocomplete="off"
9708                aria-label="Precio bajo"
9709              >
9710
9711              <label
9712                class="field__label price-facet__label"
9713                for="Precio-GTE-dialog"
9714              >
9715                ₡
9716              </label>
9717            </div>
9718
9719            <div class="price-facet__separator">a</div>
9720
9721            <div class="field price-facet__field">
9722              <input
9723                class="field__input price-facet__input"
9724                name="filter.v.price.lte"
9725                id="Precio-LTE-dialog"type="text"
9726                inputmode="decimal"
9727                placeholder="105.995,00"
9728                data-min="0,00"
9729                data-max="105.995,00"
9730                ref="maxInput"
9731                autocomplete="off"
9732                aria-label="Precio alto"
9733              >
9734              <label
9735                class="field__label price-facet__label"
9736                for="Precio-LTE-dialog"
9737              >
9738                ₡
9739              </label>
9740            </div>
9741          </div>
9742        </div>
9743
9744        <div class="price-facet__slider-block">
9745          <div class="price-facet__slider" data-price-slider>
9746            <div class="price-facet__slider-track"></div>
9747            <input
9748              class="price-facet__range price-facet__range--min"
9749              type="range"
9750              min="0"
9751              max="105.99500"
9752              step="1"
9753              value="000"
9754              data-price-range-min
9755              aria-label="Precio bajo"
9756            >
9757            <input
9758              class="price-facet__range price-facet__range--max"
9759              type="range"
9760              min="0"
9761              max="105.99500"
9762              step="1"
9763              value="105.99500"
9764              data-price-range-max
9765              aria-label="Precio alto"
9766            >
9767          </div>
9768          <div class="price-facet__scale">
9769            <span data-price-scale-min>₡ 0,00</span>
9770            <span data-price-scale-max>₡ 105.995,00</span>
9771          </div>
9772        </div>
9773
9774        <div
9775          class="
9776            price-facet__highest-price
9777          "
9778        >El precio más alto es ₡ 105.995,00
9779        </div>
9780
9781        
9782
9783        
9784      </price-facet-component>
9785    </floating-panel-component>
9786  </details>
9787
9788</accordion-custom>
9789
9790
9791
9792
9793
9794
9795<script>
9796  (() => {
9797    if (window.__priceSliderFacetInitialized) return;
9798    window.__priceSliderFacetInitialized = true;
9799
9800    const formatPriceValue = (value, priceFacet) => {
9801      const currency = priceFacet?.dataset.currency || 'USD';
9802      const locale = document.documentElement.lang || navigator.language || 'en';
9803      const amount = Number(value || 0);
9804
9805      try {
9806        return new Intl.NumberFormat(locale, {
9807          style: 'currency',
9808          currency,
9809          minimumFractionDigits: 2,
9810          maximumFractionDigits: 2,
9811        }).format(amount);
9812      } catch (_error) {
9813        return `${amount}`;
9814      }
9815    };
9816
9817    const updateScaleValues = (priceFacet, minValue, maxValue) => {
9818      const minScale = priceFacet.querySelector('[data-price-scale-min]');
9819      const maxScale = priceFacet.querySelector('[data-price-scale-max]');
9820
9821      if (minScale) minScale.textContent = formatPriceValue(minValue, priceFacet);
9822      if (maxScale) maxScale.textContent = formatPriceValue(maxValue, priceFacet);
9823    };
9824
9825    const syncPriceFacet = (priceFacet, changedRange = null) => {
9826      if (!priceFacet) return;
9827
9828      const minRange = priceFacet.querySelector('[data-price-range-min]');
9829      const maxRange = priceFacet.querySelector('[data-price-range-max]');
9830      const minInput = priceFacet.querySelector('[ref="minInput"]');
9831      const maxInput = priceFacet.querySelector('[ref="maxInput"]');
9832
9833      if (!minRange || !maxRange || !minInput || !maxInput) return;
9834
9835      let minValue = Number(minRange.value || 0);
9836      let maxValue = Number(maxRange.value || 0);
9837
9838      if (minValue > maxValue) {
9839        if (changedRange?.hasAttribute('data-price-range-min')) {
9840          maxValue = minValue;
9841          maxRange.value = String(maxValue);
9842        } else {
9843          minValue = maxValue;
9844          minRange.value = String(minValue);
9845        }
9846      }
9847
9848      minInput.value = minValue > 0 ? String(minValue) : '';
9849      maxInput.value = String(maxValue);
9850      updateScaleValues(priceFacet, minValue, maxValue);
9851
9852      return { minValue, maxValue };
9853    };
9854
9855    const initializePriceScales = () => {
9856      document.querySelectorAll('price-facet-component').forEach((priceFacet) => {
9857        syncPriceFacet(priceFacet);
9858      });
9859    };
9860
9861    document.addEventListener('input', (event) => {
9862      const range = event.target.closest('[data-price-range-min], [data-price-range-max]');
9863      if (!range) return;
9864
9865      const priceFacet = range.closest('price-facet-component');
9866      if (!priceFacet) return;
9867
9868      syncPriceFacet(priceFacet, range);
9869      priceFacet.dispatchEvent(new Event('change', { bubbles: true }));
9870    });
9871
9872    if (document.readyState === 'loading') {
9873      document.addEventListener('DOMContentLoaded', initializePriceScales, { once: true });
9874    } else {
9875      initializePriceScales();
9876    }
9877  })();
9878</script>
9878
9879
9880
9881
9882
9883                      
9884
9885<accordion-custom
9886  
9887    class="facets__item"
9888  
9889  
9890    open
9891  
9892  
9893    open-by-default-on-desktop
9894  
9895  
9896    open-by-default-on-mobile
9897  
9898  
9899  
9900  
9901  
9902  
9903    data-filter-param-name="filter-v-availability"
9904  
9905>
9906  
9907  <details
9908    id="Facet-Details-template--22556826370305__main-filter-v-availability"
9909    class="facets__panel"
9910    
9911    
9912      open
9913    
9914  >
9915    <summary class="facets__summary">
9916      <span class="facets__label">Disponibilidad</span>
9917
9918      <div class="facets__status-wrapper">
9919        
9920          <facet-status-component
9921            class="facets__status"
9922            facet-type="list"
9923            data-filter-style="vertical"
9924          >
9925            <span
9926              class="
9927                hide-when-empty
9928              "
9929              ref="facetStatus"
9930            ></span>
9931          </facet-status-component>
9932        
9933        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9934  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9935</svg>
9936</span>
9937      </div>
9938    </summary>
9939    <floating-panel-component
9940      
9941      class="facets__inputs facets__panel-content details-content"
9942      id="facet-inputs-filter-v-availability"
9943    >
9944      <facet-inputs-component
9945        on:change="/updateFilters"
9946        id="facet-inputs-component-filter-v-availability"
9947      >
9948        
9949        
9950
9951        <div
9952          class="facets__inputs-wrapper facets__inputs-wrapper--row"
9953          ref="showMoreContent"
9954        >
9955          
9956          <ul
9957            id="filters-list-template--22556826370305__main-filter-v-availability"
9958            class="facets__inputs-list facets__inputs-list--grid list-unstyled"
9959            
9960            
9961            name="Disponibilidad"
9962          >
9963            
9964
9965              <li
9966                data-skip-node-update="true"
9967                class="
9968                  facets__inputs-list-item
9969                  
9970                  
9971                "
9972                
9973              >
9974                
9975                
9976                  
9977                    <div
9978                      class="facets__pill-wrapper"
9979                      on:keydown="#facet-inputs-component-filter-v-availability/handleKeyDown"
9980                    >
9981                      <input
9982                        type="checkbox"
9983                        name="filter.v.availability"
9984                        value="1"
9985                        id="Filter-filter-v-availability-1-vertical-true"
9986                        class="facets__pill-input"
9987                        data-label="En existencia"
9988                        
9989                        
9990                        ref="facetInputs[]"
9991                        tabindex="-1"
9992                      >
9993                      <label
9994                        class="facets__pill-label"
9995                        for="Filter-filter-v-availability-1-vertical-true"
9996                        tabindex="0"
9997                      >En existencia
9998                        
9999                      </label>
10000                    </div>
10001                  
10002                
10003              </li>
10004              <li
10005                data-skip-node-update="true"
10006                class="
10007                  facets__inputs-list-item
10008                  
10009                  
10010                "
10011                
10012              >
10013                
10014                
10015                  
10016                    <div
10017                      class="facets__pill-wrapper"
10018                      on:keydown="#facet-inputs-component-filter-v-availability/handleKeyDown"
10019                    >
10020                      <input
10021                        type="checkbox"
10022                        name="filter.v.availability"
10023                        value="0"
10024                        id="Filter-filter-v-availability-2-vertical-true"
10025                        class="facets__pill-input"
10026                        data-label="Agotado"
10027                        
10028                        
10029                        ref="facetInputs[]"
10030                        tabindex="-1"
10031                      >
10032                      <label
10033                        class="facets__pill-label"
10034                        for="Filter-filter-v-availability-2-vertical-true"
10035                        tabindex="0"
10036                      >Agotado
10037                        
10038                      </label>
10039                    </div>
10040                  
10041                
10042              </li></ul>
10043        </div>
10044        
10045
10046        
10047      </facet-inputs-component>
10048    </floating-panel-component>
10049  </details>
10050
10051</accordion-custom>
10052
10053
10054
10055
10056
10057
10058<script>
10059  (() => {
10060    if (window.__facetGroupClearInitialized) return;
10061    window.__facetGroupClearInitialized = true;
10062
10063    document.addEventListener('click', (event) => {
10064      const button = event.target.closest('[data-clear-filter-group]');
10065      if (!button) return;
10066
10067      const facetInputs = button.closest('facet-inputs-component');
10068      if (!facetInputs) return;
10069
10070      const inputs = facetInputs.querySelectorAll('input[type="checkbox"], input[type="radio"]');
10071      let changed = false;
10072
10073      inputs.forEach((input) => {
10074        if (input.checked) {
10075          input.checked = false;
10076          changed = true;
10077        }
10078      });
10079
10080      if (changed) {
10081        const facetsForm = facetInputs.closest('facets-form-component');
10082        if (facetsForm && typeof facetsForm.updateFilters === 'function') {
10083          facetsForm.updateFilters();
10084        }
10085      }
10086    });
10087  })();
10088</script>
10088
10089
10090
10091
10092                  
10093</div>
10094            
10095
10096            
10097              <sorting-filter-component
10098  class="sorting-filter"
10099  on:change="/updateFilterAndSorting"
10100  on:keydown="/handleKeyDown"
10101  
10102  data-should-use-select-on-mobile="true"
10103>
10104  
10105
10106  <div class="sorting-filter__container  desktop:hidden ">
10107    <label
10108      for="sort-select-template--22556826370305__main"
10109      class="facets__label"
10110    >Ordenar</label>
10111    <div class="sorting-filter__select-wrapper">
10112      <select
10113        id="sort-select-template--22556826370305__main"
10114        name="sort_by"
10115        class="sorting-filter__select"
10116        
10117      >
10118        
10119          <option
10120            value="manual"
10121            
10122          >
10123            Características
10124          </option>
10125        
10126          <option
10127            value="most-relevant"
10128            
10129          >
10130            Más relevantes
10131          </option>
10132        
10133          <option
10134            value="best-selling"
10135            
10136          >
10137            Más vendidos
10138          </option>
10139        
10140          <option
10141            value="title-ascending"
10142            
10143          >
10144            Alfabéticamente, A-Z
10145          </option>
10146        
10147          <option
10148            value="title-descending"
10149            
10150          >
10151            Alfabéticamente, Z-A
10152          </option>
10153        
10154          <option
10155            value="price-ascending"
10156            
10157          >
10158            Precio, menor a mayor
10159          </option>
10160        
10161          <option
10162            value="price-descending"
10163            
10164          >
10165            Precio, mayor a menor
10166          </option>
10167        
10168          <option
10169            value="created-ascending"
10170            
10171          >
10172            Fecha: antiguo(a) a reciente
10173          </option>
10174        
10175          <option
10176            value="created-descending"
10177            
10178              selected
10179            
10180          >
10181            Fecha: reciente a antiguo(a)
10182          </option>
10183        
10184      </select>
10185      <svg
10186        aria-hidden="true"
10187        focusable="false"
10188        class="icon icon-caret"
10189        width="8"
10190        height="13"
10191        viewBox="0 0 8 13"
10192      >
10193
10194
10195<g opacity="0.6">
10196      <path
10197        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
10198        fill="#333030"
10199      />
10200      <path
10201        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
10202        fill="#333030"
10203      />
10204    </g></svg>
10205    </div>
10206  </div>
10207
10208  
10209<accordion-custom
10210  
10211  
10212  
10213  
10214  
10215  
10216  
10217  
10218  
10219>
10220  
10221    <details
10222      ref="details"
10223      id="Sorting-template--22556826370305__main"
10224      data-default-sort-by="created-descending"
10225      class="facets__panel  mobile:hidden "
10226      data-auto-close-details="desktop,mobile"
10227      on:toggle="/handleToggle"
10228    >
10229      <summary
10230        class="facets__summary"
10231        role="button"
10232        aria-expanded="false"
10233        aria-controls="sorting-options-template--22556826370305__main-overflow"
10234        ref="summary"
10235      >
10236        <span
10237          class="facets__label"
10238          id="sort-label-template--22556826370305__main"
10239        >Ordenar</span>
10240        <span
10241          class="facets__status h6 desktop:hidden"
10242        >Fecha: reciente a antiguo(a)</span>
10243        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10244  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10245</svg>
10246</span>
10247      </summary>
10248      <floating-panel-component
10249        id="sorting-options-template--22556826370305__main-overflow"
10250        class="sorting-filter__options color-scheme-1"
10251        role="listbox"
10252        aria-labelledby="sort-label-template--22556826370305__main"
10253        ref="listbox"
10254      >
10255        <div class="sorting-filter__options-inner">
10256          
10257            <label
10258              for="sort-option-manual-template--22556826370305__main"
10259            >
10260              <div
10261                class="sorting-filter__option"
10262                role="option"
10263                aria-selected="false"
10264                tabindex="-1"
10265              >
10266                <input
10267                  type="radio"
10268                  name="sort_by"
10269                  id="sort-option-manual-template--22556826370305__main"
10270                  
10271                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10272                  
10273                  value="manual"
10274                  class="sorting-filter__input"
10275                  data-option-name="Características"
10276                  
10277                  aria-hidden="true"
10278                >
10279                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10280<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10281</svg>
10282</span>
10283                <span class="sorting-filter__label">Características</span>
10284              </div>
10285            </label>
10286          
10287            <label
10288              for="sort-option-most-relevant-template--22556826370305__main"
10289            >
10290              <div
10291                class="sorting-filter__option"
10292                role="option"
10293                aria-selected="false"
10294                tabindex="-1"
10295              >
10296                <input
10297                  type="radio"
10298                  name="sort_by"
10299                  id="sort-option-most-relevant-template--22556826370305__main"
10300                  
10301                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10302                  
10303                  value="most-relevant"
10304                  class="sorting-filter__input"
10305                  data-option-name="Más relevantes"
10306                  
10307                  aria-hidden="true"
10308                >
10309                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10310<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10311</svg>
10312</span>
10313                <span class="sorting-filter__label">Más relevantes</span>
10314              </div>
10315            </label>
10316          
10317            <label
10318              for="sort-option-best-selling-template--22556826370305__main"
10319            >
10320              <div
10321                class="sorting-filter__option"
10322                role="option"
10323                aria-selected="false"
10324                tabindex="-1"
10325              >
10326                <input
10327                  type="radio"
10328                  name="sort_by"
10329                  id="sort-option-best-selling-template--22556826370305__main"
10330                  
10331                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10332                  
10333                  value="best-selling"
10334                  class="sorting-filter__input"
10335                  data-option-name="Más vendidos"
10336                  
10337                  aria-hidden="true"
10338                >
10339                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10340<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10341</svg>
10342</span>
10343                <span class="sorting-filter__label">Más vendidos</span>
10344              </div>
10345            </label>
10346          
10347            <label
10348              for="sort-option-title-ascending-template--22556826370305__main"
10349            >
10350              <div
10351                class="sorting-filter__option"
10352                role="option"
10353                aria-selected="false"
10354                tabindex="-1"
10355              >
10356                <input
10357                  type="radio"
10358                  name="sort_by"
10359                  id="sort-option-title-ascending-template--22556826370305__main"
10360                  
10361                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10362                  
10363                  value="title-ascending"
10364                  class="sorting-filter__input"
10365                  data-option-name="Alfabéticamente, A-Z"
10366                  
10367                  aria-hidden="true"
10368                >
10369                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10370<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10371</svg>
10372</span>
10373                <span class="sorting-filter__label">Alfabéticamente, A-Z</span>
10374              </div>
10375            </label>
10376          
10377            <label
10378              for="sort-option-title-descending-template--22556826370305__main"
10379            >
10380              <div
10381                class="sorting-filter__option"
10382                role="option"
10383                aria-selected="false"
10384                tabindex="-1"
10385              >
10386                <input
10387                  type="radio"
10388                  name="sort_by"
10389                  id="sort-option-title-descending-template--22556826370305__main"
10390                  
10391                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10392                  
10393                  value="title-descending"
10394                  class="sorting-filter__input"
10395                  data-option-name="Alfabéticamente, Z-A"
10396                  
10397                  aria-hidden="true"
10398                >
10399                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10400<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10401</svg>
10402</span>
10403                <span class="sorting-filter__label">Alfabéticamente, Z-A</span>
10404              </div>
10405            </label>
10406          
10407            <label
10408              for="sort-option-price-ascending-template--22556826370305__main"
10409            >
10410              <div
10411                class="sorting-filter__option"
10412                role="option"
10413                aria-selected="false"
10414                tabindex="-1"
10415              >
10416                <input
10417                  type="radio"
10418                  name="sort_by"
10419                  id="sort-option-price-ascending-template--22556826370305__main"
10420                  
10421                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10422                  
10423                  value="price-ascending"
10424                  class="sorting-filter__input"
10425                  data-option-name="Precio, menor a mayor"
10426                  
10427                  aria-hidden="true"
10428                >
10429                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10430<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10431</svg>
10432</span>
10433                <span class="sorting-filter__label">Precio, menor a mayor</span>
10434              </div>
10435            </label>
10436          
10437            <label
10438              for="sort-option-price-descending-template--22556826370305__main"
10439            >
10440              <div
10441                class="sorting-filter__option"
10442                role="option"
10443                aria-selected="false"
10444                tabindex="-1"
10445              >
10446                <input
10447                  type="radio"
10448                  name="sort_by"
10449                  id="sort-option-price-descending-template--22556826370305__main"
10450                  
10451                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10452                  
10453                  value="price-descending"
10454                  class="sorting-filter__input"
10455                  data-option-name="Precio, mayor a menor"
10456                  
10457                  aria-hidden="true"
10458                >
10459                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10460<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10461</svg>
10462</span>
10463                <span class="sorting-filter__label">Precio, mayor a menor</span>
10464              </div>
10465            </label>
10466          
10467            <label
10468              for="sort-option-created-ascending-template--22556826370305__main"
10469            >
10470              <div
10471                class="sorting-filter__option"
10472                role="option"
10473                aria-selected="false"
10474                tabindex="-1"
10475              >
10476                <input
10477                  type="radio"
10478                  name="sort_by"
10479                  id="sort-option-created-ascending-template--22556826370305__main"
10480                  
10481                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10482                  
10483                  value="created-ascending"
10484                  class="sorting-filter__input"
10485                  data-option-name="Fecha: antiguo(a) a reciente"
10486                  
10487                  aria-hidden="true"
10488                >
10489                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10490<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10491</svg>
10492</span>
10493                <span class="sorting-filter__label">Fecha: antiguo(a) a reciente</span>
10494              </div>
10495            </label>
10496          
10497            <label
10498              for="sort-option-created-descending-template--22556826370305__main"
10499            >
10500              <div
10501                class="sorting-filter__option"
10502                role="option"
10503                aria-selected="true"
10504                tabindex="0"
10505              >
10506                <input
10507                  type="radio"
10508                  name="sort_by"
10509                  id="sort-option-created-descending-template--22556826370305__main"
10510                  
10511                    form="FacetFiltersForm--template--22556826370305__main-overflow"
10512                  
10513                  value="created-descending"
10514                  class="sorting-filter__input"
10515                  data-option-name="Fecha: reciente a antiguo(a)"
10516                  
10517                    checked
10518                  
10519                  aria-hidden="true"
10520                >
10521                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10522<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10523</svg>
10524</span>
10525                <span class="sorting-filter__label">Fecha: reciente a antiguo(a)</span>
10526              </div>
10527            </label>
10528          
10529        </div>
10530      </floating-panel-component>
10531    </details>
10532  
10533</accordion-custom>
10534
10535
10536
10537
10538
10539</sorting-filter-component>
10540
10541
10542
10543            
10544          </scroll-hint>
10545        </form>
10546      </facets-form-component>
10547
10548      <div
10549        class="facets__drawer-actions"
10550      >
10551        <facet-remove-component
10552          data-url="/collections/botas-hombre"
10553          active-class="facets__clear-all--active"
10554        >
10555          <button
10556            type="button"
10557            class="button-secondary facets__clear-all"
10558            ref="clearButton"
10559            on:click="/removeFilter?form=FacetFiltersFormComponent--template--22556826370305__main-overflow"
10560            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--22556826370305__main-overflow"
10561          >Borrar todo</button>
10562        </facet-remove-component>
10563
10564        
10565          <button
10566            class="button facets__see-results"
10567            type="button"
10568            on:click="dialog-component/closeDialog"
10569          >Ver 39 artículos</button>
10570        
10571      </div>
10572    </dialog>
10573  </dialog-component>
10574
10575
10576
10577
10578
10579
10580
10581    
10582
10583    
10584
10585    
10586      
10587
10588      
10589      
10590
10591
10592<style data-shopify>
10593  @media screen and (min-width: 750px) {
10594    
10595        .product-grid--template--22556826370305__main:is(.product-grid--grid) {
10596          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
10597        }
10598
10599
10600      
10601
10602    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
10603    
10604
10605    /* When zoomed out, fit as many 100px-wide columns as possible */
10606    .product-grid--template--22556826370305__main[product-grid-view='zoom-out'] {
10607      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
10608    }
10609
10610    .product-grid--template--22556826370305__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
10611      display: block;
10612    }
10613
10614    .product-grid--template--22556826370305__main[product-grid-view='zoom-out'] .product-grid__card {
10615      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
10616      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
10617      padding-block-start: var(--zoom-out-padding-block-start, 0);
10618      padding-block-end: var(--zoom-out-padding-block-end, 0);
10619    }
10620  }
10621</style>
10622<div
10623  id="ResultsList"
10624  class="
10625    grid main-collection-grid
10626
10627 collection-wrapper--full-width-on-mobile
10628    spacing-style
10629  "
10630
10631  style="
10632    --grid--margin--mobile: 0 0;
10633    --grid-column--desktop: var(--centered);
10634    --grid-column--mobile: var(--full-width);
10635    --padding-inline-start: 0px;
10636    --padding-inline-end: 0px;
10637  "
10638>
10639  <div
10640    style="
10641      grid-column: var(--full-width);
10642      --product-grid-gap-mobile: 12px 12px;
10643      --product-grid-gap-desktop: 24px 16px;
10644      container-type: inline-size;
10645      container-name: product-grid;
10646    "
10647  >
10648    
10649    
10650      
10651
10652      
10653      <ul
10654        class="product-grid product-grid--template--22556826370305__main product-grid--grid "
10655        data-testid="product-grid"
10656        product-grid-view="default"
10657        ref="grid"
10658        role="list"
10659        data-last-page="3"
10660        data-product-card-size="medium"
10661        style="--mobile-columns: 2;"
10662      >
10663        
10664        
10665          
10665<script>
10666            (() => {
10667              const grid = document.querySelector('.product-grid');
10668              if (!grid) return;
10669
10670              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
10671              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
10672
10673              // No need to read the window width if no custom layouts were saved.
10674              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
10675
10676              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
10677              if (storedLayout === 'default') return;
10678
10679              grid.setAttribute('product-grid-view', storedLayout);
10680
10681              const options = document.querySelectorAll(
10682                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
10683              );
10684              for (const option of options) {
10685                option.checked = option.value === storedLayout;
10686              }
10687            })();
10688          </script>
10688
10689        
10690
10691        
10692        
10693          <li
10694            id="template--22556826370305__main-9112663621889"
10695            class="product-grid__item product-grid__item--0"
10696            data-page="1"
10697            data-product-id="9112663621889"
10698            data-product-title="botas surge hiker para hombre color negro"
10699            data-product-type="calzado"
10700            ref="cards[]"
10701          >
10702            
10703            
10704
10705
10706
10707
10708
10709<style data-shopify>
10710  
10711</style>
10712
10713
10714
10715<product-card
10716  class="product-card size-style"
10717  style="--size-style-width: ;--size-style-height: ;"
10718  data-product-id="9112663621889"
10719  data-product-title="Botas Surge Hiker para hombre color negro"
10720  data-product-vendor="CAT"
10721  data-product-type="CALZADO"
10722  data-product-variant-id="48472715002113"
10723  data-product-variant-title="7 / Negro"
10724  data-product-sku="30089212001"
10725  data-product-price-cents="9499500"
10726  data-product-url="/products/30089212-botas-surge-hiker-para-hombre-color-negro?variant=48472715002113"
10727  id="product-card-AZkVFdkl3emgyQlE5Z__product-card"
10728  
10729  
10730  
10731>
10732  <a
10733    id="155d442a58985ea7ed53bdc7aa107dec"
10734    
10735      href="/products/30089212-botas-surge-hiker-para-hombre-color-negro?variant=48472715002113"
10736    
10737    class="product-card__link"
10738    ref="productCardLink"
10739  >
10740    <span class="visually-hidden">
10741      Botas Surge Hiker para hombre color negro
10742    </span>
10743  </a>
10744  <div
10745    class="
10746      product-card__content
10747      layout-panel-flex
10748      layout-panel-flex--column
10749      product-grid__card
10750      spacing-style
10751      border-style
10752      gap-style
10753      
10754    "
10755    style="
10756      --border-width: 1px; --border-style: none; --border-color:
10757rgb(var(--color-border-rgb) / 1.0); --border-radius:
107580px; 
10759
10760      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10761
10762
10763
10764--horizontal-alignment: ; --vertical-alignment: ;
10765--vertical-alignment-mobile: ;
10766
10767      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
10768      --product-card-gap: 4px;
10769      --quick-add-display: none;
10770      --quick-add-mobile-display: none;
10771      --quick-add-mobile-opacity: 0;
10772      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
10773      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
10774      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
10775      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
10776    "
10777  >
10778    
10779      <button
10780        type="button"
10781        class="adoc-card-wishlist-button"
10782        data-cat-wishlist-toggle
10783        data-product-id="9112663621889"
10784        data-product-variant-id="48472715002113"
10785        data-product-title="Botas Surge Hiker para hombre color negro"
10786        data-product-url="/products/30089212-botas-surge-hiker-para-hombre-color-negro?variant=48472715002113"
10787        data-product-image="//caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&width=600"
10788        data-product-price="₡ 94.995,00"
10789        aria-label="Agregar a favoritos"
10790        aria-pressed="false"
10791      >
10792        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
10793          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
10794        </svg>
10795      </button>
10796    
10797    
10798  
10799
10800
10801
10802
10803
10804
10805
10806<div
10807  ref="cardGallery"
10808  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery spacing-style border-style"
10809  style="
10810    --border-width: 1px; --border-style: none; --border-color:
10811rgb(var(--color-border-rgb) / 1.0); --border-radius:
108120px; 
10813
10814    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10815    --gallery-aspect-ratio: 1.0;
10816  "
10817  data-product-id="9112663621889"
10818  
10819    on:pointerenter="/previewImage"
10820    on:pointerleave="/resetImage"
10821  
10822  
10823  data-image-ratio="adapt"
10824  
10825>
10826    <a
10827      class="contents"
10828      ref="cardGalleryLink"
10829      href="/products/30089212-botas-surge-hiker-para-hombre-color-negro?variant=48472715002113"
10830      aria-label="Botas Surge Hiker para hombre color negro"
10831    >
10832      <slideshow-component
10833  
10834    ref="slideshow"
10835  
10836  
10837  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
10838  
10839  initial-slide="0"
10840  
10841  
10842    infinite
10843  
10844
10845  data-generic-media-size="4"
10846>
10847  
10848  <slideshow-container ref="slideshowContainer">
10849    
10850      <slideshow-arrows
10851  position="center"
10852  
10853><button
10854  class="
10855    slideshow-control slideshow-control--previous
10856    
10857    
10858    slideshow-control--style-arrow
10859    button button-unstyled button-unstyled--transparent
10860     flip-x
10861  "
10862  
10863  aria-label="Diapositiva anterior"
10864  
10865  on:click="/previous"
10866  ref="previous"
10867>
10868  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10869</span>
10870</button>
10871
10872
10873<button
10874  class="
10875    slideshow-control slideshow-control--next
10876    
10877    
10878    slideshow-control--style-arrow
10879    button button-unstyled button-unstyled--transparent
10880    
10881  "
10882  
10883  aria-label="Siguiente diapositiva"
10884  
10885  on:click="/next"
10886  ref="next"
10887>
10888  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10889</span>
10890</button>
10891
10892
10893</slideshow-arrows>
10894
10895
10896
10897    
10898    
10899    <slideshow-slides
10900      tabindex="-1"
10901      ref="scroller"
10902      
10903    >
10904      <slideshow-slide
10905  ref="slides[]"
10906  aria-hidden="false"
10907  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10908  
10909    class="product-media-container media-fit product-media-container--image"
10910  
10911  
10912  
10913  
10914    slide-id="39194207355137"
10915  
10916  
10917  
10918  
10919>
10920  
10921
10922<div
10923  class="product-media"
10924  style="--ratio: 1.0"
10925  data-media-id="39194207355137"
10926>
10927  
10928  <img src="//caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=3840" alt="Botas Surge Hiker para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089212-1.jpg?v=1775523898&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10929
10930  
10931</div>
10932
10933
10934
10935</slideshow-slide>
10936
10937
10938
10939<slideshow-slide
10940  ref="slides[]"
10941  aria-hidden="true"
10942  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10943  
10944    class="product-media-container media-fit product-media-container--image"
10945  
10946  
10947  
10948  
10949    slide-id="39194207387905"
10950  
10951  
10952  
10953  
10954>
10955  
10956
10957<div
10958  class="product-media"
10959  style="--ratio: 1.0"
10960  data-media-id="39194207387905"
10961>
10962  
10963  <img src="//caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=3840" alt="Botas Surge Hiker para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089212-2.jpg?v=1775523898&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10964
10965  
10966</div>
10967
10968
10969
10970</slideshow-slide>
10971
10972
10973
10974<slideshow-slide
10975  ref="slides[]"
10976  aria-hidden="true"
10977  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10978  
10979    class="product-media-container media-fit product-media-container--image"
10980  
10981  
10982  
10983  
10984    slide-id="39194207420673"
10985  
10986  
10987  
10988  
10989>
10990  
10991
10992<div
10993  class="product-media"
10994  style="--ratio: 1.0"
10995  data-media-id="39194207420673"
10996>
10997  
10998  <img src="//caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=3840" alt="Botas Surge Hiker para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089212-3.jpg?v=1775523898&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10999
11000  
11001</div>
11002
11003
11004
11005</slideshow-slide>
11006
11007
11008
11009<slideshow-slide
11010  ref="slides[]"
11011  aria-hidden="true"
11012  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11013  
11014    class="product-media-container media-fit product-media-container--image"
11015  
11016  
11017  
11018  
11019    slide-id="39194207453441"
11020  
11021  
11022  
11023  
11024>
11025  
11026
11027<div
11028  class="product-media"
11029  style="--ratio: 1.0"
11030  data-media-id="39194207453441"
11031>
11032  
11033  <img src="//caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=3840" alt="Botas Surge Hiker para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089212-4.jpg?v=1775523898&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11034
11035  
11036</div>
11037
11038
11039
11040</slideshow-slide>
11041
11042
11043
11044
11045    </slideshow-slides>
11046  </slideshow-container>
11047  
11048</slideshow-component>
11049
11050
11051
11052
11053    </a>
11054  
11055  
11056    <div
11057      class="product-badges product-badges--top-left"
11058      style="
11059        --badge-border-radius: 0px;
11060        --badge-font-family: var(--font-body--family);
11060 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11061      "
11062    ></div><product-card-hover class="pch-overlay">
11063      
11063<script type="application/json" class="pch-variants-json">[{"id":48472715002113,"title":"7 \/ Negro","option1":"7","option2":"Negro","option3":null,"sku":"30089212001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","options":["7","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669756","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472715034881,"title":"8 \/ Negro","option1":"8","option2":"Negro","option3":null,"sku":"30089212002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","options":["8","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669770","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472715067649,"title":"9 \/ Negro","option1":"9","option2":"Negro","option3":null,"sku":"30089212003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","options":["9","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669794","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472715100417,"title":"10 \/ Negro","option1":"10","option2":"Negro","option3":null,"sku":"30089212004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","options":["10","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669817","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472715133185,"title":"11 \/ Negro","option1":"11","option2":"Negro","option3":null,"sku":"30089212005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","options":["11","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669831","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472715165953,"title":"12 \/ Negro","option1":"12","option2":"Negro","option3":null,"sku":"30089212006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","options":["12","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669855","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
11063
11064      
11064<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
11064
11065
11066      <div class="pch-backdrop" aria-hidden="true"></div>
11067
11068      <div class="pch-inner">
11069        <p class="pch-error" role="alert" hidden></p>
11070
11071        
11072
11073            <div class="pch-size-group" role="group" aria-label="Talla">
11074              
11075<button
11076                  type="button"
11077                  class="pch-size-btn"
11078                  data-option-name="Talla"
11079                  data-option-value="7"
11080                  aria-pressed="false"
11081                  aria-disabled="false"
11082                  
11083                >7</button>
11084              
11085<button
11086                  type="button"
11087                  class="pch-size-btn"
11088                  data-option-name="Talla"
11089                  data-option-value="8"
11090                  aria-pressed="false"
11091                  aria-disabled="false"
11092                  
11093                >8</button>
11094              
11095<button
11096                  type="button"
11097                  class="pch-size-btn"
11098                  data-option-name="Talla"
11099                  data-option-value="9"
11100                  aria-pressed="false"
11101                  aria-disabled="false"
11102                  
11103                >9</button>
11104              
11105<button
11106                  type="button"
11107                  class="pch-size-btn"
11108                  data-option-name="Talla"
11109                  data-option-value="10"
11110                  aria-pressed="false"
11111                  aria-disabled="false"
11112                  
11113                >10</button>
11114              
11115<button
11116                  type="button"
11117                  class="pch-size-btn"
11118                  data-option-name="Talla"
11119                  data-option-value="11"
11120                  aria-pressed="false"
11121                  aria-disabled="false"
11122                  
11123                >11</button>
11124              
11125<button
11126                  type="button"
11127                  class="pch-size-btn"
11128                  data-option-name="Talla"
11129                  data-option-value="12"
11130                  aria-pressed="false"
11131                  aria-disabled="false"
11132                  
11133                >12</button>
11134              
11135            </div>
11136          
11137        
11138
11139            <div class="pch-size-group" role="group" aria-label="Color">
11140              
11141<button
11142                  type="button"
11143                  class="pch-size-btn"
11144                  data-option-name="Color"
11145                  data-option-value="Negro"
11146                  aria-pressed="false"
11147                  aria-disabled="false"
11148                  
11149                >Negro</button>
11150              
11151            </div>
11152          
11153        
11154
11155        
11156
11157        
11158
11159        
11160
11161        <div class="pch-overlay-actions">
11162          <button
11163            type="button"
11164            class="pch-btn pch-btn--cart"
11165            data-product-card-add
11166            style="background-color: #000000; color: #FFFFFF;"
11167          >
11168            <span>Agregar al carrito</span>
11169            <span class="pch-btn__plus" aria-hidden="true">+</span>
11170          </button>
11171        </div>
11172      </div>
11173    </product-card-hover>
11174
11175    
11176  
11177
11178</div>
11179
11180
11181
11182
11183
11184<div class="product-grid-view-zoom-out--details">
11185  
11186    <h3 class="h4">Botas Surge Hiker para hombre color negro</h3>
11187  
11188</div>
11189
11190
11191
11192
11193<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
11193
11194
11195
11196
11197
11198
11199
11200
11201  
11202  <a
11203    class="contents user-select-text"
11204    ref="productTitleLink"
11205    href="/products/30089212-botas-surge-hiker-para-hombre-color-negro?variant=48472715002113"
11206  >
11207    
11208
11209
11210
11211
11212
11213
11214  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
11215    <p role="heading" aria-level="3">Botas Surge Hiker para hombre color negro</p>
11216  </div>
11217
11218
11219
11220
11221  </a>
11222
11223
11224
11225
11226
11227
11228<product-price
11229  class="text-block text-block--align-left text-left h6 spacing-style"
11230  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm"
11231  data-product-id="9112663621889"
11232  style="
11233    
11234--color: var(--color-foreground);
11235    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11236    --width: 100%;
11237  "
11238  
11239>
11240  <div ref="priceContainer">
11241  
11242    
11243    <div
11244      class="
11245        price__regular
11246        
11247      "
11248    >
11249      <span class="price">₡ 94.995,00</span>
11250    </div>
11251    <div
11252      class="
11253        price__sale
11254        
11255          price__hidden
11256        
11257      "
11258    >
11259      
11260        <div class="price-sale__group">
11261          <span class="price-item__group">
11262            <span class="visually-hidden">Precio de oferta&nbsp;</span>
11263            <span class="price-item--sale price">₡ 94.995,00</span>
11264          </span>
11265          <span class="price-item__group">
11266            <span class="visually-hidden">Precio habitual&nbsp;</span>
11267            <span class="price-item--regular compare-at-price"></span>
11268          </span>
11269        </div>
11270      
11271    </div>
11272  
11273</div>
11274
11275  
11276</product-price>
11277
11278
11279
11280
11281    
11282      <div class="pch-buy-bar">
11283        <button
11284          type="button"
11285          class="pch-buy-bar__btn"
11286          data-product-card-buy
11287          style="background-color: #ffcc00; color: #000000;"
11288        >
11289          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11290</span>
11291          <span>Comprar ahora</span>
11292        </button>
11293      </div>
11294    
11295  </div>
11296</product-card>
11297
11298
11299
11300
11301
11302
11303
11304
11305
11306
11307
11308
11309
11310
11311
11312
11313            
11314          </li>
11315        
11316          <li
11317            id="template--22556826370305__main-9112663556353"
11318            class="product-grid__item product-grid__item--1"
11319            data-page="1"
11320            data-product-id="9112663556353"
11321            data-product-title="botas surge hiker para hombre color gris"
11322            data-product-type="calzado"
11323            ref="cards[]"
11324          >
11325            
11326            
11327
11328
11329
11330
11331
11332<style data-shopify>
11333  
11334</style>
11335
11336
11337
11338<product-card
11339  class="product-card size-style"
11340  style="--size-style-width: ;--size-style-height: ;"
11341  data-product-id="9112663556353"
11342  data-product-title="Botas Surge Hiker para hombre color gris"
11343  data-product-vendor="CAT"
11344  data-product-type="CALZADO"
11345  data-product-variant-id="48472714346753"
11346  data-product-variant-title="7 / Gris"
11347  data-product-sku="30089213001"
11348  data-product-price-cents="9499500"
11349  data-product-url="/products/30089213-botas-surge-hiker-para-hombre-color-gris?variant=48472714346753"
11350  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-1"
11351  
11352  
11353  
11354>
11355  <a
11356    id="962ba2067a8447b84d25ac219adb875b"
11357    
11358      href="/products/30089213-botas-surge-hiker-para-hombre-color-gris?variant=48472714346753"
11359    
11360    class="product-card__link"
11361    ref="productCardLink"
11362  >
11363    <span class="visually-hidden">
11364      Botas Surge Hiker para hombre color gris
11365    </span>
11366  </a>
11367  <div
11368    class="
11369      product-card__content
11370      layout-panel-flex
11371      layout-panel-flex--column
11372      product-grid__card
11373      spacing-style
11374      border-style
11375      gap-style
11376      
11377    "
11378    style="
11379      --border-width: 1px; --border-style: none; --border-color:
11380rgb(var(--color-border-rgb) / 1.0); --border-radius:
113810px; 
11382
11383      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11384
11385
11386
11387--horizontal-alignment: ; --vertical-alignment: ;
11388--vertical-alignment-mobile: ;
11389
11390      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
11391      --product-card-gap: 4px;
11392      --quick-add-display: none;
11393      --quick-add-mobile-display: none;
11394      --quick-add-mobile-opacity: 0;
11395      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
11396      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
11397      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
11398      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
11399    "
11400  >
11401    
11402      <button
11403        type="button"
11404        class="adoc-card-wishlist-button"
11405        data-cat-wishlist-toggle
11406        data-product-id="9112663556353"
11407        data-product-variant-id="48472714346753"
11408        data-product-title="Botas Surge Hiker para hombre color gris"
11409        data-product-url="/products/30089213-botas-surge-hiker-para-hombre-color-gris?variant=48472714346753"
11410        data-product-image="//caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&width=600"
11411        data-product-price="₡ 94.995,00"
11412        aria-label="Agregar a favoritos"
11413        aria-pressed="false"
11414      >
11415        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
11416          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
11417        </svg>
11418      </button>
11419    
11420    
11421  
11422
11423
11424
11425
11426
11427
11428
11429<div
11430  ref="cardGallery"
11431  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-1 spacing-style border-style"
11432  style="
11433    --border-width: 1px; --border-style: none; --border-color:
11434rgb(var(--color-border-rgb) / 1.0); --border-radius:
114350px; 
11436
11437    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11438    --gallery-aspect-ratio: 1.0;
11439  "
11440  data-product-id="9112663556353"
11441  
11442    on:pointerenter="/previewImage"
11443    on:pointerleave="/resetImage"
11444  
11445  
11446  data-image-ratio="adapt"
11447  
11448>
11449    <a
11450      class="contents"
11451      ref="cardGalleryLink"
11452      href="/products/30089213-botas-surge-hiker-para-hombre-color-gris?variant=48472714346753"
11453      aria-label="Botas Surge Hiker para hombre color gris"
11454    >
11455      <slideshow-component
11456  
11457    ref="slideshow"
11458  
11459  
11460  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11461  
11462  initial-slide="0"
11463  
11464  
11465    infinite
11466  
11467
11468  data-generic-media-size="4"
11469>
11470  
11471  <slideshow-container ref="slideshowContainer">
11472    
11473      <slideshow-arrows
11474  position="center"
11475  
11476><button
11477  class="
11478    slideshow-control slideshow-control--previous
11479    
11480    
11481    slideshow-control--style-arrow
11482    button button-unstyled button-unstyled--transparent
11483     flip-x
11484  "
11485  
11486  aria-label="Diapositiva anterior"
11487  
11488  on:click="/previous"
11489  ref="previous"
11490>
11491  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11492</span>
11493</button>
11494
11495
11496<button
11497  class="
11498    slideshow-control slideshow-control--next
11499    
11500    
11501    slideshow-control--style-arrow
11502    button button-unstyled button-unstyled--transparent
11503    
11504  "
11505  
11506  aria-label="Siguiente diapositiva"
11507  
11508  on:click="/next"
11509  ref="next"
11510>
11511  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11512</span>
11513</button>
11514
11515
11516</slideshow-arrows>
11517
11518
11519
11520    
11521    
11522    <slideshow-slides
11523      tabindex="-1"
11524      ref="scroller"
11525      
11526    >
11527      <slideshow-slide
11528  ref="slides[]"
11529  aria-hidden="false"
11530  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11531  
11532    class="product-media-container media-fit product-media-container--image"
11533  
11534  
11535  
11536  
11537    slide-id="39194206830849"
11538  
11539  
11540  
11541  
11542>
11543  
11544
11545<div
11546  class="product-media"
11547  style="--ratio: 1.0"
11548  data-media-id="39194206830849"
11549>
11550  
11551  <img src="//caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=3840" alt="Botas Surge Hiker para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089213-1.jpg?v=1775523897&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11552
11553  
11554</div>
11555
11556
11557
11558</slideshow-slide>
11559
11560
11561
11562<slideshow-slide
11563  ref="slides[]"
11564  aria-hidden="true"
11565  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11566  
11567    class="product-media-container media-fit product-media-container--image"
11568  
11569  
11570  
11571  
11572    slide-id="39194206863617"
11573  
11574  
11575  
11576  
11577>
11578  
11579
11580<div
11581  class="product-media"
11582  style="--ratio: 1.0"
11583  data-media-id="39194206863617"
11584>
11585  
11586  <img src="//caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=3840" alt="Botas Surge Hiker para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089213-2.jpg?v=1775523897&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11587
11588  
11589</div>
11590
11591
11592
11593</slideshow-slide>
11594
11595
11596
11597<slideshow-slide
11598  ref="slides[]"
11599  aria-hidden="true"
11600  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11601  
11602    class="product-media-container media-fit product-media-container--image"
11603  
11604  
11605  
11606  
11607    slide-id="39194206896385"
11608  
11609  
11610  
11611  
11612>
11613  
11614
11615<div
11616  class="product-media"
11617  style="--ratio: 1.0"
11618  data-media-id="39194206896385"
11619>
11620  
11621  <img src="//caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=3840" alt="Botas Surge Hiker para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089213-3.jpg?v=1775523897&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11622
11623  
11624</div>
11625
11626
11627
11628</slideshow-slide>
11629
11630
11631
11632<slideshow-slide
11633  ref="slides[]"
11634  aria-hidden="true"
11635  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11636  
11637    class="product-media-container media-fit product-media-container--image"
11638  
11639  
11640  
11641  
11642    slide-id="39194206929153"
11643  
11644  
11645  
11646  
11647>
11648  
11649
11650<div
11651  class="product-media"
11652  style="--ratio: 1.0"
11653  data-media-id="39194206929153"
11654>
11655  
11656  <img src="//caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=3840" alt="Botas Surge Hiker para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089213-4.jpg?v=1775523897&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11657
11658  
11659</div>
11660
11661
11662
11663</slideshow-slide>
11664
11665
11666
11667
11668    </slideshow-slides>
11669  </slideshow-container>
11670  
11671</slideshow-component>
11672
11673
11674
11675
11676    </a>
11677  
11678  
11679    <div
11680      class="product-badges product-badges--top-left"
11681      style="
11682        --badge-border-radius: 0px;
11683        --badge-font-family: var(--font-body--family);
11683 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11684      "
11685    ></div><product-card-hover class="pch-overlay">
11686      
11686<script type="application/json" class="pch-variants-json">[{"id":48472714346753,"title":"7 \/ Gris","option1":"7","option2":"Gris","option3":null,"sku":"30089213001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","options":["7","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669879","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472714379521,"title":"8 \/ Gris","option1":"8","option2":"Gris","option3":null,"sku":"30089213002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","options":["8","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669893","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472714412289,"title":"9 \/ Gris","option1":"9","option2":"Gris","option3":null,"sku":"30089213003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","options":["9","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669916","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472714445057,"title":"10 \/ Gris","option1":"10","option2":"Gris","option3":null,"sku":"30089213004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","options":["10","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669930","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472714477825,"title":"11 \/ Gris","option1":"11","option2":"Gris","option3":null,"sku":"30089213005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","options":["11","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669954","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48472714510593,"title":"12 \/ Gris","option1":"12","option2":"Gris","option3":null,"sku":"30089213006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","options":["12","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669978","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
11686
11687      
11687<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
11687
11688
11689      <div class="pch-backdrop" aria-hidden="true"></div>
11690
11691      <div class="pch-inner">
11692        <p class="pch-error" role="alert" hidden></p>
11693
11694        
11695
11696            <div class="pch-size-group" role="group" aria-label="Talla">
11697              
11698<button
11699                  type="button"
11700                  class="pch-size-btn"
11701                  data-option-name="Talla"
11702                  data-option-value="7"
11703                  aria-pressed="false"
11704                  aria-disabled="false"
11705                  
11706                >7</button>
11707              
11708<button
11709                  type="button"
11710                  class="pch-size-btn"
11711                  data-option-name="Talla"
11712                  data-option-value="8"
11713                  aria-pressed="false"
11714                  aria-disabled="false"
11715                  
11716                >8</button>
11717              
11718<button
11719                  type="button"
11720                  class="pch-size-btn"
11721                  data-option-name="Talla"
11722                  data-option-value="9"
11723                  aria-pressed="false"
11724                  aria-disabled="false"
11725                  
11726                >9</button>
11727              
11728<button
11729                  type="button"
11730                  class="pch-size-btn"
11731                  data-option-name="Talla"
11732                  data-option-value="10"
11733                  aria-pressed="false"
11734                  aria-disabled="false"
11735                  
11736                >10</button>
11737              
11738<button
11739                  type="button"
11740                  class="pch-size-btn"
11741                  data-option-name="Talla"
11742                  data-option-value="11"
11743                  aria-pressed="false"
11744                  aria-disabled="false"
11745                  
11746                >11</button>
11747              
11748<button
11749                  type="button"
11750                  class="pch-size-btn"
11751                  data-option-name="Talla"
11752                  data-option-value="12"
11753                  aria-pressed="false"
11754                  aria-disabled="false"
11755                  
11756                >12</button>
11757              
11758            </div>
11759          
11760        
11761
11762            <div class="pch-size-group" role="group" aria-label="Color">
11763              
11764<button
11765                  type="button"
11766                  class="pch-size-btn"
11767                  data-option-name="Color"
11768                  data-option-value="Gris"
11769                  aria-pressed="false"
11770                  aria-disabled="false"
11771                  
11772                >Gris</button>
11773              
11774            </div>
11775          
11776        
11777
11778        
11779
11780        
11781
11782        
11783
11784        <div class="pch-overlay-actions">
11785          <button
11786            type="button"
11787            class="pch-btn pch-btn--cart"
11788            data-product-card-add
11789            style="background-color: #000000; color: #FFFFFF;"
11790          >
11791            <span>Agregar al carrito</span>
11792            <span class="pch-btn__plus" aria-hidden="true">+</span>
11793          </button>
11794        </div>
11795      </div>
11796    </product-card-hover>
11797
11798    
11799  
11800
11801</div>
11802
11803
11804
11805
11806
11807<div class="product-grid-view-zoom-out--details">
11808  
11809    <h3 class="h4">Botas Surge Hiker para hombre color gris</h3>
11810  
11811</div>
11812
11813
11814
11815
11816<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
11816
11817
11818
11819
11820
11821
11822
11823
11824  
11825  <a
11826    class="contents user-select-text"
11827    ref="productTitleLink"
11828    href="/products/30089213-botas-surge-hiker-para-hombre-color-gris?variant=48472714346753"
11829  >
11830    
11831
11832
11833
11834
11835
11836
11837  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
11838    <p role="heading" aria-level="3">Botas Surge Hiker para hombre color gris</p>
11839  </div>
11840
11841
11842
11843
11844  </a>
11845
11846
11847
11848
11849
11850
11851<product-price
11852  class="text-block text-block--align-left text-left h6 spacing-style"
11853  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-1"
11854  data-product-id="9112663556353"
11855  style="
11856    
11857--color: var(--color-foreground);
11858    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11859    --width: 100%;
11860  "
11861  
11862>
11863  <div ref="priceContainer">
11864  
11865    
11866    <div
11867      class="
11868        price__regular
11869        
11870      "
11871    >
11872      <span class="price">₡ 94.995,00</span>
11873    </div>
11874    <div
11875      class="
11876        price__sale
11877        
11878          price__hidden
11879        
11880      "
11881    >
11882      
11883        <div class="price-sale__group">
11884          <span class="price-item__group">
11885            <span class="visually-hidden">Precio de oferta&nbsp;</span>
11886            <span class="price-item--sale price">₡ 94.995,00</span>
11887          </span>
11888          <span class="price-item__group">
11889            <span class="visually-hidden">Precio habitual&nbsp;</span>
11890            <span class="price-item--regular compare-at-price"></span>
11891          </span>
11892        </div>
11893      
11894    </div>
11895  
11896</div>
11897
11898  
11899</product-price>
11900
11901
11902
11903
11904    
11905      <div class="pch-buy-bar">
11906        <button
11907          type="button"
11908          class="pch-buy-bar__btn"
11909          data-product-card-buy
11910          style="background-color: #ffcc00; color: #000000;"
11911        >
11912          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11913</span>
11914          <span>Comprar ahora</span>
11915        </button>
11916      </div>
11917    
11918  </div>
11919</product-card>
11920
11921
11922
11923
11924
11925
11926
11927
11928
11929
11930
11931
11932
11933
11934
11935
11936            
11937          </li>
11938        
11939          <li
11940            id="template--22556826370305__main-9092211605761"
11941            class="product-grid__item product-grid__item--2"
11942            data-page="1"
11943            data-product-id="9092211605761"
11944            data-product-title="botas jettison para hombre color café"
11945            data-product-type="calzado"
11946            ref="cards[]"
11947          >
11948            
11949            
11950
11951
11952
11953
11954
11955<style data-shopify>
11956  
11957</style>
11958
11959
11960
11961<product-card
11962  class="product-card size-style"
11963  style="--size-style-width: ;--size-style-height: ;"
11964  data-product-id="9092211605761"
11965  data-product-title="Botas Jettison para hombre color café"
11966  data-product-vendor="CAT"
11967  data-product-type="CALZADO"
11968  data-product-variant-id="48252111290625"
11969  data-product-variant-title="7 / Café"
11970  data-product-sku="30089210001"
11971  data-product-price-cents="8899500"
11972  data-product-url="/products/30089210-botas-jettison-para-hombre-color-cafe?variant=48252111290625"
11973  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-2"
11974  
11975  
11976  
11977>
11978  <a
11979    id="f6925224fc5ec84658d20e999b652699"
11980    
11981      href="/products/30089210-botas-jettison-para-hombre-color-cafe?variant=48252111290625"
11982    
11983    class="product-card__link"
11984    ref="productCardLink"
11985  >
11986    <span class="visually-hidden">
11987      Botas Jettison para hombre color café
11988    </span>
11989  </a>
11990  <div
11991    class="
11992      product-card__content
11993      layout-panel-flex
11994      layout-panel-flex--column
11995      product-grid__card
11996      spacing-style
11997      border-style
11998      gap-style
11999      
12000    "
12001    style="
12002      --border-width: 1px; --border-style: none; --border-color:
12003rgb(var(--color-border-rgb) / 1.0); --border-radius:
120040px; 
12005
12006      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12007
12008
12009
12010--horizontal-alignment: ; --vertical-alignment: ;
12011--vertical-alignment-mobile: ;
12012
12013      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
12014      --product-card-gap: 4px;
12015      --quick-add-display: none;
12016      --quick-add-mobile-display: none;
12017      --quick-add-mobile-opacity: 0;
12018      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
12019      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
12020      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
12021      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
12022    "
12023  >
12024    
12025      <button
12026        type="button"
12027        class="adoc-card-wishlist-button"
12028        data-cat-wishlist-toggle
12029        data-product-id="9092211605761"
12030        data-product-variant-id="48252111290625"
12031        data-product-title="Botas Jettison para hombre color café"
12032        data-product-url="/products/30089210-botas-jettison-para-hombre-color-cafe?variant=48252111290625"
12033        data-product-image="//caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&width=600"
12034        data-product-price="₡ 88.995,00"
12035        aria-label="Agregar a favoritos"
12036        aria-pressed="false"
12037      >
12038        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
12039          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
12040        </svg>
12041      </button>
12042    
12043    
12044  
12045
12046
12047
12048
12049
12050
12051
12052<div
12053  ref="cardGallery"
12054  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-2 spacing-style border-style"
12055  style="
12056    --border-width: 1px; --border-style: none; --border-color:
12057rgb(var(--color-border-rgb) / 1.0); --border-radius:
120580px; 
12059
12060    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12061    --gallery-aspect-ratio: 1.0;
12062  "
12063  data-product-id="9092211605761"
12064  
12065    on:pointerenter="/previewImage"
12066    on:pointerleave="/resetImage"
12067  
12068  
12069  data-image-ratio="adapt"
12070  
12071>
12072    <a
12073      class="contents"
12074      ref="cardGalleryLink"
12075      href="/products/30089210-botas-jettison-para-hombre-color-cafe?variant=48252111290625"
12076      aria-label="Botas Jettison para hombre color café"
12077    >
12078      <slideshow-component
12079  
12080    ref="slideshow"
12081  
12082  
12083  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12084  
12085  initial-slide="0"
12086  
12087  
12088    infinite
12089  
12090
12091  data-generic-media-size="4"
12092>
12093  
12094  <slideshow-container ref="slideshowContainer">
12095    
12096      <slideshow-arrows
12097  position="center"
12098  
12099><button
12100  class="
12101    slideshow-control slideshow-control--previous
12102    
12103    
12104    slideshow-control--style-arrow
12105    button button-unstyled button-unstyled--transparent
12106     flip-x
12107  "
12108  
12109  aria-label="Diapositiva anterior"
12110  
12111  on:click="/previous"
12112  ref="previous"
12113>
12114  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12115</span>
12116</button>
12117
12118
12119<button
12120  class="
12121    slideshow-control slideshow-control--next
12122    
12123    
12124    slideshow-control--style-arrow
12125    button button-unstyled button-unstyled--transparent
12126    
12127  "
12128  
12129  aria-label="Siguiente diapositiva"
12130  
12131  on:click="/next"
12132  ref="next"
12133>
12134  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12135</span>
12136</button>
12137
12138
12139</slideshow-arrows>
12140
12141
12142
12143    
12144    
12145    <slideshow-slides
12146      tabindex="-1"
12147      ref="scroller"
12148      
12149    >
12150      <slideshow-slide
12151  ref="slides[]"
12152  aria-hidden="false"
12153  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12154  
12155    class="product-media-container media-fit product-media-container--image"
12156  
12157  
12158  
12159  
12160    slide-id="39089311777025"
12161  
12162  
12163  
12164  
12165>
12166  
12167
12168<div
12169  class="product-media"
12170  style="--ratio: 1.0"
12171  data-media-id="39089311777025"
12172>
12173  
12174  <img src="//caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=3840" alt="Botas Jettison para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089210-1.jpg?v=1773762100&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12175
12176  
12177</div>
12178
12179
12180
12181</slideshow-slide>
12182
12183
12184
12185<slideshow-slide
12186  ref="slides[]"
12187  aria-hidden="true"
12188  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12189  
12190    class="product-media-container media-fit product-media-container--image"
12191  
12192  
12193  
12194  
12195    slide-id="39089311809793"
12196  
12197  
12198  
12199  
12200>
12201  
12202
12203<div
12204  class="product-media"
12205  style="--ratio: 1.0"
12206  data-media-id="39089311809793"
12207>
12208  
12209  <img src="//caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=3840" alt="Botas Jettison para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089210-2.jpg?v=1773762100&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12210
12211  
12212</div>
12213
12214
12215
12216</slideshow-slide>
12217
12218
12219
12220<slideshow-slide
12221  ref="slides[]"
12222  aria-hidden="true"
12223  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12224  
12225    class="product-media-container media-fit product-media-container--image"
12226  
12227  
12228  
12229  
12230    slide-id="39089311842561"
12231  
12232  
12233  
12234  
12235>
12236  
12237
12238<div
12239  class="product-media"
12240  style="--ratio: 1.0"
12241  data-media-id="39089311842561"
12242>
12243  
12244  <img src="//caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=3840" alt="Botas Jettison para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089210-3.jpg?v=1773762100&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12245
12246  
12247</div>
12248
12249
12250
12251</slideshow-slide>
12252
12253
12254
12255<slideshow-slide
12256  ref="slides[]"
12257  aria-hidden="true"
12258  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12259  
12260    class="product-media-container media-fit product-media-container--image"
12261  
12262  
12263  
12264  
12265    slide-id="39089311875329"
12266  
12267  
12268  
12269  
12270>
12271  
12272
12273<div
12274  class="product-media"
12275  style="--ratio: 1.0"
12276  data-media-id="39089311875329"
12277>
12278  
12279  <img src="//caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=3840" alt="Botas Jettison para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089210-4.jpg?v=1773762100&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12280
12281  
12282</div>
12283
12284
12285
12286</slideshow-slide>
12287
12288
12289
12290
12291    </slideshow-slides>
12292  </slideshow-container>
12293  
12294</slideshow-component>
12295
12296
12297
12298
12299    </a>
12300  
12301  
12302    <div
12303      class="product-badges product-badges--top-left"
12304      style="
12305        --badge-border-radius: 0px;
12306        --badge-font-family: var(--font-body--family);
12306 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
12307      "
12308    ></div><product-card-hover class="pch-overlay">
12309      
12309<script type="application/json" class="pch-variants-json">[{"id":48252111290625,"title":"7 \/ Café","option1":"7","option2":"Café","option3":null,"sku":"30089210001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color café - 7 \/ Café","public_title":"7 \/ Café","options":["7","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669510","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111323393,"title":"8 \/ Café","option1":"8","option2":"Café","option3":null,"sku":"30089210002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color café - 8 \/ Café","public_title":"8 \/ Café","options":["8","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669534","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111356161,"title":"9 \/ Café","option1":"9","option2":"Café","option3":null,"sku":"30089210003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color café - 9 \/ Café","public_title":"9 \/ Café","options":["9","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669558","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111388929,"title":"10 \/ Café","option1":"10","option2":"Café","option3":null,"sku":"30089210004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color café - 10 \/ Café","public_title":"10 \/ Café","options":["10","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669572","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111421697,"title":"11 \/ Café","option1":"11","option2":"Café","option3":null,"sku":"30089210005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color café - 11 \/ Café","public_title":"11 \/ Café","options":["11","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669596","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111454465,"title":"12 \/ Café","option1":"12","option2":"Café","option3":null,"sku":"30089210006","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Jettison para hombre color café - 12 \/ Café","public_title":"12 \/ Café","options":["12","Café"],"price":8899500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669619","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
12309
12310      
12310<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
12310
12311
12312      <div class="pch-backdrop" aria-hidden="true"></div>
12313
12314      <div class="pch-inner">
12315        <p class="pch-error" role="alert" hidden></p>
12316
12317        
12318
12319            <div class="pch-size-group" role="group" aria-label="Talla">
12320              
12321<button
12322                  type="button"
12323                  class="pch-size-btn"
12324                  data-option-name="Talla"
12325                  data-option-value="7"
12326                  aria-pressed="false"
12327                  aria-disabled="false"
12328                  
12329                >7</button>
12330              
12331<button
12332                  type="button"
12333                  class="pch-size-btn"
12334                  data-option-name="Talla"
12335                  data-option-value="8"
12336                  aria-pressed="false"
12337                  aria-disabled="false"
12338                  
12339                >8</button>
12340              
12341<button
12342                  type="button"
12343                  class="pch-size-btn"
12344                  data-option-name="Talla"
12345                  data-option-value="9"
12346                  aria-pressed="false"
12347                  aria-disabled="false"
12348                  
12349                >9</button>
12350              
12351<button
12352                  type="button"
12353                  class="pch-size-btn"
12354                  data-option-name="Talla"
12355                  data-option-value="10"
12356                  aria-pressed="false"
12357                  aria-disabled="false"
12358                  
12359                >10</button>
12360              
12361<button
12362                  type="button"
12363                  class="pch-size-btn"
12364                  data-option-name="Talla"
12365                  data-option-value="11"
12366                  aria-pressed="false"
12367                  aria-disabled="false"
12368                  
12369                >11</button>
12370              
12371<button
12372                  type="button"
12373                  class="pch-size-btn"
12374                  data-option-name="Talla"
12375                  data-option-value="12"
12376                  aria-pressed="false"
12377                  aria-disabled="true"
12378                  disabled
12379                >12</button>
12380              
12381            </div>
12382          
12383        
12384
12385            <div class="pch-size-group" role="group" aria-label="Color">
12386              
12387<button
12388                  type="button"
12389                  class="pch-size-btn"
12390                  data-option-name="Color"
12391                  data-option-value="Café"
12392                  aria-pressed="false"
12393                  aria-disabled="false"
12394                  
12395                >Café</button>
12396              
12397            </div>
12398          
12399        
12400
12401        
12402
12403        
12404
12405        
12406
12407        <div class="pch-overlay-actions">
12408          <button
12409            type="button"
12410            class="pch-btn pch-btn--cart"
12411            data-product-card-add
12412            style="background-color: #000000; color: #FFFFFF;"
12413          >
12414            <span>Agregar al carrito</span>
12415            <span class="pch-btn__plus" aria-hidden="true">+</span>
12416          </button>
12417        </div>
12418      </div>
12419    </product-card-hover>
12420
12421    
12422  
12423
12424</div>
12425
12426
12427
12428
12429
12430<div class="product-grid-view-zoom-out--details">
12431  
12432    <h3 class="h4">Botas Jettison para hombre color café</h3>
12433  
12434</div>
12435
12436
12437
12438
12439<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
12439
12440
12441
12442
12443
12444
12445
12446
12447  
12448  <a
12449    class="contents user-select-text"
12450    ref="productTitleLink"
12451    href="/products/30089210-botas-jettison-para-hombre-color-cafe?variant=48252111290625"
12452  >
12453    
12454
12455
12456
12457
12458
12459
12460  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
12461    <p role="heading" aria-level="3">Botas Jettison para hombre color café</p>
12462  </div>
12463
12464
12465
12466
12467  </a>
12468
12469
12470
12471
12472
12473
12474<product-price
12475  class="text-block text-block--align-left text-left h6 spacing-style"
12476  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-2"
12477  data-product-id="9092211605761"
12478  style="
12479    
12480--color: var(--color-foreground);
12481    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12482    --width: 100%;
12483  "
12484  
12485>
12486  <div ref="priceContainer">
12487  
12488    
12489    <div
12490      class="
12491        price__regular
12492        
12493      "
12494    >
12495      <span class="price">₡ 88.995,00</span>
12496    </div>
12497    <div
12498      class="
12499        price__sale
12500        
12501          price__hidden
12502        
12503      "
12504    >
12505      
12506        <div class="price-sale__group">
12507          <span class="price-item__group">
12508            <span class="visually-hidden">Precio de oferta&nbsp;</span>
12509            <span class="price-item--sale price">₡ 88.995,00</span>
12510          </span>
12511          <span class="price-item__group">
12512            <span class="visually-hidden">Precio habitual&nbsp;</span>
12513            <span class="price-item--regular compare-at-price"></span>
12514          </span>
12515        </div>
12516      
12517    </div>
12518  
12519</div>
12520
12521  
12522</product-price>
12523
12524
12525
12526
12527    
12528      <div class="pch-buy-bar">
12529        <button
12530          type="button"
12531          class="pch-buy-bar__btn"
12532          data-product-card-buy
12533          style="background-color: #ffcc00; color: #000000;"
12534        >
12535          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12536</span>
12537          <span>Comprar ahora</span>
12538        </button>
12539      </div>
12540    
12541  </div>
12542</product-card>
12543
12544
12545
12546
12547
12548
12549
12550
12551
12552
12553
12554
12555
12556
12557
12558
12559            
12560          </li>
12561        
12562          <li
12563            id="template--22556826370305__main-9092211572993"
12564            class="product-grid__item product-grid__item--3"
12565            data-page="1"
12566            data-product-id="9092211572993"
12567            data-product-title="botas surge hiker para hombre color café"
12568            data-product-type="calzado"
12569            ref="cards[]"
12570          >
12571            
12572            
12573
12574
12575
12576
12577
12578<style data-shopify>
12579  
12580</style>
12581
12582
12583
12584<product-card
12585  class="product-card size-style"
12586  style="--size-style-width: ;--size-style-height: ;"
12587  data-product-id="9092211572993"
12588  data-product-title="Botas Surge Hiker para hombre color café"
12589  data-product-vendor="CAT"
12590  data-product-type="CALZADO"
12591  data-product-variant-id="48252111094017"
12592  data-product-variant-title="7 / Café"
12593  data-product-sku="30089214001"
12594  data-product-price-cents="9499500"
12595  data-product-url="/products/30089214-botas-surge-hiker-para-hombre-color-cafe?variant=48252111094017"
12596  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-3"
12597  
12598  
12599  
12600>
12601  <a
12602    id="c8be300e829f641829927726e932db7c"
12603    
12604      href="/products/30089214-botas-surge-hiker-para-hombre-color-cafe?variant=48252111094017"
12605    
12606    class="product-card__link"
12607    ref="productCardLink"
12608  >
12609    <span class="visually-hidden">
12610      Botas Surge Hiker para hombre color café
12611    </span>
12612  </a>
12613  <div
12614    class="
12615      product-card__content
12616      layout-panel-flex
12617      layout-panel-flex--column
12618      product-grid__card
12619      spacing-style
12620      border-style
12621      gap-style
12622      
12623    "
12624    style="
12625      --border-width: 1px; --border-style: none; --border-color:
12626rgb(var(--color-border-rgb) / 1.0); --border-radius:
126270px; 
12628
12629      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12630
12631
12632
12633--horizontal-alignment: ; --vertical-alignment: ;
12634--vertical-alignment-mobile: ;
12635
12636      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
12637      --product-card-gap: 4px;
12638      --quick-add-display: none;
12639      --quick-add-mobile-display: none;
12640      --quick-add-mobile-opacity: 0;
12641      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
12642      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
12643      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
12644      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
12645    "
12646  >
12647    
12648      <button
12649        type="button"
12650        class="adoc-card-wishlist-button"
12651        data-cat-wishlist-toggle
12652        data-product-id="9092211572993"
12653        data-product-variant-id="48252111094017"
12654        data-product-title="Botas Surge Hiker para hombre color café"
12655        data-product-url="/products/30089214-botas-surge-hiker-para-hombre-color-cafe?variant=48252111094017"
12656        data-product-image="//caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&width=600"
12657        data-product-price="₡ 94.995,00"
12658        aria-label="Agregar a favoritos"
12659        aria-pressed="false"
12660      >
12661        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
12662          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
12663        </svg>
12664      </button>
12665    
12666    
12667  
12668
12669
12670
12671
12672
12673
12674
12675<div
12676  ref="cardGallery"
12677  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-3 spacing-style border-style"
12678  style="
12679    --border-width: 1px; --border-style: none; --border-color:
12680rgb(var(--color-border-rgb) / 1.0); --border-radius:
126810px; 
12682
12683    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12684    --gallery-aspect-ratio: 1.0;
12685  "
12686  data-product-id="9092211572993"
12687  
12688    on:pointerenter="/previewImage"
12689    on:pointerleave="/resetImage"
12690  
12691  
12692  data-image-ratio="adapt"
12693  
12694>
12695    <a
12696      class="contents"
12697      ref="cardGalleryLink"
12698      href="/products/30089214-botas-surge-hiker-para-hombre-color-cafe?variant=48252111094017"
12699      aria-label="Botas Surge Hiker para hombre color café"
12700    >
12701      <slideshow-component
12702  
12703    ref="slideshow"
12704  
12705  
12706  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12707  
12708  initial-slide="0"
12709  
12710  
12711    infinite
12712  
12713
12714  data-generic-media-size="5"
12715>
12716  
12717  <slideshow-container ref="slideshowContainer">
12718    
12719      <slideshow-arrows
12720  position="center"
12721  
12722><button
12723  class="
12724    slideshow-control slideshow-control--previous
12725    
12726    
12727    slideshow-control--style-arrow
12728    button button-unstyled button-unstyled--transparent
12729     flip-x
12730  "
12731  
12732  aria-label="Diapositiva anterior"
12733  
12734  on:click="/previous"
12735  ref="previous"
12736>
12737  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12738</span>
12739</button>
12740
12741
12742<button
12743  class="
12744    slideshow-control slideshow-control--next
12745    
12746    
12747    slideshow-control--style-arrow
12748    button button-unstyled button-unstyled--transparent
12749    
12750  "
12751  
12752  aria-label="Siguiente diapositiva"
12753  
12754  on:click="/next"
12755  ref="next"
12756>
12757  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12758</span>
12759</button>
12760
12761
12762</slideshow-arrows>
12763
12764
12765
12766    
12767    
12768    <slideshow-slides
12769      tabindex="-1"
12770      ref="scroller"
12771      
12772    >
12773      <slideshow-slide
12774  ref="slides[]"
12775  aria-hidden="false"
12776  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12777  
12778    class="product-media-container media-fit product-media-container--image"
12779  
12780  
12781  
12782  
12783    slide-id="39089311580417"
12784  
12785  
12786  
12787  
12788>
12789  
12790
12791<div
12792  class="product-media"
12793  style="--ratio: 1.0"
12794  data-media-id="39089311580417"
12795>
12796  
12797  <img src="//caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=3840" alt="Botas Surge Hiker para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089214-1.jpg?v=1773762098&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12798
12799  
12800</div>
12801
12802
12803
12804</slideshow-slide>
12805
12806
12807
12808<slideshow-slide
12809  ref="slides[]"
12810  aria-hidden="true"
12811  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12812  
12813    class="product-media-container media-fit product-media-container--image"
12814  
12815  
12816  
12817  
12818    slide-id="39089311613185"
12819  
12820  
12821  
12822  
12823>
12824  
12825
12826<div
12827  class="product-media"
12828  style="--ratio: 1.0"
12829  data-media-id="39089311613185"
12830>
12831  
12832  <img src="//caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=3840" alt="Botas Surge Hiker para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089214-2.jpg?v=1773762099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12833
12834  
12835</div>
12836
12837
12838
12839</slideshow-slide>
12840
12841
12842
12843<slideshow-slide
12844  ref="slides[]"
12845  aria-hidden="true"
12846  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12847  
12848    class="product-media-container media-fit product-media-container--image"
12849  
12850  
12851  
12852  
12853    slide-id="39089311645953"
12854  
12855  
12856  
12857  
12858>
12859  
12860
12861<div
12862  class="product-media"
12863  style="--ratio: 1.0"
12864  data-media-id="39089311645953"
12865>
12866  
12867  <img src="//caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=3840" alt="Botas Surge Hiker para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089214-3.jpg?v=1773762099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12868
12869  
12870</div>
12871
12872
12873
12874</slideshow-slide>
12875
12876
12877
12878<slideshow-slide
12879  ref="slides[]"
12880  aria-hidden="true"
12881  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12882  
12883    class="product-media-container media-fit product-media-container--image"
12884  
12885  
12886  
12887  
12888    slide-id="39089311678721"
12889  
12890  
12891  
12892  
12893>
12894  
12895
12896<div
12897  class="product-media"
12898  style="--ratio: 1.0"
12899  data-media-id="39089311678721"
12900>
12901  
12902  <img src="//caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=3840" alt="Botas Surge Hiker para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089214-4.jpg?v=1773762099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12903
12904  
12905</div>
12906
12907
12908
12909</slideshow-slide>
12910
12911
12912
12913<slideshow-slide
12914  ref="slides[]"
12915  aria-hidden="true"
12916  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12917  
12918    class="product-media-container media-fit product-media-container--image"
12919  
12920  
12921  
12922  
12923    slide-id="39089311711489"
12924  
12925  
12926  
12927  
12928>
12929  
12930
12931<div
12932  class="product-media"
12933  style="--ratio: 1.0"
12934  data-media-id="39089311711489"
12935>
12936  
12937  <img src="//caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=3840" alt="Botas Surge Hiker para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089214-5.jpg?v=1773762099&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12938
12939  
12940</div>
12941
12942
12943
12944</slideshow-slide>
12945
12946
12947
12948
12949    </slideshow-slides>
12950  </slideshow-container>
12951  
12952</slideshow-component>
12953
12954
12955
12956
12957    </a>
12958  
12959  
12960    <div
12961      class="product-badges product-badges--top-left"
12962      style="
12963        --badge-border-radius: 0px;
12964        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
12965      "
12966    ></div><product-card-hover class="pch-overlay">
12967      
12967<script type="application/json" class="pch-variants-json">[{"id":48252111094017,"title":"7 \/ Café","option1":"7","option2":"Café","option3":null,"sku":"30089214001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 7 \/ Café","public_title":"7 \/ Café","options":["7","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669992","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111126785,"title":"8 \/ Café","option1":"8","option2":"Café","option3":null,"sku":"30089214002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 8 \/ Café","public_title":"8 \/ Café","options":["8","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004670011","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111159553,"title":"9 \/ Café","option1":"9","option2":"Café","option3":null,"sku":"30089214003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 9 \/ Café","public_title":"9 \/ Café","options":["9","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004670035","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111192321,"title":"10 \/ Café","option1":"10","option2":"Café","option3":null,"sku":"30089214004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 10 \/ Café","public_title":"10 \/ Café","options":["10","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004670059","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111225089,"title":"11 \/ Café","option1":"11","option2":"Café","option3":null,"sku":"30089214005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 11 \/ Café","public_title":"11 \/ Café","options":["11","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004670073","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111257857,"title":"12 \/ Café","option1":"12","option2":"Café","option3":null,"sku":"30089214006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Surge Hiker para hombre color café - 12 \/ Café","public_title":"12 \/ Café","options":["12","Café"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004670097","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
12967
12968      
12968<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
12968
12969
12970      <div class="pch-backdrop" aria-hidden="true"></div>
12971
12972      <div class="pch-inner">
12973        <p class="pch-error" role="alert" hidden></p>
12974
12975        
12976
12977            <div class="pch-size-group" role="group" aria-label="Talla">
12978              
12979<button
12980                  type="button"
12981                  class="pch-size-btn"
12982                  data-option-name="Talla"
12983                  data-option-value="7"
12984                  aria-pressed="false"
12985                  aria-disabled="false"
12986                  
12987                >7</button>
12988              
12989<button
12990                  type="button"
12991                  class="pch-size-btn"
12992                  data-option-name="Talla"
12993                  data-option-value="8"
12994                  aria-pressed="false"
12995                  aria-disabled="false"
12996                  
12997                >8</button>
12998              
12999<button
13000                  type="button"
13001                  class="pch-size-btn"
13002                  data-option-name="Talla"
13003                  data-option-value="9"
13004                  aria-pressed="false"
13005                  aria-disabled="false"
13006                  
13007                >9</button>
13008              
13009<button
13010                  type="button"
13011                  class="pch-size-btn"
13012                  data-option-name="Talla"
13013                  data-option-value="10"
13014                  aria-pressed="false"
13015                  aria-disabled="false"
13016                  
13017                >10</button>
13018              
13019<button
13020                  type="button"
13021                  class="pch-size-btn"
13022                  data-option-name="Talla"
13023                  data-option-value="11"
13024                  aria-pressed="false"
13025                  aria-disabled="false"
13026                  
13027                >11</button>
13028              
13029<button
13030                  type="button"
13031                  class="pch-size-btn"
13032                  data-option-name="Talla"
13033                  data-option-value="12"
13034                  aria-pressed="false"
13035                  aria-disabled="false"
13036                  
13037                >12</button>
13038              
13039            </div>
13040          
13041        
13042
13043            <div class="pch-size-group" role="group" aria-label="Color">
13044              
13045<button
13046                  type="button"
13047                  class="pch-size-btn"
13048                  data-option-name="Color"
13049                  data-option-value="Café"
13050                  aria-pressed="false"
13051                  aria-disabled="false"
13052                  
13053                >Café</button>
13054              
13055            </div>
13056          
13057        
13058
13059        
13060
13061        
13062
13063        
13064
13065        <div class="pch-overlay-actions">
13066          <button
13067            type="button"
13068            class="pch-btn pch-btn--cart"
13069            data-product-card-add
13070            style="background-color: #000000; color: #FFFFFF;"
13071          >
13072            <span>Agregar al carrito</span>
13073            <span class="pch-btn__plus" aria-hidden="true">+</span>
13074          </button>
13075        </div>
13076      </div>
13077    </product-card-hover>
13078
13079    
13080  
13081
13082</div>
13083
13084
13085
13086
13087
13088<div class="product-grid-view-zoom-out--details">
13089  
13090    <h3 class="h4">Botas Surge Hiker para hombre color café</h3>
13091  
13092</div>
13093
13094
13095
13096
13097<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
13097
13098
13099
13100
13101
13102
13103
13104
13105  
13106  <a
13107    class="contents user-select-text"
13108    ref="productTitleLink"
13109    href="/products/30089214-botas-surge-hiker-para-hombre-color-cafe?variant=48252111094017"
13110  >
13111    
13112
13113
13114
13115
13116
13117
13118  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
13119    <p role="heading" aria-level="3">Botas Surge Hiker para hombre color café</p>
13120  </div>
13121
13122
13123
13124
13125  </a>
13126
13127
13128
13129
13130
13131
13132<product-price
13133  class="text-block text-block--align-left text-left h6 spacing-style"
13134  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-3"
13135  data-product-id="9092211572993"
13136  style="
13137    
13138--color: var(--color-foreground);
13139    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13140    --width: 100%;
13141  "
13142  
13143>
13144  <div ref="priceContainer">
13145  
13146    
13147    <div
13148      class="
13149        price__regular
13150        
13151      "
13152    >
13153      <span class="price">₡ 94.995,00</span>
13154    </div>
13155    <div
13156      class="
13157        price__sale
13158        
13159          price__hidden
13160        
13161      "
13162    >
13163      
13164        <div class="price-sale__group">
13165          <span class="price-item__group">
13166            <span class="visually-hidden">Precio de oferta&nbsp;</span>
13167            <span class="price-item--sale price">₡ 94.995,00</span>
13168          </span>
13169          <span class="price-item__group">
13170            <span class="visually-hidden">Precio habitual&nbsp;</span>
13171            <span class="price-item--regular compare-at-price"></span>
13172          </span>
13173        </div>
13174      
13175    </div>
13176  
13177</div>
13178
13179  
13180</product-price>
13181
13182
13183
13184
13185    
13186      <div class="pch-buy-bar">
13187        <button
13188          type="button"
13189          class="pch-buy-bar__btn"
13190          data-product-card-buy
13191          style="background-color: #ffcc00; color: #000000;"
13192        >
13193          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
13194</span>
13195          <span>Comprar ahora</span>
13196        </button>
13197      </div>
13198    
13199  </div>
13200</product-card>
13201
13202
13203
13204
13205
13206
13207
13208
13209
13210
13211
13212
13213
13214
13215
13216
13217            
13218          </li>
13219        
13220          <li
13221            id="template--22556826370305__main-9092211507457"
13222            class="product-grid__item product-grid__item--4"
13223            data-page="1"
13224            data-product-id="9092211507457"
13225            data-product-title="botínes hex ready mid wp para hombre color gris"
13226            data-product-type="calzado"
13227            ref="cards[]"
13228          >
13229            
13230            
13231
13232
13233
13234
13235
13236<style data-shopify>
13237  
13238</style>
13239
13240
13241
13242<product-card
13243  class="product-card size-style"
13244  style="--size-style-width: ;--size-style-height: ;"
13245  data-product-id="9092211507457"
13246  data-product-title="Botínes Hex Ready Mid WP para hombre color gris"
13247  data-product-vendor="CAT"
13248  data-product-type="CALZADO"
13249  data-product-variant-id="48252110864641"
13250  data-product-variant-title="7 / Gris"
13251  data-product-sku="30089223001"
13252  data-product-price-cents="8199500"
13253  data-product-url="/products/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris?variant=48252110864641"
13254  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-4"
13255  
13256  
13257  
13258>
13259  <a
13260    id="8c7152569d2a879eeb8b9584b6dcd047"
13261    
13262      href="/products/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris?variant=48252110864641"
13263    
13264    class="product-card__link"
13265    ref="productCardLink"
13266  >
13267    <span class="visually-hidden">
13268      Botínes Hex Ready Mid WP para hombre color gris
13269    </span>
13270  </a>
13271  <div
13272    class="
13273      product-card__content
13274      layout-panel-flex
13275      layout-panel-flex--column
13276      product-grid__card
13277      spacing-style
13278      border-style
13279      gap-style
13280      
13281    "
13282    style="
13283      --border-width: 1px; --border-style: none; --border-color:
13284rgb(var(--color-border-rgb) / 1.0); --border-radius:
132850px; 
13286
13287      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13288
13289
13290
13291--horizontal-alignment: ; --vertical-alignment: ;
13292--vertical-alignment-mobile: ;
13293
13294      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
13295      --product-card-gap: 4px;
13296      --quick-add-display: none;
13297      --quick-add-mobile-display: none;
13298      --quick-add-mobile-opacity: 0;
13299      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
13300      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
13301      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
13302      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
13303    "
13304  >
13305    
13306      <button
13307        type="button"
13308        class="adoc-card-wishlist-button"
13309        data-cat-wishlist-toggle
13310        data-product-id="9092211507457"
13311        data-product-variant-id="48252110864641"
13312        data-product-title="Botínes Hex Ready Mid WP para hombre color gris"
13313        data-product-url="/products/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris?variant=48252110864641"
13314        data-product-image="//caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&width=600"
13315        data-product-price="₡ 81.995,00"
13316        aria-label="Agregar a favoritos"
13317        aria-pressed="false"
13318      >
13319        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
13320          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
13321        </svg>
13322      </button>
13323    
13324    
13325  
13326
13327
13328
13329
13330
13331
13332
13333<div
13334  ref="cardGallery"
13335  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-4 spacing-style border-style"
13336  style="
13337    --border-width: 1px; --border-style: none; --border-color:
13338rgb(var(--color-border-rgb) / 1.0); --border-radius:
133390px; 
13340
13341    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13342    --gallery-aspect-ratio: 1.0;
13343  "
13344  data-product-id="9092211507457"
13345  
13346    on:pointerenter="/previewImage"
13347    on:pointerleave="/resetImage"
13348  
13349  
13350  data-image-ratio="adapt"
13351  
13352>
13353    <a
13354      class="contents"
13355      ref="cardGalleryLink"
13356      href="/products/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris?variant=48252110864641"
13357      aria-label="Botínes Hex Ready Mid WP para hombre color gris"
13358    >
13359      <slideshow-component
13360  
13361    ref="slideshow"
13362  
13363  
13364  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13365  
13366  initial-slide="0"
13367  
13368  
13369    infinite
13370  
13371
13372  data-generic-media-size="4"
13373>
13374  
13375  <slideshow-container ref="slideshowContainer">
13376    
13377      <slideshow-arrows
13378  position="center"
13379  
13380><button
13381  class="
13382    slideshow-control slideshow-control--previous
13383    
13384    
13385    slideshow-control--style-arrow
13386    button button-unstyled button-unstyled--transparent
13387     flip-x
13388  "
13389  
13390  aria-label="Diapositiva anterior"
13391  
13392  on:click="/previous"
13393  ref="previous"
13394>
13395  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
13396</span>
13397</button>
13398
13399
13400<button
13401  class="
13402    slideshow-control slideshow-control--next
13403    
13404    
13405    slideshow-control--style-arrow
13406    button button-unstyled button-unstyled--transparent
13407    
13408  "
13409  
13410  aria-label="Siguiente diapositiva"
13411  
13412  on:click="/next"
13413  ref="next"
13414>
13415  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
13416</span>
13417</button>
13418
13419
13420</slideshow-arrows>
13421
13422
13423
13424    
13425    
13426    <slideshow-slides
13427      tabindex="-1"
13428      ref="scroller"
13429      
13430    >
13431      <slideshow-slide
13432  ref="slides[]"
13433  aria-hidden="false"
13434  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13435  
13436    class="product-media-container media-fit product-media-container--image"
13437  
13438  
13439  
13440  
13441    slide-id="39089311416577"
13442  
13443  
13444  
13445  
13446>
13447  
13448
13449<div
13450  class="product-media"
13451  style="--ratio: 1.0"
13452  data-media-id="39089311416577"
13453>
13454  
13455  <img src="//caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=3840" alt="Botínes Hex Ready Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089223-1.jpg?v=1773762097&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13456
13457  
13458</div>
13459
13460
13461
13462</slideshow-slide>
13463
13464
13465
13466<slideshow-slide
13467  ref="slides[]"
13468  aria-hidden="true"
13469  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13470  
13471    class="product-media-container media-fit product-media-container--image"
13472  
13473  
13474  
13475  
13476    slide-id="39089311449345"
13477  
13478  
13479  
13480  
13481>
13482  
13483
13484<div
13485  class="product-media"
13486  style="--ratio: 1.0"
13487  data-media-id="39089311449345"
13488>
13489  
13490  <img src="//caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=3840" alt="Botínes Hex Ready Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089223-2.jpg?v=1773762097&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13491
13492  
13493</div>
13494
13495
13496
13497</slideshow-slide>
13498
13499
13500
13501<slideshow-slide
13502  ref="slides[]"
13503  aria-hidden="true"
13504  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13505  
13506    class="product-media-container media-fit product-media-container--image"
13507  
13508  
13509  
13510  
13511    slide-id="39089311482113"
13512  
13513  
13514  
13515  
13516>
13517  
13518
13519<div
13520  class="product-media"
13521  style="--ratio: 1.0"
13522  data-media-id="39089311482113"
13523>
13524  
13525  <img src="//caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=3840" alt="Botínes Hex Ready Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089223-3.jpg?v=1773762097&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13526
13527  
13528</div>
13529
13530
13531
13532</slideshow-slide>
13533
13534
13535
13536<slideshow-slide
13537  ref="slides[]"
13538  aria-hidden="true"
13539  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13540  
13541    class="product-media-container media-fit product-media-container--image"
13542  
13543  
13544  
13545  
13546    slide-id="39089311514881"
13547  
13548  
13549  
13550  
13551>
13552  
13553
13554<div
13555  class="product-media"
13556  style="--ratio: 1.0"
13557  data-media-id="39089311514881"
13558>
13559  
13560  <img src="//caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=3840" alt="Botínes Hex Ready Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089223-4.jpg?v=1773762097&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13561
13562  
13563</div>
13564
13565
13566
13567</slideshow-slide>
13568
13569
13570
13571
13572    </slideshow-slides>
13573  </slideshow-container>
13574  
13575</slideshow-component>
13576
13577
13578
13579
13580    </a>
13581  
13582  
13583    <div
13584      class="product-badges product-badges--top-left"
13585      style="
13586        --badge-border-radius: 0px;
13587        --badge-font-family: var(--font-body--family);
13587 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
13588      "
13589    ></div><product-card-hover class="pch-overlay">
13590      
13590<script type="application/json" class="pch-variants-json">[{"id":48252110864641,"title":"7 \/ Gris","option1":"7","option2":"Gris","option3":null,"sku":"30089223001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Hex Ready Mid WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","options":["7","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671070","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252110897409,"title":"8 \/ Gris","option1":"8","option2":"Gris","option3":null,"sku":"30089223002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Hex Ready Mid WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","options":["8","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671094","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252110930177,"title":"9 \/ Gris","option1":"9","option2":"Gris","option3":null,"sku":"30089223003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Hex Ready Mid WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","options":["9","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671117","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252110962945,"title":"10 \/ Gris","option1":"10","option2":"Gris","option3":null,"sku":"30089223004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Hex Ready Mid WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","options":["10","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671131","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252110995713,"title":"11 \/ Gris","option1":"11","option2":"Gris","option3":null,"sku":"30089223005","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botínes Hex Ready Mid WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","options":["11","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671155","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":48252111028481,"title":"12 \/ Gris","option1":"12","option2":"Gris","option3":null,"sku":"30089223006","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botínes Hex Ready Mid WP para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","options":["12","Gris"],"price":8199500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004671179","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
13590
13591      
13591<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
13591
13592
13593      <div class="pch-backdrop" aria-hidden="true"></div>
13594
13595      <div class="pch-inner">
13596        <p class="pch-error" role="alert" hidden></p>
13597
13598        
13599
13600            <div class="pch-size-group" role="group" aria-label="Talla">
13601              
13602<button
13603                  type="button"
13604                  class="pch-size-btn"
13605                  data-option-name="Talla"
13606                  data-option-value="7"
13607                  aria-pressed="false"
13608                  aria-disabled="false"
13609                  
13610                >7</button>
13611              
13612<button
13613                  type="button"
13614                  class="pch-size-btn"
13615                  data-option-name="Talla"
13616                  data-option-value="8"
13617                  aria-pressed="false"
13618                  aria-disabled="false"
13619                  
13620                >8</button>
13621              
13622<button
13623                  type="button"
13624                  class="pch-size-btn"
13625                  data-option-name="Talla"
13626                  data-option-value="9"
13627                  aria-pressed="false"
13628                  aria-disabled="false"
13629                  
13630                >9</button>
13631              
13632<button
13633                  type="button"
13634                  class="pch-size-btn"
13635                  data-option-name="Talla"
13636                  data-option-value="10"
13637                  aria-pressed="false"
13638                  aria-disabled="false"
13639                  
13640                >10</button>
13641              
13642<button
13643                  type="button"
13644                  class="pch-size-btn"
13645                  data-option-name="Talla"
13646                  data-option-value="11"
13647                  aria-pressed="false"
13648                  aria-disabled="true"
13649                  disabled
13650                >11</button>
13651              
13652<button
13653                  type="button"
13654                  class="pch-size-btn"
13655                  data-option-name="Talla"
13656                  data-option-value="12"
13657                  aria-pressed="false"
13658                  aria-disabled="true"
13659                  disabled
13660                >12</button>
13661              
13662            </div>
13663          
13664        
13665
13666            <div class="pch-size-group" role="group" aria-label="Color">
13667              
13668<button
13669                  type="button"
13670                  class="pch-size-btn"
13671                  data-option-name="Color"
13672                  data-option-value="Gris"
13673                  aria-pressed="false"
13674                  aria-disabled="false"
13675                  
13676                >Gris</button>
13677              
13678            </div>
13679          
13680        
13681
13682        
13683
13684        
13685
13686        
13687
13688        <div class="pch-overlay-actions">
13689          <button
13690            type="button"
13691            class="pch-btn pch-btn--cart"
13692            data-product-card-add
13693            style="background-color: #000000; color: #FFFFFF;"
13694          >
13695            <span>Agregar al carrito</span>
13696            <span class="pch-btn__plus" aria-hidden="true">+</span>
13697          </button>
13698        </div>
13699      </div>
13700    </product-card-hover>
13701
13702    
13703  
13704
13705</div>
13706
13707
13708
13709
13710
13711<div class="product-grid-view-zoom-out--details">
13712  
13713    <h3 class="h4">Botínes Hex Ready Mid WP para hombre color gris</h3>
13714  
13715</div>
13716
13717
13718
13719
13720<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
13720
13721
13722
13723
13724
13725
13726
13727
13728  
13729  <a
13730    class="contents user-select-text"
13731    ref="productTitleLink"
13732    href="/products/30089223-botines-hex-ready-mid-wp-para-hombre-color-gris?variant=48252110864641"
13733  >
13734    
13735
13736
13737
13738
13739
13740
13741  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
13742    <p role="heading" aria-level="3">Botínes Hex Ready Mid WP para hombre color gris</p>
13743  </div>
13744
13745
13746
13747
13748  </a>
13749
13750
13751
13752
13753
13754
13755<product-price
13756  class="text-block text-block--align-left text-left h6 spacing-style"
13757  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-4"
13758  data-product-id="9092211507457"
13759  style="
13760    
13761--color: var(--color-foreground);
13762    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13763    --width: 100%;
13764  "
13765  
13766>
13767  <div ref="priceContainer">
13768  
13769    
13770    <div
13771      class="
13772        price__regular
13773        
13774      "
13775    >
13776      <span class="price">₡ 81.995,00</span>
13777    </div>
13778    <div
13779      class="
13780        price__sale
13781        
13782          price__hidden
13783        
13784      "
13785    >
13786      
13787        <div class="price-sale__group">
13788          <span class="price-item__group">
13789            <span class="visually-hidden">Precio de oferta&nbsp;</span>
13790            <span class="price-item--sale price">₡ 81.995,00</span>
13791          </span>
13792          <span class="price-item__group">
13793            <span class="visually-hidden">Precio habitual&nbsp;</span>
13794            <span class="price-item--regular compare-at-price"></span>
13795          </span>
13796        </div>
13797      
13798    </div>
13799  
13800</div>
13801
13802  
13803</product-price>
13804
13805
13806
13807
13808    
13809      <div class="pch-buy-bar">
13810        <button
13811          type="button"
13812          class="pch-buy-bar__btn"
13813          data-product-card-buy
13814          style="background-color: #ffcc00; color: #000000;"
13815        >
13816          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
13817</span>
13818          <span>Comprar ahora</span>
13819        </button>
13820      </div>
13821    
13822  </div>
13823</product-card>
13824
13825
13826
13827
13828
13829
13830
13831
13832
13833
13834
13835
13836
13837
13838
13839
13840            
13841          </li>
13842        
13843          <li
13844            id="template--22556826370305__main-9020445622529"
13845            class="product-grid__item product-grid__item--5"
13846            data-page="1"
13847            data-product-id="9020445622529"
13848            data-product-title="botínes roamer mid 2.0 para hombre color negro"
13849            data-product-type="calzado"
13850            ref="cards[]"
13851          >
13852            
13853            
13854
13855
13856
13857
13858
13859<style data-shopify>
13860  
13861</style>
13862
13863
13864
13865<product-card
13866  class="product-card size-style"
13867  style="--size-style-width: ;--size-style-height: ;"
13868  data-product-id="9020445622529"
13869  data-product-title="Botínes Roamer Mid 2.0 para hombre color negro"
13870  data-product-vendor="CAT"
13871  data-product-type="CALZADO"
13872  data-product-variant-id="47875298623745"
13873  data-product-variant-title="7 / Negro"
13874  data-product-sku="30089193001"
13875  data-product-price-cents="6999500"
13876  data-product-url="/products/30089193-botines-roamer-mid-2-0-para-hombre-color-negro?variant=47875298623745"
13877  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-5"
13878  
13879  
13880  
13881>
13882  <a
13883    id="f4a04de3a0c1d29482681ca22020cd0f"
13884    
13885      href="/products/30089193-botines-roamer-mid-2-0-para-hombre-color-negro?variant=47875298623745"
13886    
13887    class="product-card__link"
13888    ref="productCardLink"
13889  >
13890    <span class="visually-hidden">
13891      Botínes Roamer Mid 2.0 para hombre color negro
13892    </span>
13893  </a>
13894  <div
13895    class="
13896      product-card__content
13897      layout-panel-flex
13898      layout-panel-flex--column
13899      product-grid__card
13900      spacing-style
13901      border-style
13902      gap-style
13903      
13904    "
13905    style="
13906      --border-width: 1px; --border-style: none; --border-color:
13907rgb(var(--color-border-rgb) / 1.0); --border-radius:
139080px; 
13909
13910      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13911
13912
13913
13914--horizontal-alignment: ; --vertical-alignment: ;
13915--vertical-alignment-mobile: ;
13916
13917      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
13918      --product-card-gap: 4px;
13919      --quick-add-display: none;
13920      --quick-add-mobile-display: none;
13921      --quick-add-mobile-opacity: 0;
13922      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
13923      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
13924      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
13925      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
13926    "
13927  >
13928    
13929      <button
13930        type="button"
13931        class="adoc-card-wishlist-button"
13932        data-cat-wishlist-toggle
13933        data-product-id="9020445622529"
13934        data-product-variant-id="47875298623745"
13935        data-product-title="Botínes Roamer Mid 2.0 para hombre color negro"
13936        data-product-url="/products/30089193-botines-roamer-mid-2-0-para-hombre-color-negro?variant=47875298623745"
13937        data-product-image="//caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&width=600"
13938        data-product-price="₡ 69.995,00"
13939        aria-label="Agregar a favoritos"
13940        aria-pressed="false"
13941      >
13942        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
13943          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
13944        </svg>
13945      </button>
13946    
13947    
13948  
13949
13950
13951
13952
13953
13954
13955
13956<div
13957  ref="cardGallery"
13958  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-5 spacing-style border-style"
13959  style="
13960    --border-width: 1px; --border-style: none; --border-color:
13961rgb(var(--color-border-rgb) / 1.0); --border-radius:
139620px; 
13963
13964    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13965    --gallery-aspect-ratio: 1.0;
13966  "
13967  data-product-id="9020445622529"
13968  
13969    on:pointerenter="/previewImage"
13970    on:pointerleave="/resetImage"
13971  
13972  
13973  data-image-ratio="adapt"
13974  
13975>
13976    <a
13977      class="contents"
13978      ref="cardGalleryLink"
13979      href="/products/30089193-botines-roamer-mid-2-0-para-hombre-color-negro?variant=47875298623745"
13980      aria-label="Botínes Roamer Mid 2.0 para hombre color negro"
13981    >
13982      <slideshow-component
13983  
13984    ref="slideshow"
13985  
13986  
13987  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13988  
13989  initial-slide="0"
13990  
13991  
13992    infinite
13993  
13994
13995  data-generic-media-size="4"
13996>
13997  
13998  <slideshow-container ref="slideshowContainer">
13999    
14000      <slideshow-arrows
14001  position="center"
14002  
14003><button
14004  class="
14005    slideshow-control slideshow-control--previous
14006    
14007    
14008    slideshow-control--style-arrow
14009    button button-unstyled button-unstyled--transparent
14010     flip-x
14011  "
14012  
14013  aria-label="Diapositiva anterior"
14014  
14015  on:click="/previous"
14016  ref="previous"
14017>
14018  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
14019</span>
14020</button>
14021
14022
14023<button
14024  class="
14025    slideshow-control slideshow-control--next
14026    
14027    
14028    slideshow-control--style-arrow
14029    button button-unstyled button-unstyled--transparent
14030    
14031  "
14032  
14033  aria-label="Siguiente diapositiva"
14034  
14035  on:click="/next"
14036  ref="next"
14037>
14038  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
14039</span>
14040</button>
14041
14042
14043</slideshow-arrows>
14044
14045
14046
14047    
14048    
14049    <slideshow-slides
14050      tabindex="-1"
14051      ref="scroller"
14052      
14053    >
14054      <slideshow-slide
14055  ref="slides[]"
14056  aria-hidden="false"
14057  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14058  
14059    class="product-media-container media-fit product-media-container--image"
14060  
14061  
14062  
14063  
14064    slide-id="38633970598145"
14065  
14066  
14067  
14068  
14069>
14070  
14071
14072<div
14073  class="product-media"
14074  style="--ratio: 1.0"
14075  data-media-id="38633970598145"
14076>
14077  
14078  <img src="//caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=3840" alt="Botínes Roamer Mid 2.0 para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089193-1.jpg?v=1770334313&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14079
14080  
14081</div>
14082
14083
14084
14085</slideshow-slide>
14086
14087
14088
14089<slideshow-slide
14090  ref="slides[]"
14091  aria-hidden="true"
14092  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14093  
14094    class="product-media-container media-fit product-media-container--image"
14095  
14096  
14097  
14098  
14099    slide-id="38633970630913"
14100  
14101  
14102  
14103  
14104>
14105  
14106
14107<div
14108  class="product-media"
14109  style="--ratio: 1.0"
14110  data-media-id="38633970630913"
14111>
14112  
14113  <img src="//caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=3840" alt="Botínes Roamer Mid 2.0 para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089193-2.jpg?v=1770334314&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14114
14115  
14116</div>
14117
14118
14119
14120</slideshow-slide>
14121
14122
14123
14124<slideshow-slide
14125  ref="slides[]"
14126  aria-hidden="true"
14127  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14128  
14129    class="product-media-container media-fit product-media-container--image"
14130  
14131  
14132  
14133  
14134    slide-id="38633970663681"
14135  
14136  
14137  
14138  
14139>
14140  
14141
14142<div
14143  class="product-media"
14144  style="--ratio: 1.0"
14145  data-media-id="38633970663681"
14146>
14147  
14148  <img src="//caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=3840" alt="Botínes Roamer Mid 2.0 para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089193-3.jpg?v=1770334314&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14149
14150  
14151</div>
14152
14153
14154
14155</slideshow-slide>
14156
14157
14158
14159<slideshow-slide
14160  ref="slides[]"
14161  aria-hidden="true"
14162  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14163  
14164    class="product-media-container media-fit product-media-container--image"
14165  
14166  
14167  
14168  
14169    slide-id="38633970696449"
14170  
14171  
14172  
14173  
14174>
14175  
14176
14177<div
14178  class="product-media"
14179  style="--ratio: 1.0"
14180  data-media-id="38633970696449"
14181>
14182  
14183  <img src="//caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=3840" alt="Botínes Roamer Mid 2.0 para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089193-4.jpg?v=1770334313&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14184
14185  
14186</div>
14187
14188
14189
14190</slideshow-slide>
14191
14192
14193
14194
14195    </slideshow-slides>
14196  </slideshow-container>
14197  
14198</slideshow-component>
14199
14200
14201
14202
14203    </a>
14204  
14205  
14206    <div
14207      class="product-badges product-badges--top-left"
14208      style="
14209        --badge-border-radius: 0px;
14210        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
14211      "
14212    ></div><product-card-hover class="pch-overlay">
14213      
14213<script type="application/json" class="pch-variants-json">[{"id":47875298623745,"title":"7 \/ Negro","option1":"7","option2":"Negro","option3":null,"sku":"30089193001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","options":["7","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667479","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47875298656513,"title":"8 \/ Negro","option1":"8","option2":"Negro","option3":null,"sku":"30089193002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","options":["8","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667493","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47875298689281,"title":"9 \/ Negro","option1":"9","option2":"Negro","option3":null,"sku":"30089193003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","options":["9","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667516","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47875298722049,"title":"10 \/ Negro","option1":"10","option2":"Negro","option3":null,"sku":"30089193004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","options":["10","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667530","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47875298754817,"title":"11 \/ Negro","option1":"11","option2":"Negro","option3":null,"sku":"30089193005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","options":["11","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667554","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47875298787585,"title":"12 \/ Negro","option1":"12","option2":"Negro","option3":null,"sku":"30089193006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botínes Roamer Mid 2.0 para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","options":["12","Negro"],"price":6999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004667578","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
14213
14214      
14214<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
14214
14215
14216      <div class="pch-backdrop" aria-hidden="true"></div>
14217
14218      <div class="pch-inner">
14219        <p class="pch-error" role="alert" hidden></p>
14220
14221        
14222
14223            <div class="pch-size-group" role="group" aria-label="Talla">
14224              
14225<button
14226                  type="button"
14227                  class="pch-size-btn"
14228                  data-option-name="Talla"
14229                  data-option-value="7"
14230                  aria-pressed="false"
14231                  aria-disabled="false"
14232                  
14233                >7</button>
14234              
14235<button
14236                  type="button"
14237                  class="pch-size-btn"
14238                  data-option-name="Talla"
14239                  data-option-value="8"
14240                  aria-pressed="false"
14241                  aria-disabled="false"
14242                  
14243                >8</button>
14244              
14245<button
14246                  type="button"
14247                  class="pch-size-btn"
14248                  data-option-name="Talla"
14249                  data-option-value="9"
14250                  aria-pressed="false"
14251                  aria-disabled="false"
14252                  
14253                >9</button>
14254              
14255<button
14256                  type="button"
14257                  class="pch-size-btn"
14258                  data-option-name="Talla"
14259                  data-option-value="10"
14260                  aria-pressed="false"
14261                  aria-disabled="false"
14262                  
14263                >10</button>
14264              
14265<button
14266                  type="button"
14267                  class="pch-size-btn"
14268                  data-option-name="Talla"
14269                  data-option-value="11"
14270                  aria-pressed="false"
14271                  aria-disabled="false"
14272                  
14273                >11</button>
14274              
14275<button
14276                  type="button"
14277                  class="pch-size-btn"
14278                  data-option-name="Talla"
14279                  data-option-value="12"
14280                  aria-pressed="false"
14281                  aria-disabled="false"
14282                  
14283                >12</button>
14284              
14285            </div>
14286          
14287        
14288
14289            <div class="pch-size-group" role="group" aria-label="Color">
14290              
14291<button
14292                  type="button"
14293                  class="pch-size-btn"
14294                  data-option-name="Color"
14295                  data-option-value="Negro"
14296                  aria-pressed="false"
14297                  aria-disabled="false"
14298                  
14299                >Negro</button>
14300              
14301            </div>
14302          
14303        
14304
14305        
14306
14307        
14308
14309        
14310
14311        <div class="pch-overlay-actions">
14312          <button
14313            type="button"
14314            class="pch-btn pch-btn--cart"
14315            data-product-card-add
14316            style="background-color: #000000; color: #FFFFFF;"
14317          >
14318            <span>Agregar al carrito</span>
14319            <span class="pch-btn__plus" aria-hidden="true">+</span>
14320          </button>
14321        </div>
14322      </div>
14323    </product-card-hover>
14324
14325    
14326  
14327
14328</div>
14329
14330
14331
14332
14333
14334<div class="product-grid-view-zoom-out--details">
14335  
14336    <h3 class="h4">Botínes Roamer Mid 2.0 para hombre color negro</h3>
14337  
14338</div>
14339
14340
14341
14342
14343<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
14343
14344
14345
14346
14347
14348
14349
14350
14351  
14352  <a
14353    class="contents user-select-text"
14354    ref="productTitleLink"
14355    href="/products/30089193-botines-roamer-mid-2-0-para-hombre-color-negro?variant=47875298623745"
14356  >
14357    
14358
14359
14360
14361
14362
14363
14364  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
14365    <p role="heading" aria-level="3">Botínes Roamer Mid 2.0 para hombre color negro</p>
14366  </div>
14367
14368
14369
14370
14371  </a>
14372
14373
14374
14375
14376
14377
14378<product-price
14379  class="text-block text-block--align-left text-left h6 spacing-style"
14380  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-5"
14381  data-product-id="9020445622529"
14382  style="
14383    
14384--color: var(--color-foreground);
14385    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14386    --width: 100%;
14387  "
14388  
14389>
14390  <div ref="priceContainer">
14391  
14392    
14393    <div
14394      class="
14395        price__regular
14396        
14397      "
14398    >
14399      <span class="price">₡ 69.995,00</span>
14400    </div>
14401    <div
14402      class="
14403        price__sale
14404        
14405          price__hidden
14406        
14407      "
14408    >
14409      
14410        <div class="price-sale__group">
14411          <span class="price-item__group">
14412            <span class="visually-hidden">Precio de oferta&nbsp;</span>
14413            <span class="price-item--sale price">₡ 69.995,00</span>
14414          </span>
14415          <span class="price-item__group">
14416            <span class="visually-hidden">Precio habitual&nbsp;</span>
14417            <span class="price-item--regular compare-at-price"></span>
14418          </span>
14419        </div>
14420      
14421    </div>
14422  
14423</div>
14424
14425  
14426</product-price>
14427
14428
14429
14430
14431    
14432      <div class="pch-buy-bar">
14433        <button
14434          type="button"
14435          class="pch-buy-bar__btn"
14436          data-product-card-buy
14437          style="background-color: #ffcc00; color: #000000;"
14438        >
14439          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
14440</span>
14441          <span>Comprar ahora</span>
14442        </button>
14443      </div>
14444    
14445  </div>
14446</product-card>
14447
14448
14449
14450
14451
14452
14453
14454
14455
14456
14457
14458
14459
14460
14461
14462
14463            
14464          </li>
14465        
14466          <li
14467            id="template--22556826370305__main-9011784810753"
14468            class="product-grid__item product-grid__item--6"
14469            data-page="1"
14470            data-product-id="9011784810753"
14471            data-product-title="botas levitate 2.0 wp para hombre color negro"
14472            data-product-type="calzado"
14473            ref="cards[]"
14474          >
14475            
14476            
14477
14478
14479
14480
14481
14482<style data-shopify>
14483  
14484</style>
14485
14486
14487
14488<product-card
14489  class="product-card size-style"
14490  style="--size-style-width: ;--size-style-height: ;"
14491  data-product-id="9011784810753"
14492  data-product-title="Botas Levitate 2.0 WP para hombre color negro"
14493  data-product-vendor="CAT"
14494  data-product-type="CALZADO"
14495  data-product-variant-id="47562332078337"
14496  data-product-variant-title="7 / Negro"
14497  data-product-sku="30089211001"
14498  data-product-price-cents="9499500"
14499  data-product-url="/products/30089211-botas-levitate-2-0-wp-para-hombre-color-negro?variant=47562332078337"
14500  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-6"
14501  
14502  
14503  
14504>
14505  <a
14506    id="46181fdbf677827a11591e8c55204cdb"
14507    
14508      href="/products/30089211-botas-levitate-2-0-wp-para-hombre-color-negro?variant=47562332078337"
14509    
14510    class="product-card__link"
14511    ref="productCardLink"
14512  >
14513    <span class="visually-hidden">
14514      Botas Levitate 2.0 WP para hombre color negro
14515    </span>
14516  </a>
14517  <div
14518    class="
14519      product-card__content
14520      layout-panel-flex
14521      layout-panel-flex--column
14522      product-grid__card
14523      spacing-style
14524      border-style
14525      gap-style
14526      
14527    "
14528    style="
14529      --border-width: 1px; --border-style: none; --border-color:
14530rgb(var(--color-border-rgb) / 1.0); --border-radius:
145310px; 
14532
14533      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14534
14535
14536
14537--horizontal-alignment: ; --vertical-alignment: ;
14538--vertical-alignment-mobile: ;
14539
14540      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
14541      --product-card-gap: 4px;
14542      --quick-add-display: none;
14543      --quick-add-mobile-display: none;
14544      --quick-add-mobile-opacity: 0;
14545      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
14546      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
14547      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
14548      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
14549    "
14550  >
14551    
14552      <button
14553        type="button"
14554        class="adoc-card-wishlist-button"
14555        data-cat-wishlist-toggle
14556        data-product-id="9011784810753"
14557        data-product-variant-id="47562332078337"
14558        data-product-title="Botas Levitate 2.0 WP para hombre color negro"
14559        data-product-url="/products/30089211-botas-levitate-2-0-wp-para-hombre-color-negro?variant=47562332078337"
14560        data-product-image="//caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&width=600"
14561        data-product-price="₡ 94.995,00"
14562        aria-label="Agregar a favoritos"
14563        aria-pressed="false"
14564      >
14565        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
14566          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
14567        </svg>
14568      </button>
14569    
14570    
14571  
14572
14573
14574
14575
14576
14577
14578
14579<div
14580  ref="cardGallery"
14581  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-6 spacing-style border-style"
14582  style="
14583    --border-width: 1px; --border-style: none; --border-color:
14584rgb(var(--color-border-rgb) / 1.0); --border-radius:
145850px; 
14586
14587    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14588    --gallery-aspect-ratio: 1.0;
14589  "
14590  data-product-id="9011784810753"
14591  
14592    on:pointerenter="/previewImage"
14593    on:pointerleave="/resetImage"
14594  
14595  
14596  data-image-ratio="adapt"
14597  
14598>
14599    <a
14600      class="contents"
14601      ref="cardGalleryLink"
14602      href="/products/30089211-botas-levitate-2-0-wp-para-hombre-color-negro?variant=47562332078337"
14603      aria-label="Botas Levitate 2.0 WP para hombre color negro"
14604    >
14605      <slideshow-component
14606  
14607    ref="slideshow"
14608  
14609  
14610  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
14611  
14612  initial-slide="0"
14613  
14614  
14615    infinite
14616  
14617
14618  data-generic-media-size="4"
14619>
14620  
14621  <slideshow-container ref="slideshowContainer">
14622    
14623      <slideshow-arrows
14624  position="center"
14625  
14626><button
14627  class="
14628    slideshow-control slideshow-control--previous
14629    
14630    
14631    slideshow-control--style-arrow
14632    button button-unstyled button-unstyled--transparent
14633     flip-x
14634  "
14635  
14636  aria-label="Diapositiva anterior"
14637  
14638  on:click="/previous"
14639  ref="previous"
14640>
14641  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
14642</span>
14643</button>
14644
14645
14646<button
14647  class="
14648    slideshow-control slideshow-control--next
14649    
14650    
14651    slideshow-control--style-arrow
14652    button button-unstyled button-unstyled--transparent
14653    
14654  "
14655  
14656  aria-label="Siguiente diapositiva"
14657  
14658  on:click="/next"
14659  ref="next"
14660>
14661  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
14662</span>
14663</button>
14664
14665
14666</slideshow-arrows>
14667
14668
14669
14670    
14671    
14672    <slideshow-slides
14673      tabindex="-1"
14674      ref="scroller"
14675      
14676    >
14677      <slideshow-slide
14678  ref="slides[]"
14679  aria-hidden="false"
14680  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14681  
14682    class="product-media-container media-fit product-media-container--image"
14683  
14684  
14685  
14686  
14687    slide-id="38563252240641"
14688  
14689  
14690  
14691  
14692>
14693  
14694
14695<div
14696  class="product-media"
14697  style="--ratio: 1.0"
14698  data-media-id="38563252240641"
14699>
14700  
14701  <img src="//caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=3840" alt="Botas Levitate 2.0 WP para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089211-1.jpg?v=1769556003&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14702
14703  
14704</div>
14705
14706
14707
14708</slideshow-slide>
14709
14710
14711
14712<slideshow-slide
14713  ref="slides[]"
14714  aria-hidden="true"
14715  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14716  
14717    class="product-media-container media-fit product-media-container--image"
14718  
14719  
14720  
14721  
14722    slide-id="38563252273409"
14723  
14724  
14725  
14726  
14727>
14728  
14729
14730<div
14731  class="product-media"
14732  style="--ratio: 1.0"
14733  data-media-id="38563252273409"
14734>
14735  
14736  <img src="//caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=3840" alt="Botas Levitate 2.0 WP para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089211-2.jpg?v=1769556002&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14737
14738  
14739</div>
14740
14741
14742
14743</slideshow-slide>
14744
14745
14746
14747<slideshow-slide
14748  ref="slides[]"
14749  aria-hidden="true"
14750  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14751  
14752    class="product-media-container media-fit product-media-container--image"
14753  
14754  
14755  
14756  
14757    slide-id="38563252306177"
14758  
14759  
14760  
14761  
14762>
14763  
14764
14765<div
14766  class="product-media"
14767  style="--ratio: 1.0"
14768  data-media-id="38563252306177"
14769>
14770  
14771  <img src="//caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=3840" alt="Botas Levitate 2.0 WP para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089211-3.jpg?v=1769556003&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14772
14773  
14774</div>
14775
14776
14777
14778</slideshow-slide>
14779
14780
14781
14782<slideshow-slide
14783  ref="slides[]"
14784  aria-hidden="true"
14785  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14786  
14787    class="product-media-container media-fit product-media-container--image"
14788  
14789  
14790  
14791  
14792    slide-id="38563252338945"
14793  
14794  
14795  
14796  
14797>
14798  
14799
14800<div
14801  class="product-media"
14802  style="--ratio: 1.0"
14803  data-media-id="38563252338945"
14804>
14805  
14806  <img src="//caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=3840" alt="Botas Levitate 2.0 WP para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30089211-4.jpg?v=1769556003&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14807
14808  
14809</div>
14810
14811
14812
14813</slideshow-slide>
14814
14815
14816
14817
14818    </slideshow-slides>
14819  </slideshow-container>
14820  
14821</slideshow-component>
14822
14823
14824
14825
14826    </a>
14827  
14828  
14829    <div
14830      class="product-badges product-badges--top-left"
14831      style="
14832        --badge-border-radius: 0px;
14833        --badge-font-family: var(--font-body--family);
14833 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
14834      "
14835    ></div><product-card-hover class="pch-overlay">
14836      
14836<script type="application/json" class="pch-variants-json">[{"id":47562332078337,"title":"7 \/ Negro","option1":"7","option2":"Negro","option3":null,"sku":"30089211001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","options":["7","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669633","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47562332111105,"title":"8 \/ Negro","option1":"8","option2":"Negro","option3":null,"sku":"30089211002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","options":["8","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669657","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47562332143873,"title":"9 \/ Negro","option1":"9","option2":"Negro","option3":null,"sku":"30089211003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","options":["9","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669671","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47562332176641,"title":"10 \/ Negro","option1":"10","option2":"Negro","option3":null,"sku":"30089211004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","options":["10","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669695","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47562332209409,"title":"11 \/ Negro","option1":"11","option2":"Negro","option3":null,"sku":"30089211005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","options":["11","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669718","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47562332242177,"title":"12 \/ Negro","option1":"12","option2":"Negro","option3":null,"sku":"30089211006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Levitate 2.0 WP para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","options":["12","Negro"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004669732","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
14836
14837      
14837<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
14837
14838
14839      <div class="pch-backdrop" aria-hidden="true"></div>
14840
14841      <div class="pch-inner">
14842        <p class="pch-error" role="alert" hidden></p>
14843
14844        
14845
14846            <div class="pch-size-group" role="group" aria-label="Talla">
14847              
14848<button
14849                  type="button"
14850                  class="pch-size-btn"
14851                  data-option-name="Talla"
14852                  data-option-value="7"
14853                  aria-pressed="false"
14854                  aria-disabled="false"
14855                  
14856                >7</button>
14857              
14858<button
14859                  type="button"
14860                  class="pch-size-btn"
14861                  data-option-name="Talla"
14862                  data-option-value="8"
14863                  aria-pressed="false"
14864                  aria-disabled="false"
14865                  
14866                >8</button>
14867              
14868<button
14869                  type="button"
14870                  class="pch-size-btn"
14871                  data-option-name="Talla"
14872                  data-option-value="9"
14873                  aria-pressed="false"
14874                  aria-disabled="false"
14875                  
14876                >9</button>
14877              
14878<button
14879                  type="button"
14880                  class="pch-size-btn"
14881                  data-option-name="Talla"
14882                  data-option-value="10"
14883                  aria-pressed="false"
14884                  aria-disabled="false"
14885                  
14886                >10</button>
14887              
14888<button
14889                  type="button"
14890                  class="pch-size-btn"
14891                  data-option-name="Talla"
14892                  data-option-value="11"
14893                  aria-pressed="false"
14894                  aria-disabled="false"
14895                  
14896                >11</button>
14897              
14898<button
14899                  type="button"
14900                  class="pch-size-btn"
14901                  data-option-name="Talla"
14902                  data-option-value="12"
14903                  aria-pressed="false"
14904                  aria-disabled="false"
14905                  
14906                >12</button>
14907              
14908            </div>
14909          
14910        
14911
14912            <div class="pch-size-group" role="group" aria-label="Color">
14913              
14914<button
14915                  type="button"
14916                  class="pch-size-btn"
14917                  data-option-name="Color"
14918                  data-option-value="Negro"
14919                  aria-pressed="false"
14920                  aria-disabled="false"
14921                  
14922                >Negro</button>
14923              
14924            </div>
14925          
14926        
14927
14928        
14929
14930        
14931
14932        
14933
14934        <div class="pch-overlay-actions">
14935          <button
14936            type="button"
14937            class="pch-btn pch-btn--cart"
14938            data-product-card-add
14939            style="background-color: #000000; color: #FFFFFF;"
14940          >
14941            <span>Agregar al carrito</span>
14942            <span class="pch-btn__plus" aria-hidden="true">+</span>
14943          </button>
14944        </div>
14945      </div>
14946    </product-card-hover>
14947
14948    
14949  
14950
14951</div>
14952
14953
14954
14955
14956
14957<div class="product-grid-view-zoom-out--details">
14958  
14959    <h3 class="h4">Botas Levitate 2.0 WP para hombre color negro</h3>
14960  
14961</div>
14962
14963
14964
14965
14966<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
14966
14967
14968
14969
14970
14971
14972
14973
14974  
14975  <a
14976    class="contents user-select-text"
14977    ref="productTitleLink"
14978    href="/products/30089211-botas-levitate-2-0-wp-para-hombre-color-negro?variant=47562332078337"
14979  >
14980    
14981
14982
14983
14984
14985
14986
14987  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-6 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
14988    <p role="heading" aria-level="3">Botas Levitate 2.0 WP para hombre color negro</p>
14989  </div>
14990
14991
14992
14993
14994  </a>
14995
14996
14997
14998
14999
15000
15001<product-price
15002  class="text-block text-block--align-left text-left h6 spacing-style"
15003  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-6"
15004  data-product-id="9011784810753"
15005  style="
15006    
15007--color: var(--color-foreground);
15008    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15009    --width: 100%;
15010  "
15011  
15012>
15013  <div ref="priceContainer">
15014  
15015    
15016    <div
15017      class="
15018        price__regular
15019        
15020      "
15021    >
15022      <span class="price">₡ 94.995,00</span>
15023    </div>
15024    <div
15025      class="
15026        price__sale
15027        
15028          price__hidden
15029        
15030      "
15031    >
15032      
15033        <div class="price-sale__group">
15034          <span class="price-item__group">
15035            <span class="visually-hidden">Precio de oferta&nbsp;</span>
15036            <span class="price-item--sale price">₡ 94.995,00</span>
15037          </span>
15038          <span class="price-item__group">
15039            <span class="visually-hidden">Precio habitual&nbsp;</span>
15040            <span class="price-item--regular compare-at-price"></span>
15041          </span>
15042        </div>
15043      
15044    </div>
15045  
15046</div>
15047
15048  
15049</product-price>
15050
15051
15052
15053
15054    
15055      <div class="pch-buy-bar">
15056        <button
15057          type="button"
15058          class="pch-buy-bar__btn"
15059          data-product-card-buy
15060          style="background-color: #ffcc00; color: #000000;"
15061        >
15062          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
15063</span>
15064          <span>Comprar ahora</span>
15065        </button>
15066      </div>
15067    
15068  </div>
15069</product-card>
15070
15071
15072
15073
15074
15075
15076
15077
15078
15079
15080
15081
15082
15083
15084
15085
15086            
15087          </li>
15088        
15089          <li
15090            id="template--22556826370305__main-8980203110657"
15091            class="product-grid__item product-grid__item--7"
15092            data-page="1"
15093            data-product-id="8980203110657"
15094            data-product-title="botas threshold rebound mid wp para hombre color gris"
15095            data-product-type="calzado"
15096            ref="cards[]"
15097          >
15098            
15099            
15100
15101
15102
15103
15104
15105<style data-shopify>
15106  
15107</style>
15108
15109
15110
15111<product-card
15112  class="product-card size-style"
15113  style="--size-style-width: ;--size-style-height: ;"
15114  data-product-id="8980203110657"
15115  data-product-title="Botas Threshold Rebound Mid Wp para hombre color gris"
15116  data-product-vendor="CAT"
15117  data-product-type="CALZADO"
15118  data-product-variant-id="46991378907393"
15119  data-product-variant-title="7 / Gris"
15120  data-product-sku="30086779001"
15121  data-product-price-cents="9499500"
15122  data-product-url="/products/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=46991378907393"
15123  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-7"
15124  
15125  
15126  
15127>
15128  <a
15129    id="b57ccb622b28a0d3fb8dd82e68223d04"
15130    
15131      href="/products/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=46991378907393"
15132    
15133    class="product-card__link"
15134    ref="productCardLink"
15135  >
15136    <span class="visually-hidden">
15137      Botas Threshold Rebound Mid Wp para hombre color gris
15138    </span>
15139  </a>
15140  <div
15141    class="
15142      product-card__content
15143      layout-panel-flex
15144      layout-panel-flex--column
15145      product-grid__card
15146      spacing-style
15147      border-style
15148      gap-style
15149      
15150    "
15151    style="
15152      --border-width: 1px; --border-style: none; --border-color:
15153rgb(var(--color-border-rgb) / 1.0); --border-radius:
151540px; 
15155
15156      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15157
15158
15159
15160--horizontal-alignment: ; --vertical-alignment: ;
15161--vertical-alignment-mobile: ;
15162
15163      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
15164      --product-card-gap: 4px;
15165      --quick-add-display: none;
15166      --quick-add-mobile-display: none;
15167      --quick-add-mobile-opacity: 0;
15168      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
15169      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
15170      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
15171      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
15172    "
15173  >
15174    
15175      <button
15176        type="button"
15177        class="adoc-card-wishlist-button"
15178        data-cat-wishlist-toggle
15179        data-product-id="8980203110657"
15180        data-product-variant-id="46991378907393"
15181        data-product-title="Botas Threshold Rebound Mid Wp para hombre color gris"
15182        data-product-url="/products/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=46991378907393"
15183        data-product-image="//caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&width=600"
15184        data-product-price="₡ 94.995,00"
15185        aria-label="Agregar a favoritos"
15186        aria-pressed="false"
15187      >
15188        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
15189          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
15190        </svg>
15191      </button>
15192    
15193    
15194  
15195
15196
15197
15198
15199
15200
15201
15202<div
15203  ref="cardGallery"
15204  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-7 spacing-style border-style"
15205  style="
15206    --border-width: 1px; --border-style: none; --border-color:
15207rgb(var(--color-border-rgb) / 1.0); --border-radius:
152080px; 
15209
15210    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15211    --gallery-aspect-ratio: 1.0;
15212  "
15213  data-product-id="8980203110657"
15214  
15215    on:pointerenter="/previewImage"
15216    on:pointerleave="/resetImage"
15217  
15218  
15219  data-image-ratio="adapt"
15220  
15221>
15222    <a
15223      class="contents"
15224      ref="cardGalleryLink"
15225      href="/products/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=46991378907393"
15226      aria-label="Botas Threshold Rebound Mid Wp para hombre color gris"
15227    >
15228      <slideshow-component
15229  
15230    ref="slideshow"
15231  
15232  
15233  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
15234  
15235  initial-slide="0"
15236  
15237  
15238    infinite
15239  
15240
15241  data-generic-media-size="5"
15242>
15243  
15244  <slideshow-container ref="slideshowContainer">
15245    
15246      <slideshow-arrows
15247  position="center"
15248  
15249><button
15250  class="
15251    slideshow-control slideshow-control--previous
15252    
15253    
15254    slideshow-control--style-arrow
15255    button button-unstyled button-unstyled--transparent
15256     flip-x
15257  "
15258  
15259  aria-label="Diapositiva anterior"
15260  
15261  on:click="/previous"
15262  ref="previous"
15263>
15264  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
15265</span>
15266</button>
15267
15268
15269<button
15270  class="
15271    slideshow-control slideshow-control--next
15272    
15273    
15274    slideshow-control--style-arrow
15275    button button-unstyled button-unstyled--transparent
15276    
15277  "
15278  
15279  aria-label="Siguiente diapositiva"
15280  
15281  on:click="/next"
15282  ref="next"
15283>
15284  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
15285</span>
15286</button>
15287
15288
15289</slideshow-arrows>
15290
15291
15292
15293    
15294    
15295    <slideshow-slides
15296      tabindex="-1"
15297      ref="scroller"
15298      
15299    >
15300      <slideshow-slide
15301  ref="slides[]"
15302  aria-hidden="false"
15303  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15304  
15305    class="product-media-container media-fit product-media-container--image"
15306  
15307  
15308  
15309  
15310    slide-id="38257842290945"
15311  
15312  
15313  
15314  
15315>
15316  
15317
15318<div
15319  class="product-media"
15320  style="--ratio: 1.0"
15321  data-media-id="38257842290945"
15322>
15323  
15324  <img src="//caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=3840" alt="Botas Threshold Rebound Mid Wp para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086779-1.jpg?v=1765475713&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15325
15326  
15327</div>
15328
15329
15330
15331</slideshow-slide>
15332
15333
15334
15335<slideshow-slide
15336  ref="slides[]"
15337  aria-hidden="true"
15338  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15339  
15340    class="product-media-container media-fit product-media-container--image"
15341  
15342  
15343  
15344  
15345    slide-id="38257842323713"
15346  
15347  
15348  
15349  
15350>
15351  
15352
15353<div
15354  class="product-media"
15355  style="--ratio: 1.0"
15356  data-media-id="38257842323713"
15357>
15358  
15359  <img src="//caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=3840" alt="Botas Threshold Rebound Mid Wp para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086779-2.jpg?v=1765475714&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15360
15361  
15362</div>
15363
15364
15365
15366</slideshow-slide>
15367
15368
15369
15370<slideshow-slide
15371  ref="slides[]"
15372  aria-hidden="true"
15373  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15374  
15375    class="product-media-container media-fit product-media-container--image"
15376  
15377  
15378  
15379  
15380    slide-id="38257842356481"
15381  
15382  
15383  
15384  
15385>
15386  
15387
15388<div
15389  class="product-media"
15390  style="--ratio: 1.0"
15391  data-media-id="38257842356481"
15392>
15393  
15394  <img src="//caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=3840" alt="Botas Threshold Rebound Mid Wp para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086779-3.jpg?v=1765475713&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15395
15396  
15397</div>
15398
15399
15400
15401</slideshow-slide>
15402
15403
15404
15405<slideshow-slide
15406  ref="slides[]"
15407  aria-hidden="true"
15408  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15409  
15410    class="product-media-container media-fit product-media-container--image"
15411  
15412  
15413  
15414  
15415    slide-id="38257842389249"
15416  
15417  
15418  
15419  
15420>
15421  
15422
15423<div
15424  class="product-media"
15425  style="--ratio: 1.0"
15426  data-media-id="38257842389249"
15427>
15428  
15429  <img src="//caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=3840" alt="Botas Threshold Rebound Mid Wp para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086779-4.jpg?v=1765475713&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15430
15431  
15432</div>
15433
15434
15435
15436</slideshow-slide>
15437
15438
15439
15440<slideshow-slide
15441  ref="slides[]"
15442  aria-hidden="true"
15443  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15444  
15445    class="product-media-container media-fit product-media-container--image"
15446  
15447  
15448  
15449  
15450    slide-id="38257842422017"
15451  
15452  
15453  
15454  
15455>
15456  
15457
15458<div
15459  class="product-media"
15460  style="--ratio: 1.0"
15461  data-media-id="38257842422017"
15462>
15463  
15464  <img src="//caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=3840" alt="Botas Threshold Rebound Mid Wp para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086779-5.jpg?v=1765475713&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15465
15466  
15467</div>
15468
15469
15470
15471</slideshow-slide>
15472
15473
15474
15475
15476    </slideshow-slides>
15477  </slideshow-container>
15478  
15479</slideshow-component>
15480
15481
15482
15483
15484    </a>
15485  
15486  
15487    <div
15488      class="product-badges product-badges--top-left"
15489      style="
15490        --badge-border-radius: 0px;
15491        --badge-font-family: var(--font-body--family);
15491 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
15492      "
15493    ></div><product-card-hover class="pch-overlay">
15494      
15494<script type="application/json" class="pch-variants-json">[{"id":46991378907393,"title":"7 \/ Gris","option1":"7","option2":"Gris","option3":null,"sku":"30086779001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","options":["7","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482157","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46991378940161,"title":"8 \/ Gris","option1":"8","option2":"Gris","option3":null,"sku":"30086779002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","options":["8","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482171","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46991378972929,"title":"9 \/ Gris","option1":"9","option2":"Gris","option3":null,"sku":"30086779003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","options":["9","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482195","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46991379005697,"title":"10 \/ Gris","option1":"10","option2":"Gris","option3":null,"sku":"30086779004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","options":["10","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482218","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46991379038465,"title":"11 \/ Gris","option1":"11","option2":"Gris","option3":null,"sku":"30086779005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","options":["11","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482232","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46991379071233,"title":"12 \/ Gris","option1":"12","option2":"Gris","option3":null,"sku":"30086779006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid Wp para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","options":["12","Gris"],"price":9499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482256","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
15494
15495      
15495<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
15495
15496
15497      <div class="pch-backdrop" aria-hidden="true"></div>
15498
15499      <div class="pch-inner">
15500        <p class="pch-error" role="alert" hidden></p>
15501
15502        
15503
15504            <div class="pch-size-group" role="group" aria-label="Talla">
15505              
15506<button
15507                  type="button"
15508                  class="pch-size-btn"
15509                  data-option-name="Talla"
15510                  data-option-value="7"
15511                  aria-pressed="false"
15512                  aria-disabled="false"
15513                  
15514                >7</button>
15515              
15516<button
15517                  type="button"
15518                  class="pch-size-btn"
15519                  data-option-name="Talla"
15520                  data-option-value="8"
15521                  aria-pressed="false"
15522                  aria-disabled="false"
15523                  
15524                >8</button>
15525              
15526<button
15527                  type="button"
15528                  class="pch-size-btn"
15529                  data-option-name="Talla"
15530                  data-option-value="9"
15531                  aria-pressed="false"
15532                  aria-disabled="false"
15533                  
15534                >9</button>
15535              
15536<button
15537                  type="button"
15538                  class="pch-size-btn"
15539                  data-option-name="Talla"
15540                  data-option-value="10"
15541                  aria-pressed="false"
15542                  aria-disabled="false"
15543                  
15544                >10</button>
15545              
15546<button
15547                  type="button"
15548                  class="pch-size-btn"
15549                  data-option-name="Talla"
15550                  data-option-value="11"
15551                  aria-pressed="false"
15552                  aria-disabled="false"
15553                  
15554                >11</button>
15555              
15556<button
15557                  type="button"
15558                  class="pch-size-btn"
15559                  data-option-name="Talla"
15560                  data-option-value="12"
15561                  aria-pressed="false"
15562                  aria-disabled="false"
15563                  
15564                >12</button>
15565              
15566            </div>
15567          
15568        
15569
15570            <div class="pch-size-group" role="group" aria-label="Color">
15571              
15572<button
15573                  type="button"
15574                  class="pch-size-btn"
15575                  data-option-name="Color"
15576                  data-option-value="Gris"
15577                  aria-pressed="false"
15578                  aria-disabled="false"
15579                  
15580                >Gris</button>
15581              
15582            </div>
15583          
15584        
15585
15586        
15587
15588        
15589
15590        
15591
15592        <div class="pch-overlay-actions">
15593          <button
15594            type="button"
15595            class="pch-btn pch-btn--cart"
15596            data-product-card-add
15597            style="background-color: #000000; color: #FFFFFF;"
15598          >
15599            <span>Agregar al carrito</span>
15600            <span class="pch-btn__plus" aria-hidden="true">+</span>
15601          </button>
15602        </div>
15603      </div>
15604    </product-card-hover>
15605
15606    
15607  
15608
15609</div>
15610
15611
15612
15613
15614
15615<div class="product-grid-view-zoom-out--details">
15616  
15617    <h3 class="h4">Botas Threshold Rebound Mid Wp para hombre color gris</h3>
15618  
15619</div>
15620
15621
15622
15623
15624<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
15624
15625
15626
15627
15628
15629
15630
15631
15632  
15633  <a
15634    class="contents user-select-text"
15635    ref="productTitleLink"
15636    href="/products/30086779-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=46991378907393"
15637  >
15638    
15639
15640
15641
15642
15643
15644
15645  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-7 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
15646    <p role="heading" aria-level="3">Botas Threshold Rebound Mid Wp para hombre color gris</p>
15647  </div>
15648
15649
15650
15651
15652  </a>
15653
15654
15655
15656
15657
15658
15659<product-price
15660  class="text-block text-block--align-left text-left h6 spacing-style"
15661  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-7"
15662  data-product-id="8980203110657"
15663  style="
15664    
15665--color: var(--color-foreground);
15666    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15667    --width: 100%;
15668  "
15669  
15670>
15671  <div ref="priceContainer">
15672  
15673    
15674    <div
15675      class="
15676        price__regular
15677        
15678      "
15679    >
15680      <span class="price">₡ 94.995,00</span>
15681    </div>
15682    <div
15683      class="
15684        price__sale
15685        
15686          price__hidden
15687        
15688      "
15689    >
15690      
15691        <div class="price-sale__group">
15692          <span class="price-item__group">
15693            <span class="visually-hidden">Precio de oferta&nbsp;</span>
15694            <span class="price-item--sale price">₡ 94.995,00</span>
15695          </span>
15696          <span class="price-item__group">
15697            <span class="visually-hidden">Precio habitual&nbsp;</span>
15698            <span class="price-item--regular compare-at-price"></span>
15699          </span>
15700        </div>
15701      
15702    </div>
15703  
15704</div>
15705
15706  
15707</product-price>
15708
15709
15710
15711
15712    
15713      <div class="pch-buy-bar">
15714        <button
15715          type="button"
15716          class="pch-buy-bar__btn"
15717          data-product-card-buy
15718          style="background-color: #ffcc00; color: #000000;"
15719        >
15720          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
15721</span>
15722          <span>Comprar ahora</span>
15723        </button>
15724      </div>
15725    
15726  </div>
15727</product-card>
15728
15729
15730
15731
15732
15733
15734
15735
15736
15737
15738
15739
15740
15741
15742
15743
15744            
15745          </li>
15746        
15747          <li
15748            id="template--22556826370305__main-8935720616193"
15749            class="product-grid__item product-grid__item--8"
15750            data-page="1"
15751            data-product-id="8935720616193"
15752            data-product-title="botas jettison para hombre color negro"
15753            data-product-type="calzado"
15754            ref="cards[]"
15755          >
15756            
15757            
15758
15759
15760
15761
15762
15763<style data-shopify>
15764  
15765</style>
15766
15767
15768
15769<product-card
15770  class="product-card size-style"
15771  style="--size-style-width: ;--size-style-height: ;"
15772  data-product-id="8935720616193"
15773  data-product-title="Botas Jettison para hombre color negro"
15774  data-product-vendor="CAT"
15775  data-product-type="CALZADO"
15776  data-product-variant-id="46827466457345"
15777  data-product-variant-title="7 / Negro"
15778  data-product-sku="30088610001"
15779  data-product-price-cents="8999500"
15780  data-product-url="/products/30088610-botas-jettison-para-hombre-color-negro?variant=46827466457345"
15781  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-8"
15782  
15783  
15784  
15785>
15786  <a
15787    id="b46c365ae5e7286db28ce042f93e1756"
15788    
15789      href="/products/30088610-botas-jettison-para-hombre-color-negro?variant=46827466457345"
15790    
15791    class="product-card__link"
15792    ref="productCardLink"
15793  >
15794    <span class="visually-hidden">
15795      Botas Jettison para hombre color negro
15796    </span>
15797  </a>
15798  <div
15799    class="
15800      product-card__content
15801      layout-panel-flex
15802      layout-panel-flex--column
15803      product-grid__card
15804      spacing-style
15805      border-style
15806      gap-style
15807      
15808    "
15809    style="
15810      --border-width: 1px; --border-style: none; --border-color:
15811rgb(var(--color-border-rgb) / 1.0); --border-radius:
158120px; 
15813
15814      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15815
15816
15817
15818--horizontal-alignment: ; --vertical-alignment: ;
15819--vertical-alignment-mobile: ;
15820
15821      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
15822      --product-card-gap: 4px;
15823      --quick-add-display: none;
15824      --quick-add-mobile-display: none;
15825      --quick-add-mobile-opacity: 0;
15826      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
15827      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
15828      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
15829      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
15830    "
15831  >
15832    
15833      <button
15834        type="button"
15835        class="adoc-card-wishlist-button"
15836        data-cat-wishlist-toggle
15837        data-product-id="8935720616193"
15838        data-product-variant-id="46827466457345"
15839        data-product-title="Botas Jettison para hombre color negro"
15840        data-product-url="/products/30088610-botas-jettison-para-hombre-color-negro?variant=46827466457345"
15841        data-product-image="//caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&width=600"
15842        data-product-price="₡ 89.995,00"
15843        aria-label="Agregar a favoritos"
15844        aria-pressed="false"
15845      >
15846        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
15847          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
15848        </svg>
15849      </button>
15850    
15851    
15852  
15853
15854
15855
15856
15857
15858
15859
15860<div
15861  ref="cardGallery"
15862  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-8 spacing-style border-style"
15863  style="
15864    --border-width: 1px; --border-style: none; --border-color:
15865rgb(var(--color-border-rgb) / 1.0); --border-radius:
158660px; 
15867
15868    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15869    --gallery-aspect-ratio: 1.0;
15870  "
15871  data-product-id="8935720616193"
15872  
15873    on:pointerenter="/previewImage"
15874    on:pointerleave="/resetImage"
15875  
15876  
15877  data-image-ratio="adapt"
15878  
15879>
15880    <a
15881      class="contents"
15882      ref="cardGalleryLink"
15883      href="/products/30088610-botas-jettison-para-hombre-color-negro?variant=46827466457345"
15884      aria-label="Botas Jettison para hombre color negro"
15885    >
15886      <slideshow-component
15887  
15888    ref="slideshow"
15889  
15890  
15891  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
15892  
15893  initial-slide="0"
15894  
15895  
15896    infinite
15897  
15898
15899  data-generic-media-size="5"
15900>
15901  
15902  <slideshow-container ref="slideshowContainer">
15903    
15904      <slideshow-arrows
15905  position="center"
15906  
15907><button
15908  class="
15909    slideshow-control slideshow-control--previous
15910    
15911    
15912    slideshow-control--style-arrow
15913    button button-unstyled button-unstyled--transparent
15914     flip-x
15915  "
15916  
15917  aria-label="Diapositiva anterior"
15918  
15919  on:click="/previous"
15920  ref="previous"
15921>
15922  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
15923</span>
15924</button>
15925
15926
15927<button
15928  class="
15929    slideshow-control slideshow-control--next
15930    
15931    
15932    slideshow-control--style-arrow
15933    button button-unstyled button-unstyled--transparent
15934    
15935  "
15936  
15937  aria-label="Siguiente diapositiva"
15938  
15939  on:click="/next"
15940  ref="next"
15941>
15942  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
15943</span>
15944</button>
15945
15946
15947</slideshow-arrows>
15948
15949
15950
15951    
15952    
15953    <slideshow-slides
15954      tabindex="-1"
15955      ref="scroller"
15956      
15957    >
15958      <slideshow-slide
15959  ref="slides[]"
15960  aria-hidden="false"
15961  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15962  
15963    class="product-media-container media-fit product-media-container--image"
15964  
15965  
15966  
15967  
15968    slide-id="37872734568705"
15969  
15970  
15971  
15972  
15973>
15974  
15975
15976<div
15977  class="product-media"
15978  style="--ratio: 1.0"
15979  data-media-id="37872734568705"
15980>
15981  
15982  <img src="//caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=3840" alt="Botas Jettison para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30088610-1.jpg?v=1760660388&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
15983
15984  
15985</div>
15986
15987
15988
15989</slideshow-slide>
15990
15991
15992
15993<slideshow-slide
15994  ref="slides[]"
15995  aria-hidden="true"
15996  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
15997  
15998    class="product-media-container media-fit product-media-container--image"
15999  
16000  
16001  
16002  
16003    slide-id="37872734601473"
16004  
16005  
16006  
16007  
16008>
16009  
16010
16011<div
16012  class="product-media"
16013  style="--ratio: 1.0"
16014  data-media-id="37872734601473"
16015>
16016  
16017  <img src="//caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=3840" alt="Botas Jettison para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30088610-2.jpg?v=1760660388&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16018
16019  
16020</div>
16021
16022
16023
16024</slideshow-slide>
16025
16026
16027
16028<slideshow-slide
16029  ref="slides[]"
16030  aria-hidden="true"
16031  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16032  
16033    class="product-media-container media-fit product-media-container--image"
16034  
16035  
16036  
16037  
16038    slide-id="37872734634241"
16039  
16040  
16041  
16042  
16043>
16044  
16045
16046<div
16047  class="product-media"
16048  style="--ratio: 1.0"
16049  data-media-id="37872734634241"
16050>
16051  
16052  <img src="//caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=3840" alt="Botas Jettison para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30088610-3.jpg?v=1760660388&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16053
16054  
16055</div>
16056
16057
16058
16059</slideshow-slide>
16060
16061
16062
16063<slideshow-slide
16064  ref="slides[]"
16065  aria-hidden="true"
16066  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16067  
16068    class="product-media-container media-fit product-media-container--image"
16069  
16070  
16071  
16072  
16073    slide-id="37872734667009"
16074  
16075  
16076  
16077  
16078>
16079  
16080
16081<div
16082  class="product-media"
16083  style="--ratio: 1.0"
16084  data-media-id="37872734667009"
16085>
16086  
16087  <img src="//caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=3840" alt="Botas Jettison para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30088610-5.jpg?v=1760660388&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16088
16089  
16090</div>
16091
16092
16093
16094</slideshow-slide>
16095
16096
16097
16098<slideshow-slide
16099  ref="slides[]"
16100  aria-hidden="true"
16101  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16102  
16103    class="product-media-container media-fit product-media-container--image"
16104  
16105  
16106  
16107  
16108    slide-id="37872734699777"
16109  
16110  
16111  
16112  
16113>
16114  
16115
16116<div
16117  class="product-media"
16118  style="--ratio: 1.0"
16119  data-media-id="37872734699777"
16120>
16121  
16122  <img src="//caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=3840" alt="Botas Jettison para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30088610-4.jpg?v=1760660388&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16123
16124  
16125</div>
16126
16127
16128
16129</slideshow-slide>
16130
16131
16132
16133
16134    </slideshow-slides>
16135  </slideshow-container>
16136  
16137</slideshow-component>
16138
16139
16140
16141
16142    </a>
16143  
16144  
16145    <div
16146      class="product-badges product-badges--top-left"
16147      style="
16148        --badge-border-radius: 0px;
16149        --badge-font-family: var(--font-body--family);
16149 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
16150      "
16151    ></div><product-card-hover class="pch-overlay">
16152      
16152<script type="application/json" class="pch-variants-json">[{"id":46827466457345,"title":"7 \/ Negro","option1":"7","option2":"Negro","option3":null,"sku":"30088610001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 7 \/ Negro","public_title":"7 \/ Negro","options":["7","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610710","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46827466490113,"title":"8 \/ Negro","option1":"8","option2":"Negro","option3":null,"sku":"30088610002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 8 \/ Negro","public_title":"8 \/ Negro","options":["8","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610734","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46827466522881,"title":"9 \/ Negro","option1":"9","option2":"Negro","option3":null,"sku":"30088610003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 9 \/ Negro","public_title":"9 \/ Negro","options":["9","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610758","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46827466555649,"title":"10 \/ Negro","option1":"10","option2":"Negro","option3":null,"sku":"30088610004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 10 \/ Negro","public_title":"10 \/ Negro","options":["10","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610772","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46827466588417,"title":"11 \/ Negro","option1":"11","option2":"Negro","option3":null,"sku":"30088610005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 11 \/ Negro","public_title":"11 \/ Negro","options":["11","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610796","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46827466621185,"title":"12 \/ Negro","option1":"12","option2":"Negro","option3":null,"sku":"30088610006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Jettison para hombre color negro - 12 \/ Negro","public_title":"12 \/ Negro","options":["12","Negro"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004610819","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
16152
16153      
16153<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
16153
16154
16155      <div class="pch-backdrop" aria-hidden="true"></div>
16156
16157      <div class="pch-inner">
16158        <p class="pch-error" role="alert" hidden></p>
16159
16160        
16161
16162            <div class="pch-size-group" role="group" aria-label="Talla">
16163              
16164<button
16165                  type="button"
16166                  class="pch-size-btn"
16167                  data-option-name="Talla"
16168                  data-option-value="7"
16169                  aria-pressed="false"
16170                  aria-disabled="false"
16171                  
16172                >7</button>
16173              
16174<button
16175                  type="button"
16176                  class="pch-size-btn"
16177                  data-option-name="Talla"
16178                  data-option-value="8"
16179                  aria-pressed="false"
16180                  aria-disabled="false"
16181                  
16182                >8</button>
16183              
16184<button
16185                  type="button"
16186                  class="pch-size-btn"
16187                  data-option-name="Talla"
16188                  data-option-value="9"
16189                  aria-pressed="false"
16190                  aria-disabled="false"
16191                  
16192                >9</button>
16193              
16194<button
16195                  type="button"
16196                  class="pch-size-btn"
16197                  data-option-name="Talla"
16198                  data-option-value="10"
16199                  aria-pressed="false"
16200                  aria-disabled="false"
16201                  
16202                >10</button>
16203              
16204<button
16205                  type="button"
16206                  class="pch-size-btn"
16207                  data-option-name="Talla"
16208                  data-option-value="11"
16209                  aria-pressed="false"
16210                  aria-disabled="false"
16211                  
16212                >11</button>
16213              
16214<button
16215                  type="button"
16216                  class="pch-size-btn"
16217                  data-option-name="Talla"
16218                  data-option-value="12"
16219                  aria-pressed="false"
16220                  aria-disabled="false"
16221                  
16222                >12</button>
16223              
16224            </div>
16225          
16226        
16227
16228            <div class="pch-size-group" role="group" aria-label="Color">
16229              
16230<button
16231                  type="button"
16232                  class="pch-size-btn"
16233                  data-option-name="Color"
16234                  data-option-value="Negro"
16235                  aria-pressed="false"
16236                  aria-disabled="false"
16237                  
16238                >Negro</button>
16239              
16240            </div>
16241          
16242        
16243
16244        
16245
16246        
16247
16248        
16249
16250        <div class="pch-overlay-actions">
16251          <button
16252            type="button"
16253            class="pch-btn pch-btn--cart"
16254            data-product-card-add
16255            style="background-color: #000000; color: #FFFFFF;"
16256          >
16257            <span>Agregar al carrito</span>
16258            <span class="pch-btn__plus" aria-hidden="true">+</span>
16259          </button>
16260        </div>
16261      </div>
16262    </product-card-hover>
16263
16264    
16265  
16266
16267</div>
16268
16269
16270
16271
16272
16273<div class="product-grid-view-zoom-out--details">
16274  
16275    <h3 class="h4">Botas Jettison para hombre color negro</h3>
16276  
16277</div>
16278
16279
16280
16281
16282<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
16282
16283
16284
16285
16286
16287
16288
16289
16290  
16291  <a
16292    class="contents user-select-text"
16293    ref="productTitleLink"
16294    href="/products/30088610-botas-jettison-para-hombre-color-negro?variant=46827466457345"
16295  >
16296    
16297
16298
16299
16300
16301
16302
16303  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-8 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
16304    <p role="heading" aria-level="3">Botas Jettison para hombre color negro</p>
16305  </div>
16306
16307
16308
16309
16310  </a>
16311
16312
16313
16314
16315
16316
16317<product-price
16318  class="text-block text-block--align-left text-left h6 spacing-style"
16319  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-8"
16320  data-product-id="8935720616193"
16321  style="
16322    
16323--color: var(--color-foreground);
16324    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16325    --width: 100%;
16326  "
16327  
16328>
16329  <div ref="priceContainer">
16330  
16331    
16332    <div
16333      class="
16334        price__regular
16335        
16336      "
16337    >
16338      <span class="price">₡ 89.995,00</span>
16339    </div>
16340    <div
16341      class="
16342        price__sale
16343        
16344          price__hidden
16345        
16346      "
16347    >
16348      
16349        <div class="price-sale__group">
16350          <span class="price-item__group">
16351            <span class="visually-hidden">Precio de oferta&nbsp;</span>
16352            <span class="price-item--sale price">₡ 89.995,00</span>
16353          </span>
16354          <span class="price-item__group">
16355            <span class="visually-hidden">Precio habitual&nbsp;</span>
16356            <span class="price-item--regular compare-at-price"></span>
16357          </span>
16358        </div>
16359      
16360    </div>
16361  
16362</div>
16363
16364  
16365</product-price>
16366
16367
16368
16369
16370    
16371      <div class="pch-buy-bar">
16372        <button
16373          type="button"
16374          class="pch-buy-bar__btn"
16375          data-product-card-buy
16376          style="background-color: #ffcc00; color: #000000;"
16377        >
16378          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
16379</span>
16380          <span>Comprar ahora</span>
16381        </button>
16382      </div>
16383    
16384  </div>
16385</product-card>
16386
16387
16388
16389
16390
16391
16392
16393
16394
16395
16396
16397
16398
16399
16400
16401
16402            
16403          </li>
16404        
16405          <li
16406            id="template--22556826370305__main-8918658187521"
16407            class="product-grid__item product-grid__item--9"
16408            data-page="1"
16409            data-product-id="8918658187521"
16410            data-product-title="botas threshold rebound hiker wp para hombre color café"
16411            data-product-type="calzado"
16412            ref="cards[]"
16413          >
16414            
16415            
16416
16417
16418
16419
16420
16421<style data-shopify>
16422  
16423</style>
16424
16425
16426
16427<product-card
16428  class="product-card size-style"
16429  style="--size-style-width: ;--size-style-height: ;"
16430  data-product-id="8918658187521"
16431  data-product-title="Botas Threshold Rebound Hiker WP para hombre color café"
16432  data-product-vendor="CAT"
16433  data-product-type="CALZADO"
16434  data-product-variant-id="46762235134209"
16435  data-product-variant-title="7 / Café"
16436  data-product-sku="30086764001"
16437  data-product-price-cents="10499500"
16438  data-product-url="/products/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe?variant=46762235134209"
16439  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-9"
16440  
16441  
16442  
16443>
16444  <a
16445    id="2ce70c1d3f31e4bf782edbf2b096c9ee"
16446    
16447      href="/products/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe?variant=46762235134209"
16448    
16449    class="product-card__link"
16450    ref="productCardLink"
16451  >
16452    <span class="visually-hidden">
16453      Botas Threshold Rebound Hiker WP para hombre color café
16454    </span>
16455  </a>
16456  <div
16457    class="
16458      product-card__content
16459      layout-panel-flex
16460      layout-panel-flex--column
16461      product-grid__card
16462      spacing-style
16463      border-style
16464      gap-style
16465      
16466    "
16467    style="
16468      --border-width: 1px; --border-style: none; --border-color:
16469rgb(var(--color-border-rgb) / 1.0); --border-radius:
164700px; 
16471
16472      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
16473
16474
16475
16476--horizontal-alignment: ; --vertical-alignment: ;
16477--vertical-alignment-mobile: ;
16478
16479      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
16480      --product-card-gap: 4px;
16481      --quick-add-display: none;
16482      --quick-add-mobile-display: none;
16483      --quick-add-mobile-opacity: 0;
16484      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
16485      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
16486      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
16487      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
16488    "
16489  >
16490    
16491      <button
16492        type="button"
16493        class="adoc-card-wishlist-button"
16494        data-cat-wishlist-toggle
16495        data-product-id="8918658187521"
16496        data-product-variant-id="46762235134209"
16497        data-product-title="Botas Threshold Rebound Hiker WP para hombre color café"
16498        data-product-url="/products/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe?variant=46762235134209"
16499        data-product-image="//caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&width=600"
16500        data-product-price="₡ 104.995,00"
16501        aria-label="Agregar a favoritos"
16502        aria-pressed="false"
16503      >
16504        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
16505          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
16506        </svg>
16507      </button>
16508    
16509    
16510  
16511
16512
16513
16514
16515
16516
16517
16518<div
16519  ref="cardGallery"
16520  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-9 spacing-style border-style"
16521  style="
16522    --border-width: 1px; --border-style: none; --border-color:
16523rgb(var(--color-border-rgb) / 1.0); --border-radius:
165240px; 
16525
16526    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16527    --gallery-aspect-ratio: 1.0;
16528  "
16529  data-product-id="8918658187521"
16530  
16531    on:pointerenter="/previewImage"
16532    on:pointerleave="/resetImage"
16533  
16534  
16535  data-image-ratio="adapt"
16536  
16537>
16538    <a
16539      class="contents"
16540      ref="cardGalleryLink"
16541      href="/products/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe?variant=46762235134209"
16542      aria-label="Botas Threshold Rebound Hiker WP para hombre color café"
16543    >
16544      <slideshow-component
16545  
16546    ref="slideshow"
16547  
16548  
16549  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
16550  
16551  initial-slide="0"
16552  
16553  
16554    infinite
16555  
16556
16557  data-generic-media-size="5"
16558>
16559  
16560  <slideshow-container ref="slideshowContainer">
16561    
16562      <slideshow-arrows
16563  position="center"
16564  
16565><button
16566  class="
16567    slideshow-control slideshow-control--previous
16568    
16569    
16570    slideshow-control--style-arrow
16571    button button-unstyled button-unstyled--transparent
16572     flip-x
16573  "
16574  
16575  aria-label="Diapositiva anterior"
16576  
16577  on:click="/previous"
16578  ref="previous"
16579>
16580  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
16581</span>
16582</button>
16583
16584
16585<button
16586  class="
16587    slideshow-control slideshow-control--next
16588    
16589    
16590    slideshow-control--style-arrow
16591    button button-unstyled button-unstyled--transparent
16592    
16593  "
16594  
16595  aria-label="Siguiente diapositiva"
16596  
16597  on:click="/next"
16598  ref="next"
16599>
16600  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
16601</span>
16602</button>
16603
16604
16605</slideshow-arrows>
16606
16607
16608
16609    
16610    
16611    <slideshow-slides
16612      tabindex="-1"
16613      ref="scroller"
16614      
16615    >
16616      <slideshow-slide
16617  ref="slides[]"
16618  aria-hidden="false"
16619  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16620  
16621    class="product-media-container media-fit product-media-container--image"
16622  
16623  
16624  
16625  
16626    slide-id="37762699526401"
16627  
16628  
16629  
16630  
16631>
16632  
16633
16634<div
16635  class="product-media"
16636  style="--ratio: 1.0"
16637  data-media-id="37762699526401"
16638>
16639  
16640  <img src="//caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086764-1_eeb76206-4973-45d4-aed2-b0d247a2affc.jpg?v=1758639624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16641
16642  
16643</div>
16644
16645
16646
16647</slideshow-slide>
16648
16649
16650
16651<slideshow-slide
16652  ref="slides[]"
16653  aria-hidden="true"
16654  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16655  
16656    class="product-media-container media-fit product-media-container--image"
16657  
16658  
16659  
16660  
16661    slide-id="37762699559169"
16662  
16663  
16664  
16665  
16666>
16667  
16668
16669<div
16670  class="product-media"
16671  style="--ratio: 1.0"
16672  data-media-id="37762699559169"
16673>
16674  
16675  <img src="//caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086764-2_62d571a9-7acc-4372-bb03-e0c665bae0be.jpg?v=1758639624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16676
16677  
16678</div>
16679
16680
16681
16682</slideshow-slide>
16683
16684
16685
16686<slideshow-slide
16687  ref="slides[]"
16688  aria-hidden="true"
16689  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16690  
16691    class="product-media-container media-fit product-media-container--image"
16692  
16693  
16694  
16695  
16696    slide-id="37762699591937"
16697  
16698  
16699  
16700  
16701>
16702  
16703
16704<div
16705  class="product-media"
16706  style="--ratio: 1.0"
16707  data-media-id="37762699591937"
16708>
16709  
16710  <img src="//caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086764-3_754301cf-7145-4c1b-b298-00c44405f527.jpg?v=1758639624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16711
16712  
16713</div>
16714
16715
16716
16717</slideshow-slide>
16718
16719
16720
16721<slideshow-slide
16722  ref="slides[]"
16723  aria-hidden="true"
16724  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16725  
16726    class="product-media-container media-fit product-media-container--image"
16727  
16728  
16729  
16730  
16731    slide-id="37762699624705"
16732  
16733  
16734  
16735  
16736>
16737  
16738
16739<div
16740  class="product-media"
16741  style="--ratio: 1.0"
16742  data-media-id="37762699624705"
16743>
16744  
16745  <img src="//caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086764-4_e05a9469-d87e-4d86-a462-f145222fb142.jpg?v=1758639624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16746
16747  
16748</div>
16749
16750
16751
16752</slideshow-slide>
16753
16754
16755
16756<slideshow-slide
16757  ref="slides[]"
16758  aria-hidden="true"
16759  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
16760  
16761    class="product-media-container media-fit product-media-container--image"
16762  
16763  
16764  
16765  
16766    slide-id="37762699657473"
16767  
16768  
16769  
16770  
16771>
16772  
16773
16774<div
16775  class="product-media"
16776  style="--ratio: 1.0"
16777  data-media-id="37762699657473"
16778>
16779  
16780  <img src="//caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086764-5_110f3a62-a4bc-4241-96fd-d1b1ccd833dd.jpg?v=1758639624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
16781
16782  
16783</div>
16784
16785
16786
16787</slideshow-slide>
16788
16789
16790
16791
16792    </slideshow-slides>
16793  </slideshow-container>
16794  
16795</slideshow-component>
16796
16797
16798
16799
16800    </a>
16801  
16802  
16803    <div
16804      class="product-badges product-badges--top-left"
16805      style="
16806        --badge-border-radius: 0px;
16807        --badge-font-family: var(--font-body--family);
16807 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
16808      "
16809    ></div><product-card-hover class="pch-overlay">
16810      
16810<script type="application/json" class="pch-variants-json">[{"id":46762235134209,"title":"7 \/ Café","option1":"7","option2":"Café","option3":null,"sku":"30086764001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 7 \/ Café","public_title":"7 \/ Café","options":["7","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004480597","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762235166977,"title":"8 \/ Café","option1":"8","option2":"Café","option3":null,"sku":"30086764002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 8 \/ Café","public_title":"8 \/ Café","options":["8","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004480610","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762235199745,"title":"9 \/ Café","option1":"9","option2":"Café","option3":null,"sku":"30086764003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 9 \/ Café","public_title":"9 \/ Café","options":["9","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004480634","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762235232513,"title":"10 \/ Café","option1":"10","option2":"Café","option3":null,"sku":"30086764004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 10 \/ Café","public_title":"10 \/ Café","options":["10","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004480658","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762235265281,"title":"11 \/ Café","option1":"11","option2":"Café","option3":null,"sku":"30086764005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 11 \/ Café","public_title":"11 \/ Café","options":["11","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004480672","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762235298049,"title":"12 \/ Café","option1":"12","option2":"Café","option3":null,"sku":"30086764006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color café - 12 \/ Café","public_title":"12 \/ Café","options":["12","Café"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2090001105253","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
16810
16811      
16811<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
16811
16812
16813      <div class="pch-backdrop" aria-hidden="true"></div>
16814
16815      <div class="pch-inner">
16816        <p class="pch-error" role="alert" hidden></p>
16817
16818        
16819
16820            <div class="pch-size-group" role="group" aria-label="Talla">
16821              
16822<button
16823                  type="button"
16824                  class="pch-size-btn"
16825                  data-option-name="Talla"
16826                  data-option-value="7"
16827                  aria-pressed="false"
16828                  aria-disabled="false"
16829                  
16830                >7</button>
16831              
16832<button
16833                  type="button"
16834                  class="pch-size-btn"
16835                  data-option-name="Talla"
16836                  data-option-value="8"
16837                  aria-pressed="false"
16838                  aria-disabled="false"
16839                  
16840                >8</button>
16841              
16842<button
16843                  type="button"
16844                  class="pch-size-btn"
16845                  data-option-name="Talla"
16846                  data-option-value="9"
16847                  aria-pressed="false"
16848                  aria-disabled="false"
16849                  
16850                >9</button>
16851              
16852<button
16853                  type="button"
16854                  class="pch-size-btn"
16855                  data-option-name="Talla"
16856                  data-option-value="10"
16857                  aria-pressed="false"
16858                  aria-disabled="false"
16859                  
16860                >10</button>
16861              
16862<button
16863                  type="button"
16864                  class="pch-size-btn"
16865                  data-option-name="Talla"
16866                  data-option-value="11"
16867                  aria-pressed="false"
16868                  aria-disabled="false"
16869                  
16870                >11</button>
16871              
16872<button
16873                  type="button"
16874                  class="pch-size-btn"
16875                  data-option-name="Talla"
16876                  data-option-value="12"
16877                  aria-pressed="false"
16878                  aria-disabled="false"
16879                  
16880                >12</button>
16881              
16882            </div>
16883          
16884        
16885
16886            <div class="pch-size-group" role="group" aria-label="Color">
16887              
16888<button
16889                  type="button"
16890                  class="pch-size-btn"
16891                  data-option-name="Color"
16892                  data-option-value="Café"
16893                  aria-pressed="false"
16894                  aria-disabled="false"
16895                  
16896                >Café</button>
16897              
16898            </div>
16899          
16900        
16901
16902        
16903
16904        
16905
16906        
16907
16908        <div class="pch-overlay-actions">
16909          <button
16910            type="button"
16911            class="pch-btn pch-btn--cart"
16912            data-product-card-add
16913            style="background-color: #000000; color: #FFFFFF;"
16914          >
16915            <span>Agregar al carrito</span>
16916            <span class="pch-btn__plus" aria-hidden="true">+</span>
16917          </button>
16918        </div>
16919      </div>
16920    </product-card-hover>
16921
16922    
16923  
16924
16925</div>
16926
16927
16928
16929
16930
16931<div class="product-grid-view-zoom-out--details">
16932  
16933    <h3 class="h4">Botas Threshold Rebound Hiker WP para hombre color café</h3>
16934  
16935</div>
16936
16937
16938
16939
16940<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
16940
16941
16942
16943
16944
16945
16946
16947
16948  
16949  <a
16950    class="contents user-select-text"
16951    ref="productTitleLink"
16952    href="/products/30086764-botas-threshold-rebound-hiker-wp-para-hombre-color-cafe?variant=46762235134209"
16953  >
16954    
16955
16956
16957
16958
16959
16960
16961  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-9 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
16962    <p role="heading" aria-level="3">Botas Threshold Rebound Hiker WP para hombre color café</p>
16963  </div>
16964
16965
16966
16967
16968  </a>
16969
16970
16971
16972
16973
16974
16975<product-price
16976  class="text-block text-block--align-left text-left h6 spacing-style"
16977  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-9"
16978  data-product-id="8918658187521"
16979  style="
16980    
16981--color: var(--color-foreground);
16982    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
16983    --width: 100%;
16984  "
16985  
16986>
16987  <div ref="priceContainer">
16988  
16989    
16990    <div
16991      class="
16992        price__regular
16993        
16994      "
16995    >
16996      <span class="price">₡ 104.995,00</span>
16997    </div>
16998    <div
16999      class="
17000        price__sale
17001        
17002          price__hidden
17003        
17004      "
17005    >
17006      
17007        <div class="price-sale__group">
17008          <span class="price-item__group">
17009            <span class="visually-hidden">Precio de oferta&nbsp;</span>
17010            <span class="price-item--sale price">₡ 104.995,00</span>
17011          </span>
17012          <span class="price-item__group">
17013            <span class="visually-hidden">Precio habitual&nbsp;</span>
17014            <span class="price-item--regular compare-at-price"></span>
17015          </span>
17016        </div>
17017      
17018    </div>
17019  
17020</div>
17021
17022  
17023</product-price>
17024
17025
17026
17027
17028    
17029      <div class="pch-buy-bar">
17030        <button
17031          type="button"
17032          class="pch-buy-bar__btn"
17033          data-product-card-buy
17034          style="background-color: #ffcc00; color: #000000;"
17035        >
17036          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17037</span>
17038          <span>Comprar ahora</span>
17039        </button>
17040      </div>
17041    
17042  </div>
17043</product-card>
17044
17045
17046
17047
17048
17049
17050
17051
17052
17053
17054
17055
17056
17057
17058
17059
17060            
17061          </li>
17062        
17063          <li
17064            id="template--22556826370305__main-8918657663233"
17065            class="product-grid__item product-grid__item--10"
17066            data-page="1"
17067            data-product-id="8918657663233"
17068            data-product-title="botas pursue wp para hombre color café"
17069            data-product-type="calzado"
17070            ref="cards[]"
17071          >
17072            
17073            
17074
17075
17076
17077
17078
17079<style data-shopify>
17080  
17081</style>
17082
17083
17084
17085<product-card
17086  class="product-card size-style"
17087  style="--size-style-width: ;--size-style-height: ;"
17088  data-product-id="8918657663233"
17089  data-product-title="Botas Pursue WP para hombre color café"
17090  data-product-vendor="CAT"
17091  data-product-type="CALZADO"
17092  data-product-variant-id="46762232676609"
17093  data-product-variant-title="10 / Café"
17094  data-product-sku="30086777004"
17095  data-product-price-cents="8999500"
17096  data-product-url="/products/30086777-botas-pursue-wp-para-hombre-color-cafe?variant=46762232676609"
17097  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-10"
17098  
17099  
17100  
17101>
17102  <a
17103    id="ed61b82e597b7d7e63652986ae25fa39"
17104    
17105      href="/products/30086777-botas-pursue-wp-para-hombre-color-cafe?variant=46762232676609"
17106    
17107    class="product-card__link"
17108    ref="productCardLink"
17109  >
17110    <span class="visually-hidden">
17111      Botas Pursue WP para hombre color café
17112    </span>
17113  </a>
17114  <div
17115    class="
17116      product-card__content
17117      layout-panel-flex
17118      layout-panel-flex--column
17119      product-grid__card
17120      spacing-style
17121      border-style
17122      gap-style
17123      
17124    "
17125    style="
17126      --border-width: 1px; --border-style: none; --border-color:
17127rgb(var(--color-border-rgb) / 1.0); --border-radius:
171280px; 
17129
17130      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17131
17132
17133
17134--horizontal-alignment: ; --vertical-alignment: ;
17135--vertical-alignment-mobile: ;
17136
17137      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
17138      --product-card-gap: 4px;
17139      --quick-add-display: none;
17140      --quick-add-mobile-display: none;
17141      --quick-add-mobile-opacity: 0;
17142      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
17143      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
17144      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
17145      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
17146    "
17147  >
17148    
17149      <button
17150        type="button"
17151        class="adoc-card-wishlist-button"
17152        data-cat-wishlist-toggle
17153        data-product-id="8918657663233"
17154        data-product-variant-id="46762232676609"
17155        data-product-title="Botas Pursue WP para hombre color café"
17156        data-product-url="/products/30086777-botas-pursue-wp-para-hombre-color-cafe?variant=46762232676609"
17157        data-product-image="//caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&width=600"
17158        data-product-price="₡ 89.995,00"
17159        aria-label="Agregar a favoritos"
17160        aria-pressed="false"
17161      >
17162        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
17163          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
17164        </svg>
17165      </button>
17166    
17167    
17168  
17169
17170
17171
17172
17173
17174
17175
17176<div
17177  ref="cardGallery"
17178  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-10 spacing-style border-style"
17179  style="
17180    --border-width: 1px; --border-style: none; --border-color:
17181rgb(var(--color-border-rgb) / 1.0); --border-radius:
171820px; 
17183
17184    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17185    --gallery-aspect-ratio: 1.0;
17186  "
17187  data-product-id="8918657663233"
17188  
17189    on:pointerenter="/previewImage"
17190    on:pointerleave="/resetImage"
17191  
17192  
17193  data-image-ratio="adapt"
17194  
17195>
17196    <a
17197      class="contents"
17198      ref="cardGalleryLink"
17199      href="/products/30086777-botas-pursue-wp-para-hombre-color-cafe?variant=46762232676609"
17200      aria-label="Botas Pursue WP para hombre color café"
17201    >
17202      <slideshow-component
17203  
17204    ref="slideshow"
17205  
17206  
17207  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
17208  
17209  initial-slide="0"
17210  
17211  
17212    infinite
17213  
17214
17215  data-generic-media-size="4"
17216>
17217  
17218  <slideshow-container ref="slideshowContainer">
17219    
17220      <slideshow-arrows
17221  position="center"
17222  
17223><button
17224  class="
17225    slideshow-control slideshow-control--previous
17226    
17227    
17228    slideshow-control--style-arrow
17229    button button-unstyled button-unstyled--transparent
17230     flip-x
17231  "
17232  
17233  aria-label="Diapositiva anterior"
17234  
17235  on:click="/previous"
17236  ref="previous"
17237>
17238  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
17239</span>
17240</button>
17241
17242
17243<button
17244  class="
17245    slideshow-control slideshow-control--next
17246    
17247    
17248    slideshow-control--style-arrow
17249    button button-unstyled button-unstyled--transparent
17250    
17251  "
17252  
17253  aria-label="Siguiente diapositiva"
17254  
17255  on:click="/next"
17256  ref="next"
17257>
17258  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
17259</span>
17260</button>
17261
17262
17263</slideshow-arrows>
17264
17265
17266
17267    
17268    
17269    <slideshow-slides
17270      tabindex="-1"
17271      ref="scroller"
17272      
17273    >
17274      <slideshow-slide
17275  ref="slides[]"
17276  aria-hidden="false"
17277  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17278  
17279    class="product-media-container media-fit product-media-container--image"
17280  
17281  
17282  
17283  
17284    slide-id="37762697232641"
17285  
17286  
17287  
17288  
17289>
17290  
17291
17292<div
17293  class="product-media"
17294  style="--ratio: 1.0"
17295  data-media-id="37762697232641"
17296>
17297  
17298  <img src="//caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=3840" alt="Botas Pursue WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086777-1.jpg?v=1758639603&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17299
17300  
17301</div>
17302
17303
17304
17305</slideshow-slide>
17306
17307
17308
17309<slideshow-slide
17310  ref="slides[]"
17311  aria-hidden="true"
17312  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17313  
17314    class="product-media-container media-fit product-media-container--image"
17315  
17316  
17317  
17318  
17319    slide-id="37762697265409"
17320  
17321  
17322  
17323  
17324>
17325  
17326
17327<div
17328  class="product-media"
17329  style="--ratio: 1.0"
17330  data-media-id="37762697265409"
17331>
17332  
17333  <img src="//caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=3840" alt="Botas Pursue WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086777-2.jpg?v=1758639605&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17334
17335  
17336</div>
17337
17338
17339
17340</slideshow-slide>
17341
17342
17343
17344<slideshow-slide
17345  ref="slides[]"
17346  aria-hidden="true"
17347  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17348  
17349    class="product-media-container media-fit product-media-container--image"
17350  
17351  
17352  
17353  
17354    slide-id="37762697298177"
17355  
17356  
17357  
17358  
17359>
17360  
17361
17362<div
17363  class="product-media"
17364  style="--ratio: 1.0"
17365  data-media-id="37762697298177"
17366>
17367  
17368  <img src="//caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=3840" alt="Botas Pursue WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086777-3.jpg?v=1758639605&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17369
17370  
17371</div>
17372
17373
17374
17375</slideshow-slide>
17376
17377
17378
17379<slideshow-slide
17380  ref="slides[]"
17381  aria-hidden="true"
17382  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17383  
17384    class="product-media-container media-fit product-media-container--image"
17385  
17386  
17387  
17388  
17389    slide-id="37762697330945"
17390  
17391  
17392  
17393  
17394>
17395  
17396
17397<div
17398  class="product-media"
17399  style="--ratio: 1.0"
17400  data-media-id="37762697330945"
17401>
17402  
17403  <img src="//caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=3840" alt="Botas Pursue WP para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086777-4.jpg?v=1758639603&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17404
17405  
17406</div>
17407
17408
17409
17410</slideshow-slide>
17411
17412
17413
17414
17415    </slideshow-slides>
17416  </slideshow-container>
17417  
17418</slideshow-component>
17419
17420
17421
17422
17423    </a>
17424  
17425  
17426    <div
17427      class="product-badges product-badges--top-left"
17428      style="
17429        --badge-border-radius: 0px;
17430        --badge-font-family: var(--font-body--family);
17430 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
17431      "
17432    ></div><product-card-hover class="pch-overlay">
17433      
17433<script type="application/json" class="pch-variants-json">[{"id":46762232578305,"title":"7 \/ Café","option1":"7","option2":"Café","option3":null,"sku":"30086777001","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Pursue WP para hombre color café - 7 \/ Café","public_title":"7 \/ Café","options":["7","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004481952","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232611073,"title":"8 \/ Café","option1":"8","option2":"Café","option3":null,"sku":"30086777002","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Pursue WP para hombre color café - 8 \/ Café","public_title":"8 \/ Café","options":["8","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004481976","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232643841,"title":"9 \/ Café","option1":"9","option2":"Café","option3":null,"sku":"30086777003","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Pursue WP para hombre color café - 9 \/ Café","public_title":"9 \/ Café","options":["9","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004481990","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232676609,"title":"10 \/ Café","option1":"10","option2":"Café","option3":null,"sku":"30086777004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color café - 10 \/ Café","public_title":"10 \/ Café","options":["10","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482010","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232709377,"title":"11 \/ Café","option1":"11","option2":"Café","option3":null,"sku":"30086777005","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Pursue WP para hombre color café - 11 \/ Café","public_title":"11 \/ Café","options":["11","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482034","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232742145,"title":"12 \/ Café","option1":"12","option2":"Café","option3":null,"sku":"30086777006","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Pursue WP para hombre color café - 12 \/ Café","public_title":"12 \/ Café","options":["12","Café"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2090001208404","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
17433
17434      
17434<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
17434
17435
17436      <div class="pch-backdrop" aria-hidden="true"></div>
17437
17438      <div class="pch-inner">
17439        <p class="pch-error" role="alert" hidden></p>
17440
17441        
17442
17443            <div class="pch-size-group" role="group" aria-label="Talla">
17444              
17445<button
17446                  type="button"
17447                  class="pch-size-btn"
17448                  data-option-name="Talla"
17449                  data-option-value="7"
17450                  aria-pressed="false"
17451                  aria-disabled="true"
17452                  disabled
17453                >7</button>
17454              
17455<button
17456                  type="button"
17457                  class="pch-size-btn"
17458                  data-option-name="Talla"
17459                  data-option-value="8"
17460                  aria-pressed="false"
17461                  aria-disabled="true"
17462                  disabled
17463                >8</button>
17464              
17465<button
17466                  type="button"
17467                  class="pch-size-btn"
17468                  data-option-name="Talla"
17469                  data-option-value="9"
17470                  aria-pressed="false"
17471                  aria-disabled="true"
17472                  disabled
17473                >9</button>
17474              
17475<button
17476                  type="button"
17477                  class="pch-size-btn"
17478                  data-option-name="Talla"
17479                  data-option-value="10"
17480                  aria-pressed="false"
17481                  aria-disabled="false"
17482                  
17483                >10</button>
17484              
17485<button
17486                  type="button"
17487                  class="pch-size-btn"
17488                  data-option-name="Talla"
17489                  data-option-value="11"
17490                  aria-pressed="false"
17491                  aria-disabled="true"
17492                  disabled
17493                >11</button>
17494              
17495<button
17496                  type="button"
17497                  class="pch-size-btn"
17498                  data-option-name="Talla"
17499                  data-option-value="12"
17500                  aria-pressed="false"
17501                  aria-disabled="true"
17502                  disabled
17503                >12</button>
17504              
17505            </div>
17506          
17507        
17508
17509            <div class="pch-size-group" role="group" aria-label="Color">
17510              
17511<button
17512                  type="button"
17513                  class="pch-size-btn"
17514                  data-option-name="Color"
17515                  data-option-value="Café"
17516                  aria-pressed="false"
17517                  aria-disabled="false"
17518                  
17519                >Café</button>
17520              
17521            </div>
17522          
17523        
17524
17525        
17526
17527        
17528
17529        
17530
17531        <div class="pch-overlay-actions">
17532          <button
17533            type="button"
17534            class="pch-btn pch-btn--cart"
17535            data-product-card-add
17536            style="background-color: #000000; color: #FFFFFF;"
17537          >
17538            <span>Agregar al carrito</span>
17539            <span class="pch-btn__plus" aria-hidden="true">+</span>
17540          </button>
17541        </div>
17542      </div>
17543    </product-card-hover>
17544
17545    
17546  
17547
17548</div>
17549
17550
17551
17552
17553
17554<div class="product-grid-view-zoom-out--details">
17555  
17556    <h3 class="h4">Botas Pursue WP para hombre color café</h3>
17557  
17558</div>
17559
17560
17561
17562
17563<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
17563
17564
17565
17566
17567
17568
17569
17570
17571  
17572  <a
17573    class="contents user-select-text"
17574    ref="productTitleLink"
17575    href="/products/30086777-botas-pursue-wp-para-hombre-color-cafe?variant=46762232676609"
17576  >
17577    
17578
17579
17580
17581
17582
17583
17584  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-10 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
17585    <p role="heading" aria-level="3">Botas Pursue WP para hombre color café</p>
17586  </div>
17587
17588
17589
17590
17591  </a>
17592
17593
17594
17595
17596
17597
17598<product-price
17599  class="text-block text-block--align-left text-left h6 spacing-style"
17600  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-10"
17601  data-product-id="8918657663233"
17602  style="
17603    
17604--color: var(--color-foreground);
17605    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17606    --width: 100%;
17607  "
17608  
17609>
17610  <div ref="priceContainer">
17611  
17612    
17613    <div
17614      class="
17615        price__regular
17616        
17617      "
17618    >
17619      <span class="price">₡ 89.995,00</span>
17620    </div>
17621    <div
17622      class="
17623        price__sale
17624        
17625          price__hidden
17626        
17627      "
17628    >
17629      
17630        <div class="price-sale__group">
17631          <span class="price-item__group">
17632            <span class="visually-hidden">Precio de oferta&nbsp;</span>
17633            <span class="price-item--sale price">₡ 89.995,00</span>
17634          </span>
17635          <span class="price-item__group">
17636            <span class="visually-hidden">Precio habitual&nbsp;</span>
17637            <span class="price-item--regular compare-at-price"></span>
17638          </span>
17639        </div>
17640      
17641    </div>
17642  
17643</div>
17644
17645  
17646</product-price>
17647
17648
17649
17650
17651    
17652      <div class="pch-buy-bar">
17653        <button
17654          type="button"
17655          class="pch-buy-bar__btn"
17656          data-product-card-buy
17657          style="background-color: #ffcc00; color: #000000;"
17658        >
17659          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
17660</span>
17661          <span>Comprar ahora</span>
17662        </button>
17663      </div>
17664    
17665  </div>
17666</product-card>
17667
17668
17669
17670
17671
17672
17673
17674
17675
17676
17677
17678
17679
17680
17681
17682
17683            
17684          </li>
17685        
17686          <li
17687            id="template--22556826370305__main-8918657630465"
17688            class="product-grid__item product-grid__item--11"
17689            data-page="1"
17690            data-product-id="8918657630465"
17691            data-product-title="botas pursue wp para hombre color tan"
17692            data-product-type="calzado"
17693            ref="cards[]"
17694          >
17695            
17696            
17697
17698
17699
17700
17701
17702<style data-shopify>
17703  
17704</style>
17705
17706
17707
17708<product-card
17709  class="product-card size-style"
17710  style="--size-style-width: ;--size-style-height: ;"
17711  data-product-id="8918657630465"
17712  data-product-title="Botas Pursue WP para hombre color tan"
17713  data-product-vendor="CAT"
17714  data-product-type="CALZADO"
17715  data-product-variant-id="46762232414465"
17716  data-product-variant-title="7 / Tan"
17717  data-product-sku="30086778001"
17718  data-product-price-cents="8999500"
17719  data-product-url="/products/30086778-botas-pursue-wp-para-hombre-color-tan?variant=46762232414465"
17720  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-11"
17721  
17722  
17723  
17724>
17725  <a
17726    id="a91fde44b7de32960ea4662c9ce9fc00"
17727    
17728      href="/products/30086778-botas-pursue-wp-para-hombre-color-tan?variant=46762232414465"
17729    
17730    class="product-card__link"
17731    ref="productCardLink"
17732  >
17733    <span class="visually-hidden">
17734      Botas Pursue WP para hombre color tan
17735    </span>
17736  </a>
17737  <div
17738    class="
17739      product-card__content
17740      layout-panel-flex
17741      layout-panel-flex--column
17742      product-grid__card
17743      spacing-style
17744      border-style
17745      gap-style
17746      
17747    "
17748    style="
17749      --border-width: 1px; --border-style: none; --border-color:
17750rgb(var(--color-border-rgb) / 1.0); --border-radius:
177510px; 
17752
17753      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
17754
17755
17756
17757--horizontal-alignment: ; --vertical-alignment: ;
17758--vertical-alignment-mobile: ;
17759
17760      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
17761      --product-card-gap: 4px;
17762      --quick-add-display: none;
17763      --quick-add-mobile-display: none;
17764      --quick-add-mobile-opacity: 0;
17765      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
17766      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
17767      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
17768      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
17769    "
17770  >
17771    
17772      <button
17773        type="button"
17774        class="adoc-card-wishlist-button"
17775        data-cat-wishlist-toggle
17776        data-product-id="8918657630465"
17777        data-product-variant-id="46762232414465"
17778        data-product-title="Botas Pursue WP para hombre color tan"
17779        data-product-url="/products/30086778-botas-pursue-wp-para-hombre-color-tan?variant=46762232414465"
17780        data-product-image="//caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&width=600"
17781        data-product-price="₡ 89.995,00"
17782        aria-label="Agregar a favoritos"
17783        aria-pressed="false"
17784      >
17785        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
17786          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
17787        </svg>
17788      </button>
17789    
17790    
17791  
17792
17793
17794
17795
17796
17797
17798
17799<div
17800  ref="cardGallery"
17801  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-11 spacing-style border-style"
17802  style="
17803    --border-width: 1px; --border-style: none; --border-color:
17804rgb(var(--color-border-rgb) / 1.0); --border-radius:
178050px; 
17806
17807    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
17808    --gallery-aspect-ratio: 1.0;
17809  "
17810  data-product-id="8918657630465"
17811  
17812    on:pointerenter="/previewImage"
17813    on:pointerleave="/resetImage"
17814  
17815  
17816  data-image-ratio="adapt"
17817  
17818>
17819    <a
17820      class="contents"
17821      ref="cardGalleryLink"
17822      href="/products/30086778-botas-pursue-wp-para-hombre-color-tan?variant=46762232414465"
17823      aria-label="Botas Pursue WP para hombre color tan"
17824    >
17825      <slideshow-component
17826  
17827    ref="slideshow"
17828  
17829  
17830  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
17831  
17832  initial-slide="0"
17833  
17834  
17835    infinite
17836  
17837
17838  data-generic-media-size="4"
17839>
17840  
17841  <slideshow-container ref="slideshowContainer">
17842    
17843      <slideshow-arrows
17844  position="center"
17845  
17846><button
17847  class="
17848    slideshow-control slideshow-control--previous
17849    
17850    
17851    slideshow-control--style-arrow
17852    button button-unstyled button-unstyled--transparent
17853     flip-x
17854  "
17855  
17856  aria-label="Diapositiva anterior"
17857  
17858  on:click="/previous"
17859  ref="previous"
17860>
17861  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
17862</span>
17863</button>
17864
17865
17866<button
17867  class="
17868    slideshow-control slideshow-control--next
17869    
17870    
17871    slideshow-control--style-arrow
17872    button button-unstyled button-unstyled--transparent
17873    
17874  "
17875  
17876  aria-label="Siguiente diapositiva"
17877  
17878  on:click="/next"
17879  ref="next"
17880>
17881  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
17882</span>
17883</button>
17884
17885
17886</slideshow-arrows>
17887
17888
17889
17890    
17891    
17892    <slideshow-slides
17893      tabindex="-1"
17894      ref="scroller"
17895      
17896    >
17897      <slideshow-slide
17898  ref="slides[]"
17899  aria-hidden="false"
17900  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17901  
17902    class="product-media-container media-fit product-media-container--image"
17903  
17904  
17905  
17906  
17907    slide-id="37762697101569"
17908  
17909  
17910  
17911  
17912>
17913  
17914
17915<div
17916  class="product-media"
17917  style="--ratio: 1.0"
17918  data-media-id="37762697101569"
17919>
17920  
17921  <img src="//caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=3840" alt="Botas Pursue WP para hombre color tan" srcset="//caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086778-1.jpg?v=1758639602&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17922
17923  
17924</div>
17925
17926
17927
17928</slideshow-slide>
17929
17930
17931
17932<slideshow-slide
17933  ref="slides[]"
17934  aria-hidden="true"
17935  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17936  
17937    class="product-media-container media-fit product-media-container--image"
17938  
17939  
17940  
17941  
17942    slide-id="37762697134337"
17943  
17944  
17945  
17946  
17947>
17948  
17949
17950<div
17951  class="product-media"
17952  style="--ratio: 1.0"
17953  data-media-id="37762697134337"
17954>
17955  
17956  <img src="//caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=3840" alt="Botas Pursue WP para hombre color tan" srcset="//caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086778-2.jpg?v=1758639601&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17957
17958  
17959</div>
17960
17961
17962
17963</slideshow-slide>
17964
17965
17966
17967<slideshow-slide
17968  ref="slides[]"
17969  aria-hidden="true"
17970  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
17971  
17972    class="product-media-container media-fit product-media-container--image"
17973  
17974  
17975  
17976  
17977    slide-id="37762697167105"
17978  
17979  
17980  
17981  
17982>
17983  
17984
17985<div
17986  class="product-media"
17987  style="--ratio: 1.0"
17988  data-media-id="37762697167105"
17989>
17990  
17991  <img src="//caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=3840" alt="Botas Pursue WP para hombre color tan" srcset="//caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086778-3.jpg?v=1758639601&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
17992
17993  
17994</div>
17995
17996
17997
17998</slideshow-slide>
17999
18000
18001
18002<slideshow-slide
18003  ref="slides[]"
18004  aria-hidden="true"
18005  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18006  
18007    class="product-media-container media-fit product-media-container--image"
18008  
18009  
18010  
18011  
18012    slide-id="37762697199873"
18013  
18014  
18015  
18016  
18017>
18018  
18019
18020<div
18021  class="product-media"
18022  style="--ratio: 1.0"
18023  data-media-id="37762697199873"
18024>
18025  
18026  <img src="//caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=3840" alt="Botas Pursue WP para hombre color tan" srcset="//caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086778-4.jpg?v=1758639601&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18027
18028  
18029</div>
18030
18031
18032
18033</slideshow-slide>
18034
18035
18036
18037
18038    </slideshow-slides>
18039  </slideshow-container>
18040  
18041</slideshow-component>
18042
18043
18044
18045
18046    </a>
18047  
18048  
18049    <div
18050      class="product-badges product-badges--top-left"
18051      style="
18052        --badge-border-radius: 0px;
18053        --badge-font-family: var(--font-body--family);
18053 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
18054      "
18055    ></div><product-card-hover class="pch-overlay">
18056      
18056<script type="application/json" class="pch-variants-json">[{"id":46762232414465,"title":"7 \/ Tan","option1":"7","option2":"Tan","option3":null,"sku":"30086778001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 7 \/ Tan","public_title":"7 \/ Tan","options":["7","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482058","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232447233,"title":"8 \/ Tan","option1":"8","option2":"Tan","option3":null,"sku":"30086778002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 8 \/ Tan","public_title":"8 \/ Tan","options":["8","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482072","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232480001,"title":"9 \/ Tan","option1":"9","option2":"Tan","option3":null,"sku":"30086778003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 9 \/ Tan","public_title":"9 \/ Tan","options":["9","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482096","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232512769,"title":"10 \/ Tan","option1":"10","option2":"Tan","option3":null,"sku":"30086778004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 10 \/ Tan","public_title":"10 \/ Tan","options":["10","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482119","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762232545537,"title":"11 \/ Tan","option1":"11","option2":"Tan","option3":null,"sku":"30086778005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 11 \/ Tan","public_title":"11 \/ Tan","options":["11","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004482133","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":50202954531073,"title":"12 \/ Tan","option1":"12","option2":"Tan","option3":null,"sku":"30086778006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Pursue WP para hombre color tan - 12 \/ Tan","public_title":"12 \/ Tan","options":["12","Tan"],"price":8999500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2090001320724","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
18056
18057      
18057<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
18057
18058
18059      <div class="pch-backdrop" aria-hidden="true"></div>
18060
18061      <div class="pch-inner">
18062        <p class="pch-error" role="alert" hidden></p>
18063
18064        
18065
18066            <div class="pch-size-group" role="group" aria-label="Talla">
18067              
18068<button
18069                  type="button"
18070                  class="pch-size-btn"
18071                  data-option-name="Talla"
18072                  data-option-value="7"
18073                  aria-pressed="false"
18074                  aria-disabled="false"
18075                  
18076                >7</button>
18077              
18078<button
18079                  type="button"
18080                  class="pch-size-btn"
18081                  data-option-name="Talla"
18082                  data-option-value="8"
18083                  aria-pressed="false"
18084                  aria-disabled="false"
18085                  
18086                >8</button>
18087              
18088<button
18089                  type="button"
18090                  class="pch-size-btn"
18091                  data-option-name="Talla"
18092                  data-option-value="9"
18093                  aria-pressed="false"
18094                  aria-disabled="false"
18095                  
18096                >9</button>
18097              
18098<button
18099                  type="button"
18100                  class="pch-size-btn"
18101                  data-option-name="Talla"
18102                  data-option-value="10"
18103                  aria-pressed="false"
18104                  aria-disabled="false"
18105                  
18106                >10</button>
18107              
18108<button
18109                  type="button"
18110                  class="pch-size-btn"
18111                  data-option-name="Talla"
18112                  data-option-value="11"
18113                  aria-pressed="false"
18114                  aria-disabled="false"
18115                  
18116                >11</button>
18117              
18118<button
18119                  type="button"
18120                  class="pch-size-btn"
18121                  data-option-name="Talla"
18122                  data-option-value="12"
18123                  aria-pressed="false"
18124                  aria-disabled="false"
18125                  
18126                >12</button>
18127              
18128            </div>
18129          
18130        
18131
18132            <div class="pch-size-group" role="group" aria-label="Color">
18133              
18134<button
18135                  type="button"
18136                  class="pch-size-btn"
18137                  data-option-name="Color"
18138                  data-option-value="Tan"
18139                  aria-pressed="false"
18140                  aria-disabled="false"
18141                  
18142                >Tan</button>
18143              
18144            </div>
18145          
18146        
18147
18148        
18149
18150        
18151
18152        
18153
18154        <div class="pch-overlay-actions">
18155          <button
18156            type="button"
18157            class="pch-btn pch-btn--cart"
18158            data-product-card-add
18159            style="background-color: #000000; color: #FFFFFF;"
18160          >
18161            <span>Agregar al carrito</span>
18162            <span class="pch-btn__plus" aria-hidden="true">+</span>
18163          </button>
18164        </div>
18165      </div>
18166    </product-card-hover>
18167
18168    
18169  
18170
18171</div>
18172
18173
18174
18175
18176
18177<div class="product-grid-view-zoom-out--details">
18178  
18179    <h3 class="h4">Botas Pursue WP para hombre color tan</h3>
18180  
18181</div>
18182
18183
18184
18185
18186<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
18186
18187
18188
18189
18190
18191
18192
18193
18194  
18195  <a
18196    class="contents user-select-text"
18197    ref="productTitleLink"
18198    href="/products/30086778-botas-pursue-wp-para-hombre-color-tan?variant=46762232414465"
18199  >
18200    
18201
18202
18203
18204
18205
18206
18207  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-11 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
18208    <p role="heading" aria-level="3">Botas Pursue WP para hombre color tan</p>
18209  </div>
18210
18211
18212
18213
18214  </a>
18215
18216
18217
18218
18219
18220
18221<product-price
18222  class="text-block text-block--align-left text-left h6 spacing-style"
18223  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-11"
18224  data-product-id="8918657630465"
18225  style="
18226    
18227--color: var(--color-foreground);
18228    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18229    --width: 100%;
18230  "
18231  
18232>
18233  <div ref="priceContainer">
18234  
18235    
18236    <div
18237      class="
18238        price__regular
18239        
18240      "
18241    >
18242      <span class="price">₡ 89.995,00</span>
18243    </div>
18244    <div
18245      class="
18246        price__sale
18247        
18248          price__hidden
18249        
18250      "
18251    >
18252      
18253        <div class="price-sale__group">
18254          <span class="price-item__group">
18255            <span class="visually-hidden">Precio de oferta&nbsp;</span>
18256            <span class="price-item--sale price">₡ 89.995,00</span>
18257          </span>
18258          <span class="price-item__group">
18259            <span class="visually-hidden">Precio habitual&nbsp;</span>
18260            <span class="price-item--regular compare-at-price"></span>
18261          </span>
18262        </div>
18263      
18264    </div>
18265  
18266</div>
18267
18268  
18269</product-price>
18270
18271
18272
18273
18274    
18275      <div class="pch-buy-bar">
18276        <button
18277          type="button"
18278          class="pch-buy-bar__btn"
18279          data-product-card-buy
18280          style="background-color: #ffcc00; color: #000000;"
18281        >
18282          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18283</span>
18284          <span>Comprar ahora</span>
18285        </button>
18286      </div>
18287    
18288  </div>
18289</product-card>
18290
18291
18292
18293
18294
18295
18296
18297
18298
18299
18300
18301
18302
18303
18304
18305
18306            
18307          </li>
18308        
18309          <li
18310            id="template--22556826370305__main-8918657335553"
18311            class="product-grid__item product-grid__item--12"
18312            data-page="1"
18313            data-product-id="8918657335553"
18314            data-product-title="botas threshold rebound hiker wp para hombre color gris"
18315            data-product-type="calzado"
18316            ref="cards[]"
18317          >
18318            
18319            
18320
18321
18322
18323
18324
18325<style data-shopify>
18326  
18327</style>
18328
18329
18330
18331<product-card
18332  class="product-card size-style"
18333  style="--size-style-width: ;--size-style-height: ;"
18334  data-product-id="8918657335553"
18335  data-product-title="Botas Threshold Rebound Hiker WP para hombre color gris"
18336  data-product-vendor="CAT"
18337  data-product-type="CALZADO"
18338  data-product-variant-id="46762230972673"
18339  data-product-variant-title="7 / Gris"
18340  data-product-sku="30086793001"
18341  data-product-price-cents="10499500"
18342  data-product-url="/products/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris?variant=46762230972673"
18343  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-12"
18344  
18345  
18346  
18347>
18348  <a
18349    id="1c6fbfbe8efed99372fb03d6aeb89057"
18350    
18351      href="/products/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris?variant=46762230972673"
18352    
18353    class="product-card__link"
18354    ref="productCardLink"
18355  >
18356    <span class="visually-hidden">
18357      Botas Threshold Rebound Hiker WP para hombre color gris
18358    </span>
18359  </a>
18360  <div
18361    class="
18362      product-card__content
18363      layout-panel-flex
18364      layout-panel-flex--column
18365      product-grid__card
18366      spacing-style
18367      border-style
18368      gap-style
18369      
18370    "
18371    style="
18372      --border-width: 1px; --border-style: none; --border-color:
18373rgb(var(--color-border-rgb) / 1.0); --border-radius:
183740px; 
18375
18376      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18377
18378
18379
18380--horizontal-alignment: ; --vertical-alignment: ;
18381--vertical-alignment-mobile: ;
18382
18383      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
18384      --product-card-gap: 4px;
18385      --quick-add-display: none;
18386      --quick-add-mobile-display: none;
18387      --quick-add-mobile-opacity: 0;
18388      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
18389      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
18390      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
18391      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
18392    "
18393  >
18394    
18395      <button
18396        type="button"
18397        class="adoc-card-wishlist-button"
18398        data-cat-wishlist-toggle
18399        data-product-id="8918657335553"
18400        data-product-variant-id="46762230972673"
18401        data-product-title="Botas Threshold Rebound Hiker WP para hombre color gris"
18402        data-product-url="/products/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris?variant=46762230972673"
18403        data-product-image="//caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&width=600"
18404        data-product-price="₡ 104.995,00"
18405        aria-label="Agregar a favoritos"
18406        aria-pressed="false"
18407      >
18408        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
18409          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
18410        </svg>
18411      </button>
18412    
18413    
18414  
18415
18416
18417
18418
18419
18420
18421
18422<div
18423  ref="cardGallery"
18424  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-12 spacing-style border-style"
18425  style="
18426    --border-width: 1px; --border-style: none; --border-color:
18427rgb(var(--color-border-rgb) / 1.0); --border-radius:
184280px; 
18429
18430    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18431    --gallery-aspect-ratio: 1.0;
18432  "
18433  data-product-id="8918657335553"
18434  
18435    on:pointerenter="/previewImage"
18436    on:pointerleave="/resetImage"
18437  
18438  
18439  data-image-ratio="adapt"
18440  
18441>
18442    <a
18443      class="contents"
18444      ref="cardGalleryLink"
18445      href="/products/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris?variant=46762230972673"
18446      aria-label="Botas Threshold Rebound Hiker WP para hombre color gris"
18447    >
18448      <slideshow-component
18449  
18450    ref="slideshow"
18451  
18452  
18453  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
18454  
18455  initial-slide="0"
18456  
18457  
18458    infinite
18459  
18460
18461  data-generic-media-size="4"
18462>
18463  
18464  <slideshow-container ref="slideshowContainer">
18465    
18466      <slideshow-arrows
18467  position="center"
18468  
18469><button
18470  class="
18471    slideshow-control slideshow-control--previous
18472    
18473    
18474    slideshow-control--style-arrow
18475    button button-unstyled button-unstyled--transparent
18476     flip-x
18477  "
18478  
18479  aria-label="Diapositiva anterior"
18480  
18481  on:click="/previous"
18482  ref="previous"
18483>
18484  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
18485</span>
18486</button>
18487
18488
18489<button
18490  class="
18491    slideshow-control slideshow-control--next
18492    
18493    
18494    slideshow-control--style-arrow
18495    button button-unstyled button-unstyled--transparent
18496    
18497  "
18498  
18499  aria-label="Siguiente diapositiva"
18500  
18501  on:click="/next"
18502  ref="next"
18503>
18504  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
18505</span>
18506</button>
18507
18508
18509</slideshow-arrows>
18510
18511
18512
18513    
18514    
18515    <slideshow-slides
18516      tabindex="-1"
18517      ref="scroller"
18518      
18519    >
18520      <slideshow-slide
18521  ref="slides[]"
18522  aria-hidden="false"
18523  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18524  
18525    class="product-media-container media-fit product-media-container--image"
18526  
18527  
18528  
18529  
18530    slide-id="37762695921921"
18531  
18532  
18533  
18534  
18535>
18536  
18537
18538<div
18539  class="product-media"
18540  style="--ratio: 1.0"
18541  data-media-id="37762695921921"
18542>
18543  
18544  <img src="//caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086793-1.jpg?v=1758639590&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18545
18546  
18547</div>
18548
18549
18550
18551</slideshow-slide>
18552
18553
18554
18555<slideshow-slide
18556  ref="slides[]"
18557  aria-hidden="true"
18558  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18559  
18560    class="product-media-container media-fit product-media-container--image"
18561  
18562  
18563  
18564  
18565    slide-id="37762695954689"
18566  
18567  
18568  
18569  
18570>
18571  
18572
18573<div
18574  class="product-media"
18575  style="--ratio: 1.0"
18576  data-media-id="37762695954689"
18577>
18578  
18579  <img src="//caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086793-2.jpg?v=1758639590&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18580
18581  
18582</div>
18583
18584
18585
18586</slideshow-slide>
18587
18588
18589
18590<slideshow-slide
18591  ref="slides[]"
18592  aria-hidden="true"
18593  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18594  
18595    class="product-media-container media-fit product-media-container--image"
18596  
18597  
18598  
18599  
18600    slide-id="37762695987457"
18601  
18602  
18603  
18604  
18605>
18606  
18607
18608<div
18609  class="product-media"
18610  style="--ratio: 1.0"
18611  data-media-id="37762695987457"
18612>
18613  
18614  <img src="//caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086793-3.jpg?v=1758639590&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18615
18616  
18617</div>
18618
18619
18620
18621</slideshow-slide>
18622
18623
18624
18625<slideshow-slide
18626  ref="slides[]"
18627  aria-hidden="true"
18628  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18629  
18630    class="product-media-container media-fit product-media-container--image"
18631  
18632  
18633  
18634  
18635    slide-id="37762696020225"
18636  
18637  
18638  
18639  
18640>
18641  
18642
18643<div
18644  class="product-media"
18645  style="--ratio: 1.0"
18646  data-media-id="37762696020225"
18647>
18648  
18649  <img src="//caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=3840" alt="Botas Threshold Rebound Hiker WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30086793-4.jpg?v=1758639590&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18650
18651  
18652</div>
18653
18654
18655
18656</slideshow-slide>
18657
18658
18659
18660
18661    </slideshow-slides>
18662  </slideshow-container>
18663  
18664</slideshow-component>
18665
18666
18667
18668
18669    </a>
18670  
18671  
18672    <div
18673      class="product-badges product-badges--top-left"
18674      style="
18675        --badge-border-radius: 0px;
18676        --badge-font-family: var(--font-body--family);
18676 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
18677      "
18678    ></div><product-card-hover class="pch-overlay">
18679      
18679<script type="application/json" class="pch-variants-json">[{"id":46762230972673,"title":"7 \/ Gris","option1":"7","option2":"Gris","option3":null,"sku":"30086793001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","options":["7","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004483635","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762231005441,"title":"8 \/ Gris","option1":"8","option2":"Gris","option3":null,"sku":"30086793002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","options":["8","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004483659","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762231038209,"title":"9 \/ Gris","option1":"9","option2":"Gris","option3":null,"sku":"30086793003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","options":["9","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004483673","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762231070977,"title":"10 \/ Gris","option1":"10","option2":"Gris","option3":null,"sku":"30086793004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","options":["10","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004483697","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762231103745,"title":"11 \/ Gris","option1":"11","option2":"Gris","option3":null,"sku":"30086793005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","options":["11","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004483710","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":46762231136513,"title":"12 \/ Gris","option1":"12","option2":"Gris","option3":null,"sku":"30086793006","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Threshold Rebound Hiker WP para hombre color gris - 12 \/ Gris","public_title":"12 \/ Gris","options":["12","Gris"],"price":10499500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2090001209050","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
18679
18680      
18680<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
18680
18681
18682      <div class="pch-backdrop" aria-hidden="true"></div>
18683
18684      <div class="pch-inner">
18685        <p class="pch-error" role="alert" hidden></p>
18686
18687        
18688
18689            <div class="pch-size-group" role="group" aria-label="Talla">
18690              
18691<button
18692                  type="button"
18693                  class="pch-size-btn"
18694                  data-option-name="Talla"
18695                  data-option-value="7"
18696                  aria-pressed="false"
18697                  aria-disabled="false"
18698                  
18699                >7</button>
18700              
18701<button
18702                  type="button"
18703                  class="pch-size-btn"
18704                  data-option-name="Talla"
18705                  data-option-value="8"
18706                  aria-pressed="false"
18707                  aria-disabled="false"
18708                  
18709                >8</button>
18710              
18711<button
18712                  type="button"
18713                  class="pch-size-btn"
18714                  data-option-name="Talla"
18715                  data-option-value="9"
18716                  aria-pressed="false"
18717                  aria-disabled="false"
18718                  
18719                >9</button>
18720              
18721<button
18722                  type="button"
18723                  class="pch-size-btn"
18724                  data-option-name="Talla"
18725                  data-option-value="10"
18726                  aria-pressed="false"
18727                  aria-disabled="false"
18728                  
18729                >10</button>
18730              
18731<button
18732                  type="button"
18733                  class="pch-size-btn"
18734                  data-option-name="Talla"
18735                  data-option-value="11"
18736                  aria-pressed="false"
18737                  aria-disabled="false"
18738                  
18739                >11</button>
18740              
18741<button
18742                  type="button"
18743                  class="pch-size-btn"
18744                  data-option-name="Talla"
18745                  data-option-value="12"
18746                  aria-pressed="false"
18747                  aria-disabled="true"
18748                  disabled
18749                >12</button>
18750              
18751            </div>
18752          
18753        
18754
18755            <div class="pch-size-group" role="group" aria-label="Color">
18756              
18757<button
18758                  type="button"
18759                  class="pch-size-btn"
18760                  data-option-name="Color"
18761                  data-option-value="Gris"
18762                  aria-pressed="false"
18763                  aria-disabled="false"
18764                  
18765                >Gris</button>
18766              
18767            </div>
18768          
18769        
18770
18771        
18772
18773        
18774
18775        
18776
18777        <div class="pch-overlay-actions">
18778          <button
18779            type="button"
18780            class="pch-btn pch-btn--cart"
18781            data-product-card-add
18782            style="background-color: #000000; color: #FFFFFF;"
18783          >
18784            <span>Agregar al carrito</span>
18785            <span class="pch-btn__plus" aria-hidden="true">+</span>
18786          </button>
18787        </div>
18788      </div>
18789    </product-card-hover>
18790
18791    
18792  
18793
18794</div>
18795
18796
18797
18798
18799
18800<div class="product-grid-view-zoom-out--details">
18801  
18802    <h3 class="h4">Botas Threshold Rebound Hiker WP para hombre color gris</h3>
18803  
18804</div>
18805
18806
18807
18808
18809<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
18809
18810
18811
18812
18813
18814
18815
18816
18817  
18818  <a
18819    class="contents user-select-text"
18820    ref="productTitleLink"
18821    href="/products/30086793-botas-threshold-rebound-hiker-wp-para-hombre-color-gris?variant=46762230972673"
18822  >
18823    
18824
18825
18826
18827
18828
18829
18830  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-12 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
18831    <p role="heading" aria-level="3">Botas Threshold Rebound Hiker WP para hombre color gris</p>
18832  </div>
18833
18834
18835
18836
18837  </a>
18838
18839
18840
18841
18842
18843
18844<product-price
18845  class="text-block text-block--align-left text-left h6 spacing-style"
18846  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-12"
18847  data-product-id="8918657335553"
18848  style="
18849    
18850--color: var(--color-foreground);
18851    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18852    --width: 100%;
18853  "
18854  
18855>
18856  <div ref="priceContainer">
18857  
18858    
18859    <div
18860      class="
18861        price__regular
18862        
18863      "
18864    >
18865      <span class="price">₡ 104.995,00</span>
18866    </div>
18867    <div
18868      class="
18869        price__sale
18870        
18871          price__hidden
18872        
18873      "
18874    >
18875      
18876        <div class="price-sale__group">
18877          <span class="price-item__group">
18878            <span class="visually-hidden">Precio de oferta&nbsp;</span>
18879            <span class="price-item--sale price">₡ 104.995,00</span>
18880          </span>
18881          <span class="price-item__group">
18882            <span class="visually-hidden">Precio habitual&nbsp;</span>
18883            <span class="price-item--regular compare-at-price"></span>
18884          </span>
18885        </div>
18886      
18887    </div>
18888  
18889</div>
18890
18891  
18892</product-price>
18893
18894
18895
18896
18897    
18898      <div class="pch-buy-bar">
18899        <button
18900          type="button"
18901          class="pch-buy-bar__btn"
18902          data-product-card-buy
18903          style="background-color: #ffcc00; color: #000000;"
18904        >
18905          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18906</span>
18907          <span>Comprar ahora</span>
18908        </button>
18909      </div>
18910    
18911  </div>
18912</product-card>
18913
18914
18915
18916
18917
18918
18919
18920
18921
18922
18923
18924
18925
18926
18927
18928
18929            
18930          </li>
18931        
18932          <li
18933            id="template--22556826370305__main-8689858969857"
18934            class="product-grid__item product-grid__item--13"
18935            data-page="1"
18936            data-product-id="8689858969857"
18937            data-product-title="botas threshold rebound mid wp para hombre color gris"
18938            data-product-type="calzado"
18939            ref="cards[]"
18940          >
18941            
18942            
18943
18944
18945
18946
18947
18948<style data-shopify>
18949  
18950</style>
18951
18952
18953
18954<product-card
18955  class="product-card size-style"
18956  style="--size-style-width: ;--size-style-height: ;"
18957  data-product-id="8689858969857"
18958  data-product-title="Botas Threshold Rebound Mid WP para hombre color gris"
18959  data-product-vendor="CAT"
18960  data-product-type="CALZADO"
18961  data-product-variant-id="45990396199169"
18962  data-product-variant-title="8 / Gris"
18963  data-product-sku="30082630002"
18964  data-product-price-cents="6649650"
18965  data-product-url="/products/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=45990396199169"
18966  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-13"
18967  
18968  
18969  
18970>
18971  <a
18972    id="e5e02b4bbc4c20088bdd00499603d5eb"
18973    
18974      href="/products/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=45990396199169"
18975    
18976    class="product-card__link"
18977    ref="productCardLink"
18978  >
18979    <span class="visually-hidden">
18980      Botas Threshold Rebound Mid WP para hombre color gris
18981    </span>
18982  </a>
18983  <div
18984    class="
18985      product-card__content
18986      layout-panel-flex
18987      layout-panel-flex--column
18988      product-grid__card
18989      spacing-style
18990      border-style
18991      gap-style
18992      
18993    "
18994    style="
18995      --border-width: 1px; --border-style: none; --border-color:
18996rgb(var(--color-border-rgb) / 1.0); --border-radius:
189970px; 
18998
18999      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19000
19001
19002
19003--horizontal-alignment: ; --vertical-alignment: ;
19004--vertical-alignment-mobile: ;
19005
19006      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
19007      --product-card-gap: 4px;
19008      --quick-add-display: none;
19009      --quick-add-mobile-display: none;
19010      --quick-add-mobile-opacity: 0;
19011      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
19012      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
19013      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
19014      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
19015    "
19016  >
19017    
19018      <button
19019        type="button"
19020        class="adoc-card-wishlist-button"
19021        data-cat-wishlist-toggle
19022        data-product-id="8689858969857"
19023        data-product-variant-id="45990396199169"
19024        data-product-title="Botas Threshold Rebound Mid WP para hombre color gris"
19025        data-product-url="/products/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=45990396199169"
19026        data-product-image="//caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&width=600"
19027        data-product-price="₡ 66.496,50"
19028        aria-label="Agregar a favoritos"
19029        aria-pressed="false"
19030      >
19031        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
19032          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
19033        </svg>
19034      </button>
19035    
19036    
19037  
19038
19039
19040
19041
19042
19043
19044
19045<div
19046  ref="cardGallery"
19047  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-13 spacing-style border-style card-gallery--badge-top-left"
19048  style="
19049    --border-width: 1px; --border-style: none; --border-color:
19050rgb(var(--color-border-rgb) / 1.0); --border-radius:
190510px; 
19052
19053    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19054    --gallery-aspect-ratio: 1.0;
19055  "
19056  data-product-id="8689858969857"
19057  
19058    on:pointerenter="/previewImage"
19059    on:pointerleave="/resetImage"
19060  
19061  
19062  data-image-ratio="adapt"
19063  
19064>
19065    <a
19066      class="contents"
19067      ref="cardGalleryLink"
19068      href="/products/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=45990396199169"
19069      aria-label="Botas Threshold Rebound Mid WP para hombre color gris"
19070    >
19071      <slideshow-component
19072  
19073    ref="slideshow"
19074  
19075  
19076  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
19077  
19078  initial-slide="0"
19079  
19080  
19081    infinite
19082  
19083
19084  data-generic-media-size="5"
19085>
19086  
19087  <slideshow-container ref="slideshowContainer">
19088    
19089      <slideshow-arrows
19090  position="center"
19091  
19092><button
19093  class="
19094    slideshow-control slideshow-control--previous
19095    
19096    
19097    slideshow-control--style-arrow
19098    button button-unstyled button-unstyled--transparent
19099     flip-x
19100  "
19101  
19102  aria-label="Diapositiva anterior"
19103  
19104  on:click="/previous"
19105  ref="previous"
19106>
19107  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19108</span>
19109</button>
19110
19111
19112<button
19113  class="
19114    slideshow-control slideshow-control--next
19115    
19116    
19117    slideshow-control--style-arrow
19118    button button-unstyled button-unstyled--transparent
19119    
19120  "
19121  
19122  aria-label="Siguiente diapositiva"
19123  
19124  on:click="/next"
19125  ref="next"
19126>
19127  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19128</span>
19129</button>
19130
19131
19132</slideshow-arrows>
19133
19134
19135
19136    
19137    
19138    <slideshow-slides
19139      tabindex="-1"
19140      ref="scroller"
19141      
19142    >
19143      <slideshow-slide
19144  ref="slides[]"
19145  aria-hidden="false"
19146  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19147  
19148    class="product-media-container media-fit product-media-container--image"
19149  
19150  
19151  
19152  
19153    slide-id="37928338096385"
19154  
19155  
19156  
19157  
19158>
19159  
19160
19161<div
19162  class="product-media"
19163  style="--ratio: 1.0"
19164  data-media-id="37928338096385"
19165>
19166  
19167  <img src="//caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=3840" alt="Botas Threshold Rebound Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082630-1_ddf606c1-a28d-4996-a74e-7f985784b2b4.jpg?v=1761321773&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19168
19169  
19170</div>
19171
19172
19173
19174</slideshow-slide>
19175
19176
19177
19178<slideshow-slide
19179  ref="slides[]"
19180  aria-hidden="true"
19181  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19182  
19183    class="product-media-container media-fit product-media-container--image"
19184  
19185  
19186  
19187  
19188    slide-id="37928338129153"
19189  
19190  
19191  
19192  
19193>
19194  
19195
19196<div
19197  class="product-media"
19198  style="--ratio: 1.0"
19199  data-media-id="37928338129153"
19200>
19201  
19202  <img src="//caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=3840" alt="Botas Threshold Rebound Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082630-2_cabf06fb-8a11-41dd-bd4d-d44b5f8f425b.jpg?v=1761321773&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19203
19204  
19205</div>
19206
19207
19208
19209</slideshow-slide>
19210
19211
19212
19213<slideshow-slide
19214  ref="slides[]"
19215  aria-hidden="true"
19216  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19217  
19218    class="product-media-container media-fit product-media-container--image"
19219  
19220  
19221  
19222  
19223    slide-id="37928338161921"
19224  
19225  
19226  
19227  
19228>
19229  
19230
19231<div
19232  class="product-media"
19233  style="--ratio: 1.0"
19234  data-media-id="37928338161921"
19235>
19236  
19237  <img src="//caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=3840" alt="Botas Threshold Rebound Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082630-3_44937438-4e33-4c47-9b4c-62169b27f657.jpg?v=1761321773&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19238
19239  
19240</div>
19241
19242
19243
19244</slideshow-slide>
19245
19246
19247
19248<slideshow-slide
19249  ref="slides[]"
19250  aria-hidden="true"
19251  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19252  
19253    class="product-media-container media-fit product-media-container--image"
19254  
19255  
19256  
19257  
19258    slide-id="37928338194689"
19259  
19260  
19261  
19262  
19263>
19264  
19265
19266<div
19267  class="product-media"
19268  style="--ratio: 1.0"
19269  data-media-id="37928338194689"
19270>
19271  
19272  <img src="//caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=3840" alt="Botas Threshold Rebound Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082630-4_39f05377-4a82-47a2-92fe-0e5ea7b1b02e.jpg?v=1761321773&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19273
19274  
19275</div>
19276
19277
19278
19279</slideshow-slide>
19280
19281
19282
19283<slideshow-slide
19284  ref="slides[]"
19285  aria-hidden="true"
19286  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19287  
19288    class="product-media-container media-fit product-media-container--video"
19289  
19290  
19291  
19292  
19293    slide-id="36676391272705"
19294  
19295  
19296  
19297  
19298>
19299  
19300
19301<div
19302  class="product-media"
19303  style="--ratio: 1.0"
19304  data-media-id="36676391272705"
19305>
19306  
19307  <img src="//caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=3840" alt="Botas Threshold Rebound Mid WP para hombre color gris" srcset="//caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/preview_images/5e060fd86e8b43efbca5c246420440bb.thumbnail.0000000000.jpg?v=1747072070&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
19308
19309  
19310</div>
19311
19312
19313
19314</slideshow-slide>
19315
19316
19317
19318
19319    </slideshow-slides>
19320  </slideshow-container>
19321  
19322</slideshow-component>
19323
19324
19325
19326
19327    </a>
19328  
19329  
19330    <div
19331      class="product-badges product-badges--top-left"
19332      style="
19333        --badge-border-radius: 0px;
19334        --badge-font-family: var(--font-body--family);
19334 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
19335      "
19336    ><div
19337          class="product-badges__badge product-badges__badge--rectangle"
19338          style="background-color: #B32318; color: #FFFFFF;"
19339        >-30%</div></div><product-card-hover class="pch-overlay">
19340      
19340<script type="application/json" class="pch-variants-json">[{"id":45990396166401,"title":"7 \/ Gris","option1":"7","option2":"Gris","option3":null,"sku":"30082630001","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 7 \/ Gris","public_title":"7 \/ Gris","options":["7","Gris"],"price":6649650,"weight":0,"compare_at_price":9499500,"inventory_management":"shopify","barcode":"2050004057454","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990396199169,"title":"8 \/ Gris","option1":"8","option2":"Gris","option3":null,"sku":"30082630002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 8 \/ Gris","public_title":"8 \/ Gris","options":["8","Gris"],"price":6649650,"weight":0,"compare_at_price":9499500,"inventory_management":"shopify","barcode":"2050004057478","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990396231937,"title":"9 \/ Gris","option1":"9","option2":"Gris","option3":null,"sku":"30082630003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 9 \/ Gris","public_title":"9 \/ Gris","options":["9","Gris"],"price":6649650,"weight":0,"compare_at_price":9499500,"inventory_management":"shopify","barcode":"2050004057492","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990396264705,"title":"10 \/ Gris","option1":"10","option2":"Gris","option3":null,"sku":"30082630004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 10 \/ Gris","public_title":"10 \/ Gris","options":["10","Gris"],"price":6649650,"weight":0,"compare_at_price":9499500,"inventory_management":"shopify","barcode":"2050004057515","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990396297473,"title":"11 \/ Gris","option1":"11","option2":"Gris","option3":null,"sku":"30082630005","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Threshold Rebound Mid WP para hombre color gris - 11 \/ Gris","public_title":"11 \/ Gris","options":["11","Gris"],"price":6649650,"weight":0,"compare_at_price":9499500,"inventory_management":"shopify","barcode":"2050004057539","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
19340
19341      
19341<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
19341
19342
19343      <div class="pch-backdrop" aria-hidden="true"></div>
19344
19345      <div class="pch-inner">
19346        <p class="pch-error" role="alert" hidden></p>
19347
19348        
19349
19350            <div class="pch-size-group" role="group" aria-label="Talla">
19351              
19352<button
19353                  type="button"
19354                  class="pch-size-btn"
19355                  data-option-name="Talla"
19356                  data-option-value="7"
19357                  aria-pressed="false"
19358                  aria-disabled="true"
19359                  disabled
19360                >7</button>
19361              
19362<button
19363                  type="button"
19364                  class="pch-size-btn"
19365                  data-option-name="Talla"
19366                  data-option-value="8"
19367                  aria-pressed="false"
19368                  aria-disabled="false"
19369                  
19370                >8</button>
19371              
19372<button
19373                  type="button"
19374                  class="pch-size-btn"
19375                  data-option-name="Talla"
19376                  data-option-value="9"
19377                  aria-pressed="false"
19378                  aria-disabled="false"
19379                  
19380                >9</button>
19381              
19382<button
19383                  type="button"
19384                  class="pch-size-btn"
19385                  data-option-name="Talla"
19386                  data-option-value="10"
19387                  aria-pressed="false"
19388                  aria-disabled="false"
19389                  
19390                >10</button>
19391              
19392<button
19393                  type="button"
19394                  class="pch-size-btn"
19395                  data-option-name="Talla"
19396                  data-option-value="11"
19397                  aria-pressed="false"
19398                  aria-disabled="true"
19399                  disabled
19400                >11</button>
19401              
19402            </div>
19403          
19404        
19405
19406            <div class="pch-size-group" role="group" aria-label="Color">
19407              
19408<button
19409                  type="button"
19410                  class="pch-size-btn"
19411                  data-option-name="Color"
19412                  data-option-value="Gris"
19413                  aria-pressed="false"
19414                  aria-disabled="false"
19415                  
19416                >Gris</button>
19417              
19418            </div>
19419          
19420        
19421
19422        
19423
19424        
19425
19426        
19427
19428        <div class="pch-overlay-actions">
19429          <button
19430            type="button"
19431            class="pch-btn pch-btn--cart"
19432            data-product-card-add
19433            style="background-color: #000000; color: #FFFFFF;"
19434          >
19435            <span>Agregar al carrito</span>
19436            <span class="pch-btn__plus" aria-hidden="true">+</span>
19437          </button>
19438        </div>
19439      </div>
19440    </product-card-hover>
19441
19442    
19443  
19444
19445</div>
19446
19447
19448
19449
19450
19451<div class="product-grid-view-zoom-out--details">
19452  
19453    <h3 class="h4">Botas Threshold Rebound Mid WP para hombre color gris</h3>
19454  
19455</div>
19456
19457
19458
19459
19460<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
19460
19461
19462
19463
19464
19465
19466
19467
19468  
19469  <a
19470    class="contents user-select-text"
19471    ref="productTitleLink"
19472    href="/products/30082630-botas-threshold-rebound-mid-wp-para-hombre-color-gris?variant=45990396199169"
19473  >
19474    
19475
19476
19477
19478
19479
19480
19481  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-13 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
19482    <p role="heading" aria-level="3">Botas Threshold Rebound Mid WP para hombre color gris</p>
19483  </div>
19484
19485
19486
19487
19488  </a>
19489
19490
19491
19492
19493
19494
19495<product-price
19496  class="text-block text-block--align-left text-left h6 spacing-style"
19497  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-13"
19498  data-product-id="8689858969857"
19499  style="
19500    
19501--color: var(--color-foreground);
19502    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19503    --width: 100%;
19504  "
19505  
19506>
19507  <div ref="priceContainer">
19508  
19509    
19510    <div
19511      class="
19512        price__regular
19513        
19514          price__hidden
19515        
19516      "
19517    >
19518      <span class="price">₡ 66.496,50</span>
19519    </div>
19520    <div
19521      class="
19522        price__sale
19523        
19524      "
19525    >
19526      
19527        <div class="price-sale__group">
19528          <span class="price-item__group">
19529            <span class="visually-hidden">Precio de oferta&nbsp;</span>
19530            <span class="price-item--sale price">₡ 66.496,50</span>
19531          </span>
19532          <span class="price-item__group">
19533            <span class="visually-hidden">Precio habitual&nbsp;</span>
19534            <span class="price-item--regular compare-at-price">₡ 94.995,00</span>
19535          </span>
19536        </div>
19537      
19538    </div>
19539  
19540</div>
19541
19542  
19543</product-price>
19544
19545
19546
19547
19548    
19549      <div class="pch-buy-bar">
19550        <button
19551          type="button"
19552          class="pch-buy-bar__btn"
19553          data-product-card-buy
19554          style="background-color: #ffcc00; color: #000000;"
19555        >
19556          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19557</span>
19558          <span>Comprar ahora</span>
19559        </button>
19560      </div>
19561    
19562  </div>
19563</product-card>
19564
19565
19566
19567
19568
19569
19570
19571
19572
19573
19574
19575
19576
19577
19578
19579
19580            
19581          </li>
19582        
19583          <li
19584            id="template--22556826370305__main-8689858773249"
19585            class="product-grid__item product-grid__item--14"
19586            data-page="1"
19587            data-product-id="8689858773249"
19588            data-product-title="botas threshold wp para hombre color beige"
19589            data-product-type="calzado"
19590            ref="cards[]"
19591          >
19592            
19593            
19594
19595
19596
19597
19598
19599<style data-shopify>
19600  
19601</style>
19602
19603
19604
19605<product-card
19606  class="product-card size-style"
19607  style="--size-style-width: ;--size-style-height: ;"
19608  data-product-id="8689858773249"
19609  data-product-title="Botas Threshold WP para hombre color beige"
19610  data-product-vendor="CAT"
19611  data-product-type="CALZADO"
19612  data-product-variant-id="45990395085057"
19613  data-product-variant-title="7 / Beige"
19614  data-product-sku="30082622001"
19615  data-product-price-cents="10099500"
19616  data-product-url="/products/30082622-botas-threshold-wp-para-hombre-color-beige?variant=45990395085057"
19617  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-14"
19618  
19619  
19620  
19621>
19622  <a
19623    id="e997c120d07cabaed7024bf16287de02"
19624    
19625      href="/products/30082622-botas-threshold-wp-para-hombre-color-beige?variant=45990395085057"
19626    
19627    class="product-card__link"
19628    ref="productCardLink"
19629  >
19630    <span class="visually-hidden">
19631      Botas Threshold WP para hombre color beige
19632    </span>
19633  </a>
19634  <div
19635    class="
19636      product-card__content
19637      layout-panel-flex
19638      layout-panel-flex--column
19639      product-grid__card
19640      spacing-style
19641      border-style
19642      gap-style
19643      
19644    "
19645    style="
19646      --border-width: 1px; --border-style: none; --border-color:
19647rgb(var(--color-border-rgb) / 1.0); --border-radius:
196480px; 
19649
19650      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19651
19652
19653
19654--horizontal-alignment: ; --vertical-alignment: ;
19655--vertical-alignment-mobile: ;
19656
19657      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
19658      --product-card-gap: 4px;
19659      --quick-add-display: none;
19660      --quick-add-mobile-display: none;
19661      --quick-add-mobile-opacity: 0;
19662      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
19663      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
19664      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
19665      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
19666    "
19667  >
19668    
19669      <button
19670        type="button"
19671        class="adoc-card-wishlist-button"
19672        data-cat-wishlist-toggle
19673        data-product-id="8689858773249"
19674        data-product-variant-id="45990395085057"
19675        data-product-title="Botas Threshold WP para hombre color beige"
19676        data-product-url="/products/30082622-botas-threshold-wp-para-hombre-color-beige?variant=45990395085057"
19677        data-product-image="//caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&width=600"
19678        data-product-price="₡ 100.995,00"
19679        aria-label="Agregar a favoritos"
19680        aria-pressed="false"
19681      >
19682        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
19683          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
19684        </svg>
19685      </button>
19686    
19687    
19688  
19689
19690
19691
19692
19693
19694
19695
19696<div
19697  ref="cardGallery"
19698  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-14 spacing-style border-style"
19699  style="
19700    --border-width: 1px; --border-style: none; --border-color:
19701rgb(var(--color-border-rgb) / 1.0); --border-radius:
197020px; 
19703
19704    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19705    --gallery-aspect-ratio: 1.0;
19706  "
19707  data-product-id="8689858773249"
19708  
19709    on:pointerenter="/previewImage"
19710    on:pointerleave="/resetImage"
19711  
19712  
19713  data-image-ratio="adapt"
19714  
19715>
19716    <a
19717      class="contents"
19718      ref="cardGalleryLink"
19719      href="/products/30082622-botas-threshold-wp-para-hombre-color-beige?variant=45990395085057"
19720      aria-label="Botas Threshold WP para hombre color beige"
19721    >
19722      <slideshow-component
19723  
19724    ref="slideshow"
19725  
19726  
19727  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
19728  
19729  initial-slide="0"
19730  
19731  
19732    infinite
19733  
19734
19735  data-generic-media-size="4"
19736>
19737  
19738  <slideshow-container ref="slideshowContainer">
19739    
19740      <slideshow-arrows
19741  position="center"
19742  
19743><button
19744  class="
19745    slideshow-control slideshow-control--previous
19746    
19747    
19748    slideshow-control--style-arrow
19749    button button-unstyled button-unstyled--transparent
19750     flip-x
19751  "
19752  
19753  aria-label="Diapositiva anterior"
19754  
19755  on:click="/previous"
19756  ref="previous"
19757>
19758  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19759</span>
19760</button>
19761
19762
19763<button
19764  class="
19765    slideshow-control slideshow-control--next
19766    
19767    
19768    slideshow-control--style-arrow
19769    button button-unstyled button-unstyled--transparent
19770    
19771  "
19772  
19773  aria-label="Siguiente diapositiva"
19774  
19775  on:click="/next"
19776  ref="next"
19777>
19778  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19779</span>
19780</button>
19781
19782
19783</slideshow-arrows>
19784
19785
19786
19787    
19788    
19789    <slideshow-slides
19790      tabindex="-1"
19791      ref="scroller"
19792      
19793    >
19794      <slideshow-slide
19795  ref="slides[]"
19796  aria-hidden="false"
19797  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19798  
19799    class="product-media-container media-fit product-media-container--image"
19800  
19801  
19802  
19803  
19804    slide-id="37928400945409"
19805  
19806  
19807  
19808  
19809>
19810  
19811
19812<div
19813  class="product-media"
19814  style="--ratio: 1.0"
19815  data-media-id="37928400945409"
19816>
19817  
19818  <img src="//caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=3840" alt="Botas Threshold WP para hombre color beige" srcset="//caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082622-1_93009901-c289-4f6a-8900-9021ff138c77.jpg?v=1761324341&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19819
19820  
19821</div>
19822
19823
19824
19825</slideshow-slide>
19826
19827
19828
19829<slideshow-slide
19830  ref="slides[]"
19831  aria-hidden="true"
19832  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19833  
19834    class="product-media-container media-fit product-media-container--image"
19835  
19836  
19837  
19838  
19839    slide-id="37928400978177"
19840  
19841  
19842  
19843  
19844>
19845  
19846
19847<div
19848  class="product-media"
19849  style="--ratio: 1.0"
19850  data-media-id="37928400978177"
19851>
19852  
19853  <img src="//caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=3840" alt="Botas Threshold WP para hombre color beige" srcset="//caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082622-2_60e74ce7-df8a-4dc6-80c1-8628d65802d4.jpg?v=1761324341&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19854
19855  
19856</div>
19857
19858
19859
19860</slideshow-slide>
19861
19862
19863
19864<slideshow-slide
19865  ref="slides[]"
19866  aria-hidden="true"
19867  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19868  
19869    class="product-media-container media-fit product-media-container--image"
19870  
19871  
19872  
19873  
19874    slide-id="37928401010945"
19875  
19876  
19877  
19878  
19879>
19880  
19881
19882<div
19883  class="product-media"
19884  style="--ratio: 1.0"
19885  data-media-id="37928401010945"
19886>
19887  
19888  <img src="//caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=3840" alt="Botas Threshold WP para hombre color beige" srcset="//caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082622-3_7dd3c0a7-3dcd-4348-afa5-0cebdc698640.jpg?v=1761324341&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19889
19890  
19891</div>
19892
19893
19894
19895</slideshow-slide>
19896
19897
19898
19899<slideshow-slide
19900  ref="slides[]"
19901  aria-hidden="true"
19902  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19903  
19904    class="product-media-container media-fit product-media-container--image"
19905  
19906  
19907  
19908  
19909    slide-id="37928401043713"
19910  
19911  
19912  
19913  
19914>
19915  
19916
19917<div
19918  class="product-media"
19919  style="--ratio: 1.0"
19920  data-media-id="37928401043713"
19921>
19922  
19923  <img src="//caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=3840" alt="Botas Threshold WP para hombre color beige" srcset="//caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30082622-4_e49d213c-f804-4dcd-85b9-104792798b55.jpg?v=1761324341&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19924
19925  
19926</div>
19927
19928
19929
19930</slideshow-slide>
19931
19932
19933
19934
19935    </slideshow-slides>
19936  </slideshow-container>
19937  
19938</slideshow-component>
19939
19940
19941
19942
19943    </a>
19944  
19945  
19946    <div
19947      class="product-badges product-badges--top-left"
19948      style="
19949        --badge-border-radius: 0px;
19950        --badge-font-family: var(--font-body--family);
19950 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
19951      "
19952    ></div><product-card-hover class="pch-overlay">
19953      
19953<script type="application/json" class="pch-variants-json">[{"id":45990395085057,"title":"7 \/ Beige","option1":"7","option2":"Beige","option3":null,"sku":"30082622001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold WP para hombre color beige - 7 \/ Beige","public_title":"7 \/ Beige","options":["7","Beige"],"price":10099500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004056655","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990395117825,"title":"8 \/ Beige","option1":"8","option2":"Beige","option3":null,"sku":"30082622002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold WP para hombre color beige - 8 \/ Beige","public_title":"8 \/ Beige","options":["8","Beige"],"price":10099500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004056679","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990395150593,"title":"9 \/ Beige","option1":"9","option2":"Beige","option3":null,"sku":"30082622003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold WP para hombre color beige - 9 \/ Beige","public_title":"9 \/ Beige","options":["9","Beige"],"price":10099500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004056693","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990395183361,"title":"10 \/ Beige","option1":"10","option2":"Beige","option3":null,"sku":"30082622004","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Botas Threshold WP para hombre color beige - 10 \/ Beige","public_title":"10 \/ Beige","options":["10","Beige"],"price":10099500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004056716","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45990395216129,"title":"11 \/ Beige","option1":"11","option2":"Beige","option3":null,"sku":"30082622005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold WP para hombre color beige - 11 \/ Beige","public_title":"11 \/ Beige","options":["11","Beige"],"price":10099500,"weight":100,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050004056730","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
19953
19954      
19954<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
19954
19955
19956      <div class="pch-backdrop" aria-hidden="true"></div>
19957
19958      <div class="pch-inner">
19959        <p class="pch-error" role="alert" hidden></p>
19960
19961        
19962
19963            <div class="pch-size-group" role="group" aria-label="Talla">
19964              
19965<button
19966                  type="button"
19967                  class="pch-size-btn"
19968                  data-option-name="Talla"
19969                  data-option-value="7"
19970                  aria-pressed="false"
19971                  aria-disabled="false"
19972                  
19973                >7</button>
19974              
19975<button
19976                  type="button"
19977                  class="pch-size-btn"
19978                  data-option-name="Talla"
19979                  data-option-value="8"
19980                  aria-pressed="false"
19981                  aria-disabled="false"
19982                  
19983                >8</button>
19984              
19985<button
19986                  type="button"
19987                  class="pch-size-btn"
19988                  data-option-name="Talla"
19989                  data-option-value="9"
19990                  aria-pressed="false"
19991                  aria-disabled="false"
19992                  
19993                >9</button>
19994              
19995<button
19996                  type="button"
19997                  class="pch-size-btn"
19998                  data-option-name="Talla"
19999                  data-option-value="10"
20000                  aria-pressed="false"
20001                  aria-disabled="true"
20002                  disabled
20003                >10</button>
20004              
20005<button
20006                  type="button"
20007                  class="pch-size-btn"
20008                  data-option-name="Talla"
20009                  data-option-value="11"
20010                  aria-pressed="false"
20011                  aria-disabled="false"
20012                  
20013                >11</button>
20014              
20015            </div>
20016          
20017        
20018
20019            <div class="pch-size-group" role="group" aria-label="Color">
20020              
20021<button
20022                  type="button"
20023                  class="pch-size-btn"
20024                  data-option-name="Color"
20025                  data-option-value="Beige"
20026                  aria-pressed="false"
20027                  aria-disabled="false"
20028                  
20029                >Beige</button>
20030              
20031            </div>
20032          
20033        
20034
20035        
20036
20037        
20038
20039        
20040
20041        <div class="pch-overlay-actions">
20042          <button
20043            type="button"
20044            class="pch-btn pch-btn--cart"
20045            data-product-card-add
20046            style="background-color: #000000; color: #FFFFFF;"
20047          >
20048            <span>Agregar al carrito</span>
20049            <span class="pch-btn__plus" aria-hidden="true">+</span>
20050          </button>
20051        </div>
20052      </div>
20053    </product-card-hover>
20054
20055    
20056  
20057
20058</div>
20059
20060
20061
20062
20063
20064<div class="product-grid-view-zoom-out--details">
20065  
20066    <h3 class="h4">Botas Threshold WP para hombre color beige</h3>
20067  
20068</div>
20069
20070
20071
20072
20073<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
20073
20074
20075
20076
20077
20078
20079
20080
20081  
20082  <a
20083    class="contents user-select-text"
20084    ref="productTitleLink"
20085    href="/products/30082622-botas-threshold-wp-para-hombre-color-beige?variant=45990395085057"
20086  >
20087    
20088
20089
20090
20091
20092
20093
20094  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-14 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
20095    <p role="heading" aria-level="3">Botas Threshold WP para hombre color beige</p>
20096  </div>
20097
20098
20099
20100
20101  </a>
20102
20103
20104
20105
20106
20107
20108<product-price
20109  class="text-block text-block--align-left text-left h6 spacing-style"
20110  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-14"
20111  data-product-id="8689858773249"
20112  style="
20113    
20114--color: var(--color-foreground);
20115    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20116    --width: 100%;
20117  "
20118  
20119>
20120  <div ref="priceContainer">
20121  
20122    
20123    <div
20124      class="
20125        price__regular
20126        
20127      "
20128    >
20129      <span class="price">₡ 100.995,00</span>
20130    </div>
20131    <div
20132      class="
20133        price__sale
20134        
20135          price__hidden
20136        
20137      "
20138    >
20139      
20140        <div class="price-sale__group">
20141          <span class="price-item__group">
20142            <span class="visually-hidden">Precio de oferta&nbsp;</span>
20143            <span class="price-item--sale price">₡ 100.995,00</span>
20144          </span>
20145          <span class="price-item__group">
20146            <span class="visually-hidden">Precio habitual&nbsp;</span>
20147            <span class="price-item--regular compare-at-price"></span>
20148          </span>
20149        </div>
20150      
20151    </div>
20152  
20153</div>
20154
20155  
20156</product-price>
20157
20158
20159
20160
20161    
20162      <div class="pch-buy-bar">
20163        <button
20164          type="button"
20165          class="pch-buy-bar__btn"
20166          data-product-card-buy
20167          style="background-color: #ffcc00; color: #000000;"
20168        >
20169          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20170</span>
20171          <span>Comprar ahora</span>
20172        </button>
20173      </div>
20174    
20175  </div>
20176</product-card>
20177
20178
20179
20180
20181
20182
20183
20184
20185
20186
20187
20188
20189
20190
20191
20192
20193            
20194          </li>
20195        
20196          <li
20197            id="template--22556826370305__main-8676937072897"
20198            class="product-grid__item product-grid__item--15"
20199            data-page="1"
20200            data-product-id="8676937072897"
20201            data-product-title="botas threshold chelsea para hombre color café"
20202            data-product-type="calzado"
20203            ref="cards[]"
20204          >
20205            
20206            
20207
20208
20209
20210
20211
20212<style data-shopify>
20213  
20214</style>
20215
20216
20217
20218<product-card
20219  class="product-card size-style"
20220  style="--size-style-width: ;--size-style-height: ;"
20221  data-product-id="8676937072897"
20222  data-product-title="Botas Threshold Chelsea para hombre color café"
20223  data-product-vendor="CAT"
20224  data-product-type="CALZADO"
20225  data-product-variant-id="45938795774209"
20226  data-product-variant-title="7 / Cafe"
20227  data-product-sku="30080555001"
20228  data-product-price-cents="8199500"
20229  data-product-url="/products/30080555-botas-threshold-chelsea-para-hombre-color-cafe?variant=45938795774209"
20230  id="product-card-AZkVFdkl3emgyQlE5Z__product-card-15"
20231  
20232  
20233  
20234>
20235  <a
20236    id="e75b44a5c9f51913d676fdfcfc76973a"
20237    
20238      href="/products/30080555-botas-threshold-chelsea-para-hombre-color-cafe?variant=45938795774209"
20239    
20240    class="product-card__link"
20241    ref="productCardLink"
20242  >
20243    <span class="visually-hidden">
20244      Botas Threshold Chelsea para hombre color café
20245    </span>
20246  </a>
20247  <div
20248    class="
20249      product-card__content
20250      layout-panel-flex
20251      layout-panel-flex--column
20252      product-grid__card
20253      spacing-style
20254      border-style
20255      gap-style
20256      
20257    "
20258    style="
20259      --border-width: 1px; --border-style: none; --border-color:
20260rgb(var(--color-border-rgb) / 1.0); --border-radius:
202610px; 
20262
20263      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20264
20265
20266
20267--horizontal-alignment: ; --vertical-alignment: ;
20268--vertical-alignment-mobile: ;
20269
20270      --padding-block-start: 10px;--padding-block-end: 10px;--padding-inline-start: 10px;--padding-inline-end: 10px;
20271      --product-card-gap: 4px;
20272      --quick-add-display: none;
20273      --quick-add-mobile-display: none;
20274      --quick-add-mobile-opacity: 0;
20275      --zoom-out-padding-inline-start: min(var(--padding-xs), 7.0px);
20276      --zoom-out-padding-inline-end: min(var(--padding-xs), 7.0px);
20277      --zoom-out-padding-block-start: min(var(--padding-xs), 7.0px);
20278      --zoom-out-padding-block-end: min(var(--padding-xs), 7.0px);
20279    "
20280  >
20281    
20282      <button
20283        type="button"
20284        class="adoc-card-wishlist-button"
20285        data-cat-wishlist-toggle
20286        data-product-id="8676937072897"
20287        data-product-variant-id="45938795774209"
20288        data-product-title="Botas Threshold Chelsea para hombre color café"
20289        data-product-url="/products/30080555-botas-threshold-chelsea-para-hombre-color-cafe?variant=45938795774209"
20290        data-product-image="//caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&width=600"
20291        data-product-price="₡ 81.995,00"
20292        aria-label="Agregar a favoritos"
20293        aria-pressed="false"
20294      >
20295        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
20296          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
20297        </svg>
20298      </button>
20299    
20300    
20301  
20302
20303
20304
20305
20306
20307
20308
20309<div
20310  ref="cardGallery"
20311  class="card-gallery card-gallery-AVXhGNFFKdVdMOFNLY__card-gallery-15 spacing-style border-style"
20312  style="
20313    --border-width: 1px; --border-style: none; --border-color:
20314rgb(var(--color-border-rgb) / 1.0); --border-radius:
203150px; 
20316
20317    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20318    --gallery-aspect-ratio: 1.0;
20319  "
20320  data-product-id="8676937072897"
20321  
20322    on:pointerenter="/previewImage"
20323    on:pointerleave="/resetImage"
20324  
20325  
20326  data-image-ratio="adapt"
20327  
20328>
20329    <a
20330      class="contents"
20331      ref="cardGalleryLink"
20332      href="/products/30080555-botas-threshold-chelsea-para-hombre-color-cafe?variant=45938795774209"
20333      aria-label="Botas Threshold Chelsea para hombre color café"
20334    >
20335      <slideshow-component
20336  
20337    ref="slideshow"
20338  
20339  
20340  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
20341  
20342  initial-slide="0"
20343  
20344  
20345    infinite
20346  
20347
20348  data-generic-media-size="4"
20349>
20350  
20351  <slideshow-container ref="slideshowContainer">
20352    
20353      <slideshow-arrows
20354  position="center"
20355  
20356><button
20357  class="
20358    slideshow-control slideshow-control--previous
20359    
20360    
20361    slideshow-control--style-arrow
20362    button button-unstyled button-unstyled--transparent
20363     flip-x
20364  "
20365  
20366  aria-label="Diapositiva anterior"
20367  
20368  on:click="/previous"
20369  ref="previous"
20370>
20371  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
20372</span>
20373</button>
20374
20375
20376<button
20377  class="
20378    slideshow-control slideshow-control--next
20379    
20380    
20381    slideshow-control--style-arrow
20382    button button-unstyled button-unstyled--transparent
20383    
20384  "
20385  
20386  aria-label="Siguiente diapositiva"
20387  
20388  on:click="/next"
20389  ref="next"
20390>
20391  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
20392</span>
20393</button>
20394
20395
20396</slideshow-arrows>
20397
20398
20399
20400    
20401    
20402    <slideshow-slides
20403      tabindex="-1"
20404      ref="scroller"
20405      
20406    >
20407      <slideshow-slide
20408  ref="slides[]"
20409  aria-hidden="false"
20410  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20411  
20412    class="product-media-container media-fit product-media-container--image"
20413  
20414  
20415  
20416  
20417    slide-id="37928059175169"
20418  
20419  
20420  
20421  
20422>
20423  
20424
20425<div
20426  class="product-media"
20427  style="--ratio: 1.0"
20428  data-media-id="37928059175169"
20429>
20430  
20431  <img src="//caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=3840" alt="Botas Threshold Chelsea para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30080555-1_00bd49c3-24dc-4ab2-8ee1-f74802aa69d7.jpg?v=1761320256&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20432
20433  
20434</div>
20435
20436
20437
20438</slideshow-slide>
20439
20440
20441
20442<slideshow-slide
20443  ref="slides[]"
20444  aria-hidden="true"
20445  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20446  
20447    class="product-media-container media-fit product-media-container--image"
20448  
20449  
20450  
20451  
20452    slide-id="37928059207937"
20453  
20454  
20455  
20456  
20457>
20458  
20459
20460<div
20461  class="product-media"
20462  style="--ratio: 1.0"
20463  data-media-id="37928059207937"
20464>
20465  
20466  <img src="//caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=3840" alt="Botas Threshold Chelsea para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30080555-2_4ae28cb7-2e95-405e-9a4c-429e20ac366c.jpg?v=1761320256&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20467
20468  
20469</div>
20470
20471
20472
20473</slideshow-slide>
20474
20475
20476
20477<slideshow-slide
20478  ref="slides[]"
20479  aria-hidden="true"
20480  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20481  
20482    class="product-media-container media-fit product-media-container--image"
20483  
20484  
20485  
20486  
20487    slide-id="37928059240705"
20488  
20489  
20490  
20491  
20492>
20493  
20494
20495<div
20496  class="product-media"
20497  style="--ratio: 1.0"
20498  data-media-id="37928059240705"
20499>
20500  
20501  <img src="//caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=3840" alt="Botas Threshold Chelsea para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30080555-3_ad1a8021-50c5-40b3-ac39-95b58508b36a.jpg?v=1761320256&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20502
20503  
20504</div>
20505
20506
20507
20508</slideshow-slide>
20509
20510
20511
20512<slideshow-slide
20513  ref="slides[]"
20514  aria-hidden="true"
20515  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20516  
20517    class="product-media-container media-fit product-media-container--image"
20518  
20519  
20520  
20521  
20522    slide-id="37928059273473"
20523  
20524  
20525  
20526  
20527>
20528  
20529
20530<div
20531  class="product-media"
20532  style="--ratio: 1.0"
20533  data-media-id="37928059273473"
20534>
20535  
20536  <img src="//caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=3840" alt="Botas Threshold Chelsea para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=352 352w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=832 832w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=1200 1200w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=1600 1600w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=1920 1920w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=2560 2560w, //caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" data_max_resolution="//caterpillarcr.com/cdn/shop/files/30080555-4_41f4275c-407b-4487-ace5-26f4ee7f7756.jpg?v=1761320256&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20537
20538  
20539</div>
20540
20541
20542
20543</slideshow-slide>
20544
20545
20546
20547
20548    </slideshow-slides>
20549  </slideshow-container>
20550  
20551</slideshow-component>
20552
20553
20554
20555
20556    </a>
20557  
20558  
20559    <div
20560      class="product-badges product-badges--top-left"
20561      style="
20562        --badge-border-radius: 0px;
20563        --badge-font-family: var(--font-body--family);
20563 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
20564      "
20565    ></div><product-card-hover class="pch-overlay">
20566      
20566<script type="application/json" class="pch-variants-json">[{"id":45938795774209,"title":"7 \/ Cafe","option1":"7","option2":"Cafe","option3":null,"sku":"30080555001","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 7 \/ Cafe","public_title":"7 \/ Cafe","options":["7","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050003851718","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45938795806977,"title":"8 \/ Cafe","option1":"8","option2":"Cafe","option3":null,"sku":"30080555002","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 8 \/ Cafe","public_title":"8 \/ Cafe","options":["8","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050003851732","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45938795839745,"title":"9 \/ Cafe","option1":"9","option2":"Cafe","option3":null,"sku":"30080555003","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 9 \/ Cafe","public_title":"9 \/ Cafe","options":["9","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050003851756","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45938795872513,"title":"10 \/ Cafe","option1":"10","option2":"Cafe","option3":null,"sku":"30080555004","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 10 \/ Cafe","public_title":"10 \/ Cafe","options":["10","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050003851770","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45938795905281,"title":"11 \/ Cafe","option1":"11","option2":"Cafe","option3":null,"sku":"30080555005","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 11 \/ Cafe","public_title":"11 \/ Cafe","options":["11","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2050003851794","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":45938795938049,"title":"12 \/ Cafe","option1":"12","option2":"Cafe","option3":null,"sku":"30080555006","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Botas Threshold Chelsea para hombre color café - 12 \/ Cafe","public_title":"12 \/ Cafe","options":["12","Cafe"],"price":8199500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"2090001034805","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]</script>
20566
20567      
20567<script type="application/json" class="pch-options-json">["Talla","Color"]</script>
20567
20568
20569      <div class="pch-backdrop" aria-hidden="true"></div>
20570
20571      <div class="pch-inner">
20572        <p class="pch-error" role="alert" hidden></p>
20573
20574        
20575
20576            <div class="pch-size-group" role="group" aria-label="Talla">
20577              
20578<button
20579                  type="button"
20580                  class="pch-size-btn"
20581                  data-option-name="Talla"
20582                  data-option-value="7"
20583                  aria-pressed="false"
20584                  aria-disabled="false"
20585                  
20586                >7</button>
20587              
20588<button
20589                  type="button"
20590                  class="pch-size-btn"
20591                  data-option-name="Talla"
20592                  data-option-value="8"
20593                  aria-pressed="false"
20594                  aria-disabled="false"
20595                  
20596                >8</button>
20597              
20598<button
20599                  type="button"
20600                  class="pch-size-btn"
20601                  data-option-name="Talla"
20602                  data-option-value="9"
20603                  aria-pressed="false"
20604                  aria-disabled="false"
20605                  
20606                >9</button>
20607              
20608<button
20609                  type="button"
20610                  class="pch-size-btn"
20611                  data-option-name="Talla"
20612                  data-option-value="10"
20613                  aria-pressed="false"
20614                  aria-disabled="false"
20615                  
20616                >10</button>
20617              
20618<button
20619                  type="button"
20620                  class="pch-size-btn"
20621                  data-option-name="Talla"
20622                  data-option-value="11"
20623                  aria-pressed="false"
20624                  aria-disabled="false"
20625                  
20626                >11</button>
20627              
20628<button
20629                  type="button"
20630                  class="pch-size-btn"
20631                  data-option-name="Talla"
20632                  data-option-value="12"
20633                  aria-pressed="false"
20634                  aria-disabled="false"
20635                  
20636                >12</button>
20637              
20638            </div>
20639          
20640        
20641
20642            <div class="pch-size-group" role="group" aria-label="Color">
20643              
20644<button
20645                  type="button"
20646                  class="pch-size-btn"
20647                  data-option-name="Color"
20648                  data-option-value="Cafe"
20649                  aria-pressed="false"
20650                  aria-disabled="false"
20651                  
20652                >Cafe</button>
20653              
20654            </div>
20655          
20656        
20657
20658        
20659
20660        
20661
20662        
20663
20664        <div class="pch-overlay-actions">
20665          <button
20666            type="button"
20667            class="pch-btn pch-btn--cart"
20668            data-product-card-add
20669            style="background-color: #000000; color: #FFFFFF;"
20670          >
20671            <span>Agregar al carrito</span>
20672            <span class="pch-btn__plus" aria-hidden="true">+</span>
20673          </button>
20674        </div>
20675      </div>
20676    </product-card-hover>
20677
20678    
20679  
20680
20681</div>
20682
20683
20684
20685
20686
20687<div class="product-grid-view-zoom-out--details">
20688  
20689    <h3 class="h4">Botas Threshold Chelsea para hombre color café</h3>
20690  
20691</div>
20692
20693
20694
20695
20696<script src="//caterpillarcr.com/cdn/shop/t/14/assets/product-card-hover.js?v=115562169784362669031784126457" defer></script>
20696
20697
20698
20699
20700
20701
20702
20703
20704  
20705  <a
20706    class="contents user-select-text"
20707    ref="productTitleLink"
20708    href="/products/30080555-botas-threshold-chelsea-para-hombre-color-cafe?variant=45938795774209"
20709  >
20710    
20711
20712
20713
20714
20715
20716
20717  <div class=" spacing-style text-block text-block--Ab3ZFakxXeTltYWJDe__product_title_4nY4eT-15 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;        --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
20718    <p role="heading" aria-level="3">Botas Threshold Chelsea para hombre color café</p>
20719  </div>
20720
20721
20722
20723
20724  </a>
20725
20726
20727
20728
20729
20730
20731<product-price
20732  class="text-block text-block--align-left text-left h6 spacing-style"
20733  data-block-id="AbFpFb0MvMUt2TEpyb__price_EzJzMm-15"
20734  data-product-id="8676937072897"
20735  style="
20736    
20737--color: var(--color-foreground);
20738    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20739    --width: 100%;
20740  "
20741  
20742>
20743  <div ref="priceContainer">
20744  
20745    
20746    <div
20747      class="
20748        price__regular
20749        
20750      "
20751    >
20752      <span class="price">₡ 81.995,00</span>
20753    </div>
20754    <div
20755      class="
20756        price__sale
20757        
20758          price__hidden
20759        
20760      "
20761    >
20762      
20763        <div class="price-sale__group">
20764          <span class="price-item__group">
20765            <span class="visually-hidden">Precio de oferta&nbsp;</span>
20766            <span class="price-item--sale price">₡ 81.995,00</span>
20767          </span>
20768          <span class="price-item__group">
20769            <span class="visually-hidden">Precio habitual&nbsp;</span>
20770            <span class="price-item--regular compare-at-price"></span>
20771          </span>
20772        </div>
20773      
20774    </div>
20775  
20776</div>
20777
20778  
20779</product-price>
20780
20781
20782
20783
20784    
20785      <div class="pch-buy-bar">
20786        <button
20787          type="button"
20788          class="pch-buy-bar__btn"
20789          data-product-card-buy
20790          style="background-color: #ffcc00; color: #000000;"
20791        >
20792          <span class="pch-buy-bar__icon" aria-hidden="true"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20793</span>
20794          <span>Comprar ahora</span>
20795        </button>
20796      </div>
20797    
20798  </div>
20799</product-card>
20800
20801
20802
20803
20804
20805
20806
20807
20808
20809
20810
20811
20812
20813
20814
20815
20816            
20817          </li>
20818        
20819      
20820      </ul>
20821      
20822        <nav
20823    class="pagination"
20824    aria-label="Paginación"
20825    data-current_page="1"
20826    
20827  >
20828    <div class="pagination__summary">
20829      Encontramos 39 resultados
20830    </div>
20831
20832    <ul class="pagination__list" role="list">
20833      <li class="pagination__item"><span
20834            aria-label="Anterior"
20835            class="pagination__link pagination__link--arrow pagination__link--disabled"
20836            aria-disabled="true"
20837          >
20838            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
20839  <path d="M6.5 11L1.5 6L6.5 1" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
20840</svg>
20841
20842          </span></li>
20843
20844        
20845        <li class="pagination__item"><span
20846                class="pagination__link pagination__link--page pagination__link--current"
20847                aria-current="page"
20848              >1</span></li>
20849
20850        
20851        <li class="pagination__item"><a
20852              href="/collections/botas-hombre?page=2"
20853              aria-label="Página 2"
20854              class="pagination__link pagination__link--page"
20855              
20856            >
20857              2
20858            </a></li>
20859
20860        
20861        <li class="pagination__item"><a
20862              href="/collections/botas-hombre?page=3"
20863              aria-label="Página 3"
20864              class="pagination__link pagination__link--page"
20865              
20866            >
20867              3
20868            </a></li><li class="pagination__item"><a
20869            href="/collections/botas-hombre?page=2"
20870            aria-label="Siguiente"
20871            class="pagination__link pagination__link--arrow"
20872            
20873          >
20874            <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
20875  <path d="M1.5 1L6.5 6L1.5 11" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
20876</svg>
20877
20878          </a></li>
20879    </ul>
20880  </nav>
20881
20882      
20883    
20884  </div>
20885</div>
20886
20887
20888
20889    
20890  </div>
20891</results-list>
20892
20893
20894
20895<script>
20896  (() => {
20897    if (window.__collectionSearchInitialized) return;
20898    window.__collectionSearchInitialized = true;
20899
20900    const normalize = (value) =>
20901      (value || '')
20902        .toString()
20903        .normalize('NFD')
20904        .replace(/[\u0300-\u036f]/g, '')
20905        .trim()
20906        .toLowerCase();
20907
20908    const applyFilters = (container) => {
20909      if (!container) return;
20910
20911      const input = container.querySelector('[data-collection-search-input]');
20912      const query = normalize(input?.value);
20913      const activeTypeButton = container.querySelector('[data-type-filter][aria-pressed="true"]');
20914      const activeType = normalize(activeTypeButton?.getAttribute('data-type-filter'));
20915
20916      const items = container.querySelectorAll('[data-product-id][data-product-title]');
20917      let visibleCount = 0;
20918
20919      items.forEach((item) => {
20920        const title = normalize(item.getAttribute('data-product-title'));
20921        const productType = normalize(item.getAttribute('data-product-type'));
20922        const matchesSearch = query === '' || title.includes(query);
20923        const matchesType = activeType === '' || productType === activeType;
20924        const matches = matchesSearch && matchesType;
20925
20926        item.toggleAttribute('hidden', !matches);
20927        if (matches) visibleCount += 1;
20928      });
20929
20930      const url = new URL(window.location.href);
20931      if (query) {
20932        url.searchParams.set('q', input.value.trim());
20933      } else {
20934        url.searchParams.delete('q');
20935      }
20936      history.replaceState({}, '', url.toString());
20937
20938      container.toggleAttribute('data-collection-search-empty', visibleCount === 0 && query !== '');
20939    };
20940
20941    const applySearch = (form) => {
20942      const container = form.closest('results-list');
20943      applyFilters(container);
20944    };
20945
20946    document.addEventListener('submit', (event) => {
20947      const form = event.target.closest('[data-collection-search-form]');
20948      if (!form) return;
20949
20950      event.preventDefault();
20951      applySearch(form);
20952    });
20953
20954    document.addEventListener('input', (event) => {
20955      const input = event.target.closest('[data-collection-search-input]');
20956      if (!input) return;
20957
20958      const form = input.closest('[data-collection-search-form]');
20959      if (!form) return;
20960
20961      applySearch(form);
20962    });
20963
20964    document.addEventListener('DOMContentLoaded', () => {
20965      document.querySelectorAll('[data-collection-search-form]').forEach((form) => {
20966        const input = form.querySelector('[data-collection-search-input]');
20967        if (input && input.value.trim() !== '') {
20968          applySearch(form);
20969        }
20970      });
20971    });
20972
20973    document.addEventListener('click', (event) => {
20974      const button = event.target.closest('[data-type-filter]');
20975      if (!button) return;
20976
20977      const container = button.closest('results-list');
20978      if (!container) return;
20979
20980      const wasPressed = button.getAttribute('aria-pressed') === 'true';
20981      container.querySelectorAll('[data-type-filter]').forEach((item) => {
20982        item.setAttribute('aria-pressed', 'false');
20983        item.classList.remove('facets__manual-button--active');
20984      });
20985
20986      if (!wasPressed) {
20987        button.setAttribute('aria-pressed', 'true');
20988        button.classList.add('facets__manual-button--active');
20989      }
20990
20991      applyFilters(container);
20992    });
20993  })();
20994</script>
20994
20995
20996
20997</div>
20998    </main>
20999
21000    <footer>
21001      <!-- BEGIN sections: footer-group -->
21002<div id="shopify-section-sections--22556825977089__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"><div class="section-background color-scheme-1"></div>
21003
21004<div class="section--page-width color-scheme-1"><div
21005    class="footer-feature spacing-style"
21006    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--footer-feature-background-image: url(//caterpillarcr.com/cdn/shop/files/2e3ee39f0d535e6fd91cc15c48bd2786aff1dad4.jpg?v=1781211699&width=2400);"
21007  >
21008    <div class="footer-feature__shell section">
21009      <div class="footer-feature__inner">
21010      <div class="footer-feature__column footer-feature__contact">
21011        <a href="/" class="footer-feature__logo-link" aria-label="CAT Costa Rica">
21012          
21013            <img src="//caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?v=1781211697&amp;width=220" alt="CAT Costa Rica" srcset="//caterpillarcr.com/cdn/shop/files/cat_logo_130x_8e26ecad-45e7-4f0e-8da2-b4abb2d21ec2.avif?v=1781211697&amp;width=220 220w" width="220" height="164" loading="lazy" class="footer-feature__logo-image">
21014          
21015        </a>
21016
21017        <p class="footer-feature__eyebrow">Ponerse en Contacto</p>
21018        <div class="footer-feature__social-media">
21019          
21020          
21021        </div>
21022
21023
21024
21025        <ul class="footer-feature__contact-list list-unstyled">
21026          
21027          
21028            <li class="footer-feature__contact-data">
21029              <a class="footer-feature__contact-link" href="https://wa.me/+50660152240" target="_blank" rel="noopener noreferrer" aria-label="Escribir por WhatsApp a +506 60152240">
21030                <span>WhatsApp: +506 60152240</span>
21031              </a>
21032            </li>
21033          
21034          <li class="footer-feature__contact-data">
21035            <a class="footer-feature__contact-link" href="mailto:[email protected]" aria-label="Enviar correo a [email protected]">
21036              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
21037              <path d="M16.875 2.8125H1.125C0.826631 2.8125 0.540483 2.93103 0.329505 3.142C0.118526 3.35298 0 3.63913 0 3.9375L0 14.0625C0 14.3609 0.118526 14.647 0.329505 14.858C0.540483 15.069 0.826631 15.1875 1.125 15.1875H16.875C17.1734 15.1875 17.4595 15.069 17.6705 14.858C17.8815 14.647 18 14.3609 18 14.0625V3.9375C18 3.63913 17.8815 3.35298 17.6705 3.142C17.4595 2.93103 17.1734 2.8125 16.875 2.8125ZM15.4125 4.21875L9.4725 9.63C9.34372 9.74859 9.17506 9.81442 9 9.81442C8.82494 9.81442 8.65628 9.74859 8.5275 9.63L2.5875 4.21875H15.4125ZM1.40625 13.7812V5.04L7.5825 10.665C7.96883 11.0208 8.47481 11.2183 9 11.2183C9.52519 11.2183 10.0312 11.0208 10.4175 10.665L16.5938 5.04V13.7812H1.40625Z" fill="white"/>
21038              </svg>
21039
21040              <span>[email protected]</span>
21041            </a>
21042            </li>
21043          <li class="footer-feature__contact-data" >
21044            <a class="footer-feature__contact-link" href="/pages/nuestras-tiendas" aria-label="Visita nuestras tiendas">
21045              <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
21046              <g clip-path="url(#clip0_2178_31)">
21047              <path d="M1.5 4.5H16.5V7.5L15.9758 7.815C15.5678 8.05978 15.101 8.18909 14.6252 8.18909C14.1494 8.18909 13.6826 8.05978 13.2746 7.815L12.75 7.5L12.2258 7.815C11.8178 8.05978 11.351 8.18909 10.8752 8.18909C10.3994 8.18909 9.93259 8.05978 9.52463 7.815L9 7.5L8.47575 7.815C8.06778 8.05978 7.60096 8.18909 7.12519 8.18909C6.64942 8.18909 6.18259 8.05978 5.77463 7.815L5.25 7.5L4.72538 7.815C4.31745 8.05971 3.8507 8.18898 3.375 8.18898C2.8993 8.18898 2.43255 8.05971 2.02463 7.815L1.5 7.5V4.5Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21048              <path d="M3 8.43338V16.5H15V8.25M3 4.43325V1.5H15V4.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21049              <path d="M7.125 12H10.875V16.5H7.125V12Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
21050              </g>
21051              <defs>
21052              <clipPath id="clip0_2178_31">
21053              <rect width="18" height="18" fill="white"/>
21054              </clipPath>
21055              </defs>
21056              </svg>
21057
21058              <span>Visita nuestras tiendas</span>
21059            </a>
21060          </li>
21061        </ul>
21062
21063        
21064          <div class="footer-feature__brand-copy rte">
21065            <p>Cat Footwear es una division de Wolverine World Wide Inc. y una licencia de Caterpillar Inc., reconocido mundialmente por su autenticidad, fiabilidad, durabilidad y tecnologia.</p><p>Por mas de dos decadas, Cat Footwear ha disenado calzado de gran calidad elaborado con los mejores materiales y ofrece variedad de estilos tanto industriales como casuales en mas de 150 paises del mundo.</p>
21066          </div>
21067        
21068      </div>
21069
21070      <div class="footer-feature__column footer-feature__newsletter">
21071        <div class="footer-feature__newsletter-card">
21072          <button type="button" class="footer-feature__back-to-top" data-footer-scroll-top>
21073            Subir al menu
21074          </button>
21075          <span class="footer-feature__bolt footer-feature__bolt--top-left"></span>
21076          <span class="footer-feature__bolt footer-feature__bolt--top-right"></span>
21077          <span class="footer-feature__bolt footer-feature__bolt--bottom-left"></span>
21078          <span class="footer-feature__bolt footer-feature__bolt--bottom-right"></span>
21079          
21080         <div class="footer-feature__newsletter-kicker">
21081            <svg width="87" height="52" viewBox="0 0 87 52" fill="none" xmlns="http://www.w3.org/2000/svg">
21082            <circle cx="17.7477" cy="42.6881" r="3.39806" fill="black"/>
21083            <circle cx="51.7281" cy="42.6881" r="3.39806" fill="black"/>
21084            <rect x="17.7476" y="42.2026" width="32.0388" height="0.970874" fill="black"/>
21085            <rect x="10.0098" y="35.4355" width="48.9709" height="14.9903" rx="7.49515" stroke="black" stroke-width="2"/>
21086            <path d="M45.9029 19.6297V35.1637H6.09709L1 29.5812V19.6297L6.82524 15.0181H35.466L38.6214 19.6297H45.9029Z" stroke="black" stroke-width="2"/>
21087            <line x1="10.4951" y1="19.8726" x2="10.4951" y2="26.6687" stroke="black" stroke-width="2"/>
21088            <line x1="15.835" y1="19.8721" x2="15.835" y2="26.6682" stroke="black" stroke-width="2"/>
21089            <line x1="21.1748" y1="19.8721" x2="21.1748" y2="26.6682" stroke="black" stroke-width="2"/>
21090            <line x1="28.9126" y1="27.1245" x2="45.4174" y2="27.1245" stroke="black" stroke-width="2"/>
21091            <path d="M24.301 15.018V4.8238L27.6991 1.66846H42.5049L47.1166 16.9597L45.903 19.3869" stroke="black" stroke-width="2"/>
21092            <line x1="32.3398" y1="1.91113" x2="32.3398" y2="15.0179" stroke="black" stroke-width="2"/>
21093            <path d="M46.8737 16.717L61.6795 1.42578L67.5047 7.25102L58.5241 16.717L59.0096 21.5714L46.1455 34.9209" stroke="black" stroke-width="2"/>
21094            <path d="M67.5049 7.25098L80.369 18.6587" stroke="black" stroke-width="2"/>
21095            <path d="M62.6504 12.5908L75.5145 25.4549" stroke="black" stroke-width="2"/>
21096            <circle cx="79" cy="22.4258" r="4" stroke="black" stroke-width="2"/>
21097            <path d="M75.5146 25.212L71.3884 36.3771M68.9612 33.9499L71.3884 36.3771C75.0291 38.157 82.8447 40.3577 84.9806 34.9208C87.1165 29.4839 84.4143 25.6975 82.7961 24.4839" stroke="black" stroke-width="2"/>
21098            </svg>
21099
21100            <h2 class="footer-feature__newsletter-title">Email <br> Newsletter</h2>
21101            
21102            <svg width="87" height="52" viewBox="0 0 87 52" fill="none" xmlns="http://www.w3.org/2000/svg">
21103            <circle cx="3.39806" cy="3.39806" r="3.39806" transform="matrix(-1 0 0 1 72.4219 39.29)" fill="black"/>
21104            <circle cx="3.39806" cy="3.39806" r="3.39806" transform="matrix(-1 0 0 1 38.4414 39.29)" fill="black"/>
21105            <rect width="32.0388" height="0.970874" transform="matrix(-1 0 0 1 69.0239 42.2026)" fill="black"/>
21106            <rect x="-1" y="1" width="48.9709" height="14.9903" rx="7.49515" transform="matrix(-1 0 0 1 75.7617 34.4355)" stroke="black" stroke-width="2"/>
21107            <path d="M40.8686 19.6297V35.1637H80.6744L85.7715 29.5812V19.6297L79.9462 15.0181H51.3055L48.1501 19.6297H40.8686Z" stroke="black" stroke-width="2"/>
21108            <line y1="-1" x2="6.79612" y2="-1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 77.2764 19.8726)" stroke="black" stroke-width="2"/>
21109            <line y1="-1" x2="6.79612" y2="-1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 71.9365 19.8721)" stroke="black" stroke-width="2"/>
21110            <line y1="-1" x2="6.79612" y2="-1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 66.5967 19.8721)" stroke="black" stroke-width="2"/>
21111            <line y1="-1" x2="16.5049" y2="-1" transform="matrix(-1 0 0 1 57.8589 28.1245)" stroke="black" stroke-width="2"/>
21112            <path d="M62.4705 15.018V4.8238L59.0724 1.66846H44.2666L39.6549 16.9597L4
211120.8685 19.3869" stroke="black" stroke-width="2"/>
21113            <line y1="-1" x2="13.1068" y2="-1" transform="matrix(0 1 1 0 55.4316 1.91113)" stroke="black" stroke-width="2"/>
21114            <path d="M39.8978 16.717L25.092 1.42578L19.2668 7.25102L28.2473 16.717L27.7619 21.5714L40.626 34.9209" stroke="black" stroke-width="2"/>
21115            <path d="M19.2666 7.25098L6.40252 18.6587" stroke="black" stroke-width="2"/>
21116            <path d="M24.1211 12.5908L11.257 25.4549" stroke="black" stroke-width="2"/>
21117            <circle cx="5" cy="5" r="4" transform="matrix(-1 0 0 1 12.7715 17.4258)" stroke="black" stroke-width="2"/>
21118            <path d="M11.2569 25.212L15.3831 36.3771M17.8103 33.9499L15.3831 36.3771C11.7423 38.157 3.92681 40.3577 1.79089 34.9208C-0.345037 29.4839 2.35723 25.6975 3.97535 24.4839" stroke="black" stroke-width="2"/>
21119            </svg>
21120
21121          </div>
21122
21123          <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="footer-feature__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
21124            <input type="hidden" name="contact[tags]" value="newsletter">
21125
21126            <label class="visually-hidden" for="FooterNewsletterEmail-sections--22556825977089__footer_m9NzUG">
21127              Correo electronico
21128            </label>
21129            <input
21130              id="FooterNewsletterEmail-sections--22556825977089__footer_m9NzUG"
21131              class="footer-feature__input"
21132              type="email"
21133              name="contact[email]"
21134              value=""
21135              placeholder="Ingrese su correo"
21136              autocorrect="off"
21137              autocapitalize="off"
21138              autocomplete="email"
21139              
21140              required
21141            >
21142            <button class="footer-feature__submit" type="submit">Suscribirme</button>
21143
21144            
21145
21146            
21147          </form>
21148        </div>
21149      </div>
21150
21151      <div class="footer-feature__column footer-feature__links">
21152        <h3 class="footer-feature__links-title">INFORMACIÓN</h3>
21153
21154        
21155        
21156
21157        
21158          <ul class="footer-feature__links-list list-unstyled"><li>
21159                  <a href="/policies/refund-policy">Política de reembolso</a>
21160                </li><li>
21161                  <a href="/policies/privacy-policy">Política de privacidad</a>
21162                </li><li>
21163                  <a href="/policies/terms-of-service">Términos del servicio</a>
21164                </li><li>
21165                  <a href="/policies/shipping-policy">Política de envío</a>
21166                </li></ul>
21167        
21168      </div>
21169      </div>
21170    </div>
21171  </div>
21172
21173  
21174</div>
21175
21176<div class="footer-bottom color-scheme-1">
21177  <div class="footer-bottom-wrapper">
21178    <div class="footer-bottom-col footer-bottom-col--secure">
21179      <p>
21180        Compra protegida con Shopify Secure
21181        <span class="footer-current-year"></span>
21182      </p>
21183
21184      <img
21185        src="https://cdn.shopify.com/s/files/1/0346/1893/3307/files/certificados-seguridad.png?v=1758520671"
21186        alt="Seguridad"
21187        class="secure-badge"
21188        loading="lazy"
21189      >
21190
21191      <p class="footer-dynamic-copy"></p>
21192    </div>
21193
21194    <div class="footer-bottom-col company-info">
21195      <p>
21196        <strong>&copy; EMPRESAS ADOC</strong><br>
21197        Cedula Juridica: 3-101-009240<br>
21198        Direccion: La Uruca, Carretera a Migracion, Lateral Autopista General Canas, Costa Rica<br>
21199        
21200          WhatsApp: +506 60152240<br>
21201        
21202        Correo electronico: [email protected]
21203      </p>
21204    </div>
21205
21206    <div class="footer-bottom-col footer-bottom-col--privacy">
21207
21208      <div class="footer-dc-text">
21209        <p>
21210          Protegemos tu informacion. Conoce como tratamos tus datos en nuestra
21211          <a href="/policies/privacy-policy">Politica de Privacidad</a>.
21212
21213          
21214        </p>
21215      </div>
21216    </div>
21217  </div>
21218</div>
21219
21220
21221
21222<script>
21223  document.addEventListener('DOMContentLoaded', function () {
21224    const footerLinksBreakpoint = window.matchMedia('(max-width: 749px)');
21225    const year = new Date().getFullYear();
21226    const domain =
21227      "caterpillarcr.com" ||
21228      window.location.hostname.replace('www.', '');
21229
21230    document.querySelectorAll('.footer-current-year').forEach(function (element) {
21231      element.textContent = ' ' + year + '.';
21232    });
21233
21234    document.querySelectorAll('.footer-dynamic-copy').forEach(function (element) {
21235      element.innerHTML = '&copy; ' + domain + ' ' + year + '. Todos los derechos reservados.';
21236    });
21237
21238    document.querySelectorAll('[data-footer-scroll-top]').forEach(function (button) {
21239      button.addEventListener('click', function () {
21240        window.scrollTo({ top: 0, behavior: 'smooth' });
21241      });
21242    });
21243
21244    function toggleFooterLinksState(linksColumn, forceOpen) {
21245      linksColumn.classList.toggle('is-open', forceOpen);
21246
21247      const title = linksColumn.querySelector('.footer-feature__links-title');
21248
21249      if (title) {
21250        title.setAttribute('aria-expanded', forceOpen ? 'true' : 'false');
21251      }
21252    }
21253
21254    const footerLinksColumns = document.querySelectorAll('.footer-feature__links');
21255
21256    footerLinksColumns.forEach(function (linksColumn) {
21257      const title = linksColumn.querySelector('.footer-feature__links-title');
21258
21259      if (!title) {
21260        return;
21261      }
21262
21263      const handleToggle = function () {
21264        if (!footerLinksBreakpoint.matches) {
21265          return;
21266        }
21267
21268        toggleFooterLinksState(linksColumn, !linksColumn.classList.contains('is-open'));
21269      };
21270
21271      title.addEventListener('click', handleToggle);
21272      title.addEventListener('keydown', function (event) {
21273        if (event.key === 'Enter' || event.key === ' ') {
21274          event.preventDefault();
21275          handleToggle();
21276        }
21277      });
21278    });
21279
21280    function syncFooterLinksLayout() {
21281      footerLinksColumns.forEach(function (linksColumn) {
21282        const title = linksColumn.querySelector('.footer-feature__links-title');
21283
21284        if (title) {
21285          if (footerLinksBreakpoint.matches) {
21286            title.setAttribute('role', 'button');
21287            title.setAttribute('tabindex', '0');
21288          } else {
21289            title.removeAttribute('role');
21290            title.removeAttribute('tabindex');
21291            title.removeAttribute('aria-expanded');
21292          }
21293        }
21294
21295        toggleFooterLinksState(linksColumn, !footerLinksBreakpoint.matches);
21296      });
21297    }
21298
21299    syncFooterLinksLayout();
21300
21301    if (typeof footerLinksBreakpoint.addEventListener === 'function') {
21302      footerLinksBreakpoint.addEventListener('change', syncFooterLinksLayout);
21303    } else if (typeof footerLinksBreakpoint.addListener === 'function') {
21304      footerLinksBreakpoint.addListener(syncFooterLinksLayout);
21305    }
21306  });
21307</script>
21307
21308
21309
21310</div>
21311<!-- END sections: footer-group -->
21312    </footer>
21313
21314    
21315
21316<script
21317  src="//caterpillarcr.com/cdn/shop/t/14/assets/dialog.js?v=150888536568694194021784126459"
21318  type="module"
21319></script>
21319
21320
21321<script
21322  src="//caterpillarcr.com/cdn/shop/t/14/assets/predictive-search.js?v=149240552485540508541784126457"
21323  type="module"
21324  fetchpriority="low"
21325></script>
21325
21326
21327<dialog-component
21328  id="search-modal"
21329  class="search-modal"
21330  
21331>
21332  <dialog
21333    ref="dialog"
21334    on:click="/closeDialogOnClickOutside"
21335    on:keydown="/closeDialogOnEscapePress"
21336    class="search-modal__content dialog-modal"
21337    scroll-lock
21338    aria-labelledby="search-modal-heading"
21339  >
21340    <h2
21341      id="search-modal-heading"
21342      class="visually-hidden"
21343    >
21344      Buscar
21345    </h2>
21346    <predictive-search-component
21347      class="predictive-search color-scheme-1"
21348      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
21349      data-section-id="predictive-search"
21350      data-testid="search-component--modal"
21351      role="search"
21352      aria-label="Buscar"
21353    >
21354      <form
21355        action="/search"
21356        method="get"
21357        role="search"
21358        class="predictive-search-form"
21359        ref="form"
21360        on:keydown="/onSearchKeyDown"
21361      >
21362        <div
21363          class="predictive-search-form__header"
21364        >
21365          <div class="predictive-search-form__header-inner">
21366            <label
21367              for="cmdk-input"
21368              class="visually-hidden"
21369            >Buscar</label>
21370            <input
21371              class="search-input"
21372              id="cmdk-input"
21373              type="search"
21374              name="q"
21375              role="combobox"
21376              aria-expanded="false"
21377              aria-owns="predictive-search-results"
21378              aria-controls="predictive-search-results"
21379              aria-haspopup="listbox"
21380              aria-autocomplete="list"
21381              autocomplete="off"
21382              placeholder="Buscar"
21383              ref="searchInput"
21384              on:input="/search"
21385              on:keydown="/onSearchKeyDown"
21386            >
21387            <input
21388              name="options[prefix]"
21389              type="hidden"
21390              value="last"
21391            >
21392            <span class="svg-wrapper predictive-search__icon">
21393              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
21394
21395            </span>
21396            <button
21397              type="button"
21398              class="button-unstyled predictive-search__reset-button"
21399              ref="resetButton"
21400              hidden
21401              on:click="/resetSearch"
21402            >
21403              Borrar
21404            </button>
21405          </div>
21406          <button
21407            type="button"
21408            class="button predictive-search__close-modal-button"
21409            aria-label="Cerrar diálogo"
21410            on:click="dialog-component/closeDialog"
21411            ref="closeModalButton"
21412          >
21413            <span class="svg-wrapper">
21414              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
21415  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
21416  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
21417</svg>
21418
21419            </span>
21420          </button>
21421        </div>
21422
21423        <div class="predictive-search-form__content-wrapper">
21424          <div
21425            class="predictive-search-form__content"
21426            ref="predictiveSearchResults"
21427            on:click="/handleModalClick"
21428          >
21429            
21430
21431<div
21432  id="predictive-search-results"
21433  class="predictive-search-dropdown"
21434  role="listbox"
21435  aria-expanded="true"
21436  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
21437>
21438  
21439    <div class="predictive-search-results__inner">
21440      
21441      
21442        
21443        
21444        
21445          <div
21446  id="predictive-search-products"
21447  class="predictive-search-results__products"
21448  
21449    data-testid="products-list-default--modal"
21450  
21451>
21452  
21453    <h4 class="predictive-search-results__title">
21454      Productos
21455    </h4>
21456    <ul
21457      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
21458    >
21459      
21460      
21461        <li
21462          class="predictive-search-results__card predictive-search-results__card--product"
21463          ref="resultsItems[]"
21464        >
21465          
21466<div
21467  class="resource-card"
21468  data-resource-type="product"
21469>
21470  <a
21471    class="resource-card__link"
21472    href="/products/30095421-billetera-dubai-leather-para-hombre-color-cafe"
21473  >
21474    <span class="visually-hidden">
21475      Billetera Dubai Leather para hombre color café
21476    </span>
21477  </a>
21478  <div
21479    class="resource-card__media"
21480    style="--resource-card-aspect-ratio: 4 / 5;"
21481    
21482  >
21483      
21484      
21485
21486        <img src="//caterpillarcr.com/cdn/shop/files/30095421-1.png?v=1786563283&amp;width=500" alt="" srcset="//caterpillarcr.com/cdn/shop/files/30095421-1.png?v=1786563283&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095421-1.png?v=1786563283&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
21487
21488          <img src="//caterpillarcr.com/cdn/shop/files/30095421-2.png?v=1786563283&amp;width=500" alt="Billetera Dubai Leather para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30095421-2.png?v=1786563283&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095421-2.png?v=1786563283&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="40331099373825" style="object-position: 50.0% 50.0%;">
21489</div>
21490
21491  <div class="resource-card__content">
21492    <p class="resource-card__title paragraph">Billetera Dubai Leather para hombre color café</p>
21493
21494    
21495      <div ref="priceContainer">
21496  
21497    
21498    <div
21499      class="
21500        price__regular
21501        
21502      "
21503    >
21504      <span class="price">₡ 37.995,00</span>
21505    </div>
21506    <div
21507      class="
21508        price__sale
21509        
21510          price__hidden
21511        
21512      "
21513    >
21514      
21515        <div class="price-sale__group">
21516          <span class="price-item__group">
21517            <span class="visually-hidden">Precio habitual&nbsp;</span>
21518            <span class="price-item--regular compare-at-price"></span>
21519          </span>
21520          <span class="price-item__group">
21521            <span class="visually-hidden">Precio de oferta&nbsp;</span>
21522            <span class="price-item--sale price">₡ 37.995,00</span>
21523          </span>
21524        </div>
21525      
21526    </div>
21527  
21528</div>
21529    
21530  </div>
21531</div>
21532
21533        </li>
21534      
21535        <li
21536          class="predictive-search-results__card predictive-search-results__card--product"
21537          ref="resultsItems[]"
21538        >
21539          
21540<div
21541  class="resource-card"
21542  data-resource-type="product"
21543>
21544  <a
21545    class="resource-card__link"
21546    href="/products/30095422-billetera-dubai-leather-para-hombre-color-negro"
21547  >
21548    <span class="visually-hidden">
21549      Billetera Dubai Leather para hombre color negro
21550    </span>
21551  </a>
21552  <div
21553    class="resource-card__media"
21554    style="--resource-card-aspect-ratio: 4 / 5;"
21555    
21556  >
21557      
21558      
21559
21560        <img src="//caterpillarcr.com/cdn/shop/files/30095422-1.png?v=1786563286&amp;width=500" alt="" srcset="//caterpillarcr.com/cdn/shop/files/30095422-1.png?v=1786563286&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095422-1.png?v=1786563286&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
21561
21562          <img src="//caterpillarcr.com/cdn/shop/files/30095422-2.png?v=1786563286&amp;width=500" alt="Billetera Dubai Leather para hombre color negro" srcset="//caterpillarcr.com/cdn/shop/files/30095422-2.png?v=1786563286&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095422-2.png?v=1786563286&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="40331099799809" style="object-position: 50.0% 50.0%;">
21563</div>
21564
21565  <div class="resource-card__content">
21566    <p class="resource-card__title paragraph">Billetera Dubai Leather para hombre color negro</p>
21567
21568    
21569      <div ref="priceContainer">
21570  
21571    
21572    <div
21573      class="
21574        price__regular
21575        
21576      "
21577    >
21578      <span class="price">₡ 31.995,00</span>
21579    </div>
21580    <div
21581      class="
21582        price__sale
21583        
21584          price__hidden
21585        
21586      "
21587    >
21588      
21589        <div class="price-sale__group">
21590          <span class="price-item__group">
21591            <span class="visually-hidden">Precio habitual&nbsp;</span>
21592            <span class="price-item--regular compare-at-price"></span>
21593          </span>
21594          <span class="price-item__group">
21595            <span class="visually-hidden">Precio de oferta&nbsp;</span>
21596            <span class="price-item--sale price">₡ 31.995,00</span>
21597          </span>
21598        </div>
21599      
21600    </div>
21601  
21602</div>
21603    
21604  </div>
21605</div>
21606
21607        </li>
21608      
21609        <li
21610          class="predictive-search-results__card predictive-search-results__card--product"
21611          ref="resultsItems[]"
21612        >
21613          
21614<div
21615  class="resource-card"
21616  data-resource-type="product"
21617>
21618  <a
21619    class="resource-card__link"
21620    href="/products/30095428-billetera-ethiopian-leather-para-hombre-color-cafe"
21621  >
21622    <span class="visually-hidden">
21623      Billetera Ethiopian Leather para hombre color café
21624    </span>
21625  </a>
21626  <div
21627    class="resource-card__media"
21628    style="--resource-card-aspect-ratio: 4 / 5;"
21629    
21630  >
21631      
21632      
21633
21634        <img src="//caterpillarcr.com/cdn/shop/files/30095428-1.png?v=1786563295&amp;width=500" alt="" srcset="//caterpillarcr.com/cdn/shop/files/30095428-1.png?v=1786563295&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095428-1.png?v=1786563295&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
21635
21636          <img src="//caterpillarcr.com/cdn/shop/files/30095428-2.png?v=1786563295&amp;width=500" alt="Billetera Ethiopian Leather para hombre color café" srcset="//caterpillarcr.com/cdn/shop/files/30095428-2.png?v=1786563295&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30095428-2.png?v=1786563295&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="40331101208833" style="object-position: 50.0% 50.0%;">
21637</div>
21638
21639  <div class="resource-card__content">
21640    <p class="resource-card__title paragraph">Billetera Ethiopian Leather para hombre color café</p>
21641
21642    
21643      <div ref="priceContainer">
21644  
21645    
21646    <div
21647      class="
21648        price__regular
21649        
21650      "
21651    >
21652      <span class="price">₡ 37.995,00</span>
21653    </div>
21654    <div
21655      class="
21656        price__sale
21657        
21658          price__hidden
21659        
21660      "
21661    >
21662      
21663        <div class="price-sale__group">
21664          <span class="price-item__group">
21665            <span class="visually-hidden">Precio habitual&nbsp;</span>
21666            <span class="price-item--regular compare-at-price"></span>
21667          </span>
21668          <span class="price-item__group">
21669            <span class="visually-hidden">Precio de oferta&nbsp;</span>
21670            <span class="price-item--sale price">₡ 37.995,00</span>
21671          </span>
21672        </div>
21673      
21674    </div>
21675  
21676</div>
21677    
21678  </div>
21679</div>
21680
21681        </li>
21682      
21683        <li
21684          class="predictive-search-results__card predictive-search-results__card--product"
21685          ref="resultsItems[]"
21686        >
21687          
21688<div
21689  class="resource-card"
21690  data-resource-type="product"
21691>
21692  <a
21693    class="resource-card__link"
21694    href="/products/30082546-billetera-ethiopian-para-hombre-color-cognac"
21695  >
21696    <span class="visually-hidden">
21697      Billetera Ethiopian para hombre color cognac
21698    </span>
21699  </a>
21700  <div
21701    class="resource-card__media"
21702    style="--resource-card-aspect-ratio: 4 / 5;"
21703    
21704  >
21705      
21706      
21707
21708        <img src="//caterpillarcr.com/cdn/shop/files/30082546-1.jpg?v=1766794789&amp;width=500" alt="" srcset="//caterpillarcr.com/cdn/shop/files/30082546-1.jpg?v=1766794789&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082546-1.jpg?v=1766794789&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
21709
21710          <img src="//caterpillarcr.com/cdn/shop/files/30082546-2.jpg?v=1766794789&amp;width=500" alt="Billetera Ethiopian para hombre color cognac" srcset="//caterpillarcr.com/cdn/shop/files/30082546-2.jpg?v=1766794789&amp;width=240 240w, //caterpillarcr.com/cdn/shop/files/30082546-2.jpg?v=1766794789&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="38349395525889" style="object-position: 50.0% 50.0%;">
21711</div>
21712
21713  <div class="resource-card__content">
21714    <p class="resource-card__title paragraph">Billetera Ethiopian para hombre color cognac</p>
21715
21716    
21717      <div ref="priceContainer">
21718  
21719    
21720    <div
21721      class="
21722        price__regular
21723        
21724      "
21725    >
21726      <span class="price">₡ 34.995,00</span>
21727    </div>
21728    <div
21729      class="
21730        price__sale
21731        
21732          price__hidden
21733        
21734      "
21735    >
21736      
21737        <div class="price-sale__group">
21738          <span class="price-item__group">
21739            <span class="visually-hidden">Precio habitual&nbsp;</span>
21740            <span class="price-item--regular compare-at-price"></span>
21741          </span>
21742          <span class="price-item__group">
21743            <span class="visually-hidden">Precio de oferta&nbsp;</span>
21744            <span class="price-item--sale price">₡ 34.995,00</span>
21745          </span>
21746        </div>
21747      
21748    </div>
21749  
21750</div>
21751    
21752  </div>
21753</div>
21754
21755        </li>
21756      
21757    </ul>
21758  
21759</div>
21760
21761        
21762      
21763    </div>
21764  
21765</div>
21766
21767          </div>
21768
21769          <div class="predictive-search-form__footer">
21770            <button
21771              class="button predictive-search__search-button"
21772              ref="viewAllButton"
21773            >
21774              Ver todo
21775            </button>
21776          </div>
21777        </div>
21778      </form>
21779    </predictive-search-component>
21780  </dialog>
21781</dialog-component>
21782
21783
21784
21785    <div
21786  id="cat-wishlist-drawer"
21787  class="cat-wishlist-drawer"
21788  data-cat-wishlist-drawer
21789  aria-hidden="true"
21790  hidden
21791>
21792  <button
21793    type="button"
21794    class="cat-wishlist-drawer__overlay"
21795    data-cat-wishlist-close
21796    aria-label="Cerrar favoritos"
21797  ></button>
21798  <aside
21799    class="cat-wishlist-drawer__panel"
21800    role="dialog"
21801    aria-modal="true"
21802    aria-labelledby="cat-wishlist-drawer-title"
21803  >
21804    <header class="cat-wishlist-drawer__header">
21805      <h2 id="cat-wishlist-drawer-title">
21806        <svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
21807          <path d="M20.8 4.6a5.4 5.4 0 0 0-7.6 0L12 5.8l-1.2-1.2a5.4 5.4 0 1 0-7.6 7.6L12 21l8.8-8.8a5.4 5.4 0 0 0 0-7.6Z"/>
21808        </svg>
21809        Mi lista de deseos
21810      </h2>
21811      <button
21812        type="button"
21813        class="cat-wishlist-drawer__close"
21814        data-cat-wishlist-close
21815        aria-label="Cerrar favoritos"
21816      >
21817        &times;
21818      </button>
21819    </header>
21820
21821    <div class="cat-wishlist-drawer__body">
21822      <div
21823        class="cat-wishlist-drawer__empty"
21824        data-cat-wishlist-empty
21825        hidden
21826      >
21827        <p>
21827Aún no tienes productos en favoritos.</p>
21828      </div>
21829      <div
21830        class="cat-wishlist-drawer__list"
21831        data-cat-wishlist-list
21832        data-cat-wishlist-layout="drawer"
21833        hidden
21834      ></div>
21835    </div>
21836
21837    <footer class="cat-wishlist-drawer__footer">
21838      <div>
21839        <h3>Comparte tu wishlist con quien quieras</h3>
21840        <p>Guarda tus favoritos y envia tu lista a amigos o familia para que sepan exactamente que te gusto.</p>
21841      </div>
21842      <div class="cat-wishlist-drawer__footer-actions">
21843        
21844        <button type="button" class="cat-wishlist-drawer__share" data-cat-wishlist-share>
21845          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true">
21846            <path d="M18 8a3 3 0 1 0-2.83-4H15a3 3 0 0 0 .17 1L8.6 8.8a3 3 0 1 0 0 4.4l6.57 3.8A3 3 0 1 0 16 15.6L9.43 11.8a3.2 3.2 0 0 0 0-1.6L16 6.4A3 3 0 0 0 18 8Z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
21847          </svg>
21848          <span data-cat-wishlist-share-label>Compartir</span>
21849        </button>
21850      </div>
21851      <input
21852        class="cat-wishlist-drawer__share-url"
21853        type="text"
21854        data-cat-wishlist-share-url
21855        aria-label="Enlace para compartir lista de deseos"
21856        readonly
21857        hidden
21858      >
21859    </footer>
21860  </aside>
21861</div>
21862
21863    
21864
21865<script type="application/json" id="cat-wishlist-config">
21866  {
21867    "loggedIn": false,"syncEndpoint": null,
21868    "loginUrl": "https:\/\/caterpillarcr.com\/customer_authentication\/redirect?locale=es\u0026region_country=CR",
21869    "initialItems": []
21870  }
21871</script>
21871
21872
21873
21874    
21875
21876    
21877
21878    
21878<script>
21879    (function () {
21880      var baseMessages = [];
21881        baseMessages.push("🔥 ¡Rápido, que se agotan!");
21882      var cartMessage = "🛒 ¡No pierdas tu carrito!";
21883      var hasCartItems = 0 > 0;
21884
21885      // Mantener el estado del carrito al día con el cart drawer (AJAX).
21886      document.addEventListener('cart:update', function (event) {
21887        var detail = event && event.detail;
21888        var data = detail && (detail.data || detail);
21889        var count = data && (data.itemCount != null ? data.itemCount : data.item_count);
21890        hasCartItems = typeof count === 'number' ? count > 0 : true;
21891      });
21892
21893      var originalTitle = null;
21894      var timer = null;
21895      var index = 0;
21896
21897      document.addEventListener('visibilitychange', function () {
21898        if (document.hidden) {
21899          var messages = baseMessages.slice();
21900          if (hasCartItems && cartMessage) messages.push(cartMessage);
21901          if (!messages.length || originalTitle !== null) return;
21902
21903          originalTitle = document.title;
21904          index = 0;
21905          document.title = messages[0];
21906
21907          if (messages.length > 1) {
21908            timer = setInterval(function () {
21909              index = (index + 1) % messages.length;
21910              document.title = messages[index];
21911            }, 2000);
21912          }
21913        } else {
21914          if (timer) {
21915            clearInterval(timer);
21916            timer = null;
21917          }
21918          if (originalTitle !== null) {
21919            document.title = originalTitle;
21920            originalTitle = null;
21921          }
21922        }
21923      });
21924    })();
21925  </script>
21925
21926<!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 21926-21929
21926
21927    <noscript
21928      ><iframe
21929        src="https://www.googletagmanager.com/ns.html?id=
21929GTM-PBR6KS7
vendor: 123 bytes, lines 21929-21935
21929"
21930        height="0"
21931        width="0"
21932        style="display:none;visibility:hidden"
21933      ></iframe
21934    ></noscript>
21935    
21935<!-- End Google Tag Manager (noscript) -->
21936
21937    
21937<script>
21938    (function () {
21939      var loaded = false;
21940      var idleTimer;
21941
21942      function loadFreshchat() {
21943        if (loaded) return;
21944        loaded = true;
21945        window.clearTimeout(idleTimer);
21946        events.forEach(function (ev) {
21947          window.removeEventListener(ev, loadFreshchat, { passive: true });
21948        });
21949        var script = document.createElement('script');
21950        script.src = 'https://fw-cdn.com/11344275/4030523.js';
21951        script.setAttribute('chat', 'true');
21952        script.setAttribute('widgetId', "8547f2b5-8d1f-46b7-8f5d-ff5526a1c9b6");
21953        document.body.appendChild(script);
21954      }
21955
21956      var events = ['pointerdown', 'touchstart', 'scroll', 'keydown'];
21957      events.forEach(function (ev) {
21958        window.addEventListener(ev, loadFreshchat, { passive: true, once: true });
21959      });
21960      idleTimer = window.setTimeout(loadFreshchat, 8000);
21961    })();
21962  </script>
21962
21963  <div id="shopify-block-ARkdyUkozNHo5dDVuc__2206760865836533559" class="shopify-block shopify-app-block">
21964<script>
21965    window.ADOCEncuestaConfig = {
21966      proxy: "\/apps\/encuesta",
21967      tienda: "cat-cr.myshopify.com",
21968      plantilla: "collection",
21969      ruta: "\/collections\/botas-hombre",
21970      idioma: "es",
21971      zIndex: 2147483000,
21972      // RF-06: selector de los modales propios del tema. Si alguno esta
21973      // abierto, la encuesta cede el turno y no se muestra. Nunca dos modales
21974      // a la vez. Ajustar por tema si el pop-up de boletin usa otra marca.
21975      selectorModalesTema: "[aria-modal=\"true\"], dialog[open], .modal--show, .newsletter-popup.is-open",
21976      // Deja rastro en consola de por que la encuesta no aparecio. Apagado en
21977      // produccion.
21978      depurar: false
21979    };
21980  </script>
21980
21981
21982  
21983  
21983<script src="https://cdn.shopify.com/extensions/01a11231-0e72-7e87-b796-0bccd19a816b/encuestas-cat-12/assets/encuesta-cargador.js" defer></script>
21983
21984
21985</div>
21985<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
21985
21986</body>
21987</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.