{"product_id":"41cm-column-protector","title":"Protector de Columna de 36\/41 CM, Guardias de Seguridad Resistentes de LDPE para Impactos de Montacargas en Almacén y Muelles de Carga","description":"\u003cbody\u003e\n\u003cp\u003eProteja la infraestructura y el equipo de su almacén con nuestros Protectores de Columnas de grado profesional. Específicamente diseñados para columnas cuadradas y rectangulares, estos protectores son esenciales para minimizar daños causados por impactos accidentales de carretillas elevadoras. Al absorber y disipar la energía de la colisión, protegen tanto sus columnas estructurales como las carretillas, reduciendo costos de reparación y tiempos de inactividad en entornos de almacén de alta velocidad y tráfico intenso.\u003c\/p\u003e\n\u003cp\u003e✅ Sistema de Protección Dual: Protege tanto la columna del almacén como la carretilla elevadora de daños durante colisiones accidentales.\u003cbr\u003e✅ Absorción Superior de Impactos: Construido con LDPE (Polietileno de Baja Densidad) de alta resiliencia, específicamente diseñado para disipar fuerzas de impacto y maximizar la absorción de energía mediante la expansión del material.\u003cbr\u003e✅ Diseño de Área Superficial Expandida: Distribuye eficazmente la fuerza del impacto sobre una mayor área, reduciendo significativamente el daño por impacto puntual.\u003cbr\u003e✅ Resistente y Duradero: Diseñado para soportar impactos repetidos en entornos exigentes con vehículos de alta velocidad y cargas pesadas.\u003cbr\u003e✅ Instalación Fácil y Bajo Mantenimiento: Simple de instalar alrededor de columnas existentes; no requiere herramientas especiales ni montaje complejo. Fácil de limpiar y mantener.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n  \/* 外层：让表格在极窄屏也不会撑爆（兜底：可横向滚动） *\/\n  .responsive-table-wrap{\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  \/* 表格基础样式 *\/\n  table.rt-table{\n    width: 100%;\n    min-width: 250px;           \/* PC端看起来舒服；手机端会被下面的规则改成卡片 *\/\n    border-collapse: separate;\n    border-spacing: 0;\n    background: #fff;\n  }\n.rt-table th,\n.rt-table td{\n  border: 1px solid #d9d9d9;\n  padding: 12px 14px;\n  font-size: 14px;\n  text-align: left;\n  vertical-align: middle;\n  white-space: normal;        \/* ✅ PC 端允许换行 *\/\n  word-break: break-word;     \/* 防止长单词撑爆 *\/\n}\n\n  \/* 表头橙色 *\/\n  .rt-table thead th{\n    background: #e87700;\n    color: #fff;\n    font-weight: 700;\n  }\n\n  \/* 让边框更像截图那种“格子” *\/\n  .rt-table thead th:first-child { border-top-left-radius: 4px; }\n  .rt-table thead th:last-child  { border-top-right-radius: 4px; }\n\n  \/* ====== 手机自适应：把每一行变成卡片 ====== *\/\n  @media (max-width: 700px){\n    table.rt-table{\n      min-width: 0;             \/* 取消最小宽度 *\/\n    }\n\n    .rt-table thead{\n      display: none;            \/* 手机隐藏表头 *\/\n    }\n\n    .rt-table, .rt-table tbody, .rt-table tr, .rt-table td{\n      display: block;\n      width: 100%;\n    }\n\n    .rt-table tr{\n      margin: 10px 0;\n      border: 1px solid #d9d9d9;\n      border-radius: 8px;\n      overflow: hidden;\n      background: #fff;\n    }\n\n    .rt-table td{\n      border: none;\n      border-bottom: 1px solid #eee;\n      white-space: normal;      \/* 手机允许换行 *\/\n      display: flex;\n      gap: 10px;\n      justify-content: space-between;\n    }\n\n    .rt-table td:last-child{\n      border-bottom: none;\n    }\n\n    \/* 左侧显示字段名（来自 data-label） *\/\n    .rt-table td::before{\n      content: attr(data-label);\n      font-weight: 700;\n      color: #333;\n      flex: 0 0 40%;\n      max-width: 40%;\n    }\n\n    \/* 右侧内容 *\/\n    .rt-table td .cell{\n      flex: 1;\n      text-align: right;\n      color: #111;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"responsive-table-wrap\"\u003e\n\u003ctable class=\"rt-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eDiámetro\u003c\/th\u003e\n\u003cth\u003eDiámetro del Canal\u003c\/th\u003e\n\u003cth\u003eAltura\u003c\/th\u003e\n\u003cth\u003ePeso\u003c\/th\u003e\n\u003cth\u003eDibujo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Diameter\"\u003e\u003cspan class=\"cell\"\u003e36 CM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel Diameter\"\u003e\u003cspan class=\"cell\"\u003e 15.5x16.5 CM \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"cell\"\u003e51 CM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e6 KG\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/15f1058myw2yhmoxxr6h3\/BS-NRB-S355-155.pdf?rlkey=dxwrzdz91ysb95tty2vxmgyrf\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd data-label=\"Diameter\"\u003e\u003cspan class=\"cell\"\u003e41 CM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Channel Diameter\"\u003e\u003cspan class=\"cell\"\u003e 21.5x21.5 CM \u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Height\"\u003e\u003cspan class=\"cell\"\u003e51 CM\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"cell\"\u003e6 KG\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd data-label=\"Drawing\"\u003e\n\u003cp class=\"mobile-pdf-link\"\u003e\u003ca href=\"https:\/\/www.dropbox.com\/scl\/fi\/2qeue5v3z0mw62o2ftxf6\/BS-NRB-S400-200.pdf?rlkey=c3320y8q3sxkzdkriyygvmkfw\u0026amp;raw=1\" target=\"_blank\"\u003e 📄 PDF \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.video-wrap {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.video-player {\n  flex: 2;\n  min-width: 320px;\n  background: #000;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  position: relative;\n}\n\n#player {\n  width: 100%;\n  height: 520px;\n}\n\n.controls {\n  position: absolute;\n  bottom: 12px;\n  left: 12px;\n  display: flex;\n  gap: 10px;\n  z-index: 10;\n}\n\n.controls button {\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  padding: 8px 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 14px;\n}\n\n.video-list {\n  flex: 1;\n  min-width: 280px;\n  background: #111;\n  border-radius: 16px;\n  padding: 12px;\n}\n\n.video-item {\n  display: flex;\n  gap: 12px;\n  padding: 10px;\n  margin-bottom: 10px;\n  cursor: pointer;\n  border-radius: 12px;\n  transition: 0.25s;\n  background: #1c1c1c;\n  border: 1px solid transparent;\n}\n\n.video-item:hover {\n  transform: translateY(-2px);\n  background: #2a2a2a;\n}\n\n.video-item.active {\n  border: 1px solid #ff3b3b;\n  background: #222;\n}\n\n.video-item img {\n  width: 110px;\n  height: 70px;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.video-title {\n  font-size: 14px;\n  color: #fff;\n  line-height: 1.4;\n}\n\n@media (max-width: 768px) {\n\n  .video-wrap {\n    flex-direction: column;\n    gap: 0;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    transform: translateX(-50%);\n    margin: 0;\n    padding: 0;\n  }\n\n  .video-player {\n    width: 100vw;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  #player {\n    width: 100vw;\n    height: 56.25vw;\n    min-height: 240px;\n    display: block;\n  }\n\n  .controls button {\n    padding: 10px 14px;\n    font-size: 14px;\n  }\n\n  .video-list {\n    display: flex;\n    flex-direction: row;\n    overflow-x: auto;\n    gap: 10px;\n    padding: 10px;\n    border-radius: 0;\n    scrollbar-width: none;\n    width: 100vw;\n    box-sizing: border-box;\n  }\n\n  .video-list::-webkit-scrollbar {\n    display: none;\n  }\n\n  .video-item {\n    min-width: 160px;\n    flex-direction: column;\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n\n  .video-item img {\n    width: 100%;\n    height: 90px;\n  }\n\n  .video-title {\n    font-size: 12px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"video-wrap\"\u003e\n  \u003cdiv class=\"video-player\"\u003e\n    \u003cdiv id=\"player\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"controls\"\u003e\n      \u003cbutton id=\"prevBtn\"\u003e⟵ Anterior\u003c\/button\u003e\n      \u003cbutton id=\"nextBtn\"\u003eSiguiente ⟶\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video-list\"\u003e\n    \u003cdiv data-index=\"0\" class=\"video-item active\"\u003e\n      \u003cimg src=\"https:\/\/img.youtube.com\/vi\/p557kQZ7YPk\/hqdefault.jpg\"\u003e\n      \u003cdiv class=\"video-title\"\u003eExhibición de Instalación\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv data-index=\"1\" class=\"video-item\"\u003e\n      \u003cimg src=\"https:\/\/img.youtube.com\/vi\/GTdo3K5UMJ8\/hqdefault.jpg\"\u003e\n      \u003cdiv class=\"video-title\"\u003ePasos de Instalación\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript src=\"https:\/\/www.youtube.com\/iframe_api\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\nconst videos = [\n  \"p557kQZ7YPk\",\n  \"GTdo3K5UMJ8\"\n];\n\nlet player;\nlet currentIndex = 0;\nlet isReady = false;\n\nfunction onYouTubeIframeAPIReady() {\n  player = new YT.Player('player', {\n    videoId: videos[0],\n    playerVars: {\n      autoplay: 1,\n      controls: 1,\n      rel: 0\n    },\n    events: {\n      onReady: () =\u003e {\n        isReady = true;\n      },\n      onStateChange: onPlayerStateChange\n    }\n  });\n}\n\nfunction onPlayerStateChange(event) {\n  if (event.data === YT.PlayerState.ENDED) {\n    nextVideo();\n  }\n}\n\nfunction playVideo(index) {\n  if (!player || !isReady) return;\n  currentIndex = index;\n  player.loadVideoById(videos[index]);\n  updateActive();\n}\n\nfunction nextVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex + 1) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction prevVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex - 1 + videos.length) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction updateActive() {\n  document.querySelectorAll(\".video-item\").forEach((el, i) =\u003e {\n    el.classList.toggle(\"active\", i === currentIndex);\n  });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.getElementById(\"nextBtn\").addEventListener(\"click\", nextVideo);\n  document.getElementById(\"prevBtn\").addEventListener(\"click\", prevVideo);\n\n  document.querySelectorAll(\".video-item\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", function () {\n      playVideo(parseInt(this.dataset.index));\n    });\n  });\n});\n\u003c\/script\u003e\n\u003c\/body\u003e","brand":"OranLite","offers":[{"title":"15.5 CM","offer_id":47361165295810,"sku":"BS-NRB-S360-150","price":49.74,"currency_code":"EUR","in_stock":true},{"title":"21.5 CM","offer_id":47361165328578,"sku":"BS-NRB-S400-200","price":57.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0714\/4092\/4866\/files\/BS-NRB-S360-150-1.jpg?v=1775552144","url":"https:\/\/www.oranlite.eu\/es-de\/products\/41cm-column-protector","provider":"Oranlite Europe","version":"1.0","type":"link"}