{"product_id":"sombrero-australiano-microfibra-0dc3i","title":"Sombrero Australiano de Microfibra","description":"\u003ch1\u003e\n\u003cimg src=\"https:\/\/d1a9qnv764bsoo.cloudfront.net\/stores\/006\/720\/937\/rte\/re.webp\" alt=\"\" width=\"1080\" height=\"2811\"\u003e\u003cbr\u003eSombrero Australiano de Microfibra\u003c\/h1\u003e\n\u003cp\u003eEl \u003cstrong\u003eSombrero Australiano de Microfibra\u003c\/strong\u003e es el complemento ideal para quienes buscan protección y comodidad en sus actividades al aire libre. Diseñado con un tejido de microfibra de alta calidad, este sombrero combina resistencia, ligereza y comodidad para acompañarte en cada aventura.\u003c\/p\u003e\n\u003ch3\u003eCaracterísticas principales\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial de microfibra\u003c\/strong\u003e: ofrece una textura suave y transpirable, que facilita la ventilación y mantiene la cabeza fresca incluso en días calurosos.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtección solar eficaz\u003c\/strong\u003e: su ala ancha protege tu rostro y cuello de los rayos UV, ideal para jornadas prolongadas bajo el sol.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiseño ergonómico\u003c\/strong\u003e: se adapta perfectamente a la forma de tu cabeza, garantizando un ajuste cómodo y seguro.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVersatilidad\u003c\/strong\u003e: perfecto para actividades como trekking, pesca, camping o simplemente para uso diario en la ciudad.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilidad\u003c\/strong\u003e: resistente al desgaste y fácil de limpiar, manteniendo su aspecto y funcionalidad a lo largo del tiempo.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEste sombrero australiano es un accesorio práctico y funcional pensado para quienes valoran la calidad y el rendimiento en cada prenda. Su composición en microfibra asegura un secado rápido y una sensación liviana, ideal para acompañarte en cualquier aventura.\u003c\/p\u003e\n\u003ch3\u003eEspecificaciones técnicas\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: Microfibra de alta calidad\u003c\/li\u003e\n\u003cli\u003eProtección UV: Sí, ala ancha\u003c\/li\u003e\n\u003cli\u003ePeso: Ligero y cómodo\u003c\/li\u003e\n\u003cli\u003eUso recomendado: Actividades al aire libre, viajes, pesca, trekking\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eNo dejes que el sol limite tus planes. El \u003cstrong\u003eSombrero Australiano de Microfibra\u003c\/strong\u003e es la mejor elección para mantenerte protegido y cómodo mientras disfrutás del aire libre.\u003c\/p\u003e\n\u003cp\u003e\n\u003cscript\u003e\n\/\/ REDESIGN PRODUCT VARIANTS - ARADO STORE COMPLETO\n\/\/ Todos los colores y talles de tu tienda\n\/\/ Compatible con TODOS tus productos\n\n(function() {\n  'use strict';\n\n  function initVariants() {\n    const variantsContainer = document.querySelector('.js-product-variants');\n    if (!variantsContainer) return;\n\n    const styleId = 'passenger-variants-style-v5-full';\n    if (!document.getElementById(styleId)) {\n      const style = document.createElement('style');\n      style.id = styleId;\n      style.textContent = `\n        .js-product-variants {\n          display: flex !important;\n          flex-direction: column !important;\n          gap: 2rem !important;\n          padding: 0 !important;\n          margin: 0 !important;\n          margin-bottom: 20px !important;\n        }\n\n        .js-product-variants-group {\n          display: flex !important;\n          flex-direction: column !important;\n          gap: 0.75rem !important;\n          padding: 0 !important;\n          margin: 0 !important;\n          width: 100% !important;\n        }\n\n        .variant-group-header {\n          display: flex !important;\n          justify-content: space-between !important;\n          align-items: center !important;\n          margin-bottom: 0.5rem !important;\n          gap: 1rem !important;\n        }\n\n        .variant-group-title {\n          font-weight: 600 !important;\n          font-size: 0.95rem !important;\n          color: #1a1a1a !important;\n        }\n\n        .variant-display {\n          font-size: 0.85rem !important;\n          color: #666 !important;\n          font-weight: 500 !important;\n        }\n\n        .js-product-variants-group .form-group {\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        .js-product-variants-group .form-label,\n        .js-product-variants-group .form-select,\n        .js-product-variants-group .form-select-icon {\n          display: none !important;\n        }\n\n        .variant-buttons-container {\n          display: flex !important;\n          flex-wrap: wrap !important;\n          gap: 0.5rem !important;\n          align-items: flex-start !important;\n          width: 100% !important;\n        }\n\n        \/* Talles - Botones rectangulares *\/\n        .js-product-variants-group:not(.js-color-variants-container) .variant-buttons-container {\n          gap: 0.75rem !important;\n          display: grid !important;\n          grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)) !important;\n        }\n\n        .variant-button {\n          padding: 0.65rem 0.75rem !important;\n          border: 2px solid #d0d0d0 !important;\n          background: white !important;\n          color: #1a1a1a !important;\n          font-weight: 500 !important;\n          font-size: 0.85rem !important;\n          cursor: pointer !important;\n          border-radius: 4px !important;\n          transition: all 0.3s ease !important;\n          text-align: center !important;\n          flex: 0 0 auto !important;\n          min-width: 50px !important;\n          -webkit-user-select: none !important;\n          user-select: none !important;\n        }\n\n        .variant-button:active {\n          transform: scale(0.95) !important;\n        }\n\n        .variant-button:hover {\n          border-color: #888888 !important;\n          background: #f5f5f5 !important;\n        }\n\n        .variant-button.active {\n          border-color: #17a39a !important;\n          background: #17a39a !important;\n          color: white !important;\n        }\n\n        \/* Colores - Botones circulares *\/\n        .js-color-variants-container .variant-buttons-container {\n          gap: 0.75rem !important;\n          display: flex !important;\n          flex-wrap: wrap !important;\n        }\n\n        .variant-button.color-button {\n          width: 45px !important;\n          height: 45px !important;\n          padding: 0 !important;\n          border-radius: 50% !important;\n          min-width: auto !important;\n          display: inline-flex !important;\n          align-items: center !important;\n          justify-content: center !important;\n          position: relative !important;\n          flex-shrink: 0 !important;\n        }\n\n        .variant-button.color-button::after {\n          content: '' !important;\n          position: absolute !important;\n          width: 36px !important;\n          height: 36px !important;\n          border-radius: 50% !important;\n          background: currentColor !important;\n          border: 2px solid #d0d0d0 !important;\n          transition: all 0.3s ease !important;\n        }\n\n        .variant-button.color-button:hover::after {\n          border-color: #888888 !important;\n          box-shadow: 0 0 0 2px white !important;\n        }\n\n        .variant-button.color-button.active::after {\n          border-color: #1a1a1a !important;\n          border-width: 3px !important;\n          box-shadow: 0 0 0 1px white, 0 0 0 3px #1a1a1a !important;\n        }\n\n        \/* COLORES ARADO - COMPLETO *\/\n        .color-negro { color: #1a1a1a !important; }\n        .color-verde { color: #2d5f3f !important; }\n        .color-beige { color: #d9c9b8 !important; }\n        .color-blanco { color: #f5f5f5 !important; }\n        .color-gris { color: #888888 !important; }\n        .color-azul { color: #1e4d7b !important; }\n        .color-marron { color: #654321 !important; }\n        .color-naranja { color: #d97e3a !important; }\n        .color-rojo { color: #a62828 !important; }\n        .color-plateado { color: #c0c0c0 !important; }\n        .color-champagne { color: #f7e7ce !important; }\n        .color-militar { color: #556b2f !important; }\n        .color-carbon { color: #2f4f4f !important; }\n\n        \/* Responsive - Mobile *\/\n        @media (max-width: 480px) {\n          .variant-group-header {\n            flex-direction: column !important;\n            align-items: flex-start !important;\n          }\n\n          .variant-button {\n            font-size: 0.75rem !important;\n            padding: 0.6rem 0.5rem !important;\n            min-width: 45px !important;\n          }\n\n          .js-product-variants-group:not(.js-color-variants-container) .variant-buttons-container {\n            grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)) !important;\n          }\n\n          .variant-button.color-button {\n            width: 40px !important;\n            height: 40px !important;\n          }\n\n          .variant-button.color-button::after {\n            width: 32px !important;\n            height: 32px !important;\n          }\n\n          .variant-display {\n            font-size: 0.75rem !important;\n          }\n        }\n      `;\n      document.head.appendChild(style);\n    }\n  }\n\n  function getColorClass(colorName) {\n    const colorMap = {\n      'negro': 'color-negro',\n      'blanco': 'color-blanco',\n      'gris': 'color-gris',\n      'verde': 'color-verde',\n      'beige': 'color-beige',\n      'azul': 'color-azul',\n      'marron': 'color-marron',\n      'naranja': 'color-naranja',\n      'rojo': 'color-rojo',\n      'plateado': 'color-plateado',\n      'champagne': 'color-champagne',\n      'militar': 'color-militar',\n      'carbon': 'color-carbon'\n    };\n\n    const normalized = colorName.toLowerCase().trim();\n    return colorMap[normalized] || 'color-gris';\n  }\n\n  function transformVariantGroup(group) {\n    \/\/ Evitar duplicar si ya existe\n    if (group.querySelector('.variant-buttons-container')) {\n      return;\n    }\n\n    const selectElement = group.querySelector('.form-select');\n    const labelElement = group.querySelector('.form-label');\n    const formGroup = group.querySelector('.form-group');\n\n    if (!selectElement || !labelElement) return;\n\n    const options = Array.from(selectElement.options);\n    const isColorVariant = group.classList.contains('js-color-variants-container');\n    const variantType = isColorVariant ? 'Color' : 'Talle';\n\n    \/\/ Crear header con título y display\n    const headerDiv = document.createElement('div');\n    headerDiv.className = 'variant-group-header';\n\n    const titleSpan = document.createElement('span');\n    titleSpan.className = 'variant-group-title';\n    titleSpan.textContent = variantType;\n\n    const displaySpan = document.createElement('span');\n    displaySpan.className = 'variant-display';\n    displaySpan.textContent = variantType + ': ' + selectElement.options[selectElement.selectedIndex].text;\n\n    headerDiv.appendChild(titleSpan);\n    headerDiv.appendChild(displaySpan);\n\n    \/\/ Crear contenedor de botones\n    const buttonsContainer = document.createElement('div');\n    buttonsContainer.className = 'variant-buttons-container';\n\n    \/\/ Crear botones para cada opción\n    options.forEach(option =\u003e {\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.className = 'variant-button';\n      button.textContent = option.textContent;\n      button.dataset.value = option.value;\n\n      if (isColorVariant) {\n        button.classList.add('color-button');\n        button.classList.add(getColorClass(option.textContent));\n        button.textContent = '';\n      }\n\n      if (option.selected) {\n        button.classList.add('active');\n      }\n\n      button.addEventListener('click', (e) =\u003e {\n        e.preventDefault();\n\n        selectElement.value = option.value;\n        selectElement.dispatchEvent(new Event('change', { bubbles: true }));\n\n        buttonsContainer.querySelectorAll('.variant-button').forEach(btn =\u003e {\n          btn.classList.remove('active');\n        });\n        button.classList.add('active');\n\n        \/\/ Actualizar display\n        displaySpan.textContent = variantType + ': ' + option.textContent;\n      });\n\n      buttonsContainer.appendChild(button);\n    });\n\n    \/\/ Insertar elementos después del label\n    if (formGroup) {\n      formGroup.appendChild(headerDiv);\n      formGroup.appendChild(buttonsContainer);\n    } else {\n      labelElement.parentNode.insertBefore(headerDiv, selectElement);\n      labelElement.parentNode.insertBefore(buttonsContainer, selectElement);\n    }\n  }\n\n  function init() {\n    initVariants();\n\n    const groups = document.querySelectorAll('.js-product-variants-group');\n    groups.forEach(group =\u003e {\n      transformVariantGroup(group);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  const observer = new MutationObserver(() =\u003e {\n    const groups = document.querySelectorAll('.js-product-variants-group');\n    groups.forEach(group =\u003e {\n      transformVariantGroup(group);\n    });\n  });\n\n  observer.observe(document.body, { childList: true, subtree: true });\n})();\n\n\u003c\/script\u003e\n\u003c\/p\u003e\n\u003cdetails style=\"border-top:1px solid #e5e5e5;padding:12px 0\"\u003e\u003csummary style=\"font-weight:700;cursor:pointer\"\u003eDescripción\u003c\/summary\u003e\u003cdiv style=\"padding:10px 0 4px\"\u003e\u003cp\u003eEl Sombrero Australiano de Microfibra te protege del sol en cada salida al aire libre. Su ala ancha cubre rostro y cuello de los rayos UV, y el tejido de microfibra liviano y transpirable te mantiene fresco, ya sea de trekking, pesca, camping o en el día a día.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails style=\"border-top:1px solid #e5e5e5;padding:12px 0\"\u003e\u003csummary style=\"font-weight:700;cursor:pointer\"\u003eCaracterísticas\u003c\/summary\u003e\u003cdiv style=\"padding:10px 0 4px\"\u003e\u003cul\u003e\n\u003cli\u003eMicrofibra suave y transpirable que mantiene la cabeza fresca en días calurosos\u003c\/li\u003e\n\u003cli\u003eAla ancha con protección UV para rostro y cuello\u003c\/li\u003e\n\u003cli\u003eDiseño ergonómico que se adapta a tu cabeza con ajuste cómodo y seguro\u003c\/li\u003e\n\u003cli\u003eLiviano y de secado rápido\u003c\/li\u003e\n\u003cli\u003eResistente al desgaste y fácil de limpiar\u003c\/li\u003e\n\u003cli\u003eVersátil: ideal para trekking, pesca, camping o uso diario\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/details\u003e","brand":"Arado","offers":[{"title":"Default Title","offer_id":54159114830008,"sku":null,"price":25000.0,"currency_code":"ARS","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0984\/0512\/2232\/files\/fila-1-columna-3_995856ba-f83b-4c80-bf85-c7f97e14434d.jpg?v=1790097551","url":"https:\/\/arado.shop\/products\/sombrero-australiano-microfibra-0dc3i","provider":"Arado Argentina","version":"1.0","type":"link"}