{"id":100,"date":"2026-10-13T02:32:47","date_gmt":"2026-10-13T05:32:47","guid":{"rendered":"https:\/\/organza.com.ar\/organza\/?page_id=100"},"modified":"2026-10-13T02:38:28","modified_gmt":"2026-10-13T05:38:28","slug":"reels","status":"publish","type":"page","link":"https:\/\/organza.com.ar\/organza\/reels\/","title":{"rendered":"reels"},"content":{"rendered":"        <div class=\"elite-reels-container-frontend\" id=\"elite-reels-app\">\n          <!-- Bot\u00f3n Volver al Men\u00fa -->\n                        <a href=\"https:\/\/organza.com.ar\/organza\/\" class=\"elite-back-btn\" title=\"Volver al inicio de Organza\">\n                            <i class=\"fas fa-arrow-left\"><\/i>\n                            <span class=\"back-btn-text\">Inicio<\/span>\n                        <\/a>\n            \n            <!-- Bot\u00f3n de Sonido (Global) -->\n            <div class=\"elite-reel-controls\">\n                <button class=\"elite-control-btn sound-toggle\" title=\"Sonido\">\n                    <i class=\"fas fa-volume-mute sound-off\"><\/i>\n                    <i class=\"fas fa-volume-up sound-on\" style=\"display:none;\"><\/i>\n                <\/button>\n            <\/div>\n\n            <div class=\"elite-reels-wrapper\">\n                                    <div class=\"elite-reel-item\" data-index=\"0\" data-id=\"1\">\n                        <video \n                            class=\"elite-reel-video\"\n                            src=\"https:\/\/organza.com.ar\/organza\/wp-content\/uploads\/2026\/10\/screenrecording-2026-10-12_23-54-03.mp4\"\n                            playsinline\n                            loop\n                            muted\n                            preload=\"metadata\"\n                        ><\/video>\n                        \n                        <div class=\"elite-reel-overlay\">\n                            <div class=\"elite-reel-info\">\n                                <h2 class=\"elite-reel-title\">Titulo de ejemplo<\/h2>\n                                                                    <p class=\"elite-reel-description\">esta es una descripci\u00f3n de ejemplo<\/p>\n                                                                                                    <p class=\"elite-reel-hashtags\">#ejemplo, #reels<\/p>\n                                                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"elite-reel-progress\">\n                            <div class=\"elite-reel-progress-bar\"><\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            \n            <div class=\"elite-navigation-indicators\">\n                                    <div class=\"nav-dot active\" data-index=\"0\"><\/div>\n                            <\/div>\n        <\/div>\n        \n        <style>\n            #elite-reels-app {\n                --elite-black: #151210;\n                --elite-yellow: #CDB48A;\n                --elite-white: #F1EBE2;\n                --elite-dark-yellow: #A8875A;\n                --elite-light-gray: #FAF7F2;\n                --text-primary: #1A1714;\n                --text-secondary: #6F665D;\n                --transition-duration: 0.4s;\n                --easing: cubic-bezier(0.23, 1, 0.32, 1);\n            }\n            \n            #elite-reels-app,\n            #elite-reels-app *,\n            #elite-reels-app *::before,\n            #elite-reels-app *::after {\n                box-sizing: border-box;\n                -webkit-tap-highlight-color: transparent;\n            }\n            \n            #elite-reels-app {\n                overscroll-behavior: contain;\n                touch-action: pan-y;\n                -webkit-overflow-scrolling: touch;\n            }\n            \n            \/* ================================================\n               CONTENEDOR PRINCIPAL - RESPONSIVE COMPLETO\n               ================================================ *\/\n            .elite-reels-container-frontend {\n                position: relative;\n                width: 100%;\n                height: 100vh;\n                height: 100dvh; \/* Dynamic viewport height para m\u00f3viles *\/\n                margin: 0 auto;\n                overflow: hidden;\n                background: var(--elite-black);\n                font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;\n            }\n            \n            .elite-reels-wrapper {\n                position: relative;\n                width: 100%;\n                height: 100%;\n                transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            }\n            \n            .elite-reel-item {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: var(--elite-black);\n            }\n            \n            .elite-reel-video {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n            \n            \/* ================================================\n               DESKTOP - PANTALLAS ANCHAS (min-width: 1024px)\n               El video mantiene aspect ratio 9:16 centrado\n               ================================================ *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-reels-container-frontend {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background: linear-gradient(135deg, #FAF7F2 0%, #F2ECE3 50%, #FAF7F2 100%);\n                }\n                \n                .elite-reels-wrapper {\n                    position: relative;\n                    \/* Video mantiene aspect ratio 9:16 *\/\n                    width: auto;\n                    height: 100%;\n                    aspect-ratio: 9 \/ 16;\n                    max-height: 100vh;\n                    max-width: 100vw;\n                    border-radius: 20px;\n                    overflow: hidden;\n                    box-shadow: 0 24px 80px rgba(26, 23, 20, 0.18),\n                                0 0 0 1px rgba(168, 135, 90, 0.28);\n                }\n                \n                .elite-reel-item {\n                    border-radius: 20px;\n                    overflow: hidden;\n                }\n                \n                .elite-reel-video {\n                    border-radius: 20px;\n                }\n            }\n            \n            \/* Desktop Grande - Ultra Wide Screens *\/\n            @media (min-width: 1400px) and (min-aspect-ratio: 16\/10) {\n                .elite-reels-wrapper {\n                    height: 95vh;\n                    border-radius: 24px;\n                }\n                \n                .elite-reel-item,\n                .elite-reel-video {\n                    border-radius: 24px;\n                }\n            }\n            \n            \/* Desktop 4K y superiores *\/\n            @media (min-width: 2000px) {\n                .elite-reels-wrapper {\n                    height: 90vh;\n                    max-width: 800px;\n                }\n            }\n            \n            \/* ================================================\n               BOT\u00d3N VOLVER AL MEN\u00da\n               ================================================ *\/\n            .elite-back-btn {\n                position: absolute;\n                top: 40px;\n                left: 40px;\n                z-index: 50;\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                padding: 15px 25px;\n                background: rgba(21, 18, 16, 0.58);\n                backdrop-filter: blur(15px);\n                border: 1px solid rgba(241, 235, 226, 0.72);\n                border-radius: 0;\n                color: var(--elite-white);\n                text-decoration: none;\n                font-family: 'Jost', sans-serif;\n                font-size: 12px;\n                font-weight: 500;\n                letter-spacing: 0.16em;\n                text-transform: uppercase;\n                transition: all var(--transition-duration) var(--easing);\n                box-shadow: 0 8px 26px rgba(0, 0, 0, 0.16);\n                cursor: pointer;\n            }\n            \n            .elite-back-btn i {\n                font-size: 20px;\n                transition: transform var(--transition-duration) var(--easing);\n            }\n            \n            .elite-back-btn:hover {\n                background: var(--elite-yellow);\n                border-color: var(--elite-yellow);\n                color: var(--elite-black);\n                transform: translateY(-2px);\n                box-shadow: 0 12px 30px rgba(168, 135, 90, 0.3);\n            }\n            \n            .elite-back-btn:hover i {\n                transform: translateX(-5px);\n            }\n            \n            .elite-back-btn:active {\n                transform: scale(0.98);\n            }\n            \n            \/* Ajustes del bot\u00f3n para desktop *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-back-btn {\n                    top: 30px;\n                    left: 30px;\n                    padding: 12px 22px;\n                    font-size: 16px;\n                    gap: 10px;\n                }\n                \n                .elite-back-btn i {\n                    font-size: 18px;\n                }\n            }\n            \n            \/* ================================================\n               OVERLAY DE INFORMACI\u00d3N\n               ================================================ *\/\n            .elite-reel-overlay {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                padding: 60px 40px 80px;\n                background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 50%, transparent 100%);\n                color: var(--elite-white);\n                z-index: 10;\n            }\n            \n            .elite-reel-info {\n                max-width: 100%;\n            }\n            \n            #elite-reels-app .elite-reel-title {\n                font-family: 'Cormorant Garamond', Georgia, serif !important;\n                font-size: clamp(30px, 3vw, 44px) !important;\n                font-weight: 400 !important;\n                margin-bottom: 6px !important;\n                line-height: 1.02 !important;\n                color: var(--elite-white);\n                text-shadow: 1px 1px 4px rgba(0,0,0,0.9);\n                letter-spacing: 0.01em;\n                text-transform: none;\n            }\n            \n            .elite-reel-description {\n                font-family: 'Jost', sans-serif;\n                font-size: clamp(13px, 1.4vw, 16px);\n                line-height: 1.55;\n                margin-bottom: 8px;\n                color: var(--elite-white);\n                font-weight: 400;\n                text-shadow: 1px 1px 4px rgba(0,0,0,0.9);\n            }\n            \n            \/* Ajustes del overlay para desktop *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-reel-overlay {\n                    padding: 40px 30px 60px;\n                    border-radius: 0 0 20px 20px;\n                }\n                \n                #elite-reels-app .elite-reel-title {\n                    font-size: 22px !important;\n                    margin-bottom: 8px !important;\n                }\n                \n                .elite-reel-description {\n                    font-size: clamp(12px, 1.2vw, 15px);\n                    margin-bottom: 8px;\n                }\n            }\n            \n            \/* ================================================\n               HASHTAGS\n               ================================================ *\/\n            .elite-reel-hashtags {\n                font-family: 'Jost', sans-serif;\n                font-size: clamp(11px, 1.2vw, 13px);\n                color: var(--elite-yellow);\n                font-weight: 500;\n                text-shadow: 1px 1px 6px rgba(0,0,0,0.9),\n                             0 0 12px rgba(249, 200, 66, 0.3);\n                letter-spacing: 0.5px;\n            }\n            \n            \/* ================================================\n               CONTROLES (Bot\u00f3n de sonido)\n               ================================================ *\/\n            .elite-reel-controls {\n                position: absolute;\n                top: 40px;\n                right: 40px;\n                display: flex;\n                flex-direction: column;\n                gap: 15px;\n                z-index: 50;\n            }\n            \n            .elite-control-btn {\n                width: clamp(45px, 6vw, 70px);\n                height: clamp(45px, 6vw, 70px);\n                border-radius: 50%;\n                border: 1px solid rgba(241, 235, 226, 0.72);\n                background: rgba(21, 18, 16, 0.58);\n                backdrop-filter: blur(15px);\n                cursor: pointer;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                transition: all var(--transition-duration) var(--easing);\n                box-shadow: 0 8px 26px rgba(0, 0, 0, 0.18);\n            }\n            \n            .elite-control-btn i {\n                font-size: clamp(18px, 2.5vw, 28px);\n                color: var(--elite-white);\n                transition: all var(--transition-duration) var(--easing);\n            }\n            \n            .elite-control-btn:hover {\n                background: var(--elite-yellow);\n                border-color: var(--elite-yellow);\n                transform: scale(1.04);\n                box-shadow: 0 10px 26px rgba(168, 135, 90, 0.34);\n            }\n            \n            .elite-control-btn:hover i {\n                color: var(--elite-black);\n            }\n            \n            .elite-control-btn:active {\n                transform: scale(0.95);\n            }\n            \n            \/* Ajustes de controles para desktop *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-reel-controls {\n                    top: 30px;\n                    right: 30px;\n                    gap: 12px;\n                }\n                \n                .elite-control-btn {\n                    width: 50px;\n                    height: 50px;\n                }\n                \n                .elite-control-btn i {\n                    font-size: 22px;\n                }\n            }\n            \n            \/* ================================================\n               BARRA DE PROGRESO\n               ================================================ *\/\n            .elite-reel-progress {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                height: clamp(4px, 0.5vw, 6px);\n                background: rgba(241, 235, 226, 0.22);\n                z-index: 30;\n            }\n            \n            .elite-reel-progress-bar {\n                height: 100%;\n                width: 0%;\n                background: linear-gradient(90deg, var(--elite-yellow) 0%, var(--elite-dark-yellow) 100%);\n                transition: width 0.1s linear;\n                box-shadow: 0 0 12px rgba(205, 180, 138, 0.28);\n            }\n            \n            \/* Ajustes de progreso para desktop *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-reel-progress {\n                    border-radius: 20px 20px 0 0;\n                }\n            }\n            \n            \/* ================================================\n               INDICADORES DE NAVEGACI\u00d3N (Dots)\n               ================================================ *\/\n            .elite-navigation-indicators {\n                position: absolute;\n                top: 50%;\n                right: 20px;\n                transform: translateY(-50%);\n                display: flex;\n                flex-direction: column;\n                gap: clamp(10px, 1.5vw, 18px);\n                z-index: 40;\n            }\n            \n            .nav-dot {\n                width: clamp(8px, 1vw, 12px);\n                height: clamp(8px, 1vw, 12px);\n                border-radius: 50%;\n                background: rgba(241, 235, 226, 0.5);\n                cursor: pointer;\n                transition: all var(--transition-duration) var(--easing);\n                border: 2px solid transparent;\n            }\n            \n            .nav-dot.active {\n                background: var(--elite-yellow);\n                height: clamp(30px, 4vw, 45px);\n                border-radius: 6px;\n                border: 2px solid var(--elite-yellow);\n                box-shadow: 0 0 14px rgba(205, 180, 138, 0.35);\n            }\n            \n            .nav-dot:hover {\n                background: rgba(205, 180, 138, 0.78);\n                border: 2px solid var(--elite-yellow);\n            }\n            \n            \/* Ajustes de navegaci\u00f3n para desktop *\/\n            @media (min-width: 1024px) and (min-aspect-ratio: 1\/1) {\n                .elite-navigation-indicators {\n                    right: 15px;\n                    gap: 12px;\n                }\n                \n                .nav-dot {\n                    width: 10px;\n                    height: 10px;\n                }\n                \n                .nav-dot.active {\n                    height: 35px;\n                }\n            }\n            \n            \/* ================================================\n               RESPONSIVE - TABLETS (max-width: 1023px)\n               ================================================ *\/\n            @media (max-width: 1023px) {\n                .elite-reel-overlay {\n                    padding: 40px 30px 70px;\n                }\n                \n                .elite-reel-controls {\n                    right: 25px;\n                    bottom: 180px;\n                }\n            }\n            \n            \/* ================================================\n               RESPONSIVE - TABLETS PEQUE\u00d1AS (max-width: 768px)\n               ================================================ *\/\n            @media (max-width: 768px) {\n                .elite-back-btn {\n                    top: 25px;\n                    left: 25px;\n                    padding: 12px 18px;\n                    font-size: 15px;\n                    gap: 8px;\n                }\n                \n                .elite-back-btn i {\n                    font-size: 17px;\n                }\n                \n                .elite-reel-overlay {\n                    padding: 35px 25px 65px;\n                }\n                \n                .elite-reel-controls {\n                    top: 25px;\n                    right: 25px;\n                    gap: 12px;\n                }\n            }\n            \n            \/* ================================================\n               RESPONSIVE - M\u00d3VILES (max-width: 576px)\n               ================================================ *\/\n            @media (max-width: 576px) {\n                .elite-back-btn {\n                    top: 20px;\n                    left: 20px;\n                    padding: 10px 16px;\n                    font-size: 14px;\n                    gap: 7px;\n                    border-width: 2px;\n                }\n                \n                .elite-back-btn i {\n                    font-size: 16px;\n                }\n                \n                .elite-reel-overlay {\n                    padding: 20px 15px 40px;\n                }\n                \n                \/* T\u00cdTULOS M\u00c1S PEQUE\u00d1OS PARA M\u00d3VILES *\/\n                #elite-reels-app .elite-reel-title {\n                    font-size: 14px !important;\n                    font-weight: 700 !important;\n                    margin-bottom: 4px !important;\n                    line-height: 1.1 !important;\n                }\n                \n                #elite-reels-app .elite-reel-description {\n                    font-size: 11px !important;\n                    line-height: 1.2 !important;\n                    margin-bottom: 4px !important;\n                }\n                \n                .elite-reel-hashtags {\n                    font-size: 10px;\n                    letter-spacing: 0.3px;\n                }\n                \n                .elite-reel-controls {\n                    top: 20px;\n                    right: 20px;\n                    gap: 10px;\n                }\n                \n                .elite-control-btn {\n                    width: 48px;\n                    height: 48px;\n                }\n                \n                .elite-control-btn i {\n                    font-size: 20px;\n                }\n                \n                .elite-navigation-indicators {\n                    right: 12px;\n                    gap: 10px;\n                }\n                \n                .nav-dot {\n                    width: 8px;\n                    height: 8px;\n                }\n                \n                .nav-dot.active {\n                    height: 28px;\n                    border-radius: 4px;\n                }\n            }\n            \n            \/* ================================================\n               RESPONSIVE - M\u00d3VILES PEQUE\u00d1OS (max-width: 400px)\n               ================================================ *\/\n            @media (max-width: 400px) {\n                .elite-back-btn {\n                    top: 15px;\n                    left: 15px;\n                    padding: 8px 14px;\n                    font-size: 13px;\n                    gap: 6px;\n                }\n                \n                .elite-back-btn i {\n                    font-size: 14px;\n                }\n                \n                .elite-reel-overlay {\n                    padding: 15px 12px 35px;\n                }\n                \n                \/* T\u00cdTULOS MUY PEQUE\u00d1OS PARA M\u00d3VILES PEQUE\u00d1OS *\/\n                #elite-reels-app .elite-reel-title {\n                    font-size: 12px !important;\n                    font-weight: 700 !important;\n                    margin-bottom: 3px !important;\n                }\n                \n                #elite-reels-app .elite-reel-description {\n                    font-size: 10px !important;\n                    line-height: 1.1 !important;\n                    margin-bottom: 3px !important;\n                }\n                \n                .elite-reel-hashtags {\n                    font-size: 9px;\n                    letter-spacing: 0.2px;\n                }\n                \n                .elite-reel-controls {\n                    top: 15px;\n                    right: 15px;\n                    gap: 8px;\n                }\n                \n                .elite-control-btn {\n                    width: 42px;\n                    height: 42px;\n                }\n                \n                .elite-control-btn i {\n                    font-size: 18px;\n                }\n                \n                .elite-navigation-indicators {\n                    right: 10px;\n                    gap: 8px;\n                }\n                \n                .nav-dot {\n                    width: 7px;\n                    height: 7px;\n                }\n                \n                .nav-dot.active {\n                    height: 24px;\n                }\n            }\n            \n            \/* ================================================\n               LANDSCAPE EN M\u00d3VILES (pantalla rotada)\n               ================================================ *\/\n            @media (max-height: 500px) and (orientation: landscape) {\n                .elite-back-btn {\n                    top: 12px;\n                    left: 12px;\n                    padding: 6px 12px;\n                    font-size: 12px;\n                    gap: 5px;\n                    border-width: 2px;\n                }\n                \n                .elite-back-btn i {\n                    font-size: 12px;\n                }\n                \n                .back-btn-text {\n                    display: none;\n                }\n                \n                .elite-reel-overlay {\n                    padding: 15px 15px 35px;\n                }\n                \n                .elite-reel-controls {\n                    top: 12px;\n                    right: 12px;\n                    gap: 6px;\n                }\n                \n                .elite-control-btn {\n                    width: 36px;\n                    height: 36px;\n                }\n                \n                .elite-control-btn i {\n                    font-size: 16px;\n                }\n                \n                .elite-navigation-indicators {\n                    right: 8px;\n                    gap: 6px;\n                }\n                \n                .nav-dot {\n                    width: 6px;\n                    height: 6px;\n                }\n                \n                .nav-dot.active {\n                    height: 18px;\n                    border-radius: 3px;\n                }\n                \n                .elite-reel-progress {\n                    height: 3px;\n                }\n            }\n            \n            \/* ================================================\n               PANTALLAS MUY GRANDES (4K+)\n               ================================================ *\/\n            @media (min-width: 2560px) {\n                .elite-reels-wrapper {\n                    max-width: 900px;\n                    height: 85vh;\n                }\n                \n                .elite-back-btn {\n                    font-size: 18px;\n                    padding: 14px 24px;\n                }\n                \n                .elite-reel-title {\n                    font-size: 36px;\n                }\n                \n                .elite-reel-description {\n                    font-size: 20px;\n                }\n                \n                .elite-reel-hashtags {\n                    font-size: 18px;\n                }\n            }\n            \n            \/* ================================================\n               ANIMACIONES SUAVES\n               ================================================ *\/\n            @media (prefers-reduced-motion: no-preference) {\n                .elite-reel-item,\n                .elite-back-btn,\n                .elite-control-btn,\n                .nav-dot {\n                    transition: all var(--transition-duration) var(--easing);\n                }\n            }\n            \n            \/* Para usuarios que prefieren menos movimiento *\/\n            @media (prefers-reduced-motion: reduce) {\n                #elite-reels-app *,\n                #elite-reels-app *::before,\n                #elite-reels-app *::after {\n                    transition-duration: 0.01ms !important;\n                    animation-duration: 0.01ms !important;\n                }\n            }\n\n            \/* Acabado editorial Organza: overrides finales sobre estilos heredados. *\/\n            #elite-reels-app {\n                color: #F1EBE2;\n                background: linear-gradient(145deg, #FAF7F2 0%, #F2ECE3 55%, #E8DFD2 100%);\n            }\n\n            #elite-reels-app .elite-reel-title {\n                color: #F1EBE2 !important;\n                font-family: 'Cormorant Garamond', Georgia, serif !important;\n                font-size: clamp(1.65rem, 2.5vw, 2.15rem) !important;\n                font-weight: 500 !important;\n                margin: 0 0 10px !important;\n                line-height: 1.04 !important;\n                letter-spacing: .01em !important;\n                text-transform: none !important;\n                text-shadow: 0 2px 18px rgba(21, 18, 16, .42) !important;\n            }\n\n            #elite-reels-app .elite-reel-description,\n            #elite-reels-app .elite-reel-hashtags {\n                font-family: 'Jost', sans-serif !important;\n                font-weight: 400 !important;\n                margin: 0 0 10px !important;\n                letter-spacing: .015em !important;\n                text-shadow: 0 1px 12px rgba(21, 18, 16, .48) !important;\n            }\n\n            #elite-reels-app .elite-reel-overlay {\n                padding: clamp(28px, 6vh, 60px) clamp(24px, 6vw, 48px) clamp(36px, 8vh, 72px) !important;\n            }\n\n            #elite-reels-app .elite-reel-info {\n                width: 100%;\n                max-width: 36rem;\n            }\n\n            #elite-reels-app .elite-reel-hashtags {\n                color: #E2CDAA !important;\n            }\n\n            #elite-reels-app .elite-back-btn,\n            #elite-reels-app .elite-control-btn {\n                color: #F1EBE2 !important;\n                background: rgba(21, 18, 16, .58) !important;\n                border: 1px solid rgba(241, 235, 226, .55) !important;\n                box-shadow: 0 8px 24px rgba(21, 18, 16, .12) !important;\n                backdrop-filter: blur(12px);\n            }\n\n            #elite-reels-app .elite-back-btn {\n                padding: 12px 20px !important;\n                min-height: 44px;\n                gap: 10px;\n            }\n\n            #elite-reels-app .elite-back-btn:hover,\n            #elite-reels-app .elite-control-btn:hover {\n                color: #151210 !important;\n                background: #CDB48A !important;\n                border-color: #CDB48A !important;\n            }\n\n            #elite-reels-app .elite-reel-progress {\n                background: rgba(241, 235, 226, .25) !important;\n            }\n\n            #elite-reels-app .elite-reel-progress-bar {\n                background: linear-gradient(90deg, #CDB48A 0%, #A8875A 100%) !important;\n                box-shadow: 0 0 12px rgba(205, 180, 138, .28) !important;\n            }\n\n            #elite-reels-app .nav-dot {\n                background: rgba(241, 235, 226, .58) !important;\n            }\n\n            #elite-reels-app .nav-dot.active,\n            #elite-reels-app .nav-dot:hover {\n                background: #CDB48A !important;\n                border-color: #CDB48A !important;\n                box-shadow: 0 0 14px rgba(205, 180, 138, .35) !important;\n            }\n\n            @media (max-width: 576px) {\n                #elite-reels-app .elite-reel-title {\n                    font-size: clamp(1.9rem, 7vw, 2.25rem) !important;\n                }\n\n                #elite-reels-app .elite-back-btn {\n                    font-size: 12px !important;\n                    padding: 11px 17px !important;\n                }\n            }\n        <\/style>\n        \n        <script>\n        (function() {\n            const app = document.getElementById('elite-reels-app');\n            const wrapper = app.querySelector('.elite-reels-wrapper');\n            const reels = Array.from(app.querySelectorAll('.elite-reel-item'));\n            const dots = Array.from(app.querySelectorAll('.nav-dot'));\n            \n            let currentIndex = 0;\n            let startY = 0;\n            let isDragging = false;\n            let videos = [];\n            let isGlobalMuted = true;\n            \n            \/\/ Inicializar\n            let lastTap = 0;\n            const globalSoundBtn = app.querySelector('.sound-toggle');\n            \n            \/\/ Control de sonido global\n            if (globalSoundBtn) {\n                globalSoundBtn.addEventListener('click', function(e) {\n                    e.stopPropagation();\n                    isGlobalMuted = !isGlobalMuted;\n                    \n                    \/\/ Aplicar a todos los videos\n                    videos.forEach(v => {\n                        v.muted = isGlobalMuted;\n                    });\n                    \n                    \/\/ Actualizar iconos del bot\u00f3n\n                    this.querySelector('.sound-off').style.display = isGlobalMuted ? 'inline' : 'none';\n                    this.querySelector('.sound-on').style.display = isGlobalMuted ? 'none' : 'inline';\n                });\n            }\n            \n            reels.forEach((reel, index) => {\n                const video = reel.querySelector('.elite-reel-video');\n                videos.push(video);\n                \n                video.muted = isGlobalMuted;\n                \n                reel.style.transform = `translateY(${index * 100}%)`;\n                \n                \/\/ Doble tap para pausar\/reproducir (m\u00f3viles)\n                video.addEventListener('click', function(e) {\n                    const currentTime = new Date().getTime();\n                    const tapLength = currentTime - lastTap;\n                    \n                    if (tapLength < 300 && tapLength > 0) {\n                        \/\/ Doble tap detectado\n                        if (video.paused) {\n                            video.play();\n                        } else {\n                            video.pause();\n                        }\n                    }\n                    \n                    lastTap = currentTime;\n                });\n            });\n            \n            \/\/ Reproducir primer video\n            if (videos[0]) {\n                videos[0].play().catch(e => console.log('Autoplay prevented:', e));\n                updateProgress(videos[0], reels[0]);\n            }\n            \n            \/\/ Navegaci\u00f3n t\u00e1ctil\/mouse\n            wrapper.addEventListener('mousedown', handleStart);\n            wrapper.addEventListener('touchstart', handleStart);\n            \n            wrapper.addEventListener('mousemove', handleMove);\n            wrapper.addEventListener('touchmove', handleMove);\n            \n            wrapper.addEventListener('mouseup', handleEnd);\n            wrapper.addEventListener('touchend', handleEnd);\n            wrapper.addEventListener('mouseleave', handleEnd);\n            \n            \/\/ Navegaci\u00f3n con puntos\n            dots.forEach(dot => {\n                dot.addEventListener('click', function() {\n                    const index = parseInt(this.dataset.index);\n                    goToReel(index);\n                });\n            });\n            \n            \/\/ Navegaci\u00f3n con teclado\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n                    goToReel(currentIndex - 1);\n                } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n                    goToReel(currentIndex + 1);\n                }\n            });\n            \n            function handleStart(e) {\n                isDragging = true;\n                startY = e.type === 'mousedown' ? e.clientY : e.touches[0].clientY;\n            }\n            \n            function handleMove(e) {\n                if (!isDragging) return;\n                \n                const currentY = e.type === 'mousemove' ? e.clientY : e.touches[0].clientY;\n                const diff = startY - currentY;\n                \n                \/\/ Prevenir scroll nativo\n                e.preventDefault();\n            }\n            \n            function handleEnd(e) {\n                if (!isDragging) return;\n                \n                const endY = e.type === 'mouseup' ? e.clientY : e.changedTouches[0].clientY;\n                const diff = startY - endY;\n                \n                \/\/ Sensibilidad adaptativa seg\u00fan tama\u00f1o de pantalla\n                const threshold = window.innerWidth < 768 ? 30 : 50;\n                \n                if (Math.abs(diff) > threshold) {\n                    if (diff > 0) {\n                        \/\/ Swipe up - siguiente\n                        goToReel(currentIndex + 1);\n                    } else {\n                        \/\/ Swipe down - anterior\n                        goToReel(currentIndex - 1);\n                    }\n                }\n                \n                isDragging = false;\n            }\n            \n            function goToReel(index) {\n                \/\/ SCROLL INFINITO: Si llegamos al final, volver al principio\n                if (index >= reels.length) {\n                    index = 0;\n                }\n                \/\/ Si vamos hacia atr\u00e1s desde el principio, ir al final\n                if (index < 0) {\n                    index = reels.length - 1;\n                }\n                \n                \/\/ Si es el mismo \u00edndice, no hacer nada\n                if (index === currentIndex) {\n                    return;\n                }\n                \n                \/\/ Pausar video actual\n                videos[currentIndex].pause();\n                videos[currentIndex].currentTime = 0;\n                \n                \/\/ Actualizar \u00edndice\n                currentIndex = index;\n                \n                \/\/ Mover reels\n                reels.forEach((reel, i) => {\n                    reel.style.transform = `translateY(${(i - currentIndex) * 100}%)`;\n                });\n                \n                \/\/ Actualizar dots\n                dots.forEach((dot, i) => {\n                    dot.classList.toggle('active', i === currentIndex);\n                });\n                \n                \/\/ Reproducir nuevo video\n                const newVideo = videos[currentIndex];\n                newVideo.muted = isGlobalMuted; \/\/ Asegurar que respete el estado global\n                newVideo.play().catch(e => console.log('Play error:', e));\n                updateProgress(newVideo, reels[currentIndex]);\n                \n                \/\/ Precargar siguiente (con loop infinito)\n                const nextIndex = (index + 1) % videos.length;\n                videos[nextIndex].load();\n            }\n            \n            function updateProgress(video, reel) {\n                const progressBar = reel.querySelector('.elite-reel-progress-bar');\n                \n                function updateBar() {\n                    if (video.duration) {\n                        const progress = (video.currentTime \/ video.duration) * 100;\n                        progressBar.style.width = progress + '%';\n                    }\n                    \n                    if (!video.paused && !video.ended) {\n                        requestAnimationFrame(updateBar);\n                    }\n                }\n                \n                video.addEventListener('playing', updateBar);\n                video.addEventListener('ended', function() {\n                    progressBar.style.width = '100%';\n                    \/\/ Auto siguiente con scroll infinito\n                    setTimeout(() => {\n                        const nextIndex = currentIndex + 1;\n                        goToReel(nextIndex); \/\/ goToReel ya maneja el loop infinito\n                    }, 300);\n                });\n            }\n            \n            \/\/ Prevenir scroll de p\u00e1gina\n            let wheelTimeout;\n            app.addEventListener('wheel', function(e) {\n                e.preventDefault();\n                \n                \/\/ Throttle wheel events\n                clearTimeout(wheelTimeout);\n                wheelTimeout = setTimeout(() => {\n                    if (e.deltaY > 0) {\n                        goToReel(currentIndex + 1);\n                    } else {\n                        goToReel(currentIndex - 1);\n                    }\n                }, 50);\n            }, { passive: false });\n            \n            \/\/ Detectar cambio de orientaci\u00f3n en m\u00f3viles\n            window.addEventListener('orientationchange', function() {\n                setTimeout(() => {\n                    \/\/ Reajustar video actual despu\u00e9s de cambio de orientaci\u00f3n\n                    reels.forEach((reel, i) => {\n                        reel.style.transform = `translateY(${(i - currentIndex) * 100}%)`;\n                    });\n                }, 100);\n            });\n            \n            \/\/ Prevenir zoom con pellizco en m\u00f3viles\n            document.addEventListener('gesturestart', function(e) {\n                e.preventDefault();\n            });\n            \n            document.addEventListener('gesturechange', function(e) {\n                e.preventDefault();\n            });\n            \n            document.addEventListener('gestureend', function(e) {\n                e.preventDefault();\n            });\n            \n        })();\n        <\/script>\n        \n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":2,"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/pages\/100\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/organza.com.ar\/organza\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}