{"id":246,"date":"2026-03-31T16:29:29","date_gmt":"2026-03-31T16:29:29","guid":{"rendered":"https:\/\/www.pybo.seomos.com\/?page_id=246"},"modified":"2026-06-12T07:04:38","modified_gmt":"2026-06-12T07:04:38","slug":"home-new","status":"publish","type":"page","link":"https:\/\/www.pybo.seomos.com\/en\/","title":{"rendered":"Home New"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"246\" class=\"elementor elementor-246\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-383f073 e-flex e-con-boxed e-con e-parent\" data-id=\"383f073\" 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-7effbf5 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"7effbf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&family=DM+Sans:wght@400;500&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<style>\r\n    .pybo * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .pybo a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    .pybo ul {\r\n        list-style: none;\r\n    }\r\n\r\n    .pybo button {\r\n        cursor: pointer;\r\n        font-family: 'DM Sans', sans-serif;\r\n    }\r\n\r\n    .pybo {\r\n        --p: #FD2B7B;\r\n        --o: #FF7158;\r\n        --k: #161616;\r\n        --g: linear-gradient(135deg, #FF7158, #FD2B7B);\r\n        --pad: 16px;\r\n        --r: 16px;\r\n        --shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);\r\n        --shadow-md: 0 4px 20px rgba(0, 0, 0, .08);\r\n        --shadow-pink: 0 8px 28px rgba(253, 43, 123, .14);\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: 1600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        overflow: visible;\r\n    }\r\n\r\n    @keyframes pybo-shimmer {\r\n        0% {\r\n            background-position: -600px 0;\r\n        }\r\n\r\n        100% {\r\n            background-position: 600px 0;\r\n        }\r\n    }\r\n\r\n    .pybo-skeleton {\r\n        background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);\r\n        background-size: 600px 100%;\r\n        animation: pybo-shimmer 1.4s infinite linear;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .hero {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        min-height: 500px;\r\n    }\r\n\r\n    .pybo .hero-left {\r\n        padding: 72px var(--pad);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 24px;\r\n    }\r\n\r\n    .pybo .hero-badge {\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: 12px;\r\n        font-weight: 500;\r\n        padding: 6px 16px;\r\n        border-radius: 24px;\r\n        width: fit-content;\r\n    }\r\n\r\n    .pybo .hero-badge .dot {\r\n        width: 7px;\r\n        height: 7px;\r\n        border-radius: 50%;\r\n        background: var(--p);\r\n        display: block;\r\n        animation: pybo-pulse 1.8s infinite;\r\n    }\r\n\r\n    @keyframes pybo-pulse {\r\n\r\n        0%,\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n\r\n        50% {\r\n            opacity: .35;\r\n        }\r\n    }\r\n\r\n    .pybo h1 {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 52px;\r\n        font-weight: 800;\r\n        line-height: 1.06;\r\n        letter-spacing: -2px;\r\n        color: #161616;\r\n    }\r\n\r\n    .pybo h1 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    .pybo .hero-sub {\r\n        font-size: 16px;\r\n        color: #555;\r\n        line-height: 1.75;\r\n        max-width: 400px;\r\n    }\r\n\r\n    .pybo .hero-ctas {\r\n        display: flex;\r\n        gap: 12px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pybo .btn-prim {\r\n        padding: 14px 32px;\r\n        border-radius: 28px;\r\n        border: none;\r\n        background: var(--g);\r\n        color: #fff;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        display: inline-block;\r\n        text-align: center;\r\n        transition: opacity .2s, transform .15s, box-shadow .2s;\r\n        box-shadow: 0 4px 16px rgba(253, 43, 123, .3);\r\n    }\r\n\r\n    .pybo .btn-prim:hover {\r\n        opacity: .9;\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 8px 24px rgba(253, 43, 123, .35);\r\n    }\r\n\r\n    .pybo .btn-sec {\r\n        padding: 14px 32px;\r\n        border-radius: 28px;\r\n        border: 1.5px solid #e0e0e0;\r\n        background: transparent;\r\n        color: #161616;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        display: inline-block;\r\n        text-align: center;\r\n        transition: border-color .2s, color .2s, background .2s;\r\n    }\r\n\r\n    .pybo .btn-sec:hover {\r\n        border-color: var(--p);\r\n        color: var(--p);\r\n        background: #fff0f5;\r\n    }\r\n\r\n    .pybo .trust-row {\r\n        display: flex;\r\n        gap: 18px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pybo .trust-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        font-size: 13px;\r\n        color: #555;\r\n    }\r\n\r\n    .pybo .t-dot {\r\n        width: 18px;\r\n        height: 18px;\r\n        border-radius: 50%;\r\n        background: var(--g);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pybo .hero-right {\r\n        background: var(--g);\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        padding: 48px;\r\n    }\r\n\r\n    .pybo .hero-pattern {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: .07;\r\n        pointer-events: none;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .pybo .hero-card-wrap {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .pybo .hero-card {\r\n        background: rgba(255, 255, 255, .18);\r\n        backdrop-filter: blur(18px);\r\n        -webkit-backdrop-filter: blur(18px);\r\n        border: 1px solid rgba(255, 255, 255, .38);\r\n        border-radius: 22px;\r\n        padding: 26px;\r\n        width: 248px;\r\n        box-shadow: 0 24px 48px rgba(0, 0, 0, .15);\r\n    }\r\n\r\n    .pybo .hc-img {\r\n        width: 100%;\r\n        height: 148px;\r\n        background: #ffffff !important;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 14px;\r\n        overflow: hidden;\r\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .50), inset 0 -1px 0 rgba(0, 0, 0, .08);\r\n        position: relative;\r\n    }\r\n\r\n    .pybo .hc-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        padding: 8px;\r\n        transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .pybo .hc-img:hover img {\r\n        transform: scale(1.06) translateY(-4px);\r\n        filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .30));\r\n    }\r\n\r\n    .pybo .hc-cat {\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, .6);\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .pybo .hc-name {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .pybo .hc-price {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: #fff;\r\n    }\r\n\r\n    .pybo .hc-price del {\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        opacity: .55;\r\n        margin-left: 6px;\r\n    }\r\n\r\n    .pybo .hc-atc {\r\n        width: 100%;\r\n        margin-top: 14px;\r\n        padding: 11px;\r\n        border-radius: 12px;\r\n        border: none;\r\n        background: #fff;\r\n        color: var(--p);\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        transition: opacity .2s, transform .15s;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .12);\r\n    }\r\n\r\n    .pybo .hc-atc:hover {\r\n        opacity: .9;\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .pybo .hc-atc.loading {\r\n        opacity: .5;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pybo .badge-float {\r\n        position: absolute;\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        padding: 10px 14px;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        box-shadow: 0 8px 32px rgba(0, 0, 0, .14);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        white-space: nowrap;\r\n        color: #161616;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pybo .bf1 {\r\n        top: 24px;\r\n        left: -36px;\r\n    }\r\n\r\n    .pybo .bf2 {\r\n        bottom: -18px !important;\r\n        right: -20px;\r\n    }\r\n\r\n    .pybo .bf-dot {\r\n        width: 9px;\r\n        height: 9px;\r\n        border-radius: 50%;\r\n        background: var(--g);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 SECTIONS \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .sec {\r\n        padding: 52px var(--pad);\r\n    }\r\n\r\n    .pybo .sec-hdr {\r\n        display: flex;\r\n        align-items: flex-end;\r\n        justify-content: space-between;\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .pybo h2 {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        letter-spacing: -.8px;\r\n        color: #161616;\r\n    }\r\n\r\n    .pybo .see-all {\r\n        font-size: 13px;\r\n        color: var(--p);\r\n        font-weight: 500;\r\n        background: none;\r\n        border: none;\r\n        font-family: 'DM Sans', sans-serif;\r\n        transition: opacity .15s;\r\n    }\r\n\r\n    .pybo .see-all:hover {\r\n        opacity: .7;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 CATEGOR\u00cdAS \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .cats {\r\n        display: grid;\r\n        grid-template-columns: repeat(7, 1fr);\r\n        gap: 10px;\r\n    }\r\n\r\n    .pybo .cat-pill {\r\n        padding: 12px 10px;\r\n        border-radius: 14px;\r\n        border: 1.5px solid #efefef;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        transition: all .2s;\r\n        background: #fff;\r\n    }\r\n\r\n    .pybo .cat-pill:hover {\r\n        border-color: var(--p);\r\n        background: #fff0f5;\r\n        transform: translateY(-2px);\r\n        box-shadow: var(--shadow-sm);\r\n    }\r\n\r\n    .pybo .cat-pill.active {\r\n        background: var(--g);\r\n        border-color: transparent;\r\n        box-shadow: 0 4px 14px rgba(253, 43, 123, .25);\r\n    }\r\n\r\n    .pybo .cat-pill.active .cat-name {\r\n        color: #fff;\r\n    }\r\n\r\n    .pybo .cat-pill.active .cat-icon svg {\r\n        stroke: #fff;\r\n    }\r\n\r\n    .pybo .cat-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 5px;\r\n        height: 24px;\r\n    }\r\n\r\n    .pybo .cat-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n\r\n    .pybo .cat-name {\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        color: #161616;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 FLASH SALE \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .flash-wrap {\r\n        margin: 0 var(--pad);\r\n    }\r\n\r\n    .pybo .flash {\r\n        background: #161616;\r\n        border-radius: 20px;\r\n        padding: 30px 32px;\r\n        display: grid;\r\n        grid-template-columns: 250px 1fr 1fr 1fr;\r\n        gap: 18px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pybo .flash-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(135deg, #1c0009, #0d0d0d);\r\n        z-index: 0;\r\n    }\r\n\r\n    .pybo .flash-info {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pybo .flash-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        background: rgba(253, 43, 123, .18);\r\n        border: 1px solid rgba(253, 43, 123, .38);\r\n        color: var(--p);\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        padding: 5px 12px;\r\n        border-radius: 12px;\r\n        letter-spacing: .5px;\r\n        width: fit-content;\r\n        animation: pybo-glow-badge 3s ease-in-out infinite;\r\n        will-change: box-shadow;\r\n    }\r\n\r\n    .pybo .flash-title {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        line-height: 1.12;\r\n    }\r\n\r\n    .pybo .flash-sub {\r\n        font-size: 11px;\r\n        color: rgba(255, 255, 255, .3);\r\n    }\r\n\r\n    .pybo .flash-timer {\r\n        display: flex;\r\n        gap: 8px;\r\n    }\r\n\r\n    .pybo .ft-unit {\r\n        background: rgba(255, 255, 255, .07);\r\n        border: 1px solid rgba(255, 255, 255, .1);\r\n        border-radius: 10px;\r\n        padding: 8px 12px;\r\n        text-align: center;\r\n        min-width: 52px;\r\n    }\r\n\r\n    .pybo .ft-num {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        display: block;\r\n        line-height: 1;\r\n    }\r\n\r\n    .pybo .ft-lbl {\r\n        font-size: 9px;\r\n        color: rgba(255, 255, 255, .3);\r\n        display: block;\r\n        margin-top: 3px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .pybo .flash-card {\r\n        background: rgba(255, 255, 255, .04);\r\n        border: 1px solid rgba(255, 255, 255, .08);\r\n        border-radius: 14px;\r\n        padding: 18px;\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: border-color .2s, transform .2s, background .2s;\r\n        opacity: 0;\r\n        animation: pybo-fade-up .5s cubic-bezier(.22, 1, .36, 1) both;\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    .pybo .flash-card:hover {\r\n        border-color: rgba(253, 43, 123, .4);\r\n        transform: translateY(-3px);\r\n        background: rgba(255, 255, 255, .07);\r\n    }\r\n\r\n    .pybo .fc-img {\r\n        height: 84px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 10px;\r\n        overflow: hidden;\r\n        border-radius: 8px;\r\n        background: #ffffff;\r\n    }\r\n\r\n    .pybo .fc-img img {\r\n        max-height: 84px;\r\n        max-width: 100%;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .pybo .fc-cat {\r\n        font-size: 10px;\r\n        color: rgba(255, 255, 255, .28);\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .pybo .fc-name {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        line-height: 1.3;\r\n        margin-bottom: 6px;\r\n        flex: 1;\r\n    }\r\n\r\n    .pybo .fc-prices {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .pybo .fc-price {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: var(--p);\r\n    }\r\n\r\n    .pybo .fc-old {\r\n        font-size: 11px;\r\n        color: rgba(255, 255, 255, .22);\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .pybo .fc-disc {\r\n        font-size: 10px;\r\n        background: rgba(253, 43, 123, .18);\r\n        color: var(--p);\r\n        padding: 2px 7px;\r\n        border-radius: 6px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .pybo .fc-atc {\r\n        width: 100%;\r\n        padding: 8px;\r\n        border-radius: 9px;\r\n        border: 1px solid rgba(253, 43, 123, .3);\r\n        background: rgba(253, 43, 123, .12);\r\n        color: var(--p);\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        transition: background .2s, transform .15s;\r\n    }\r\n\r\n    .pybo .fc-atc:hover {\r\n        background: rgba(253, 43, 123, .26);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .pybo .fc-atc.loading {\r\n        opacity: .5;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pybo .flash-card-skeleton {\r\n        background: rgba(255, 255, 255, .04);\r\n        border: 1px solid rgba(255, 255, 255, .06);\r\n        border-radius: 14px;\r\n        padding: 18px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .pybo .flash-card-skeleton .s-img {\r\n        height: 84px;\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, .07);\r\n        margin-bottom: 10px;\r\n        animation: pybo-shimmer-dark 1.4s infinite linear;\r\n        background-size: 600px 100%;\r\n    }\r\n\r\n    .pybo .flash-card-skeleton .s-line {\r\n        height: 10px;\r\n        border-radius: 5px;\r\n        margin-bottom: 8px;\r\n        background: rgba(255, 255, 255, .06);\r\n        animation: pybo-shimmer-dark 1.4s infinite linear;\r\n        background-size: 600px 100%;\r\n    }\r\n\r\n    .pybo .flash-card-skeleton .s-price {\r\n        height: 22px;\r\n        border-radius: 5px;\r\n        width: 60%;\r\n        background: rgba(255, 255, 255, .06);\r\n        animation: pybo-shimmer-dark 1.4s infinite linear;\r\n        background-size: 600px 100%;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .pybo .flash-card-skeleton .s-btn {\r\n        height: 32px;\r\n        border-radius: 9px;\r\n        background: rgba(255, 255, 255, .06);\r\n        animation: pybo-shimmer-dark 1.4s infinite linear;\r\n        background-size: 600px 100%;\r\n    }\r\n\r\n    @keyframes pybo-shimmer-dark {\r\n        0% {\r\n            background-position: -600px 0;\r\n        }\r\n\r\n        100% {\r\n            background-position: 600px 0;\r\n        }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 PRODUCTS GRID \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .prod-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .pybo .prod-card {\r\n        border: 1.5px solid #f0f0f0;\r\n        border-radius: var(--r);\r\n        overflow: hidden;\r\n        transition: all .22s;\r\n        background: #fff;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-sm);\r\n        opacity: 0;\r\n        animation: pybo-fade-up .58s cubic-bezier(.22, 1, .36, 1) both;\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    .pybo .prod-card:hover {\r\n        border-color: #fdb8cf;\r\n        transform: translateY(-4px);\r\n        box-shadow: var(--shadow-pink);\r\n    }\r\n\r\n    .pybo .prod-card.hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    .pybo .prod-img {\r\n        height: 160px;\r\n        background: #ffffff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pybo .prod-img img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        padding: 12px;\r\n        transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);\r\n    }\r\n\r\n    .pybo .prod-card:hover .prod-img img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .pybo .prod-tag {\r\n        position: absolute;\r\n        top: 10px;\r\n        left: 10px;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        padding: 4px 10px;\r\n        border-radius: 8px;\r\n        z-index: 1;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    .pybo .tag-hot {\r\n        background: var(--g);\r\n        color: #fff;\r\n        animation: pybo-hot-pulse 2.4s ease-in-out infinite;\r\n        will-change: transform;\r\n    }\r\n\r\n    .pybo .tag-new {\r\n        background: #fff0f5;\r\n        color: var(--p);\r\n    }\r\n\r\n    .pybo .tag-sale {\r\n        background: #161616;\r\n        color: #fff;\r\n    }\r\n\r\n    .pybo .prod-body {\r\n        padding: 16px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex: 1;\r\n    }\r\n\r\n    .pybo .prod-cat {\r\n        font-size: 10px;\r\n        color: #bbb;\r\n        text-transform: uppercase;\r\n        letter-spacing: .6px;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .pybo .prod-name {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #161616;\r\n        margin-bottom: 10px;\r\n        line-height: 1.35;\r\n        flex: 1;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pybo .prod-footer {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .pybo .prod-price {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        color: #161616;\r\n    }\r\n\r\n    .pybo .prod-price del {\r\n        font-size: 12px;\r\n        color: #bbb;\r\n        font-weight: 400;\r\n        margin-left: 4px;\r\n    }\r\n\r\n    .pybo .prod-atc {\r\n        flex-shrink: 0;\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        background: var(--g);\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        transition: opacity .2s, transform .15s, box-shadow .2s;\r\n    }\r\n\r\n    .pybo .prod-atc:hover {\r\n        opacity: .9;\r\n        transform: scale(1.1);\r\n        box-shadow: 0 4px 12px rgba(253, 43, 123, .35);\r\n    }\r\n\r\n    .pybo .prod-atc.loading {\r\n        opacity: .45;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pybo .prod-atc.done {\r\n        background: #22c55e;\r\n    }\r\n\r\n    .pybo .prod-card-skeleton {\r\n        border: 1.5px solid #f0f0f0;\r\n        border-radius: var(--r);\r\n        overflow: hidden;\r\n        background: #fff;\r\n    }\r\n\r\n    .pybo .pcs-img {\r\n        height: 160px;\r\n        background: #f8f8f8;\r\n    }\r\n\r\n    .pybo .pcs-body {\r\n        padding: 16px;\r\n    }\r\n\r\n    .pybo .pcs-line {\r\n        height: 10px;\r\n        border-radius: 5px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .pybo .pcs-line-short {\r\n        width: 55%;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 FEATURES \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .features {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        border: 1.5px solid #f0f0f0;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        margin: 0 var(--pad);\r\n    }\r\n\r\n    .pybo .feat {\r\n        padding: 26px 22px;\r\n        text-align: center;\r\n        border-right: 1px solid #f0f0f0;\r\n        transition: background .2s;\r\n    }\r\n\r\n    .pybo .feat:last-child {\r\n        border-right: none;\r\n    }\r\n\r\n    .pybo .feat:hover {\r\n        background: #fff8fb;\r\n    }\r\n\r\n    .pybo .feat-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 9px;\r\n        color: var(--p);\r\n    }\r\n\r\n    .pybo .feat-icon svg {\r\n        width: 26px;\r\n        height: 26px;\r\n    }\r\n\r\n    .pybo .feat:hover .feat-icon svg {\r\n        animation: pybo-icon-pop .42s cubic-bezier(.34, 1.56, .64, 1) both;\r\n        will-change: transform;\r\n    }\r\n\r\n    .pybo .feat-title {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #161616;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .pybo .feat-sub {\r\n        font-size: 12px;\r\n        color: #888;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 ERROR \u2550\u2550\u2550\u2550 *\/\r\n    .pybo .pybo-error {\r\n        grid-column: 1\/-1;\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        color: #888;\r\n    }\r\n\r\n    .pybo .pybo-error-msg {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .pybo .pybo-retry {\r\n        margin-top: 16px;\r\n        padding: 10px 24px;\r\n        border-radius: 20px;\r\n        border: 1.5px solid #e0e0e0;\r\n        background: transparent;\r\n        color: var(--p);\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        font-family: 'DM Sans', sans-serif;\r\n        transition: background .2s;\r\n    }\r\n\r\n    .pybo .pybo-retry:hover {\r\n        background: #fff0f5;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 TOAST \u2550\u2550\u2550\u2550 *\/\r\n    .pybo-toast {\r\n        position: fixed;\r\n        bottom: 28px;\r\n        right: 28px;\r\n        background: #161616;\r\n        color: #fff;\r\n        padding: 14px 20px;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-family: 'DM Sans', sans-serif;\r\n        box-shadow: 0 8px 32px rgba(0, 0, 0, .25);\r\n        z-index: 99999;\r\n        transform: translateY(16px);\r\n        opacity: 0;\r\n        transition: all .3s;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        max-width: 320px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pybo-toast.show {\r\n        transform: translateY(0);\r\n        opacity: 1;\r\n    }\r\n\r\n    .pybo-toast .tck {\r\n        width: 22px;\r\n        height: 22px;\r\n        border-radius: 50%;\r\n        background: var(--g);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 1024px) {\r\n        .pybo {\r\n            --pad: 28px;\r\n        }\r\n\r\n        .pybo h1 {\r\n            font-size: 40px;\r\n        }\r\n\r\n        .pybo .cats {\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n\r\n        .pybo .flash {\r\n            grid-template-columns: 200px 1fr 1fr 1fr;\r\n            gap: 14px;\r\n        }\r\n\r\n        .pybo .prod-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .pybo .features {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .pybo .feat:nth-child(2) {\r\n            border-right: none;\r\n        }\r\n\r\n        .pybo .feat:nth-child(3) {\r\n            border-top: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .pybo .feat:nth-child(4) {\r\n            border-top: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .pybo .hero {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .pybo .hero-left {\r\n            padding: 48px var(--pad) 32px;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .pybo .hero-badge {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pybo .hero-sub {\r\n            max-width: 480px;\r\n        }\r\n\r\n        .pybo .hero-ctas {\r\n            justify-content: center;\r\n        }\r\n\r\n        .pybo .trust-row {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .pybo {\r\n            --pad: 20px;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .pybo .hero {\r\n            grid-template-columns: 1fr;\r\n            min-height: auto;\r\n        }\r\n\r\n        .pybo .hero-left {\r\n            padding: 40px var(--pad) 32px;\r\n            gap: 18px;\r\n        }\r\n\r\n        .pybo h1 {\r\n            font-size: 36px;\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .pybo .hero-sub {\r\n            font-size: 15px;\r\n            max-width: 100%;\r\n        }\r\n\r\n        .pybo .hero-right {\r\n            padding: 36px var(--pad);\r\n            min-height: 280px;\r\n        }\r\n\r\n        .pybo .hero-card {\r\n            width: 220px;\r\n        }\r\n\r\n        .pybo .hc-img {\r\n            height: 120px;\r\n        }\r\n\r\n        .pybo .hc-price {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .pybo .bf1 {\r\n            top: 12px;\r\n            left: -10px;\r\n            font-size: 10px;\r\n            padding: 8px 12px;\r\n        }\r\n\r\n        .pybo .bf2 {\r\n            bottom: 16px;\r\n            right: -10px;\r\n            font-size: 10px;\r\n            padding: 8px 12px;\r\n        }\r\n\r\n        .pybo .cats {\r\n            grid-template-columns: none;\r\n            display: flex;\r\n            flex-wrap: nowrap;\r\n            overflow-x: auto;\r\n            -webkit-overflow-scrolling: touch;\r\n            scrollbar-width: none;\r\n            gap: 8px;\r\n            padding-bottom: 4px;\r\n        }\r\n\r\n        .pybo .cats::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        .pybo .cat-pill {\r\n            flex-shrink: 0;\r\n            min-width: 80px;\r\n            padding: 10px 8px;\r\n        }\r\n\r\n        .pybo .flash-wrap {\r\n            margin: 0 var(--pad);\r\n        }\r\n\r\n        .pybo .flash {\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding: 24px 20px 20px;\r\n            gap: 0;\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .pybo .flash-info {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .pybo .flash-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        #pybo-flash-cards {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px;\r\n            width: 100%;\r\n        }\r\n\r\n        .pybo .flash-card,\r\n        .pybo .flash-card-skeleton {\r\n            width: 100% !important;\r\n            flex-shrink: unset;\r\n            position: static;\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 12px;\r\n        }\r\n\r\n        .pybo .fc-img-link {\r\n            display: block;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pybo .fc-img {\r\n            width: 80px;\r\n            height: 80px;\r\n            min-width: 80px;\r\n            flex-shrink: 0;\r\n            margin-bottom: 0;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .pybo .fc-img img {\r\n            max-height: 80px;\r\n        }\r\n\r\n        .pybo .fc-body {\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex: 1;\r\n            min-width: 0;\r\n            gap: 4px;\r\n        }\r\n\r\n        .pybo .fc-name {\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .pybo .fc-prices {\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .pybo .fc-atc {\r\n            width: 100%;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .pybo .sec {\r\n            padding: 36px var(--pad);\r\n        }\r\n\r\n        .pybo h2 {\r\n            font-size: 22px;\r\n            letter-spacing: -.5px;\r\n        }\r\n\r\n        .pybo .prod-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n\r\n        .pybo .prod-img {\r\n            height: 130px;\r\n        }\r\n\r\n        .pybo .features {\r\n            grid-template-columns: 1fr 1fr;\r\n            margin: 0 var(--pad);\r\n            border-radius: 16px;\r\n        }\r\n\r\n        .pybo .feat {\r\n            padding: 20px 16px;\r\n        }\r\n\r\n        .pybo .feat:nth-child(2) {\r\n            border-right: none;\r\n        }\r\n\r\n        .pybo .feat:nth-child(3) {\r\n            border-top: 1px solid #f0f0f0;\r\n            border-right: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .pybo .feat:nth-child(4) {\r\n            border-top: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .pybo .hero-right::before {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .pybo {\r\n            --pad: 16px;\r\n        }\r\n\r\n        .pybo h1 {\r\n            font-size: 30px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .pybo .hero-left {\r\n            padding: 32px var(--pad) 24px;\r\n            gap: 16px;\r\n        }\r\n\r\n        .pybo .hero-badge {\r\n            font-size: 11px;\r\n            padding: 5px 14px;\r\n        }\r\n\r\n        .pybo .hero-right {\r\n            padding: 28px var(--pad);\r\n            min-height: 240px;\r\n        }\r\n\r\n        .pybo .hero-card {\r\n            width: 190px;\r\n            padding: 18px;\r\n        }\r\n\r\n        .pybo .hc-img {\r\n            height: 100px;\r\n        }\r\n\r\n        .pybo .hc-price {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .pybo .bf1,\r\n        .pybo .bf2 {\r\n            display: none;\r\n        }\r\n\r\n        .pybo .hero-ctas {\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pybo .btn-prim,\r\n        .pybo .btn-sec {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        .pybo .prod-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .pybo .prod-img {\r\n            height: 180px;\r\n        }\r\n\r\n        .pybo .sec {\r\n            padding: 28px var(--pad);\r\n        }\r\n\r\n        .pybo h2 {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550 ANIMACIONES \u2550\u2550\u2550\u2550 *\/\r\n    @keyframes pybo-fade-up {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(28px);\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-fade-in {\r\n        from {\r\n            opacity: 0;\r\n        }\r\n\r\n        to {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-float-card {\r\n\r\n        0%,\r\n        100% {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-12px);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-float-b1 {\r\n\r\n        0%,\r\n        100% {\r\n            transform: translateY(0) rotate(-1.5deg);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-9px) rotate(1deg);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-float-b2 {\r\n\r\n        0%,\r\n        100% {\r\n            transform: translateY(0) rotate(1.5deg);\r\n        }\r\n\r\n        50% {\r\n            transform: translateY(-7px) rotate(-1deg);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-digit-flip {\r\n        0% {\r\n            opacity: 1;\r\n            transform: translateY(0) scaleY(1);\r\n        }\r\n\r\n        35% {\r\n            opacity: 0;\r\n            transform: translateY(-8px) scaleY(.6);\r\n        }\r\n\r\n        65% {\r\n            opacity: 0;\r\n            transform: translateY(8px) scaleY(.6);\r\n        }\r\n\r\n        100% {\r\n            opacity: 1;\r\n            transform: translateY(0) scaleY(1);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-icon-pop {\r\n        0% {\r\n            transform: scale(1) rotate(0);\r\n        }\r\n\r\n        40% {\r\n            transform: scale(1.35) rotate(-10deg);\r\n        }\r\n\r\n        70% {\r\n            transform: scale(.92) rotate(5deg);\r\n        }\r\n\r\n        100% {\r\n            transform: scale(1) rotate(0);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-hot-pulse {\r\n\r\n        0%,\r\n        100% {\r\n            transform: scale(1);\r\n        }\r\n\r\n        50% {\r\n            transform: scale(1.08);\r\n        }\r\n    }\r\n\r\n    @keyframes pybo-glow-badge {\r\n\r\n        0%,\r\n        100% {\r\n            box-shadow: 0 0 0 0 rgba(253, 43, 123, 0);\r\n        }\r\n\r\n        50% {\r\n            box-shadow: 0 0 14px 3px rgba(253, 43, 123, .22);\r\n        }\r\n    }\r\n\r\n    .pybo .hero-badge {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .6s cubic-bezier(.22, 1, .36, 1) .08s both;\r\n    }\r\n\r\n    .pybo h1 {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .75s cubic-bezier(.22, 1, .36, 1) .2s both;\r\n    }\r\n\r\n    .pybo .hero-sub {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .65s cubic-bezier(.22, 1, .36, 1) .35s both;\r\n    }\r\n\r\n    .pybo .hero-ctas {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .6s cubic-bezier(.22, 1, .36, 1) .48s both;\r\n    }\r\n\r\n    .pybo .trust-row {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .6s cubic-bezier(.22, 1, .36, 1) .6s both;\r\n    }\r\n\r\n    .pybo .hero-right {\r\n        opacity: 0;\r\n        animation: pybo-fade-in .8s ease .25s both;\r\n    }\r\n\r\n    .pybo .hero-card-wrap {\r\n        animation: pybo-float-card 4.5s ease-in-out infinite;\r\n        will-change: transform;\r\n    }\r\n\r\n    .pybo .bf1 {\r\n        animation: pybo-float-b1 5.5s ease-in-out infinite;\r\n        will-change: transform;\r\n    }\r\n\r\n    .pybo .bf2 {\r\n        animation: pybo-float-b2 6s ease-in-out 1.2s infinite;\r\n        will-change: transform;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill {\r\n        opacity: 0;\r\n        animation: pybo-fade-up .5s cubic-bezier(.22, 1, .36, 1) both;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(1) {\r\n        animation-delay: .05s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(2) {\r\n        animation-delay: .13s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(3) {\r\n        animation-delay: .21s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(4) {\r\n        animation-delay: .29s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(5) {\r\n        animation-delay: .37s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(6) {\r\n        animation-delay: .45s;\r\n    }\r\n\r\n    .pybo #pybo-cats .cat-pill:nth-child(7) {\r\n        animation-delay: .53s;\r\n    }\r\n\r\n    .pybo .ft-num.pybo-flip {\r\n        animation: pybo-digit-flip .3s ease both;\r\n        will-change: opacity, transform;\r\n    }\r\n\r\n    .pybo-reveal {\r\n        opacity: 0;\r\n        transform: translateY(24px);\r\n        transition: opacity .65s cubic-bezier(.22, 1, .36, 1), transform .65s cubic-bezier(.22, 1, .36, 1);\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    .pybo-reveal.pybo-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .pybo-reveal.pd1 {\r\n        transition-delay: .08s;\r\n    }\r\n\r\n    .pybo-reveal.pd2 {\r\n        transition-delay: .16s;\r\n    }\r\n\r\n    .pybo-reveal.pd3 {\r\n        transition-delay: .24s;\r\n    }\r\n\r\n    .pybo-reveal.pd4 {\r\n        transition-delay: .32s;\r\n    }\r\n\r\n    .pybo .hero-right::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 18%), linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 18%), linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 18%), linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 18%);\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pybo .hero-right::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -80px;\r\n        right: -80px;\r\n        width: 260px;\r\n        height: 260px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, .07);\r\n        border: 1px solid rgba(255, 255, 255, .12);\r\n        pointer-events: none;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pybo\">\r\n\r\n    <div class=\"hero\">\r\n        <div class=\"hero-left\">\r\n            <div class=\"hero-badge\"><span class=\"dot\"><\/span> Flash sale \u00b7 Hasta 40% OFF<\/div>\r\n            <h1>Tu tienda de<br><em>tecnolog\u00eda<\/em><br>favorita<\/h1>\r\n            <p class=\"hero-sub\">Trayendo la tecnolog\u00eda al alcance de todos. Los mejores gadgets, env\u00edo r\u00e1pido y garant\u00eda\r\n                real en cada compra.<\/p>\r\n            <div class=\"hero-ctas\">\r\n                <a href=\"#\" class=\"btn-prim\" id=\"pybo-shop-link\">Comprar ahora<\/a>\r\n                <a href=\"#pybo-flash\" class=\"btn-sec\">Ver ofertas<\/a>\r\n            <\/div>\r\n            <div class=\"trust-row\">\r\n                <div class=\"trust-item\">\r\n                    <div class=\"t-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"20 6 9 17 4 12\" \/>\r\n                        <\/svg><\/div>\r\n                    Env\u00edo gratis\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <div class=\"t-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"20 6 9 17 4 12\" \/>\r\n                        <\/svg><\/div>\r\n                    30 d\u00edas devoluci\u00f3n\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <div class=\"t-dot\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <polyline points=\"20 6 9 17 4 12\" \/>\r\n                        <\/svg><\/div>\r\n                    Pago seguro\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hero-right\">\r\n            <svg class=\"hero-pattern\" viewBox=\"0 0 600 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                preserveAspectRatio=\"xMidYMid slice\">\r\n                <circle cx=\"490\" cy=\"90\" r=\"210\" fill=\"white\" \/>\r\n                <circle cx=\"100\" cy=\"430\" r=\"150\" fill=\"white\" \/>\r\n            <\/svg>\r\n            <div class=\"hero-card-wrap\">\r\n                <div class=\"badge-float bf1\">\r\n                    <div class=\"bf-dot\"><\/div> Nuevo ingreso esta semana\r\n                <\/div>\r\n                <div class=\"hero-card\" id=\"pybo-hero-card\">\r\n                    <div class=\"hc-img\" id=\"pybo-hc-img\"><\/div>\r\n                    <div class=\"hc-cat\" id=\"pybo-hc-cat\">Cargando\u2026<\/div>\r\n                    <div class=\"hc-name\" id=\"pybo-hc-name\"\r\n                        style=\"min-height:40px;background:rgba(255,255,255,.1);border-radius:6px\"><\/div>\r\n                    <div class=\"hc-price\" id=\"pybo-hc-price\" style=\"min-height:36px\"><\/div>\r\n                    <a href=\"#\" class=\"hc-atc pybo-atc\" id=\"pybo-hc-atc\" data-id=\"\"\r\n                        style=\"display:block;text-align:center\">Agregar al carrito<\/a>\r\n                <\/div>\r\n                <div class=\"badge-float bf2\">\r\n                    <div class=\"bf-dot\"><\/div>\r\n                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#FFB800\" stroke=\"none\">\r\n                        <polygon\r\n                            points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/>\r\n                    <\/svg>\r\n                    4.9 \u00b7 1.2k rese\u00f1as\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sec\" style=\"padding-bottom:0\">\r\n        <div class=\"sec-hdr\">\r\n            <h2>Explora por categor\u00eda<\/h2>\r\n            <button class=\"see-all\" id=\"pybo-see-all\">Ver todo \u2192<\/button>\r\n        <\/div>\r\n        <div class=\"cats\" id=\"pybo-cats\">\r\n            <div class=\"cat-pill active\" data-filter=\"all\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n                        <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n                        <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n                        <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Todos<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"auriculares\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M3 18v-6a9 9 0 0118 0v6\" \/>\r\n                        <path\r\n                            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\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Auriculares<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"smartwatches\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"7\" \/>\r\n                        <path d=\"M12 10v4l2 2\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Smartwatches<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"cuidado-personal\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path\r\n                            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\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Cuidado personal<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"iluminacion\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"5\" \/>\r\n                        <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\" \/>\r\n                        <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\" \/>\r\n                        <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\" \/>\r\n                        <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\" \/>\r\n                        <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\" \/>\r\n                        <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\" \/>\r\n                        <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\" \/>\r\n                        <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Iluminaci\u00f3n<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"motos\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"5.5\" cy=\"17.5\" r=\"3.5\" \/>\r\n                        <circle cx=\"18.5\" cy=\"17.5\" r=\"3.5\" \/>\r\n                        <path d=\"M15 6h-5L7 17.5\" \/>\r\n                        <path d=\"M15 6l3 5 1 .5\" \/>\r\n                        <path d=\"M9 11h6\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Motos<\/div>\r\n            <\/div>\r\n            <div class=\"cat-pill\" data-filter=\"masajes\">\r\n                <div class=\"cat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M18 8h1a4 4 0 010 8h-1\" \/>\r\n                        <path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\" \/>\r\n                        <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\" \/>\r\n                        <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\" \/>\r\n                        <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"cat-name\">Masajes<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sec\">\r\n        <div class=\"prod-grid\" id=\"pybo-grid\">\r\n            <div class=\"prod-card-skeleton\">\r\n                <div class=\"pcs-img pybo-skeleton\"><\/div>\r\n                <div class=\"pcs-body\">\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"prod-card-skeleton\">\r\n                <div class=\"pcs-img pybo-skeleton\"><\/div>\r\n                <div class=\"pcs-body\">\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"prod-card-skeleton\">\r\n                <div class=\"pcs-img pybo-skeleton\"><\/div>\r\n                <div class=\"pcs-body\">\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"prod-card-skeleton\">\r\n                <div class=\"pcs-img pybo-skeleton\"><\/div>\r\n                <div class=\"pcs-body\">\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pybo-skeleton\"><\/div>\r\n                    <div class=\"pcs-line pcs-line-short pybo-skeleton\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sec\" id=\"pybo-flash\" style=\"padding-bottom:0\">\r\n        <div class=\"flash-wrap pybo-reveal\">\r\n            <div class=\"flash\">\r\n                <div class=\"flash-bg\"><\/div>\r\n                <div class=\"flash-info\">\r\n                    <div class=\"flash-badge\">\r\n                        <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n                            <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" \/>\r\n                        <\/svg>\r\n                        FLASH SALE\r\n                    <\/div>\r\n                    <div class=\"flash-title\">Ofertas que<br>no duran<\/div>\r\n                    <div class=\"flash-sub\">Termina en:<\/div>\r\n                    <div class=\"flash-timer\">\r\n                        <div class=\"ft-unit\"><span class=\"ft-num\" id=\"fh\">04<\/span><span class=\"ft-lbl\">HRS<\/span><\/div>\r\n                        <div class=\"ft-unit\"><span class=\"ft-num\" id=\"fm\">23<\/span><span class=\"ft-lbl\">MIN<\/span><\/div>\r\n                        <div class=\"ft-unit\"><span class=\"ft-num\" id=\"fs\">11<\/span><span class=\"ft-lbl\">SEG<\/span><\/div>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/www.pybo.seomos.com\/ofertas\" class=\"btn-sec\"\r\n                        style=\"color:#fff; border-color:rgba(255,255,255,.2); margin-top:15px; display:inline-block; text-align:center;\">\r\n                        Ver todas las ofertas \u2192\r\n                    <\/a>\r\n                <\/div>\r\n                <div id=\"pybo-flash-cards\" style=\"display:contents\">\r\n                    <div class=\"flash-card-skeleton\">\r\n                        <div class=\"s-img\"><\/div>\r\n                        <div class=\"s-line\"><\/div>\r\n                        <div class=\"s-line\" style=\"width:70%\"><\/div>\r\n                        <div class=\"s-price\"><\/div>\r\n                        <div class=\"s-btn\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"flash-card-skeleton\">\r\n                        <div class=\"s-img\"><\/div>\r\n                        <div class=\"s-line\"><\/div>\r\n                        <div class=\"s-line\" style=\"width:70%\"><\/div>\r\n                        <div class=\"s-price\"><\/div>\r\n                        <div class=\"s-btn\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"flash-card-skeleton\">\r\n                        <div class=\"s-img\"><\/div>\r\n                        <div class=\"s-line\"><\/div>\r\n                        <div class=\"s-line\" style=\"width:70%\"><\/div>\r\n                        <div class=\"s-price\"><\/div>\r\n                        <div class=\"s-btn\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <br><br><br>\r\n\r\n    <div class=\"features pybo-reveal pd1\">\r\n        <div class=\"feat\">\r\n            <div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path\r\n                        d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\" \/>\r\n                <\/svg><\/div>\r\n            <div class=\"feat-title\">Producto original<\/div>\r\n            <div class=\"feat-sub\">100% verificado con garant\u00eda incluida<\/div>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n            <div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <polyline points=\"1 4 1 10 7 10\" \/>\r\n                    <path d=\"M3.51 15a9 9 0 102.13-9.36L1 10\" \/>\r\n                <\/svg><\/div>\r\n            <div class=\"feat-title\">30 d\u00edas devoluci\u00f3n<\/div>\r\n            <div class=\"feat-sub\">Sin preguntas, sin complicaciones<\/div>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n            <div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n                    <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\r\n                    <path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" \/>\r\n                <\/svg><\/div>\r\n            <div class=\"feat-title\">Env\u00edo nacional e internacional<\/div>\r\n            <div class=\"feat-sub\">Entrega r\u00e1pida a todo el pa\u00eds y al exterior<\/div>\r\n        <\/div>\r\n        <div class=\"feat\">\r\n            <div class=\"feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\r\n                    <path d=\"M7 11V7a5 5 0 0110 0v4\" \/>\r\n                <\/svg><\/div>\r\n            <div class=\"feat-title\">100% seguro<\/div>\r\n            <div class=\"feat-sub\">Pagos protegidos en todo momento<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .pybo .th-hub {\r\n            --p: #FD2B7B;\r\n            --o: #FF7158;\r\n            --g: linear-gradient(135deg, #FF7158, #FD2B7B);\r\n            margin: 52px var(--pad) 28px;\r\n            border-radius: 24px;\r\n            background: var(--g);\r\n            padding: 52px 48px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 24px;\r\n            align-items: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 12px 40px rgba(253, 43, 123, .26);\r\n            min-height: 360px;\r\n        }\r\n\r\n        .pybo .th-rings {\r\n            position: absolute;\r\n            right: -60px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 460px;\r\n            height: 460px;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            opacity: .55;\r\n        }\r\n\r\n        .pybo .th-ring {\r\n            position: absolute;\r\n            inset: 0;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255, 255, 255, .22);\r\n        }\r\n\r\n        .pybo .th-ring.r2 {\r\n            inset: 60px;\r\n            border-color: rgba(255, 255, 255, .16);\r\n        }\r\n\r\n        .pybo .th-ring.r3 {\r\n            inset: 120px;\r\n            border-color: rgba(255, 255, 255, .12);\r\n        }\r\n\r\n        .pybo .th-ring.spin {\r\n            border-style: dashed;\r\n            border-color: rgba(255, 255, 255, .28);\r\n            animation: th-spin 28s linear infinite;\r\n        }\r\n\r\n        .pybo .th-glow {\r\n            position: absolute;\r\n            width: 380px;\r\n            height: 380px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(255, 255, 255, .45), transparent 65%);\r\n            right: 60px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            filter: blur(20px);\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            animation: th-glow-pulse 5s ease-in-out infinite;\r\n        }\r\n\r\n        .pybo .th-blob {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, .10);\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .pybo .th-blob.b1 {\r\n            width: 120px;\r\n            height: 120px;\r\n            left: -30px;\r\n            bottom: -40px;\r\n        }\r\n\r\n        .pybo .th-blob.b2 {\r\n            width: 70px;\r\n            height: 70px;\r\n            left: 38%;\r\n            top: -24px;\r\n        }\r\n\r\n        .pybo .th-left {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .pybo .th-eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 7px;\r\n            background: rgba(255, 255, 255, .18);\r\n            border: 1px solid rgba(255, 255, 255, .35);\r\n            color: #fff;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            padding: 6px 15px;\r\n            border-radius: 24px;\r\n            margin-bottom: 16px;\r\n            backdrop-filter: blur(8px);\r\n            -webkit-backdrop-filter: blur(8px);\r\n        }\r\n\r\n        .pybo .th-spark {\r\n            animation: th-spark 2.4s ease-in-out infinite;\r\n            display: inline-block;\r\n        }\r\n\r\n        .pybo .th-title {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 38px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            line-height: 1.08;\r\n            letter-spacing: -1.2px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .pybo .th-title em {\r\n            font-style: normal;\r\n            position: relative;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .pybo .th-title em::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 2px;\r\n            height: 10px;\r\n            background: rgba(255, 255, 255, .30);\r\n            border-radius: 4px;\r\n            z-index: -1;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            animation: th-underline .7s cubic-bezier(.22, 1, .36, 1) .5s forwards;\r\n        }\r\n\r\n        .pybo .th-sub {\r\n            font-size: 15px;\r\n            color: rgba(255, 255, 255, .9);\r\n            line-height: 1.7;\r\n            max-width: 380px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .pybo .th-cta {\r\n            display: inline-block;\r\n            padding: 13px 30px;\r\n            border-radius: 28px;\r\n            background: #fff;\r\n            color: var(--p);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            font-family: 'Outfit', sans-serif;\r\n            transition: transform .15s, box-shadow .2s, opacity .2s;\r\n            box-shadow: 0 6px 18px rgba(0, 0, 0, .14);\r\n        }\r\n\r\n        .pybo .th-cta:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 26px rgba(0, 0, 0, .2);\r\n            opacity: .95;\r\n        }\r\n\r\n        .pybo .th-stats {\r\n            display: flex;\r\n            gap: 28px;\r\n            margin-top: 28px;\r\n        }\r\n\r\n        .pybo .th-stat {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pybo .th-num {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            line-height: 1;\r\n        }\r\n\r\n        .pybo .th-lbl {\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, .7);\r\n            margin-top: 4px;\r\n            letter-spacing: .3px;\r\n        }\r\n\r\n        .pybo .th-divider {\r\n            width: 1px;\r\n            background: rgba(255, 255, 255, .25);\r\n            align-self: stretch;\r\n        }\r\n\r\n        .pybo .th-right {\r\n            position: relative;\r\n            z-index: 2;\r\n            height: 320px;\r\n        }\r\n\r\n        .pybo .th-chip {\r\n            position: absolute;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 11px;\r\n            background: rgba(255, 255, 255, .16);\r\n            backdrop-filter: blur(14px);\r\n            -webkit-backdrop-filter: blur(14px);\r\n            border: 1px solid rgba(255, 255, 255, .4);\r\n            border-radius: 16px;\r\n            padding: 12px 16px;\r\n            box-shadow: 0 12px 30px rgba(0, 0, 0, .14);\r\n            white-space: nowrap;\r\n            will-change: transform;\r\n            opacity: 0;\r\n            cursor: default;\r\n            transition: box-shadow .25s, background .25s;\r\n        }\r\n\r\n        .pybo .th-chip:hover {\r\n            background: rgba(255, 255, 255, .26);\r\n            box-shadow: 0 18px 40px rgba(0, 0, 0, .22);\r\n        }\r\n\r\n        .pybo .th-chip-ico {\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 12px;\r\n            background: rgba(255, 255, 255, .9);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            color: #FD2B7B;\r\n        }\r\n\r\n        .pybo .th-chip-ico svg {\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n\r\n        .pybo .th-chip-tt {\r\n            display: flex;\r\n            flex-direction: column;\r\n            line-height: 1.25;\r\n        }\r\n\r\n        .pybo .th-chip-name {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #fff;\r\n        }\r\n\r\n        .pybo .th-chip-tag {\r\n            font-size: 11px;\r\n            color: rgba(255, 255, 255, .78);\r\n        }\r\n\r\n        .pybo .th-chip .th-pill {\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n            background: rgba(255, 255, 255, .92);\r\n            color: var(--p);\r\n            padding: 2px 8px;\r\n            border-radius: 8px;\r\n            margin-left: 4px;\r\n        }\r\n\r\n        .pybo .th-c1 {\r\n            top: 6px;\r\n            left: 14%;\r\n            animation: th-appear .6s ease .15s forwards, th-float-a 6s ease-in-out .9s infinite;\r\n        }\r\n\r\n        .pybo .th-c2 {\r\n            top: 78px;\r\n            right: 0;\r\n            animation: th-appear .6s ease .3s forwards, th-float-b 7s ease-in-out 1s infinite;\r\n        }\r\n\r\n        .pybo .th-c3 {\r\n            top: 150px;\r\n            left: 0;\r\n            animation: th-appear .6s ease .45s forwards, th-float-c 6.5s ease-in-out 1.1s infinite;\r\n        }\r\n\r\n        .pybo .th-c4 {\r\n            top: 222px;\r\n            right: 8%;\r\n            animation: th-appear .6s ease .6s forwards, th-float-a 7.5s ease-in-out 1.2s infinite;\r\n        }\r\n\r\n        .pybo .th-c5 {\r\n            top: 134px;\r\n            left: 34%;\r\n            animation: th-appear .6s ease .75s forwards, th-float-b 6.8s ease-in-out 1.3s infinite;\r\n        }\r\n\r\n        @keyframes th-spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        @keyframes th-glow-pulse {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: .5;\r\n                transform: translateY(-50%) scale(1);\r\n            }\r\n\r\n            50% {\r\n                opacity: .85;\r\n                transform: translateY(-50%) scale(1.06);\r\n            }\r\n        }\r\n\r\n        @keyframes th-spark {\r\n\r\n            0%,\r\n            100% {\r\n                transform: scale(1) rotate(0);\r\n                opacity: 1;\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.25) rotate(18deg);\r\n                opacity: .8;\r\n            }\r\n        }\r\n\r\n        @keyframes th-underline {\r\n            to {\r\n                transform: scaleX(1);\r\n            }\r\n        }\r\n\r\n        @keyframes th-appear {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes th-float-a {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0) rotate(-1deg);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-14px) rotate(1deg);\r\n            }\r\n        }\r\n\r\n        @keyframes th-float-b {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0) rotate(1.5deg);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-11px) rotate(-1deg);\r\n            }\r\n        }\r\n\r\n        @keyframes th-float-c {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0) translateX(0);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-9px) translateX(6px);\r\n            }\r\n        }\r\n\r\n        @media (max-width:1024px) {\r\n            .pybo .th-hub {\r\n                padding: 44px 32px;\r\n            }\r\n\r\n            .pybo .th-title {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width:768px) {\r\n            .pybo .th-hub {\r\n                grid-template-columns: 1fr;\r\n                padding: 36px 24px;\r\n                min-height: auto;\r\n                text-align: center;\r\n            }\r\n\r\n            .pybo .th-eyebrow {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .pybo .th-sub {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .pybo .th-stats {\r\n                justify-content: center;\r\n            }\r\n\r\n            .pybo .th-glow,\r\n            .pybo .th-rings {\r\n                opacity: .35;\r\n            }\r\n\r\n            .pybo .th-right {\r\n                height: auto;\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 10px;\r\n                justify-content: center;\r\n                margin-top: 30px;\r\n            }\r\n\r\n            .pybo .th-chip {\r\n                position: static !important;\r\n                animation: th-appear .6s ease forwards !important;\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @media (max-width:480px) {\r\n            .pybo .th-hub {\r\n                margin: 28px var(--pad);\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .pybo .th-title {\r\n                font-size: 27px;\r\n            }\r\n\r\n            .pybo .th-stats {\r\n                gap: 18px;\r\n            }\r\n\r\n            .pybo .th-num {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .pybo .th-chip {\r\n                padding: 10px 13px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"th-hub pybo-reveal\">\r\n        <div class=\"th-glow\"><\/div>\r\n        <div class=\"th-rings\">\r\n            <div class=\"th-ring spin\"><\/div>\r\n            <div class=\"th-ring r2\"><\/div>\r\n            <div class=\"th-ring r3\"><\/div>\r\n        <\/div>\r\n        <div class=\"th-blob b1\"><\/div>\r\n        <div class=\"th-blob b2\"><\/div>\r\n        <div class=\"th-left\">\r\n            <span class=\"th-eyebrow\"><span class=\"th-spark\">\u2726<\/span> Tecnolog\u00eda seleccionada<\/span>\r\n            <h2 class=\"th-title\">Encuentra la mejor<br><em>tecnolog\u00eda<\/em> aqu\u00ed<\/h2>\r\n            <p class=\"th-sub\">Gadgets verificados, marcas de confianza y los lanzamientos m\u00e1s buscados \u2014 todo reunido en\r\n                un solo lugar, con env\u00edo r\u00e1pido y garant\u00eda real.<\/p>\r\n            <a href=\"https:\/\/www.pybo.seomos.com\/tienda\" class=\"th-cta\">Explorar cat\u00e1logo \u2192<\/a>\r\n            <div class=\"th-stats\">\r\n                <div class=\"th-stat\"><span class=\"th-num\">+500<\/span><span class=\"th-lbl\">Productos<\/span><\/div>\r\n                <div class=\"th-divider\"><\/div>\r\n                <div class=\"th-stat\"><span class=\"th-num\">4.9\u2605<\/span><span class=\"th-lbl\">Valoraci\u00f3n<\/span><\/div>\r\n                <div class=\"th-divider\"><\/div>\r\n                <div class=\"th-stat\"><span class=\"th-num\">24h<\/span><span class=\"th-lbl\">Despacho<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"th-right\">\r\n            <div class=\"th-chip th-c1\">\r\n                <div class=\"th-chip-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M3 18v-6a9 9 0 0118 0v6\" \/>\r\n                        <path\r\n                            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\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"th-chip-tt\"><span class=\"th-chip-name\">Auriculares<\/span><span class=\"th-chip-tag\">Sonido\r\n                        envolvente<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"th-chip th-c2\">\r\n                <div class=\"th-chip-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"7\" \/>\r\n                        <path d=\"M12 10v4l2 2\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"th-chip-tt\"><span class=\"th-chip-name\">Smartwatches<\/span><span class=\"th-chip-tag\">Salud &\r\n                        deporte<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"th-chip th-c3\">\r\n                <div class=\"th-chip-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"5\" \/>\r\n                        <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\" \/>\r\n                        <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\" \/>\r\n                        <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\" \/>\r\n                        <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\" \/>\r\n                        <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\" \/>\r\n                        <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\" \/>\r\n                        <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\" \/>\r\n                        <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"th-chip-tt\"><span class=\"th-chip-name\">Iluminaci\u00f3n <span\r\n                            class=\"th-pill\">HOT<\/span><\/span><span class=\"th-chip-tag\">Hogar inteligente<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"th-chip th-c4\">\r\n                <div class=\"th-chip-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <circle cx=\"5.5\" cy=\"17.5\" r=\"3.5\" \/>\r\n                        <circle cx=\"18.5\" cy=\"17.5\" r=\"3.5\" \/>\r\n                        <path d=\"M15 6h-5L7 17.5\" \/>\r\n                        <path d=\"M15 6l3 5 1 .5\" \/>\r\n                        <path d=\"M9 11h6\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"th-chip-tt\"><span class=\"th-chip-name\">Motos<\/span><span class=\"th-chip-tag\">Accesorios\r\n                        pro<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"th-chip th-c5\">\r\n                <div class=\"th-chip-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M18 8h1a4 4 0 010 8h-1\" \/>\r\n                        <path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\" \/>\r\n                        <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\" \/>\r\n                        <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\" \/>\r\n                        <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\" \/>\r\n                    <\/svg><\/div>\r\n                <div class=\"th-chip-tt\"><span class=\"th-chip-name\">Masajes<\/span><span class=\"th-chip-tag\">Bienestar\r\n                        diario<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sec\">\r\n        <div class=\"sec-hdr pybo-reveal\" style=\"margin-bottom:22px\">\r\n            <h2>Preguntas frecuentes<\/h2>\r\n        <\/div>\r\n        <div class=\"faq-list pybo-reveal pd1\">\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfTienen tienda f\u00edsica?<\/span><span\r\n                        class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">Por ahora somos 100% tienda en l\u00ednea. Esto nos permite ofrecerte los mejores\r\n                        precios sin costos fijos, con env\u00edo directo a tu puerta.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfQu\u00e9 m\u00e9todos de pago\r\n                        aceptan?<\/span><span class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">Aceptamos tarjetas Visa, Mastercard, PSE, Nequi y Daviplata. Contra entrega\r\n                        disponible en ciudades principales. Todos los pagos son 100% seguros.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfPuedo cancelar o modificar mi\r\n                        pedido?<\/span><span class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">S\u00ed, dentro de las primeras 2 horas. Una vez despachado aplica la pol\u00edtica de\r\n                        devoluci\u00f3n de 30 d\u00edas.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfCu\u00e1nto tarda el env\u00edo?<\/span><span\r\n                        class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">Ciudades principales: 2\u20134 d\u00edas h\u00e1biles. Municipios: 5\u20138 d\u00edas h\u00e1biles.\r\n                        Recibir\u00e1s n\u00famero de seguimiento al despachar tu pedido.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfHacen env\u00edos\r\n                        internacionales?<\/span><span class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">Actualmente solo dentro de Colombia. Pr\u00f3ximamente nos expandiremos a m\u00e1s\r\n                        pa\u00edses.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\"><button class=\"faq-trigger\"><span class=\"faq-q\">\u00bfCu\u00e1l es su pol\u00edtica de\r\n                        devoluciones?<\/span><span class=\"faq-arrow\">\u2304<\/span><\/button>\r\n                <div class=\"faq-body\">\r\n                    <div class=\"faq-inner\">Tienes 30 d\u00edas desde la fecha de recibo. El producto debe estar en estado\r\n                        original. Si hay defecto de f\u00e1brica, el env\u00edo de devoluci\u00f3n corre por nuestra cuenta.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .pybo .faq-list {\r\n            border: 1.5px solid #f0f0f0;\r\n            border-radius: var(--r);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .pybo .faq-item {\r\n            border-bottom: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .pybo .faq-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .pybo .faq-trigger {\r\n            width: 100%;\r\n            padding: 20px 24px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: transparent;\r\n            border: none;\r\n            font-family: 'DM Sans', sans-serif;\r\n            text-align: left;\r\n            transition: background .15s;\r\n        }\r\n\r\n        .pybo .faq-trigger:hover,\r\n        .pybo .faq-trigger.open {\r\n            background: #fff8fb;\r\n        }\r\n\r\n        .pybo .faq-q {\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #161616;\r\n        }\r\n\r\n        .pybo .faq-arrow {\r\n            font-size: 20px;\r\n            color: #bbb;\r\n            transition: transform .25s, color .25s;\r\n            flex-shrink: 0;\r\n            line-height: 1;\r\n            display: inline-block;\r\n        }\r\n\r\n        .pybo .faq-trigger.open .faq-arrow {\r\n            transform: rotate(180deg);\r\n            color: var(--p);\r\n        }\r\n\r\n        .pybo .faq-body {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height .32s ease;\r\n        }\r\n\r\n        .pybo .faq-body.open {\r\n            max-height: 200px;\r\n        }\r\n\r\n        .pybo .faq-inner {\r\n            padding: 0 24px 20px;\r\n            font-size: 14px;\r\n            color: #555;\r\n            line-height: 1.75;\r\n        }\r\n    <\/style>\r\n\r\n<\/div>\r\n\r\n<div class=\"pybo-toast\" id=\"pybo-toast\">\r\n    <div class=\"tck\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\r\n            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"20 6 9 17 4 12\" \/>\r\n        <\/svg><\/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        var PYBO_BASE_URL = 'https:\/\/www.pybo.seomos.com';\r\n        var PYBO_SHOP_URL = PYBO_BASE_URL + '\/tienda';\r\n        var PYBO_PRODUCTS = [];\r\n\r\n        var SVG_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>';\r\n        var SVG_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>';\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\" 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>';\r\n        var SVG_LOAD = '<svg width=\"16\" height=\"16\" 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=\"16\" height=\"16\" 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_PLUS = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/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        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        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 enrichProducts() {\r\n            return fetch(PYBO_BASE_URL + '\/wp-json\/wc\/store\/v1\/products?per_page=24&_=' + 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                    PYBO_PRODUCTS = items.map(function (item, index) {\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                        var catObj = (item.categories && item.categories.length > 0) ? item.categories[0] : { slug: 'otros', name: 'Otros' };\r\n                        var tags = item.tags ? item.tags.map(function (t) { return t.name.toLowerCase(); }) : [];\r\n                        return {\r\n                            id: item.id, name: item.name || 'Producto',\r\n                            cat: catObj.slug, catLabel: catObj.name,\r\n                            hot: tags.includes('hot') || tags.includes('destacado'),\r\n                            isNew: tags.includes('nuevo') || tags.includes('new'),\r\n                            flash: esOferta || isSale, hero: index === 0,\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                            isSale: isSale,\r\n                            img: (item.images && item.images[0]) ? item.images[0].src : '',\r\n                            permalink: item.permalink || '#'\r\n                        };\r\n                    });\r\n                    return PYBO_PRODUCTS;\r\n                });\r\n        }\r\n\r\n        function renderHero() {\r\n            var p = PYBO_PRODUCTS.find(function (x) { return x.hero; }) || PYBO_PRODUCTS[0];\r\n            if (!p) return;\r\n            document.getElementById('pybo-hc-cat').textContent = p.catLabel || '';\r\n            document.getElementById('pybo-hc-name').textContent = p.name || '';\r\n            document.getElementById('pybo-hc-name').style.background = 'transparent';\r\n            var priceEl = document.getElementById('pybo-hc-price');\r\n            priceEl.innerHTML = escHtml(p.price || '');\r\n            if (p.regular) priceEl.innerHTML += '<del>' + escHtml(p.regular) + '<\/del>';\r\n            var hcImg = document.getElementById('pybo-hc-img');\r\n            hcImg.innerHTML = p.img ? '<img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + escHtml(p.name || '') + '\" loading=\"lazy\">' : '';\r\n            var hcAtc = document.getElementById('pybo-hc-atc');\r\n            hcAtc.dataset.id = p.id; hcAtc.dataset.name = p.name || '';\r\n        }\r\n\r\n        function renderFlash() {\r\n            var flashProds = PYBO_PRODUCTS.filter(function (p) { return p.flash; }).slice(0, 3);\r\n            var container = document.getElementById('pybo-flash-cards');\r\n            if (!flashProds.length) { document.getElementById('pybo-flash').style.display = 'none'; return; }\r\n            container.innerHTML = flashProds.map(function (p, i) {\r\n                var disc = '';\r\n                if (p.regular) {\r\n                    var s = parseFloat(String(p.price).replace(\/[^0-9]\/g, '')), r = parseFloat(String(p.regular).replace(\/[^0-9]\/g, ''));\r\n                    if (r > 0 && s > 0 && s < r) disc = '-' + Math.round((1 - s \/ r) * 100) + '%';\r\n                }\r\n                var imgHtml = p.img ? '<img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + escHtml(p.name || '') + '\" loading=\"lazy\">' : '';\r\n                var href = p.permalink || '#';\r\n                return '<div class=\"flash-card\" style=\"animation-delay:' + (i * .1).toFixed(2) + 's;cursor:pointer\" onclick=\"window.location.href=\\'' + href + '\\'\">'\r\n                    + '<a href=\"' + href + '\" class=\"fc-img-link\"><div class=\"fc-img\">' + imgHtml + '<\/div><\/a>'\r\n                    + '<div class=\"fc-body\"><div class=\"fc-cat\">' + escHtml(p.catLabel || '') + '<\/div>'\r\n                    + '<div class=\"fc-name\">' + escHtml(p.name || 'Producto') + '<\/div>'\r\n                    + '<div class=\"fc-prices\"><span class=\"fc-price\">' + escHtml(p.price || '') + '<\/span>'\r\n                    + (p.regular ? '<span class=\"fc-old\">' + escHtml(p.regular) + '<\/span>' : '')\r\n                    + (disc ? '<span class=\"fc-disc\">' + disc + '<\/span>' : '') + '<\/div>'\r\n                    + '<button class=\"fc-atc pybo-atc\" data-id=\"' + p.id + '\" data-name=\"' + escAttr(p.name || 'Producto') + '\">Agregar al carrito<\/button>'\r\n                    + '<\/div><\/div>';\r\n            }).join('');\r\n            fixFlashLayout();\r\n        }\r\n\r\n        function fixFlashLayout() {\r\n            var mq = window.matchMedia('(max-width:768px)'), fc = document.getElementById('pybo-flash-cards');\r\n            if (!fc) return;\r\n            function apply(e) { if (e.matches) { fc.style.display = 'flex'; fc.style.flexDirection = 'column'; } else { fc.style.display = 'contents'; fc.style.flexDirection = ''; } }\r\n            apply(mq);\r\n            mq.addEventListener ? mq.addEventListener('change', apply) : mq.addListener(apply);\r\n        }\r\n\r\n        function renderGrid() {\r\n            var grid = document.getElementById('pybo-grid');\r\n            if (!PYBO_PRODUCTS.length) {\r\n                grid.innerHTML = '<div class=\"pybo-error\"><svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-bottom:12px\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><div class=\"pybo-error-msg\">No hay productos disponibles.<\/div><\/div>';\r\n                return;\r\n            }\r\n            grid.innerHTML = PYBO_PRODUCTS.map(function (p, i) {\r\n                var badge = p.hot ? '<span class=\"prod-tag tag-hot\">' + SVG_HOT + ' Popular<\/span>'\r\n                    : p.isNew ? '<span class=\"prod-tag tag-new\">' + SVG_NEW + ' Nuevo<\/span>'\r\n                        : p.isSale ? '<span class=\"prod-tag tag-sale\">' + SVG_SALE + ' Oferta<\/span>' : '';\r\n                var imgHtml = p.img ? '<img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + escHtml(p.name || '') + '\" loading=\"lazy\">' : '';\r\n                var href = p.permalink || '#';\r\n                return '<div class=\"prod-card\" data-cat=\"' + p.cat + '\" style=\"animation-delay:' + (i * .055).toFixed(3) + 's\">'\r\n                    + '<a href=\"' + href + '\" style=\"display:block\"><div class=\"prod-img\">' + badge + imgHtml + '<\/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 || 'Producto') + '<\/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 || 'Producto') + '\" aria-label=\"Agregar al carrito\">'\r\n                    + SVG_PLUS + '<\/button><\/div><\/div><\/div>';\r\n            }).join('');\r\n        }\r\n\r\n        function addToCart(btn, id, name) {\r\n            if (!id) { toast('ID no disponible'); return; }\r\n            btn.classList.add('loading');\r\n            var orig = btn.innerHTML;\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 = orig; 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 = orig; btn.classList.remove('done'); }, 2000);\r\n                    toast(name + ' agregado al carrito');\r\n                    fetch(PYBO_BASE_URL + '\/?wc-ajax=get_refreshed_fragments', { method: 'POST' })\r\n                        .then(function (r) { return r.json(); })\r\n                        .then(function (d) { if (typeof window.pyboUpdateCart === 'function') window.pyboUpdateCart(d && d.cart_count != null ? parseInt(d.cart_count, 10) : null); })\r\n                        .catch(function () { });\r\n                })\r\n                .catch(function () { btn.classList.remove('loading'); btn.innerHTML = orig; toast('Error de red.'); });\r\n        }\r\n\r\n        function applyFilter(filter) {\r\n            document.querySelectorAll('#pybo-pills-bar .cpb-pill').forEach(function (pill) { pill.classList.toggle('active', pill.dataset.filter === filter); });\r\n            document.querySelectorAll('#pybo-cats .cat-pill').forEach(function (pill) { pill.classList.toggle('active', pill.dataset.filter === filter); });\r\n            document.querySelectorAll('#pybo-grid .prod-card').forEach(function (card) { card.style.display = (filter === 'all' || card.dataset.cat === filter) ? '' : 'none'; });\r\n            [document.getElementById('pybo-see-all'), document.getElementById('pybo-see-all-2')].forEach(function (btn) {\r\n                if (!btn) return;\r\n                btn.dataset.href = filter === 'all' ? PYBO_SHOP_URL : PYBO_SHOP_URL + '?cat=' + filter;\r\n                btn.textContent = filter === 'all' ? 'Ver todo \u2192' : 'Ver ' + filter.replace(\/-\/g, ' ') + ' \u2192';\r\n            });\r\n        }\r\n\r\n        document.getElementById('pybo-cats').addEventListener('click', function (e) {\r\n            var pill = e.target.closest('.cat-pill');\r\n            if (pill) applyFilter(pill.dataset.filter || 'all');\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        document.getElementById('pybo-shop-link').href = PYBO_SHOP_URL;\r\n        [document.getElementById('pybo-see-all'), document.getElementById('pybo-see-all-2')].forEach(function (btn) {\r\n            if (!btn) return;\r\n            btn.dataset.href = PYBO_SHOP_URL;\r\n            btn.onclick = function (e) { e.preventDefault(); window.location.href = this.dataset.href || PYBO_SHOP_URL; };\r\n        });\r\n\r\n        (function () {\r\n            var h = 4, m = 23, s = 11;\r\n            var eH = document.getElementById('fh'), eM = document.getElementById('fm'), eS = document.getElementById('fs');\r\n            if (!eH) return;\r\n            function flip(el, v) {\r\n                var str = String(v).padStart(2, '0');\r\n                if (el.textContent === str) return;\r\n                el.classList.remove('pybo-flip'); void el.offsetWidth;\r\n                el.textContent = str; el.classList.add('pybo-flip');\r\n            }\r\n            setInterval(function () { s--; if (s < 0) { s = 59; m--; } if (m < 0) { m = 59; h--; } if (h < 0) { h = m = s = 0; } flip(eH, h); flip(eM, m); flip(eS, s); }, 1000);\r\n        })();\r\n\r\n        document.querySelectorAll('.pybo .faq-trigger').forEach(function (t) {\r\n            t.addEventListener('click', function () {\r\n                var body = t.closest('.faq-item').querySelector('.faq-body');\r\n                var open = t.classList.contains('open');\r\n                document.querySelectorAll('.pybo .faq-trigger.open').forEach(function (x) { x.classList.remove('open'); x.closest('.faq-item').querySelector('.faq-body').classList.remove('open'); });\r\n                if (!open) { t.classList.add('open'); body.classList.add('open'); }\r\n            });\r\n        });\r\n\r\n        function init() {\r\n            var sk = '<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            document.getElementById('pybo-grid').innerHTML = sk.repeat(4);\r\n            enrichProducts()\r\n                .then(function () { renderHero(); renderFlash(); renderGrid(); })\r\n                .catch(function (err) {\r\n                    console.error('[PYBO]', err);\r\n                    document.getElementById('pybo-grid').innerHTML = '<div class=\"pybo-error\"><svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"1.5\" stroke-linecap=\"round\" style=\"margin-bottom:12px\"><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 class=\"pybo-error-msg\">No se pudieron cargar los productos.<\/div><button class=\"pybo-retry\" onclick=\"location.reload()\">Reintentar<\/button><\/div>';\r\n                    document.getElementById('pybo-flash').style.display = 'none';\r\n                });\r\n        }\r\n        init();\r\n    })();\r\n<\/script>\r\n\r\n<script>\r\n    (function () {\r\n        'use strict';\r\n        if (!('IntersectionObserver' in window)) {\r\n            document.querySelectorAll('.pybo-reveal').forEach(function (el) { el.classList.add('pybo-visible'); });\r\n            return;\r\n        }\r\n        var obs = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('pybo-visible'); obs.unobserve(e.target); } });\r\n        }, { threshold: 0.08, rootMargin: '0px 0px -32px 0px' });\r\n        document.querySelectorAll('.pybo-reveal').forEach(function (el) { obs.observe(el); });\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>Flash sale \u00b7 Hasta 40% OFF Tu tienda detecnolog\u00edafavorita Trayendo la tecnolog\u00eda al alcance de todos. Los mejores gadgets, env\u00edo r\u00e1pido y garant\u00eda real en cada compra. Comprar ahora Ver ofertas Env\u00edo gratis 30 d\u00edas devoluci\u00f3n Pago seguro Nuevo ingreso esta semana Cargando\u2026 Agregar al carrito 4.9 \u00b7 1.2k rese\u00f1as Explora por categor\u00eda Ver todo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-246","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/246","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=246"}],"version-history":[{"count":148,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/246\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/pages\/246\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/www.pybo.seomos.com\/en\/wp-json\/wp\/v2\/media?parent=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}