{"id":16,"date":"2025-11-05T16:07:49","date_gmt":"2025-11-05T16:07:49","guid":{"rendered":"https:\/\/www.pybo.seomos.com\/shop\/"},"modified":"2026-06-12T06:44:04","modified_gmt":"2026-06-12T06:44:04","slug":"tienda","status":"publish","type":"page","link":"https:\/\/www.pybo.seomos.com\/en\/tienda\/","title":{"rendered":"Shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ecc8fc e-flex e-con-boxed e-con e-parent\" data-id=\"1ecc8fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eba255a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"eba255a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 RESET SCOPED \u2500\u2500 *\/\r\n.pybo-shop,\r\n.pybo-shop *,\r\n.pybo-shop *::before,\r\n.pybo-shop *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.pybo-shop a { text-decoration: none; }\r\n.pybo-shop ul { list-style: none; }\r\n.pybo-shop button { cursor: pointer; font-family: 'DM Sans', sans-serif; }\r\n.pybo-shop select { font-family: 'DM Sans', sans-serif; }\r\n\r\n\/* \u2500\u2500 VARIABLES \u2500\u2500 *\/\r\n.pybo-shop {\r\n  --p: #FD2B7B;\r\n  --o: #FF7158;\r\n  --k: #161616;\r\n  --g: linear-gradient(135deg, #FF7158, #FD2B7B);\r\n  --r: 16px;\r\n  --shadow-sm: 0 2px 8px rgba(0,0,0,.04);\r\n  --shadow-md: 0 6px 24px rgba(0,0,0,.08);\r\n  --shadow-pink: 0 10px 32px rgba(253,43,123,.22);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #161616;\r\n  background: #fff;\r\n  width: 100%;\r\n  max-width: 1350px;\r\n  margin: 0 auto;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SKELETON \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes ps-shimmer {\r\n  0%   { background-position: -600px 0; }\r\n  100% { background-position:  600px 0; }\r\n}\r\n.ps-skeleton {\r\n  background: linear-gradient(90deg, #f7f7f7 25%, #eeeeee 50%, #f7f7f7 75%);\r\n  background-size: 600px 100%;\r\n  animation: ps-shimmer 1.4s infinite linear;\r\n  border-radius: 8px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ps-hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 56px 48px;\r\n  border-radius: 32px;\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n.ps-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(140deg, #0f0008 0%, #161616 45%, #0a0d1a 100%);\r\n  z-index: 0;\r\n}\r\n\r\n.ps-hero-bg::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -80px; right: -60px;\r\n  width: 480px; height: 480px;\r\n  background: radial-gradient(circle, rgba(253,43,123,.25) 0%, transparent 62%);\r\n  border-radius: 50%;\r\n  animation: ps-orb1 8s ease-in-out infinite;\r\n}\r\n.ps-hero-bg::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -100px; left: 5%;\r\n  width: 360px; height: 360px;\r\n  background: radial-gradient(circle, rgba(255,113,88,.16) 0%, transparent 62%);\r\n  border-radius: 50%;\r\n  animation: ps-orb2 11s ease-in-out 1.5s infinite;\r\n}\r\n\r\n.ps-orb3 {\r\n  position: absolute;\r\n  top: 30%; left: 40%;\r\n  width: 200px; height: 200px;\r\n  background: radial-gradient(circle, rgba(255,113,88,.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: ps-orb2 14s ease-in-out 3s infinite reverse;\r\n}\r\n\r\n.ps-hero-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n  opacity: .03;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n}\r\n\r\n@keyframes ps-orb1 {\r\n  0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }\r\n  33%       { transform: translateY(-28px) scale(1.08) rotate(4deg); }\r\n  66%       { transform: translateY(-12px) scale(.94) rotate(-3deg); }\r\n}\r\n@keyframes ps-orb2 {\r\n  0%, 100% { transform: translateY(0) scale(1); }\r\n  50%       { transform: translateY(-22px) scale(1.05); }\r\n}\r\n\r\n.ps-hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.ps-hero-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 280px auto;\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n\r\n.ps-hero-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(253,43,123,.12);\r\n  border: 1px solid rgba(253,43,123,.28);\r\n  color: #fdb8cf;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  padding: 7px 16px;\r\n  border-radius: 24px;\r\n  margin-bottom: 20px;\r\n  width: fit-content;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n  animation: ps-fade-up .5s .05s both;\r\n}\r\n.ps-badge-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--p);\r\n  animation: ps-badge-pulse 1.8s infinite;\r\n}\r\n@keyframes ps-badge-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%       { opacity: .35; transform: scale(.65); }\r\n}\r\n\r\n.ps-hero-title {\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 56px;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1.05;\r\n  letter-spacing: -2.5px;\r\n  margin-bottom: 18px;\r\n  animation: ps-fade-up .65s .15s both;\r\n}\r\n.ps-hero-title em {\r\n  font-style: normal;\r\n  background: var(--g);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.ps-hero-sub {\r\n  font-size: 16px;\r\n  color: rgba(255,255,255,.5);\r\n  max-width: 440px;\r\n  line-height: 1.7;\r\n  animation: ps-fade-up .55s .28s both;\r\n}\r\n\r\n.ps-hero-featured {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n  border-radius: 24px;\r\n  padding: 24px;\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.25);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: border-color 0.3s ease;\r\n  opacity: 0;\r\n}\r\n.ps-hero-featured.ready {\r\n  animation: ps-fade-up .6s both, ps-float 6s ease-in-out infinite;\r\n}\r\n.ps-hero-featured:hover {\r\n  border-color: rgba(253, 43, 123, 0.4);\r\n}\r\n.ps-hero-featured::before {\r\n  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n  background: radial-gradient(circle at top right, rgba(253,43,123,.15), transparent 60%);\r\n  pointer-events: none;\r\n}\r\n.ps-hf-badge {\r\n  background: rgba(253, 43, 123, 0.15);\r\n  color: #fdb8cf;\r\n  font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;\r\n  padding: 4px 12px; border-radius: 12px; margin-bottom: 16px;\r\n  border: 1px solid rgba(253, 43, 123, 0.3);\r\n  position: relative; z-index: 2;\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n}\r\n.ps-hf-img-wrap {\r\n  width: 130px; height: 130px; margin: 0 auto 16px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: transform .4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .4s ease;\r\n  position: relative; z-index: 2;\r\n  background: #ffffff;\r\n  border-radius: 28px;\r\n  box-shadow: 0 10px 24px rgba(0,0,0,0.12);\r\n  padding: 8px;\r\n}\r\n.ps-hero-featured:hover .ps-hf-img-wrap {\r\n  transform: scale(1.12) rotate(-3deg);\r\n  box-shadow: 0 16px 36px rgba(253, 43, 123, 0.35);\r\n}\r\n.ps-hf-img-wrap img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 20px;\r\n}\r\n.ps-hf-title {\r\n  font-family: 'Outfit', sans-serif; font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 4px; position: relative; z-index: 2;\r\n  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;\r\n}\r\n.ps-hf-price { font-size: 17px; font-weight: 800; color: #fdb8cf; margin-bottom: 20px; position: relative; z-index: 2;}\r\n.ps-hf-btn {\r\n  background: #fff; color: #161616; padding: 12px 24px; border-radius: 20px; border: none;\r\n  font-size: 13px; font-weight: 700; transition: all .2s;\r\n  width: 100%; position: relative; z-index: 2; cursor: pointer;\r\n  display: flex; justify-content: center; align-items: center; gap: 8px;\r\n}\r\n.ps-hf-btn:hover { background: var(--g); color: #fff; box-shadow: var(--shadow-pink); transform: translateY(-2px); }\r\n.ps-hf-btn.loading { opacity: 0.5; pointer-events: none; }\r\n.ps-hf-btn.done { background: #16a34a; color: white; }\r\n\r\n@keyframes ps-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-10px); }\r\n}\r\n\r\n.ps-hero-stats {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  flex-shrink: 0;\r\n  animation: ps-fade-up .5s .35s both;\r\n}\r\n.ps-stat {\r\n  background: rgba(255,255,255,.03);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n  border-radius: 20px;\r\n  padding: 20px 28px;\r\n  text-align: center;\r\n  min-width: 120px;\r\n  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  cursor: default;\r\n}\r\n.ps-stat:hover {\r\n  background: rgba(255,255,255,.06);\r\n  border-color: rgba(255,255,255,.18);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,.2);\r\n}\r\n.ps-stat-num {\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  display: block;\r\n  line-height: 1;\r\n  background: var(--g);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n.ps-stat-lbl {\r\n  font-size: 10px;\r\n  color: rgba(255,255,255,.4);\r\n  letter-spacing: .1em;\r\n  display: block;\r\n  margin-top: 8px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FILTER BAR (sticky)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ps-filterbar {\r\n  position: sticky;\r\n  top: 70px;\r\n  z-index: 500;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border-bottom: 1px solid #f2f2f2;\r\n  transition: box-shadow .3s, border-color .3s;\r\n}\r\n.ps-filterbar.stuck {\r\n  box-shadow: 0 8px 32px rgba(0,0,0,.06);\r\n  border-color: transparent;\r\n}\r\n\r\n.ps-filterbar-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  height: 72px;\r\n  padding: 0 24px;\r\n}\r\n\r\n.ps-filter-label {\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #c4c4c4;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ps-cats-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 0;\r\n  height: 100%;\r\n}\r\n\r\n.ps-cats-wrapper::before,\r\n.ps-cats-wrapper::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; bottom: 0;\r\n  width: 50px;\r\n  pointer-events: none;\r\n  z-index: 5;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.ps-cats-wrapper.can-scroll-left::before {\r\n  left: 0;\r\n  background: linear-gradient(to right, rgba(255,255,255,1) 15%, rgba(255,255,255,0));\r\n  opacity: 1;\r\n}\r\n.ps-cats-wrapper.can-scroll-right::after {\r\n  right: 0;\r\n  background: linear-gradient(to left, rgba(255,255,255,1) 15%, rgba(255,255,255,0));\r\n  opacity: 1;\r\n}\r\n\r\n.ps-scroll-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%) scale(0.9);\r\n  width: 34px; height: 34px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  border: 1px solid #eaeaea;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n  color: #444;\r\n  display: flex; align-items: center; justify-content: center;\r\n  z-index: 10;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.ps-scroll-btn.show {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  transform: translateY(-50%) scale(1);\r\n}\r\n.ps-scroll-btn:hover {\r\n  color: var(--p);\r\n  border-color: var(--p);\r\n  box-shadow: 0 4px 16px rgba(253,43,123,.2);\r\n}\r\n.ps-scroll-left  { left: 0; }\r\n.ps-scroll-right { right: 0; }\r\n\r\n.ps-cats-scroll {\r\n  display: flex;\r\n  gap: 10px;\r\n  overflow-x: auto;\r\n  scrollbar-width: none;\r\n  -ms-overflow-style: none;\r\n  width: 100%;\r\n  padding: 8px 24px;\r\n  scroll-behavior: smooth;\r\n}\r\n.ps-cats-scroll::-webkit-scrollbar { display: none; }\r\n\r\n.ps-cat-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 20px;\r\n  border-radius: 30px;\r\n  border: 1px solid #e8e8e8;\r\n  background: #fff;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #666;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n.ps-cat-btn:hover {\r\n  border-color: #fdb8cf;\r\n  color: var(--p);\r\n  background: #fff0f5;\r\n  transform: scale(1.03);\r\n}\r\n.ps-cat-btn.active {\r\n  background: var(--g);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  font-weight: 700;\r\n  box-shadow: var(--shadow-pink);\r\n  transform: scale(1.03);\r\n}\r\n.ps-cat-btn svg { width: 15px; height: 15px; flex-shrink: 0; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESULTS BAR + MAIN\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ps-main {\r\n  padding: 36px 48px 80px;\r\n}\r\n\r\n.ps-results-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  margin-bottom: 32px;\r\n  flex-wrap: wrap;\r\n}\r\n.ps-results-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n.ps-count-text {\r\n  font-size: 14px;\r\n  color: #888;\r\n}\r\n.ps-count-text strong {\r\n  color: #161616;\r\n  font-weight: 700;\r\n}\r\n\r\n.ps-active-chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #fff0f5;\r\n  border: 1px solid #fdb8cf;\r\n  color: var(--p);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  padding: 6px 12px 6px 16px;\r\n  border-radius: 30px;\r\n  animation: ps-fade-in .25s both;\r\n}\r\n.ps-active-chip-x {\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  background: rgba(253,43,123,.1);\r\n  border: none;\r\n  color: var(--p);\r\n  font-size: 15px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  cursor: pointer;\r\n  transition: all .2s;\r\n  padding: 0;\r\n}\r\n.ps-active-chip-x:hover { background: var(--p); color: #fff; }\r\n\r\n.ps-sort-wrap { position: relative; flex-shrink: 0; }\r\n.ps-sort-select {\r\n  -webkit-appearance: none; -moz-appearance: none; appearance: none;\r\n  padding: 10px 38px 10px 18px; border: 1px solid #e8e8e8; border-radius: 30px;\r\n  font-size: 14px; font-weight: 500; color: #444; background: #fafafa;\r\n  cursor: pointer; outline: none; transition: all .25s;\r\n}\r\n.ps-sort-select:hover, .ps-sort-select:focus {\r\n  background: #fff; border-color: var(--p); box-shadow: 0 0 0 4px rgba(253,43,123,.08);\r\n}\r\n.ps-sort-chevron {\r\n  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);\r\n  color: #aaa; font-size: 12px; pointer-events: none; transition: color .2s;\r\n}\r\n.ps-sort-select:hover + .ps-sort-chevron { color: var(--p); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PRODUCT GRID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ps-grid {\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\r\n}\r\n\r\n.ps-card {\r\n  border: 1px solid #f0f0f0; border-radius: 24px; overflow: hidden;\r\n  background: #fff; display: flex; flex-direction: column;\r\n  transition: border-color .3s, transform .3s cubic-bezier(.34,1.2,.64,1), box-shadow .3s;\r\n  box-shadow: var(--shadow-sm); opacity: 0; animation: ps-fade-up .5s both;\r\n}\r\n.ps-card:hover {\r\n  border-color: #fdb8cf; transform: translateY(-8px); box-shadow: var(--shadow-pink);\r\n}\r\n.ps-card.hidden { display: none; }\r\n\r\n.ps-card-media {\r\n  position: relative; height: 220px; background: #fdfdfd; overflow: hidden;\r\n  display: block;\r\n}\r\n.ps-card-img { width: 100%; height: 100%; object-fit: contain; padding: 24px; transition: transform .5s cubic-bezier(.34,1.28,.64,1); display: block; }\r\n.ps-card-img-placeholder {\r\n  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;\r\n  transition: transform .5s cubic-bezier(.34,1.28,.64,1);\r\n  color: #ddd;\r\n}\r\n.ps-card:hover .ps-card-img, .ps-card:hover .ps-card-img-placeholder { transform: scale(1.12); }\r\n\r\n.ps-card-media-link {\r\n  display: block; width: 100%; height: 100%; position: relative;\r\n}\r\n\r\n.ps-card-badge {\r\n  position: absolute; top: 14px; left: 14px; font-size: 10px; font-weight: 800;\r\n  padding: 5px 10px; border-radius: 12px; z-index: 2; pointer-events: none;\r\n  letter-spacing: .05em; text-transform: uppercase;\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n.badge-hot  { background: var(--g); color: #fff; box-shadow: 0 4px 12px rgba(253,43,123,.3); }\r\n.badge-new  { background: #fff0f5; color: var(--p); }\r\n.badge-sale { background: #161616; color: #fff; }\r\n\r\n.ps-overlay-atc {\r\n  position: absolute; bottom: 0; left: 0; right: 0; padding: 0 16px 16px;\r\n  background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,.7) 50%, transparent 100%);\r\n  transform: translateY(110%); transition: transform .3s cubic-bezier(.34,1.2,.64,1); z-index: 3;\r\n  pointer-events: none;\r\n}\r\n.ps-card:hover .ps-overlay-atc { transform: translateY(0); }\r\n.ps-overlay-btn {\r\n  width: 100%; padding: 12px 14px; border-radius: 16px; border: none;\r\n  background: #161616; color: #fff; font-size: 13px; font-weight: 700;\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  transition: background .2s, transform .15s;\r\n  pointer-events: auto;\r\n}\r\n.ps-overlay-btn:hover { background: var(--g); box-shadow: 0 4px 16px rgba(253,43,123,.3); }\r\n.ps-overlay-btn.loading { opacity: .5; pointer-events: none; }\r\n.ps-overlay-btn.done { background: #16a34a; }\r\n\r\n.ps-card-body { padding: 20px; display: flex; flex-direction: column; flex: 1; gap: 6px; }\r\n.ps-card-cat { font-size: 11px; font-weight: 700; color: #b0b0b0; text-transform: uppercase; letter-spacing: .08em; }\r\n.ps-card-name {\r\n  font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 700; color: #161616;\r\n  line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\r\n  overflow: hidden; flex: 1; margin-bottom: 8px;\r\n}\r\n.ps-card-name a { color: inherit; transition: color .2s; }\r\n.ps-card-name a:hover { color: var(--p); }\r\n\r\n.ps-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }\r\n.ps-card-price { font-family: 'Outfit', sans-serif; font-size: 19px; font-weight: 800; color: #161616; }\r\n.ps-card-price del { font-size: 13px; color: #c8c8c8; font-weight: 500; margin-left: 6px; }\r\n.ps-card-atc {\r\n  width: 40px; height: 40px; border-radius: 50%; background: var(--g); border: none;\r\n  color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n  transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s; box-shadow: var(--shadow-pink);\r\n}\r\n.ps-card-atc:hover { transform: scale(1.15) rotate(5deg); box-shadow: 0 8px 24px rgba(253,43,123,.4); }\r\n.ps-card-atc.loading { opacity: .45; pointer-events: none; }\r\n.ps-card-atc.done    { background: #22c55e; box-shadow: 0 4px 16px rgba(34,197,94,.3); }\r\n\r\n\/* \u2500\u2500 SKELETON \u2500\u2500 *\/\r\n.ps-card-skeleton { border: 1px solid #f0f0f0; border-radius: 24px; overflow: hidden; background: #fff; }\r\n.pcs-img  { height: 220px; background: #fafafa; }\r\n.pcs-body { padding: 20px; display: flex; flex-direction: column; gap: 12px; }\r\n.pcs-line { height: 12px; border-radius: 6px; }\r\n.pcs-short { width: 60%; }\r\n\r\n\/* \u2500\u2500 EMPTY STATE \u2500\u2500 *\/\r\n.ps-empty { grid-column: 1 \/ -1; text-align: center; padding: 100px 24px; animation: ps-fade-up .4s both; }\r\n.ps-empty-icon { margin-bottom: 24px; color: #ddd; }\r\n.ps-empty-title { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 800; color: #161616; margin-bottom: 12px; }\r\n.ps-empty-sub { font-size: 15px; color: #888; margin-bottom: 32px; }\r\n.ps-empty-cta {\r\n  display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; border-radius: 30px; border: none;\r\n  background: var(--g); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer;\r\n  transition: opacity .2s, transform .2s cubic-bezier(0.4,0,0.2,1); box-shadow: var(--shadow-pink);\r\n}\r\n.ps-empty-cta:hover { opacity: .9; transform: translateY(-2px); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOAST\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ps-toast {\r\n  position: fixed; bottom: 32px; right: 32px; background: #161616; color: #fff;\r\n  padding: 16px 24px; border-radius: 16px; font-size: 14px; font-weight: 500;\r\n  font-family: 'DM Sans', sans-serif; box-shadow: 0 12px 40px rgba(0,0,0,.3); z-index: 99999;\r\n  transform: translateY(24px); opacity: 0; transition: all .4s cubic-bezier(.34,1.56,.64,1);\r\n  display: flex; align-items: center; gap: 12px; max-width: 340px; pointer-events: none;\r\n}\r\n.ps-toast.show { transform: translateY(0); opacity: 1; }\r\n.ps-toast .tck {\r\n  width: 24px; height: 24px; border-radius: 50%; background: var(--g);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n  font-size: 12px; font-weight: 800;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ANIMATIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes ps-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes ps-fade-in { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 1024px) {\r\n  .ps-hero { padding: 48px 32px; border-radius: 28px; }\r\n  .ps-hero-title { font-size: 46px; }\r\n  .ps-filterbar-inner { padding: 0 20px; }\r\n  .ps-main { padding: 32px 32px 72px; }\r\n  .ps-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n  .ps-hero-layout { grid-template-columns: 1fr; gap: 32px; align-items: start; }\r\n  .ps-hero-featured { max-width: 320px; margin: 0 auto; width: 100%; }\r\n  .ps-hero-stats { flex-direction: row; justify-content: center; }\r\n  .ps-stat { padding: 16px 24px; }\r\n  .ps-stat-num { font-size: 24px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ps-hero { padding: 36px 24px; border-radius: 24px; }\r\n  .ps-hero-title { font-size: 36px; letter-spacing: -1.2px; text-align: center; }\r\n  .ps-hero-sub { text-align: center; margin: 0 auto; }\r\n  .ps-hero-badge { margin: 0 auto 20px; display: flex; }\r\n  .ps-hero-stats { gap: 10px; flex-wrap: wrap; }\r\n  .ps-stat { flex: 1; min-width: 90px; }\r\n  .ps-filterbar-inner { padding: 0 16px; height: 64px; gap: 12px; }\r\n  .ps-filter-label { display: none; }\r\n  .ps-main { padding: 24px 24px 64px; }\r\n  .ps-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n  .ps-card-media { height: 180px; }\r\n  .ps-card-img { padding: 16px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .ps-hero { padding: 28px 16px; border-radius: 20px; }\r\n  .ps-hero-title { font-size: 30px; letter-spacing: -1px; }\r\n  .ps-hero-stats { display: none; }\r\n  .ps-filterbar-inner { padding: 0 12px; }\r\n  .ps-main { padding: 20px 16px 56px; }\r\n  .ps-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n  .ps-card-body { padding: 14px; }\r\n  .ps-card-name { font-size: 14px; }\r\n  .ps-card-price { font-size: 16px; }\r\n  .ps-card-media { height: 150px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"pybo-shop\">\r\n\r\n  <div class=\"ps-hero\">\r\n    <div class=\"ps-hero-bg\"><\/div>\r\n    <span class=\"ps-orb3\"><\/span>\r\n    <div class=\"ps-hero-grid\"><\/div>\r\n\r\n    <div class=\"ps-hero-inner\">\r\n      <div class=\"ps-hero-layout\">\r\n        <div>\r\n          <div class=\"ps-hero-badge\">\r\n            <span class=\"ps-badge-dot\"><\/span>\r\n            Cat\u00e1logo completo\r\n          <\/div>\r\n          <h1 class=\"ps-hero-title\">Todo el tech que<br><em>necesitas<\/em><\/h1>\r\n          <p class=\"ps-hero-sub\">Los mejores gadgets al mejor precio. Env\u00edo r\u00e1pido y garant\u00eda real en cada compra.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ps-hero-featured\" id=\"ps-hero-featured\">\r\n          <div class=\"ps-hf-badge\">\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n            En Tendencia\r\n          <\/div>\r\n          <div class=\"ps-hf-img-wrap\" id=\"ps-hf-img-wrap\"><\/div>\r\n          <div class=\"ps-hf-info\">\r\n            <h4 class=\"ps-hf-title\" id=\"ps-hf-title\">Cargando...<\/h4>\r\n            <div class=\"ps-hf-price\" id=\"ps-hf-price\">--<\/div>\r\n          <\/div>\r\n          <button class=\"ps-hf-btn ps-atc-btn\" id=\"ps-hf-btn\" data-id=\"\" data-name=\"\">\r\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg>\r\n            <span>Lo quiero<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"ps-hero-stats\">\r\n          <div class=\"ps-stat\">\r\n            <span class=\"ps-stat-num\" id=\"ps-stat-total\">16<\/span>\r\n            <span class=\"ps-stat-lbl\">Productos<\/span>\r\n          <\/div>\r\n          <div class=\"ps-stat\">\r\n            <span class=\"ps-stat-num\">6<\/span>\r\n            <span class=\"ps-stat-lbl\">Categor\u00edas<\/span>\r\n          <\/div>\r\n          <div class=\"ps-stat\">\r\n            <span class=\"ps-stat-num\">30<\/span>\r\n            <span class=\"ps-stat-lbl\">D\u00edas dev.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ps-filterbar\" id=\"ps-filterbar\">\r\n    <div class=\"ps-filterbar-inner\">\r\n      <span class=\"ps-filter-label\">Filtrar por<\/span>\r\n      <div class=\"ps-cats-wrapper\" id=\"ps-cats-wrapper\">\r\n        <button class=\"ps-scroll-btn ps-scroll-left\" id=\"ps-btn-left\" aria-label=\"Desplazar a la izquierda\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"ps-cats-scroll\" id=\"ps-cats\">\r\n          <!-- Todos -->\r\n          <button class=\"ps-cat-btn active\" data-filter=\"all\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n            Todos\r\n          <\/button>\r\n          <!-- Auriculares -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"auriculares\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18v-6a9 9 0 0118 0v6\"\/><path d=\"M21 19a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3zM3 19a2 2 0 002 2h1a2 2 0 002-2v-3a2 2 0 00-2-2H3z\"\/><\/svg>\r\n            Auriculares\r\n          <\/button>\r\n          <!-- Smartwatches -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"smartwatches\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"7\"\/><path d=\"M12 10v4l2 2\"\/><\/svg>\r\n            Smartwatches\r\n          <\/button>\r\n          <!-- Cuidado personal -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"cuidado-personal\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 000-7.78z\"\/><\/svg>\r\n            Cuidado personal\r\n          <\/button>\r\n          <!-- Iluminaci\u00f3n -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"iluminacion\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"7.76\" y2=\"7.76\"\/><line x1=\"16.24\" y1=\"16.24\" x2=\"19.07\" y2=\"19.07\"\/><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\"\/><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\"\/><line x1=\"4.93\" y1=\"19.07\" x2=\"7.76\" y2=\"16.24\"\/><line x1=\"16.24\" y1=\"7.76\" x2=\"19.07\" y2=\"4.93\"\/><\/svg>\r\n            Iluminaci\u00f3n\r\n          <\/button>\r\n          <!-- Motos -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"motos\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5.5\" cy=\"17.5\" r=\"3.5\"\/><circle cx=\"18.5\" cy=\"17.5\" r=\"3.5\"\/><path d=\"M15 6h-5L7 17.5\"\/><path d=\"M15 6l3 5 1 .5\"\/><path d=\"M9 11h6\"\/><\/svg>\r\n            Motos\r\n          <\/button>\r\n          <!-- Masajes -->\r\n          <button class=\"ps-cat-btn\" data-filter=\"masajes\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8h1a4 4 0 010 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\r\n            Masajes\r\n          <\/button>\r\n        <\/div>\r\n        <button class=\"ps-scroll-btn ps-scroll-right\" id=\"ps-btn-right\" aria-label=\"Desplazar a la derecha\">\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ps-main\">\r\n    <div class=\"ps-results-bar\">\r\n      <div class=\"ps-results-left\">\r\n        <div class=\"ps-count-text\" id=\"ps-count-text\">Cargando productos\u2026<\/div>\r\n        <div id=\"ps-active-wrap\"><\/div>\r\n      <\/div>\r\n      <div class=\"ps-sort-wrap\">\r\n        <select class=\"ps-sort-select\" id=\"ps-sort\">\r\n          <option value=\"default\">Relevancia<\/option>\r\n          <option value=\"price-asc\">Precio: menor \u2192 mayor<\/option>\r\n          <option value=\"price-desc\">Precio: mayor \u2192 menor<\/option>\r\n          <option value=\"newest\">M\u00e1s nuevos<\/option>\r\n          <option value=\"hot\">M\u00e1s populares<\/option>\r\n        <\/select>\r\n        <span class=\"ps-sort-chevron\">\u25be<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ps-grid\" id=\"ps-grid\">\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n      <div class=\"ps-card-skeleton\"><div class=\"pcs-img ps-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line ps-skeleton\"><\/div><div class=\"pcs-line pcs-short ps-skeleton\"><\/div><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"ps-toast\" id=\"ps-toast\">\r\n  <div class=\"tck\">\u2713<\/div>\r\n  <span id=\"ps-toast-msg\">Producto agregado<\/span>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\n\r\nvar BASE = 'https:\/\/www.pybo.seomos.com';\r\n\r\n\/\/ SVG badges inline para los badges de tarjetas (sin emojis)\r\nvar BADGE_HOT  = '<svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg> Popular';\r\nvar BADGE_NEW  = '<svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg> Nuevo';\r\nvar BADGE_SALE = '<svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg> Oferta';\r\n\r\n\/\/ SVG placeholder para productos sin imagen\r\nvar IMG_PLACEHOLDER = '<div class=\"ps-card-img-placeholder\"><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div>';\r\n\r\nvar PRODUCTS = [\r\n  { id:307, cat:'auriculares',      lbl:'Auriculares',      hot:true,  isNew:false, flash:true  },\r\n  { id:308, cat:'auriculares',      lbl:'Auriculares',      hot:false, isNew:false, flash:false },\r\n  { id:309, cat:'auriculares',      lbl:'Auriculares',      hot:false, isNew:true,  flash:false },\r\n  { id:310, cat:'smartwatches',     lbl:'Smartwatches',     hot:true,  isNew:false, flash:true  },\r\n  { id:311, cat:'smartwatches',     lbl:'Smartwatches',     hot:false, isNew:false, flash:false },\r\n  { id:312, cat:'cuidado-personal', lbl:'Cuidado personal', hot:false, isNew:true,  flash:false },\r\n  { id:313, cat:'cuidado-personal', lbl:'Cuidado personal', hot:false, isNew:false, flash:false },\r\n  { id:314, cat:'masajes',          lbl:'Masajes',          hot:false, isNew:false, flash:false },\r\n  { id:315, cat:'masajes',          lbl:'Masajes',          hot:false, isNew:false, flash:false },\r\n  { id:321, cat:'masajes',          lbl:'Masajes',          hot:false, isNew:false, flash:true  },\r\n  { id:316, cat:'motos',            lbl:'Motos',            hot:true,  isNew:false, flash:false },\r\n  { id:317, cat:'motos',            lbl:'Motos',            hot:false, isNew:false, flash:false },\r\n  { id:318, cat:'iluminacion',      lbl:'Iluminaci\u00f3n',      hot:false, isNew:true,  flash:false },\r\n  { id:319, cat:'iluminacion',      lbl:'Iluminaci\u00f3n',      hot:false, isNew:false, flash:false },\r\n  { id:320, cat:'iluminacion',      lbl:'Iluminaci\u00f3n',      hot:false, isNew:false, flash:false },\r\n  { id:322, cat:'iluminacion',      lbl:'Iluminaci\u00f3n',      hot:false, isNew:true,  flash:false },\r\n];\r\n\r\nvar metaMap = {};\r\nPRODUCTS.forEach(function(p){ metaMap[p.id] = p; });\r\n\r\nvar currentFilter = 'all';\r\nvar currentSort   = 'default';\r\n\r\nvar CAT_NAMES = {\r\n  'all':              'Todos los productos',\r\n  'auriculares':      'Auriculares',\r\n  'smartwatches':     'Smartwatches',\r\n  'cuidado-personal': 'Cuidado personal',\r\n  'iluminacion':      'Iluminaci\u00f3n',\r\n  'motos':            'Motos',\r\n  'masajes':          'Masajes',\r\n};\r\n\r\nfunction esc(s){ return String(s).replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;'); }\r\nfunction escA(s){ return String(s).replace(\/\"\/g,'&quot;').replace(\/'\/g,'&#39;'); }\r\n\r\nfunction fmtPrice(raw, code, minor){\r\n  var div = Math.pow(10, typeof minor === 'number' ? minor : 2);\r\n  var amt = parseInt(raw, 10) \/ div;\r\n  try {\r\n    return new Intl.NumberFormat('es-CO',{style:'currency',currency:code||'COP',minimumFractionDigits:0,maximumFractionDigits:0}).format(amt);\r\n  } catch(e){ return '$'+amt.toLocaleString('es-CO'); }\r\n}\r\n\r\nfunction toast(msg){\r\n  var t = document.getElementById('ps-toast');\r\n  var m = document.getElementById('ps-toast-msg');\r\n  if(!t||!m) return;\r\n  m.textContent = msg;\r\n  t.classList.add('show');\r\n  setTimeout(function(){ t.classList.remove('show'); }, 3000);\r\n}\r\n\r\nfunction enrichProducts(){\r\n  var ids = PRODUCTS.map(function(p){ return p.id; }).join(',');\r\n  return fetch(BASE + '\/wp-json\/wc\/store\/v1\/products?include=' + ids + '&per_page=100&_=' + Date.now())\r\n    .then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.json(); })\r\n    .then(function(items){\r\n      if(!Array.isArray(items)) throw new Error('bad response');\r\n      items.forEach(function(item){\r\n        var meta = metaMap[item.id];\r\n        if(!meta) return;\r\n        var p = item.prices || {};\r\n        var minor = typeof p.currency_minor_unit === 'number' ? p.currency_minor_unit : 2;\r\n        meta.name       = item.name || 'Producto';\r\n        meta.price      = fmtPrice(p.price, p.currency_code, minor);\r\n        meta.priceRaw   = parseInt(p.price||'0', 10) \/ Math.pow(10, minor);\r\n        if(p.regular_price && p.regular_price !== p.price){\r\n          meta.regular    = fmtPrice(p.regular_price, p.currency_code, minor);\r\n          meta.regularRaw = parseInt(p.regular_price, 10) \/ Math.pow(10, minor);\r\n          if(!meta.hot && !meta.isNew) meta.isSale = true;\r\n        } else {\r\n          meta.regular = null; meta.regularRaw = 0;\r\n        }\r\n        if(item.images && item.images[0] && item.images[0].src) meta.img = item.images[0].src;\r\n        if(item.permalink) meta.href = item.permalink;\r\n        meta._ok = true;\r\n      });\r\n      return PRODUCTS;\r\n    });\r\n}\r\n\r\nfunction getVisible(){\r\n  var list = PRODUCTS.filter(function(p){\r\n    return currentFilter === 'all' || p.cat === currentFilter;\r\n  });\r\n  if(currentSort === 'price-asc')  list = list.slice().sort(function(a,b){ return (a.priceRaw||0)-(b.priceRaw||0); });\r\n  if(currentSort === 'price-desc') list = list.slice().sort(function(a,b){ return (b.priceRaw||0)-(a.priceRaw||0); });\r\n  if(currentSort === 'newest')     list = list.slice().sort(function(a,b){ return (b.isNew?1:0)-(a.isNew?1:0); });\r\n  if(currentSort === 'hot')        list = list.slice().sort(function(a,b){ return (b.hot?1:0)-(a.hot?1:0); });\r\n  return list;\r\n}\r\n\r\nfunction renderGrid(){\r\n  var grid = document.getElementById('ps-grid');\r\n  var list = getVisible();\r\n\r\n  var countEl = document.getElementById('ps-count-text');\r\n  if(currentFilter === 'all'){\r\n    countEl.innerHTML = '<strong>' + list.length + '<\/strong> productos disponibles';\r\n  } else {\r\n    var n = CAT_NAMES[currentFilter] || currentFilter;\r\n    countEl.innerHTML = '<strong>' + list.length + '<\/strong> producto' + (list.length !== 1 ? 's' : '') + ' en <strong>' + esc(n) + '<\/strong>';\r\n  }\r\n\r\n  var aw = document.getElementById('ps-active-wrap');\r\n  if(currentFilter !== 'all'){\r\n    aw.innerHTML = '<div class=\"ps-active-chip\">' + esc(CAT_NAMES[currentFilter]||currentFilter)\r\n      + '<button class=\"ps-active-chip-x\" id=\"ps-chip-x\" title=\"Quitar filtro\">&times;<\/button><\/div>';\r\n    var xb = document.getElementById('ps-chip-x');\r\n    if(xb) xb.addEventListener('click', function(){ applyFilter('all'); });\r\n  } else {\r\n    aw.innerHTML = '';\r\n  }\r\n\r\n  if(!list.length){\r\n    grid.innerHTML = '<div class=\"ps-empty\">'\r\n      + '<div class=\"ps-empty-icon\"><svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>'\r\n      + '<div class=\"ps-empty-title\">Sin resultados<\/div>'\r\n      + '<div class=\"ps-empty-sub\">No hay productos en esta categor\u00eda todav\u00eda.<\/div>'\r\n      + '<button class=\"ps-empty-cta\" id=\"ps-empty-reset\">Ver todos los productos<\/button>'\r\n      + '<\/div>';\r\n    var rb = document.getElementById('ps-empty-reset');\r\n    if(rb) rb.addEventListener('click', function(){ applyFilter('all'); });\r\n    return;\r\n  }\r\n\r\n  grid.innerHTML = list.map(function(p, i){\r\n    var badge = p.hot   ? '<span class=\"ps-card-badge badge-hot\">'  + BADGE_HOT  + '<\/span>'\r\n              : p.isNew ? '<span class=\"ps-card-badge badge-new\">'  + BADGE_NEW  + '<\/span>'\r\n              : p.isSale? '<span class=\"ps-card-badge badge-sale\">' + BADGE_SALE + '<\/span>' : '';\r\n\r\n    var media = p.img\r\n      ? '<img decoding=\"async\" class=\"ps-card-img\" src=\"' + esc(p.img) + '\" alt=\"' + esc(p.name||'') + '\" loading=\"lazy\">'\r\n      : IMG_PLACEHOLDER;\r\n\r\n    var href  = (p.href && p.href !== '#') ? p.href : '#';\r\n    var delay = (i * 0.038).toFixed(3) + 's';\r\n\r\n    return '<div class=\"ps-card\" style=\"animation-delay:' + delay + '\">'\r\n      + '<a href=\"' + esc(href) + '\" class=\"ps-card-media-link\" aria-label=\"Ver ' + escA(p.name||'producto') + '\">'\r\n      +   '<div class=\"ps-card-media\">'\r\n      +     badge\r\n      +     media\r\n      +     '<div class=\"ps-overlay-atc\">'\r\n      +       '<button class=\"ps-overlay-btn ps-atc-btn\" data-id=\"' + p.id + '\" data-name=\"' + escA(p.name||'Producto') + '\">'\r\n      +         '<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg>'\r\n      +         ' Agregar al carrito'\r\n      +       '<\/button>'\r\n      +     '<\/div>'\r\n      +   '<\/div>'\r\n      + '<\/a>'\r\n      + '<div class=\"ps-card-body\">'\r\n      +   '<div class=\"ps-card-cat\">' + esc(p.lbl||'') + '<\/div>'\r\n      +   '<div class=\"ps-card-name\"><a href=\"' + esc(href) + '\">' + esc(p.name||'Producto') + '<\/a><\/div>'\r\n      +   '<div class=\"ps-card-footer\">'\r\n      +     '<div class=\"ps-card-price\">' + esc(p.price||'') + (p.regular ? '<del>' + esc(p.regular) + '<\/del>' : '') + '<\/div>'\r\n      +     '<button class=\"ps-card-atc ps-atc-btn\" data-id=\"' + p.id + '\" data-name=\"' + escA(p.name||'Producto') + '\" aria-label=\"Agregar al carrito\">'\r\n      +       '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>'\r\n      +     '<\/button>'\r\n      +   '<\/div>'\r\n      + '<\/div>'\r\n      + '<\/div>';\r\n  }).join('');\r\n}\r\n\r\nfunction renderFeaturedProduct() {\r\n  var hotProducts = PRODUCTS.filter(function(p) { return p._ok && p.hot; });\r\n  if(!hotProducts.length) hotProducts = PRODUCTS.filter(function(p){ return p._ok; });\r\n  if(!hotProducts.length) return;\r\n\r\n  var feat = hotProducts[Math.floor(Math.random() * hotProducts.length)];\r\n\r\n  var imgWrap = document.getElementById('ps-hf-img-wrap');\r\n  if(feat.img) {\r\n    imgWrap.innerHTML = '<img decoding=\"async\" src=\"' + esc(feat.img) + '\" alt=\"' + esc(feat.name||'') + '\">';\r\n  } else {\r\n    imgWrap.innerHTML = '<svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>';\r\n  }\r\n\r\n  document.getElementById('ps-hf-title').textContent = feat.name || 'Producto Destacado';\r\n\r\n  var priceHtml = esc(feat.price||'');\r\n  if(feat.regular) {\r\n    priceHtml += ' <del style=\"font-size:12px; color:rgba(255,255,255,0.4); font-weight:500; margin-left:6px;\">' + esc(feat.regular) + '<\/del>';\r\n  }\r\n  document.getElementById('ps-hf-price').innerHTML = priceHtml;\r\n\r\n  var btn = document.getElementById('ps-hf-btn');\r\n  btn.dataset.id = feat.id;\r\n  btn.dataset.name = feat.name;\r\n\r\n  var card = document.getElementById('ps-hero-featured');\r\n  if(card) card.classList.add('ready');\r\n}\r\n\r\nfunction applyFilter(f){\r\n  currentFilter = f;\r\n  document.querySelectorAll('#ps-cats .ps-cat-btn').forEach(function(b){\r\n    b.classList.toggle('active', b.dataset.filter === f);\r\n  });\r\n  renderGrid();\r\n}\r\n\r\nfunction addToCart(btn, id, name){\r\n  if(!id){ toast('ID de producto no disponible'); return; }\r\n  var origHtml = btn.innerHTML;\r\n  btn.classList.add('loading');\r\n\r\n  function getNonce(){\r\n    if(window.wcSettings && window.wcSettings.storeApiNonce) return window.wcSettings.storeApiNonce;\r\n    var m = document.querySelector('meta[name=\"wc-store-api-nonce\"]');\r\n    return m ? m.content : '';\r\n  }\r\n\r\n  fetch(BASE + '\/wp-json\/wc\/store\/v1\/cart\/add-item', {\r\n    method: 'POST',\r\n    credentials: 'include',\r\n    headers: { 'Content-Type': 'application\/json', 'Nonce': getNonce() },\r\n    body: JSON.stringify({ id: id, quantity: 1 })\r\n  })\r\n  .then(function(r){ return r.json().then(function(data){ return { ok: r.ok, data: data }; }); })\r\n  .then(function(res){\r\n    btn.classList.remove('loading');\r\n    if(!res.ok){\r\n      toast('No se pudo agregar: ' + ((res.data && res.data.message) || 'error'));\r\n      btn.innerHTML = origHtml;\r\n      return;\r\n    }\r\n    btn.classList.add('done');\r\n    if(btn.classList.contains('ps-card-atc')){\r\n      btn.innerHTML = '<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n    } else {\r\n      btn.innerHTML = '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Agregado';\r\n    }\r\n    setTimeout(function(){ btn.classList.remove('done'); btn.innerHTML = origHtml; }, 2200);\r\n    toast(name + ' agregado al carrito');\r\n    var count = (res.data && res.data.items_count != null) ? res.data.items_count : null;\r\n    if(typeof window.pyboUpdateCart === 'function') window.pyboUpdateCart(count);\r\n  })\r\n  .catch(function(){\r\n    btn.classList.remove('loading');\r\n    btn.innerHTML = origHtml;\r\n    toast('Error de red. Intenta de nuevo.');\r\n  });\r\n}\r\n\r\nfunction initSticky(){\r\n  var bar  = document.getElementById('ps-filterbar');\r\n  var hero = document.querySelector('.ps-hero');\r\n  if(!bar || !hero) return;\r\n  function adjustTop(){\r\n    var ab = document.getElementById('wpadminbar');\r\n    bar.style.top = (ab ? ab.offsetHeight : 0) + 70 + 'px';\r\n  }\r\n  adjustTop();\r\n  window.addEventListener('resize', adjustTop, { passive: true });\r\n  if(!('IntersectionObserver' in window)) return;\r\n  var obs = new IntersectionObserver(function(entries){\r\n    bar.classList.toggle('stuck', !entries[0].isIntersecting);\r\n  }, { rootMargin: '-1px 0px 0px 0px', threshold: [1] });\r\n  obs.observe(hero);\r\n}\r\n\r\nfunction initCategoryScroll(){\r\n  var scroll  = document.getElementById('ps-cats');\r\n  var wrapper = document.getElementById('ps-cats-wrapper');\r\n  var btnLeft = document.getElementById('ps-btn-left');\r\n  var btnRight= document.getElementById('ps-btn-right');\r\n  if(!scroll || !wrapper || !btnLeft || !btnRight) return;\r\n\r\n  function updateArrows() {\r\n    var maxScroll = scroll.scrollWidth - scroll.clientWidth;\r\n    var cur = scroll.scrollLeft;\r\n    wrapper.classList.toggle('can-scroll-left',  cur > 5);\r\n    wrapper.classList.toggle('can-scroll-right', cur < maxScroll - 5);\r\n    btnLeft.classList.toggle('show',  cur > 5);\r\n    btnRight.classList.toggle('show', cur < maxScroll - 5);\r\n  }\r\n\r\n  scroll.addEventListener('scroll', updateArrows);\r\n  window.addEventListener('resize', updateArrows);\r\n  setTimeout(updateArrows, 100);\r\n\r\n  btnLeft.addEventListener('click',  function(){ scroll.scrollBy({ left: -250, behavior: 'smooth' }); });\r\n  btnRight.addEventListener('click', function(){ scroll.scrollBy({ left:  250, behavior: 'smooth' }); });\r\n}\r\n\r\nfunction urlFilter(){\r\n  try { return new URLSearchParams(window.location.search).get('cat') || 'all'; }\r\n  catch(e){ return 'all'; }\r\n}\r\n\r\nfunction bindEvents(){\r\n  document.getElementById('ps-cats').addEventListener('click', function(e){\r\n    var btn = e.target.closest('.ps-cat-btn');\r\n    if(btn) applyFilter(btn.dataset.filter || 'all');\r\n  });\r\n\r\n  document.getElementById('ps-sort').addEventListener('change', function(){\r\n    currentSort = this.value;\r\n    renderGrid();\r\n  });\r\n\r\n  document.addEventListener('click', function(e){\r\n    var btn = e.target.closest('.ps-atc-btn');\r\n    if(!btn) return;\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    addToCart(btn, parseInt(btn.dataset.id, 10), btn.dataset.name || 'Producto');\r\n  });\r\n}\r\n\r\nfunction init(){\r\n  bindEvents();\r\n  initSticky();\r\n  initCategoryScroll();\r\n\r\n  var startFilter = urlFilter();\r\n\r\n  enrichProducts()\r\n    .then(function(){\r\n      var statEl = document.getElementById('ps-stat-total');\r\n      if(statEl) statEl.textContent = PRODUCTS.length;\r\n      applyFilter(startFilter);\r\n      renderFeaturedProduct();\r\n    })\r\n    .catch(function(err){\r\n      console.error('[PYBO Tienda]', err);\r\n      document.getElementById('ps-grid').innerHTML =\r\n        '<div class=\"ps-empty\">'\r\n        + '<div class=\"ps-empty-icon\"><svg width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg><\/div>'\r\n        + '<div class=\"ps-empty-title\">Error al cargar<\/div>'\r\n        + '<div class=\"ps-empty-sub\">No se pudieron obtener los productos.<\/div>'\r\n        + '<button class=\"ps-empty-cta\" onclick=\"location.reload()\">Reintentar<\/button>'\r\n        + '<\/div>';\r\n      document.getElementById('ps-count-text').textContent = '';\r\n    });\r\n}\r\n\r\ninit();\r\n\r\n(function () {\r\n    if (sessionStorage.getItem('pybo_scroll_grid') !== '1') return;\r\n    sessionStorage.removeItem('pybo_scroll_grid');\r\n    var tries = 0;\r\n    var iv = setInterval(function () {\r\n        var grid = document.getElementById('ps-grid');\r\n        tries++;\r\n        if (grid || tries > 30) {\r\n            clearInterval(iv);\r\n            if (!grid) return;\r\n            setTimeout(function () {\r\n                var header = document.getElementById('ph-sticky');\r\n                var headerH = header ? header.offsetHeight : 70;\r\n                var ab = document.getElementById('wpadminbar');\r\n                var abH = ab ? ab.offsetHeight : 0;\r\n                var top = grid.getBoundingClientRect().top + window.scrollY - headerH - abH - 16;\r\n                window.scrollTo({ top: top, behavior: 'smooth' });\r\n            }, 400);\r\n        }\r\n    }, 100);\r\n})();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cat\u00e1logo completo Todo el tech quenecesitas Los mejores gadgets al mejor precio. Env\u00edo r\u00e1pido y garant\u00eda real en cada compra. En Tendencia Cargando&#8230; &#8212; Lo quiero 16 Productos 6 Categor\u00edas 30 D\u00edas dev. Filtrar por Todos Auriculares Smartwatches Cuidado personal Iluminaci\u00f3n Motos Masajes Cargando productos\u2026 RelevanciaPrecio: menor \u2192 mayorPrecio: mayor \u2192 menorM\u00e1s nuevosM\u00e1s populares \u25be [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":34,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":909,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/909"}],"wp:attachment":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}