{"id":770,"date":"2026-06-03T22:28:12","date_gmt":"2026-06-03T22:28:12","guid":{"rendered":"https:\/\/www.pybo.seomos.com\/?page_id=770"},"modified":"2026-06-12T06:52:59","modified_gmt":"2026-06-12T06:52:59","slug":"ofertas","status":"publish","type":"page","link":"https:\/\/www.pybo.seomos.com\/en\/ofertas\/","title":{"rendered":"offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"770\" class=\"elementor elementor-770\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-570203b e-flex e-con-boxed e-con e-parent\" data-id=\"570203b\" 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-f364d81 elementor-widget elementor-widget-html\" data-id=\"f364d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n    PYBO \u2014 P\u00e1gina Exclusiva de Ofertas (V5 Dark Premium + Sin Emojis)\r\n============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .pybo * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    .pybo a { text-decoration: none; }\r\n    .pybo button { cursor: pointer; font-family: 'DM Sans', sans-serif; outline: none; }\r\n\r\n    .pybo {\r\n        --p: #FD2B7B; --o: #FF7158; \r\n        --bg-main: #0d0b0c; --bg-card: #151113;\r\n        --g: linear-gradient(135deg, #FF7158, #FD2B7B);\r\n        --neon-pink: 0 0 15px rgba(253,43,123,0.4);\r\n        --neon-pink-strong: 0 0 25px rgba(253,43,123,0.6);\r\n        --pad: 48px; --r: 20px;\r\n        --bezier: cubic-bezier(0.16, 1, 0.3, 1);\r\n        font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.6;\r\n        color: #fff; background: var(--bg-main); width: 100%; max-width: 1350px;\r\n        margin: 40px auto; border-radius: 24px; overflow: hidden;\r\n    }\r\n\r\n    @keyframes pybo-shimmer { 0% { background-position: -600px 0; } 100% { background-position: 600px 0; } }\r\n    @keyframes scale-fade-up { 0% { opacity: 0; transform: translateY(30px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\r\n    @keyframes pulse-dot { 0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 8px var(--p); } 50% { opacity: 0.5; transform: scale(0.8); box-shadow: 0 0 2px var(--p); } }\r\n    @keyframes spin-loader { to { transform: rotate(360deg); } }\r\n    @keyframes float-card { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\r\n\r\n    .pybo-skeleton { background: linear-gradient(90deg, #1c181a 25%, #2a2426 50%, #1c181a 75%); background-size: 600px 100%; animation: pybo-shimmer 1.5s infinite linear; border-radius: 8px; }\r\n\r\n    .pybo .flash-hero { \r\n        padding: 60px var(--pad); \r\n        position: relative; \r\n        margin-bottom: 24px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n    .pybo .flash-hero::before { content: ''; position: absolute; top: -100px; left: 20%; width: 600px; height: 300px; background: radial-gradient(ellipse, rgba(253,43,123,0.15) 0%, transparent 70%); pointer-events: none; z-index: 0; }\r\n    \r\n    .pybo .flash-hero-inner {\r\n        position: relative; z-index: 1;\r\n        display: flex; align-items: center; justify-content: space-between; gap: 40px;\r\n    }\r\n    \r\n    .pybo .flash-hero-text { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }\r\n    \r\n    .pybo .flash-badge { \r\n        display: inline-flex; align-items: center; gap: 8px; \r\n        background: rgba(253,43,123,0.05); border: 1px solid rgba(253,43,123,0.5); \r\n        color: #fff; font-size: 12px; font-weight: 700; padding: 6px 18px; border-radius: 50px; letter-spacing: .5px; box-shadow: var(--neon-pink);\r\n    }\r\n    .pybo .flash-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--p); animation: pulse-dot 2s infinite; }\r\n    \r\n    .pybo .flash-title { font-family: 'Outfit', sans-serif; font-size: 48px; font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: -1.5px; }\r\n    .pybo .flash-sub { font-size: 16px; color: rgba(255,255,255,.6); max-width: 480px; font-weight: 400; }\r\n\r\n    .pybo .hero-stats { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }\r\n    .pybo .countdown-label { font-size: 14px; color: #888; font-weight: 500; }\r\n    .pybo .countdown-boxes { display: flex; gap: 12px; }\r\n    .pybo .c-box { \r\n        background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); \r\n        border-radius: 14px; padding: 12px 16px; min-width: 70px;\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n    }\r\n    .pybo .c-box span { font-family: 'Outfit', sans-serif; font-size: 26px; font-weight: 800; color: #fff; line-height: 1; }\r\n    .pybo .c-box small { font-size: 11px; color: #666; font-weight: 600; letter-spacing: 1px; margin-top: 4px; }\r\n    \r\n    .pybo .offer-counter { display: inline-flex; align-items: center; gap: 8px; font-family: 'Outfit', sans-serif; font-size: 15px; color: #ccc; padding-top: 8px;}\r\n    .pybo .offer-counter b { color: var(--p); font-size: 18px; text-shadow: 0 0 10px rgba(253,43,123,0.5); }\r\n\r\n    .pybo .flash-hero-visual { flex-shrink: 0; perspective: 1000px; }\r\n    .pybo .floating-card {\r\n        width: 260px;\r\n        background: var(--bg-card); \r\n        border: 1px solid rgba(253,43,123,0.3); \r\n        border-radius: 24px; padding: 20px;\r\n        box-shadow: var(--neon-pink-strong);\r\n        display: flex; flex-direction: column; align-items: center; text-align: center;\r\n        animation: float-card 5s ease-in-out infinite;\r\n        position: relative;\r\n    }\r\n    .pybo .fc-badge { \r\n        position: absolute; top: -12px; background: #1c0009; border: 1px solid var(--p);\r\n        color: var(--p); font-size: 10px; font-weight: 700; padding: 4px 12px; border-radius: 50px; letter-spacing: 0.5px;\r\n        box-shadow: var(--neon-pink);\r\n        display: inline-flex; align-items: center; gap: 6px;\r\n    }\r\n    .pybo .fc-img { width: 100%; height: 160px; background: #fff; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; padding: 12px; overflow: hidden; }\r\n    .pybo .fc-img img { width: 100%; height: 100%; object-fit: contain; }\r\n    .pybo .fc-title { font-family: 'Outfit', sans-serif; font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3; margin-bottom: 8px; }\r\n    .pybo .fc-price { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 800; color: var(--p); }\r\n\r\n    .pybo .pybo-toolbar { padding: 0 var(--pad) 32px; display: flex; flex-direction: column; gap: 20px; }\r\n    .pybo .pybo-search-wrapper { display: flex; align-items: center; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 6px 6px 6px 18px; transition: border-color 0.3s, box-shadow 0.3s, background 0.3s; }\r\n    .pybo .pybo-search-wrapper:focus-within { border-color: var(--p); box-shadow: 0 0 15px rgba(253,43,123,0.15); background: rgba(255,255,255,0.05); }\r\n    .pybo .pybo-search-icon { color: #888; display: flex; align-items: center; justify-content: center; margin-right: 12px; }\r\n    .pybo .pybo-search-input { flex: 1; background: transparent; border: none; color: #fff; font-family: 'DM Sans', sans-serif; font-size: 15px; padding: 10px 0; outline: none; width: 100%; }\r\n    .pybo .pybo-search-input::placeholder { color: #666; }\r\n    .pybo .pybo-search-btn { background: var(--g); color: #fff; border: none; border-radius: 12px; padding: 12px 28px; font-weight: 600; font-size: 14px; transition: transform 0.2s, box-shadow 0.2s; margin-left: 12px; }\r\n    .pybo .pybo-search-btn:hover { transform: translateY(-1px); box-shadow: var(--neon-pink); }\r\n\r\n    .pybo .pybo-cats { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }\r\n    .pybo .pybo-cats::-webkit-scrollbar { display: none; }\r\n    .pybo .pybo-cat { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); color: #aaa; padding: 12px 24px; border-radius: 50px; font-size: 14px; font-weight: 500; white-space: nowrap; transition: all 0.3s var(--bezier); display: flex; align-items: center; gap: 8px; }\r\n    .pybo .pybo-cat svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n    .pybo .pybo-cat:hover { background: rgba(255,255,255,0.08); color: #fff; }\r\n    .pybo .pybo-cat.active { background: var(--p); border-color: var(--p); color: #fff; box-shadow: var(--neon-pink); font-weight: 600; }\r\n\r\n    .pybo .sec { padding: 0 var(--pad) 80px; }\r\n    .pybo .prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n    \r\n    .pybo .prod-card { background: var(--bg-card); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--r); display: flex; flex-direction: column; position: relative; transition: transform 0.4s var(--bezier), box-shadow 0.4s var(--bezier), border-color 0.4s var(--bezier); }\r\n    .pybo .prod-card:hover { border-color: rgba(253,43,123,0.4); transform: translateY(-6px); box-shadow: var(--neon-pink); }\r\n    \r\n    .pybo .prod-img { height: 210px; background: #fff; border-radius: 14px; margin: 12px 12px 0 12px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }\r\n    .pybo .prod-img img { width: 100%; height: 100%; object-fit: contain; padding: 20px; transition: transform 0.6s var(--bezier); }\r\n    .pybo .prod-card:hover .prod-img img { transform: scale(1.08); }\r\n    \r\n    .pybo .prod-tag { position: absolute; font-size: 11px; font-weight: 700; padding: 6px 12px; border-radius: 8px; z-index: 1; letter-spacing: 0.3px; display: inline-flex; align-items: center; gap: 5px; }\r\n    .pybo .tag-sale { top: 12px; left: 12px; background: #121212; color: #fff; }\r\n    .pybo .tag-disc { top: 12px; right: 12px; background: rgba(253,43,123,0.15); color: var(--p); border: 1px solid rgba(253,43,123,0.3); backdrop-filter: blur(4px); }\r\n\r\n    .pybo .prod-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }\r\n    .pybo .prod-cat { font-size: 11px; color: #777; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; font-weight: 600;}\r\n    .pybo .prod-name { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.2s; }\r\n    .pybo .prod-card:hover .prod-name { color: var(--p); text-shadow: 0 0 8px rgba(253,43,123,0.3); }\r\n    \r\n    .pybo .prod-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }\r\n    .pybo .prod-price { font-family: 'Outfit', sans-serif; font-size: 20px; font-weight: 800; color: var(--p); display: flex; flex-direction: column; line-height: 1.1;}\r\n    .pybo .prod-price del { font-size: 13px; color: #666; font-weight: 500; margin-top: 4px; text-decoration-color: #666;}\r\n    \r\n    .pybo .prod-atc { flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: rgba(253,43,123,0.08); border: 1px solid rgba(253,43,123,0.3); display: flex; align-items: center; justify-content: center; color: var(--p); font-size: 20px; transition: all 0.3s var(--bezier); }\r\n    .pybo .prod-atc:hover { background: var(--p); color: #fff; box-shadow: var(--neon-pink-strong); transform: translateY(-2px); }\r\n    .pybo .prod-atc:active { transform: translateY(1px); }\r\n    .pybo .prod-atc.loading { opacity: 0.8; pointer-events: none; }\r\n    .pybo .prod-atc.loading svg { animation: spin-loader 1s linear infinite; }\r\n    .pybo .prod-atc.done { background: #10b981; border-color: #10b981; color: #fff; box-shadow: 0 0 15px rgba(16,185,129,0.4); }\r\n\r\n    .pybo .prod-card-skeleton { border: 1px solid rgba(255,255,255,0.05); border-radius: var(--r); background: var(--bg-card); }\r\n    .pybo .pcs-img { height: 210px; margin: 12px 12px 0 12px; border-radius: 14px; background: rgba(255,255,255,0.02); }\r\n    .pybo .pcs-body { padding: 20px; }\r\n    .pybo .pcs-line { height: 12px; border-radius: 6px; margin-bottom: 12px; }\r\n    .pybo .pcs-line-short { width: 50%; }\r\n    \r\n    .pybo .pybo-error { grid-column: 1\/-1; text-align: center; padding: 80px 20px; color: #888; background: var(--bg-card); border-radius: var(--r); border: 1px dashed rgba(255,255,255,0.1); margin-top: 10px;}\r\n    .pybo .pybo-error svg { margin-bottom: 16px; opacity: 0.4; }\r\n    .pybo .pybo-error-msg { font-size: 15px; margin-top: 8px; }\r\n    \r\n    .pybo-toast { position: fixed; bottom: 32px; right: 32px; background: rgba(21, 17, 19, 0.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(253,43,123,0.4); color: #fff; padding: 14px 24px; border-radius: 100px; font-size: 14px; font-family: 'DM Sans', sans-serif; font-weight: 600; box-shadow: var(--neon-pink); z-index: 99999; transform: translateY(20px) scale(0.95); opacity: 0; transition: all 0.4s var(--bezier); display: flex; align-items: center; gap: 12px; pointer-events: none; }\r\n    .pybo-toast.show { transform: translateY(0) scale(1); opacity: 1; }\r\n    .pybo-toast .tck { width: 24px; height: 24px; border-radius: 50%; background: var(--g); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 12px; color: #fff;}\r\n\r\n    @media (max-width: 1024px) {\r\n        .pybo { --pad: 32px; }\r\n        .pybo .prod-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .pybo { --pad: 24px; }\r\n        .pybo .flash-hero-inner { flex-direction: column; text-align: center; gap: 32px;}\r\n        .pybo .flash-hero-text { align-items: center; }\r\n        .pybo .flash-title { font-size: 36px; }\r\n        .pybo .countdown-boxes { justify-content: center; }\r\n        .pybo .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n        .pybo .prod-img { height: 180px; }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .pybo { --pad: 16px; }\r\n        .pybo .flash-hero { margin: 16px var(--pad); padding: 40px 10px; border:none;}\r\n        .pybo .flash-title { font-size: 32px; }\r\n        .pybo .prod-grid { grid-template-columns: 1fr; }\r\n        .pybo .prod-img { height: 240px; }\r\n        .pybo-toast { bottom: 24px; right: 24px; left: 24px; justify-content: center; }\r\n        .pybo .pybo-search-btn { padding: 12px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pybo\">\r\n    \r\n    <div class=\"flash-hero\">\r\n        <div class=\"flash-hero-inner\">\r\n            \r\n            <div class=\"flash-hero-text\">\r\n                <div class=\"flash-badge\"><span class=\"dot\"><\/span> LIQUIDACI\u00d3N Y OFERTAS<\/div>\r\n                <h1 class=\"flash-title\">Aprovecha antes de que<br>se agoten<\/h1>\r\n                <p class=\"flash-sub\">Descubre todos nuestros productos con descuento y la categor\u00eda especial de ofertas. Cantidades limitadas.<\/p>\r\n                \r\n                <div class=\"hero-stats\">\r\n                    <span class=\"countdown-label\">Termina en:<\/span>\r\n                    <div class=\"countdown-boxes\">\r\n                        <div class=\"c-box\"><span id=\"cd-hrs\">00<\/span><small>HRS<\/small><\/div>\r\n                        <div class=\"c-box\"><span id=\"cd-min\">00<\/span><small>MIN<\/small><\/div>\r\n                        <div class=\"c-box\"><span id=\"cd-seg\">00<\/span><small>SEG<\/small><\/div>\r\n                    <\/div>\r\n                    <div class=\"offer-counter\" id=\"offer-counter-wrapper\" style=\"opacity: 0; transition: opacity 0.5s ease;\">\r\n                        Actualmente tenemos <b id=\"count-num\">0<\/b> ofertas\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flash-hero-visual\">\r\n                <div class=\"floating-card\">\r\n                    <div class=\"fc-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=\"fc-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x200.png?text=Producto+Estrella\" id=\"trending-img\" alt=\"Producto en tendencia\">\r\n                    <\/div>\r\n                    <div class=\"fc-title\" id=\"trending-name\">Oferta Especial Destacada<\/div>\r\n                    <div class=\"fc-price\" id=\"trending-price\">$ --.---<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pybo-toolbar\">\r\n        <div class=\"pybo-search-wrapper\">\r\n            <div class=\"pybo-search-icon\">\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n                    <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\r\n                <\/svg>\r\n            <\/div>\r\n            <input type=\"text\" class=\"pybo-search-input\" id=\"pybo-search-input\" placeholder=\"\u00bfQu\u00e9 est\u00e1s buscando?...\">\r\n            <button class=\"pybo-search-btn\" id=\"pybo-search-btn\">Buscar<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"pybo-cats\" id=\"pybo-cats\">\r\n            <button class=\"pybo-cat 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                Todas\r\n            <\/button>\r\n            <button class=\"pybo-cat\" 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            <button class=\"pybo-cat\" 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            <button class=\"pybo-cat\" 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            <button class=\"pybo-cat\" data-filter=\"iluminacion\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg>\r\n                Iluminaci\u00f3n\r\n            <\/button>\r\n            <button class=\"pybo-cat\" 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            <button class=\"pybo-cat\" 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    <\/div>\r\n\r\n    <div class=\"sec\">\r\n        <div class=\"prod-grid\" id=\"pybo-ofertas-grid\">\r\n            <div class=\"prod-card-skeleton\"><div class=\"pcs-img pybo-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div><\/div><\/div>\r\n            <div class=\"prod-card-skeleton\"><div class=\"pcs-img pybo-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div><\/div><\/div>\r\n            <div class=\"prod-card-skeleton\"><div class=\"pcs-img pybo-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div><\/div><\/div>\r\n            <div class=\"prod-card-skeleton\"><div class=\"pcs-img pybo-skeleton\"><\/div><div class=\"pcs-body\"><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pybo-skeleton\"><\/div><div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div><\/div><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"pybo-toast\" id=\"pybo-toast\">\r\n    <div class=\"tck\">\u2713<\/div>\r\n    <span id=\"pybo-toast-msg\">Producto agregado<\/span>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        'use strict';\r\n\r\n        var PYBO_BASE_URL = 'https:\/\/www.pybo.seomos.com';\r\n        var GLOBAL_OFERTAS = [];\r\n\r\n        var SVG_SALE = '<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        var SVG_ATC  = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>';\r\n        var SVG_LOAD = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg>';\r\n        var SVG_DONE = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\r\n        var SVG_WARN = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"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>';\r\n        var SVG_EMPTY = '<svg width=\"48\" height=\"48\" 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>';\r\n\r\n        function formatPrice(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 { 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\n        function escHtml(s) { return String(s).replace(\/&\/g, '&amp;').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;').replace(\/\"\/g, '&quot;'); }\r\n        function escAttr(s) { return String(s).replace(\/\"\/g, '&quot;').replace(\/'\/g, '&#39;'); }\r\n\r\n        function toast(msg) {\r\n            var t = document.getElementById('pybo-toast'), m = document.getElementById('pybo-toast-msg');\r\n            if (t && m) { m.textContent = msg; t.classList.add('show'); setTimeout(function () { t.classList.remove('show'); }, 3000); }\r\n        }\r\n\r\n        function updateCountdown() {\r\n            var now = new Date();\r\n            var endOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59);\r\n            var diff = endOfDay - now;\r\n            if (diff <= 0) diff = 0;\r\n            var hrs  = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            var mins = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            var secs = Math.floor((diff % (1000 * 60)) \/ 1000);\r\n            document.getElementById('cd-hrs').innerText = hrs.toString().padStart(2, '0');\r\n            document.getElementById('cd-min').innerText = mins.toString().padStart(2, '0');\r\n            document.getElementById('cd-seg').innerText = secs.toString().padStart(2, '0');\r\n        }\r\n        setInterval(updateCountdown, 1000);\r\n        updateCountdown();\r\n\r\n        function loadOfertas() {\r\n            fetch(PYBO_BASE_URL + '\/wp-json\/wc\/store\/v1\/products?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');\r\n                    var ofertas = [];\r\n                    items.forEach(function(item) {\r\n                        var p = item.prices || {};\r\n                        var priceNum   = parseInt(p.price, 10) || 0;\r\n                        var regularNum = parseInt(p.regular_price, 10) || 0;\r\n                        var isSale = regularNum > 0 && regularNum > priceNum;\r\n                        var esOferta = false;\r\n                        if (item.categories && Array.isArray(item.categories)) {\r\n                            esOferta = item.categories.some(function (cat) { return cat.slug === 'ofertas'; });\r\n                        }\r\n                        if (isSale || esOferta) {\r\n                            var catObj = (item.categories && item.categories.length > 0) ? item.categories[0] : { name: 'Otros', slug: 'otros' };\r\n                            var discStr = isSale ? '-' + Math.round((1 - priceNum \/ regularNum) * 100) + '%' : '';\r\n                            ofertas.push({\r\n                                id: item.id,\r\n                                name: item.name || 'Producto',\r\n                                cat: catObj.slug,\r\n                                catLabel: catObj.name,\r\n                                price: formatPrice(p.price, p.currency_code, p.currency_minor_unit),\r\n                                regular: isSale ? formatPrice(p.regular_price, p.currency_code, p.currency_minor_unit) : null,\r\n                                discountBadge: discStr,\r\n                                img: (item.images && item.images[0]) ? item.images[0].src : '',\r\n                                permalink: item.permalink || '#'\r\n                            });\r\n                        }\r\n                    });\r\n\r\n                    GLOBAL_OFERTAS = ofertas;\r\n\r\n                    var counterWrapper = document.getElementById('offer-counter-wrapper');\r\n                    var countNum = document.getElementById('count-num');\r\n                    if (counterWrapper && countNum) {\r\n                        countNum.innerText = ofertas.length;\r\n                        counterWrapper.style.opacity = '1';\r\n                    }\r\n\r\n                    if (ofertas.length > 0) {\r\n                        var tImg   = document.getElementById('trending-img');\r\n                        var tName  = document.getElementById('trending-name');\r\n                        var tPrice = document.getElementById('trending-price');\r\n                        if (tImg && ofertas[0].img) tImg.src = ofertas[0].img;\r\n                        if (tName)  tName.innerText  = ofertas[0].name;\r\n                        if (tPrice) tPrice.innerText = ofertas[0].price;\r\n                    }\r\n\r\n                    renderGrid(GLOBAL_OFERTAS);\r\n                })\r\n                .catch(function (err) {\r\n                    console.error('[PYBO OFERTAS]', err);\r\n                    document.getElementById('pybo-ofertas-grid').innerHTML =\r\n                        '<div class=\"pybo-error\">'\r\n                        + SVG_WARN\r\n                        + '<div class=\"pybo-error-msg\">No se pudieron cargar las ofertas.<\/div>'\r\n                        + '<button onclick=\"location.reload()\" style=\"margin-top:20px; padding:12px 28px; border-radius:100px; border:1px solid #FD2B7B; background:transparent; color:#FD2B7B; font-weight:bold; cursor:pointer;\">Reintentar<\/button>'\r\n                        + '<\/div>';\r\n                });\r\n        }\r\n\r\n        function applyFilters() {\r\n            var query = document.getElementById('pybo-search-input').value.toLowerCase();\r\n            var activeCatBtn = document.querySelector('.pybo-cat.active');\r\n            var activeCat = activeCatBtn ? activeCatBtn.dataset.filter : 'all';\r\n            var filtered = GLOBAL_OFERTAS.filter(function(p) {\r\n                return p.name.toLowerCase().indexOf(query) !== -1 && (activeCat === 'all' || p.cat === activeCat);\r\n            });\r\n            renderGrid(filtered);\r\n        }\r\n\r\n        document.getElementById('pybo-search-input').addEventListener('input', applyFilters);\r\n        document.getElementById('pybo-search-btn').addEventListener('click', applyFilters);\r\n        document.getElementById('pybo-search-input').addEventListener('keydown', function(e) { if(e.key === 'Enter') applyFilters(); });\r\n\r\n        document.querySelectorAll('.pybo-cat').forEach(function(btn) {\r\n            btn.addEventListener('click', function() {\r\n                document.querySelectorAll('.pybo-cat').forEach(function(b) { b.classList.remove('active'); });\r\n                this.classList.add('active');\r\n                applyFilters();\r\n            });\r\n        });\r\n\r\n        function renderGrid(ofertas) {\r\n            var grid = document.getElementById('pybo-ofertas-grid');\r\n            if (!ofertas.length) {\r\n                grid.innerHTML =\r\n                    '<div class=\"pybo-error\" style=\"grid-column: 1\/-1;\">'\r\n                    + SVG_EMPTY\r\n                    + '<div class=\"pybo-error-msg\">No encontramos productos con esos filtros.<\/div>'\r\n                    + '<\/div>';\r\n                return;\r\n            }\r\n            grid.innerHTML = ofertas.map(function (p, i) {\r\n                var imgHtml   = p.img ? '<img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + escHtml(p.name) + '\" loading=\"lazy\">' : '';\r\n                var discBadge = p.discountBadge ? '<span class=\"prod-tag tag-disc\">' + p.discountBadge + '<\/span>' : '';\r\n                var href      = p.permalink;\r\n                return '<div class=\"prod-card\" style=\"animation: scale-fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) ' + (i * 0.05).toFixed(2) + 's both;\">'\r\n                    + '<a href=\"' + href + '\" style=\"display:block\"><div class=\"prod-img\">'\r\n                    + '<span class=\"prod-tag tag-sale\">' + SVG_SALE + ' Oferta<\/span>'\r\n                    + discBadge + imgHtml\r\n                    + '<\/div><\/a>'\r\n                    + '<div class=\"prod-body\"><div class=\"prod-cat\">' + escHtml(p.catLabel) + '<\/div>'\r\n                    + '<a href=\"' + href + '\" style=\"color:inherit\"><div class=\"prod-name\">' + escHtml(p.name) + '<\/div><\/a>'\r\n                    + '<div class=\"prod-footer\"><span class=\"prod-price\">' + escHtml(p.price) + (p.regular ? '<del>' + escHtml(p.regular) + '<\/del>' : '') + '<\/span>'\r\n                    + '<button class=\"prod-atc pybo-atc\" data-id=\"' + p.id + '\" data-name=\"' + escAttr(p.name) + '\" aria-label=\"Agregar al carrito\">'\r\n                    + SVG_ATC\r\n                    + '<\/button><\/div><\/div><\/div>';\r\n            }).join('');\r\n        }\r\n\r\n        function addToCart(btn, id, name) {\r\n            if (!id) return;\r\n            btn.classList.add('loading');\r\n            btn.innerHTML = SVG_LOAD;\r\n            fetch(PYBO_BASE_URL + '\/?wc-ajax=add_to_cart', {\r\n                method: 'POST', headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                body: new URLSearchParams({ product_id: id, quantity: 1 }).toString()\r\n            })\r\n            .then(function (r) { return r.json(); })\r\n            .then(function (data) {\r\n                btn.classList.remove('loading');\r\n                if (data.error) { btn.innerHTML = SVG_ATC; toast('Error: ' + (data.error || 'no se pudo agregar')); return; }\r\n                btn.innerHTML = SVG_DONE; btn.classList.add('done');\r\n                setTimeout(function () { btn.innerHTML = SVG_ATC; btn.classList.remove('done'); }, 2000);\r\n                toast('Producto agregado');\r\n                document.dispatchEvent(new CustomEvent('pybo:added_to_cart'));\r\n            })\r\n            .catch(function () { btn.classList.remove('loading'); btn.innerHTML = SVG_ATC; toast('Error de red.'); });\r\n        }\r\n\r\n        document.addEventListener('click', function (e) {\r\n            var btn = e.target.closest('.pybo-atc');\r\n            if (!btn) return;\r\n            e.preventDefault();\r\n            addToCart(btn, parseInt(btn.dataset.id, 10), btn.dataset.name || 'Producto');\r\n        });\r\n\r\n        loadOfertas();\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>LIQUIDACI\u00d3N Y OFERTAS Aprovecha antes de quese agoten Descubre todos nuestros productos con descuento y la categor\u00eda especial de ofertas. Cantidades limitadas. Termina en: 00HRS 00MIN 00SEG Actualmente tenemos 0 ofertas EN TENDENCIA Oferta Especial Destacada $ &#8211;.&#8212; Buscar Todas Auriculares Smartwatches Cuidado personal Iluminaci\u00f3n Motos Masajes \u2713 Producto agregado<\/p>","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-770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/770","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=770"}],"version-history":[{"count":16,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/770\/revisions\/912"}],"wp:attachment":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/media?parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}