{"id":5907,"date":"2026-07-30T16:27:25","date_gmt":"2026-07-30T22:27:25","guid":{"rendered":"https:\/\/pilates2.pixelsiete.com\/?page_id=5907"},"modified":"2026-08-18T14:13:29","modified_gmt":"2026-08-18T20:13:29","slug":"descargar-app","status":"publish","type":"page","link":"https:\/\/pilatesseven.com\/en\/descargar-app\/","title":{"rendered":"Descargar App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5907\" class=\"elementor elementor-5907\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3008e78 e-flex e-con-boxed e-con e-parent\" data-id=\"3008e78\" 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-380db5a elementor-widget elementor-widget-html\" data-id=\"380db5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wdt_animation_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n<style>\r\n    \/* ==================================================\r\n   AISLAMIENTO GENERAL\r\n================================================== *\/\r\n\r\n    .ps-download-app,\r\n    .ps-download-app * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ps-download-app {\r\n        width: 100%;\r\n        max-width: 720px;\r\n        margin: 0 auto;\r\n        color: #111111;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .ps-download-app button {\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* ==================================================\r\n   PANTALLAS\r\n================================================== *\/\r\n\r\n    .ps-screen {\r\n        display: none;\r\n    }\r\n\r\n    .ps-screen.is-active {\r\n        display: block;\r\n    }\r\n\r\n    \/* ==================================================\r\n   TARJETA PRINCIPAL\r\n================================================== *\/\r\n\r\n    .ps-download-card {\r\n        padding: 30px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        box-shadow: 0 8px 30px rgba(30, 50, 90, 0.1);\r\n    }\r\n\r\n    .ps-download-card__image {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        object-fit: cover;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .ps-download-card__content {\r\n        padding-top: 30px;\r\n    }\r\n\r\n    .ps-download-card__title {\r\n        margin: 0 0 7px;\r\n        color: #111111;\r\n        font-size: 25px;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .ps-download-card__text {\r\n        margin: 0 0 25px;\r\n        color: #666666;\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .ps-download-card__systems {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .ps-system-button {\r\n        appearance: none;\r\n        width: 100%;\r\n        padding: 15px 20px;\r\n        color: #ffffff;\r\n        font-size: 15px;\r\n        background: #c2a77d;\r\n        border: 1px solid #c2a77d;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        transition: 0.25s ease;\r\n    }\r\n\r\n    .ps-system-button:hover {\r\n        color: #ffffff;\r\n        background: #a98d64;\r\n        border-color: #a98d64;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* ==================================================\r\n   OPCIONES PARA COMPARTIR\r\n================================================== *\/\r\n\r\n    .ps-send-section {\r\n        margin-top: 28px;\r\n        padding-top: 24px;\r\n        border-top: 1px solid #e5e5e5;\r\n    }\r\n\r\n    .ps-send-section__label {\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        color: #111111;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ps-send-options {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n    }\r\n\r\n    .ps-send-option {\r\n        appearance: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 7px;\r\n\r\n        min-width: 120px;\r\n        padding: 11px 18px;\r\n\r\n        color: #111111;\r\n        font-size: 13px;\r\n        text-decoration: none;\r\n\r\n        background: #ffffff;\r\n        border: 1px solid #ccd2dc;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ps-send-option:hover {\r\n        color: #ffffff;\r\n        background: #111111;\r\n    }\r\n\r\n    \/* ==================================================\r\n   GU\u00cdA\r\n================================================== *\/\r\n\r\n    .ps-guide {\r\n        width: 100%;\r\n        padding: 25px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        box-shadow: 0 8px 30px rgba(30, 50, 90, 0.1);\r\n    }\r\n\r\n    .ps-guide__header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .ps-guide__back {\r\n        appearance: none;\r\n        flex: 0 0 42px;\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n        padding: 0;\r\n\r\n        color: #111111;\r\n        font-size: 21px;\r\n        line-height: 1;\r\n\r\n        background: #ffffff;\r\n        border: 1px solid #dddddd;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ps-guide__back:hover {\r\n        color: #ffffff;\r\n        background: #111111;\r\n    }\r\n\r\n    .ps-guide__title {\r\n        margin: 0;\r\n        color: #111111;\r\n        font-size: 27px;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* ==================================================\r\n   NAVEGADORES\r\n================================================== *\/\r\n\r\n    .ps-guide__tabs {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ps-browser-button {\r\n        appearance: none;\r\n        padding: 10px 18px;\r\n\r\n        color: #222222;\r\n        font-size: 14px;\r\n\r\n        background: #ffffff;\r\n        border: 1px solid #dddddd;\r\n        border-radius: 30px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ps-browser-button:hover {\r\n        border-color: #c2a77d;\r\n    }\r\n\r\n    .ps-browser-button.is-active {\r\n        color: #ffffff;\r\n        background: #c2a77d;\r\n        border-color: #c2a77d;\r\n    }\r\n\r\n    \/* ==================================================\r\n   SLIDER\r\n================================================== *\/\r\n\r\n    .ps-guide__swiper {\r\n        width: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ps-guide__image {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 6 \/ 7;\r\n        object-fit: cover;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .ps-guide__step {\r\n        margin: 12px 0 0;\r\n        color: #666666;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        text-align: center;\r\n    }\r\n\r\n    .ps-guide .ps-guide__pagination {\r\n        position: relative !important;\r\n        inset: auto !important;\r\n\r\n        display: flex !important;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n\r\n        width: 100% !important;\r\n        margin: 16px 0 0 !important;\r\n        transform: none !important;\r\n    }\r\n\r\n    .ps-guide .ps-guide__pagination .swiper-pagination-bullet {\r\n        flex: 0 0 11px !important;\r\n\r\n        width: 11px !important;\r\n        min-width: 11px !important;\r\n        max-width: 11px !important;\r\n\r\n        height: 11px !important;\r\n        min-height: 11px !important;\r\n        max-height: 11px !important;\r\n\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n\r\n        background: #a2a2a2 !important;\r\n        border: 0 !important;\r\n        border-radius: 50% !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n\r\n    .ps-guide .ps-guide__pagination .swiper-pagination-bullet-active {\r\n        background: #c2a77d !important;\r\n    }\r\n\r\n    \/* ==================================================\r\n   BOTONES ANTERIOR Y SIGUIENTE\r\n================================================== *\/\r\n\r\n    .ps-guide__navigation {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        gap: 15px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .ps-guide__nav-button {\r\n        appearance: none;\r\n        padding: 12px 20px !important;\r\n\r\n        color: #111111 !important;\r\n        font-size: 13px !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 2px;\r\n        text-transform: none !important;\r\n\r\n        background: #ffffff !important;\r\n        border: 1px solid #dddddd !important;\r\n        border-radius: 8px !important;\r\n        box-shadow: none !important;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ps-guide__nav-button:hover {\r\n        color: #ffffff !important;\r\n        background: #c2a77d !important;\r\n        border-color: #c2a77d !important;\r\n    }\r\n\r\n    .ps-guide__nav-button:disabled {\r\n        opacity: 0.35;\r\n        cursor: default;\r\n    }\r\n\r\n    \/* ==================================================\r\n   MENSAJE SIN IM\u00c1GENES\r\n================================================== *\/\r\n\r\n    .ps-guide__empty {\r\n        display: none;\r\n        padding: 35px 20px;\r\n        color: #666666;\r\n        text-align: center;\r\n        background: #f7f7f7;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .ps-guide__empty.is-visible {\r\n        display: block;\r\n    }\r\n\r\n    \/* ==================================================\r\n   M\u00d3VIL\r\n================================================== *\/\r\n\r\n    @media (max-width: 767px) {\r\n        .ps-download-app {\r\n            margin: 20px auto;\r\n        }\r\n\r\n        .ps-download-card,\r\n        .ps-guide {\r\n            padding: 18px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .ps-download-card__content {\r\n            padding-top: 22px;\r\n        }\r\n\r\n        .ps-download-card__title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .ps-download-card__systems {\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n        }\r\n\r\n        .ps-send-options {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        .ps-send-option {\r\n            min-width: 0;\r\n            padding: 10px 8px;\r\n            font-size: 11px;\r\n        }\r\n\r\n        .ps-guide__title {\r\n            font-size: 21px;\r\n        }\r\n\r\n        .ps-browser-button {\r\n            padding: 9px 14px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .ps-guide__nav-button {\r\n            padding: 11px 12px !important;\r\n            font-size: 11px !important;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .ps-qr-card {\r\n            padding: 18px;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .ps-qr-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .ps-qr-image {\r\n            max-width: 240px;\r\n        }\r\n    }\r\n\r\n\r\n    \/* ==================================================\r\n   PANTALLA DEL C\u00d3DIGO QR\r\n================================================== *\/\r\n\r\n    .ps-qr-card {\r\n        width: 100%;\r\n        padding: 30px;\r\n        overflow: hidden;\r\n\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        box-shadow: 0 8px 30px rgba(30, 50, 90, 0.1);\r\n    }\r\n\r\n    .ps-qr-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .ps-qr-back {\r\n        appearance: none;\r\n        flex: 0 0 42px;\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n        padding: 0;\r\n\r\n        color: #111111;\r\n        font-size: 21px;\r\n        line-height: 1;\r\n\r\n        background: #ffffff;\r\n        border: 1px solid #dddddd;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ps-qr-back:hover {\r\n        color: #ffffff;\r\n        background: #111111;\r\n    }\r\n\r\n    .ps-qr-title {\r\n        margin: 0;\r\n        color: #111111;\r\n        font-size: 27px;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .ps-qr-text {\r\n        margin: 0 0 28px;\r\n        color: #333333;\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .ps-qr-image-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .ps-qr-image {\r\n        display: block;\r\n        width: 100%;\r\n        max-width: 280px;\r\n        height: auto;\r\n        object-fit: contain;\r\n\r\n        background: #ffffff;\r\n        border: 1px solid #ccd2dc;\r\n        border-radius: 12px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ps-download-app\">\r\n\r\n    <!-- ============================================\r\n       PANTALLA PRINCIPAL\r\n  ============================================= -->\r\n\r\n    <section class=\"ps-screen is-active\" data-screen=\"home\">\r\n        <div class=\"ps-download-card\">\r\n\r\n            <!-- CAMBIA ESTA IMAGEN POR LA PORTADA REAL -->\r\n            <img decoding=\"async\" class=\"ps-download-card__image\" src=\"\/wp-content\/uploads\/2026\/08\/logo.jpeg\"\r\n                alt=\"Descarga nuestra aplicaci\u00f3n m\u00f3vil\" width=\"800\"\/>\r\n\r\n            <div class=\"ps-download-card__content\">\r\n\r\n                <h2 class=\"ps-download-card__title\">\r\n                    Descarga nuestra aplicaci\u00f3n m\u00f3vil\r\n                <\/h2>\r\n\r\n                <p class=\"ps-download-card__text\">\r\n                    Obt\u00e9n acceso r\u00e1pido agregando esta aplicaci\u00f3n a tu tel\u00e9fono.\r\n                <\/p>\r\n\r\n                <div class=\"ps-download-card__systems\">\r\n\r\n                    <button class=\"ps-system-button\" type=\"button\" data-open-system=\"ios\">\r\n                        iOS\r\n                    <\/button>\r\n\r\n                    <button class=\"ps-system-button\" type=\"button\" data-open-system=\"android\">\r\n                        Android\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ps-send-section\">\r\n\r\n                    <span class=\"ps-send-section__label\">\r\n                        Enviar al tel\u00e9fono:\r\n                    <\/span>\r\n\r\n                    <div class=\"ps-send-options\">\r\n\r\n                        <a class=\"ps-send-option\" data-show-qr>\r\n                            QR\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================\r\n       PANTALLA DE LA GU\u00cdA\r\n  ============================================= -->\r\n\r\n    <section class=\"ps-screen\" data-screen=\"guide\">\r\n        <div class=\"ps-guide\">\r\n\r\n            <div class=\"ps-guide__header\">\r\n\r\n                <button class=\"ps-guide__back\" type=\"button\" data-back-home aria-label=\"Regresar a la selecci\u00f3n\">\r\n                    \u2190\r\n                <\/button>\r\n\r\n                <h2 class=\"ps-guide__title\" data-guide-title>\r\n                    Gu\u00eda de instalaci\u00f3n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <!-- LOS BOTONES SE CREAN AUTOM\u00c1TICAMENTE -->\r\n            <div class=\"ps-guide__tabs\" data-browser-tabs><\/div>\r\n\r\n            <div class=\"ps-guide__empty\" data-empty-message>\r\n                A\u00fan no hay im\u00e1genes configuradas para este navegador.\r\n            <\/div>\r\n\r\n            <div class=\"swiper ps-guide__swiper\" data-guide-swiper>\r\n\r\n                <!-- LAS DIAPOSITIVAS SE CREAN AUTOM\u00c1TICAMENTE -->\r\n                <div class=\"swiper-wrapper\" data-slides-container><\/div>\r\n\r\n                <div class=\"swiper-pagination ps-guide__pagination\" data-guide-pagination><\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ps-guide__navigation\" data-guide-navigation>\r\n\r\n                <button class=\"ps-guide__nav-button\" type=\"button\" data-guide-prev>\r\n                    \u2190 Anterior\r\n                <\/button>\r\n\r\n                <button class=\"ps-guide__nav-button\" type=\"button\" data-guide-next>\r\n                    Siguiente \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================\r\n     PANTALLA DEL C\u00d3DIGO QR\r\n============================================= -->\r\n\r\n    <section class=\"ps-screen\" data-screen=\"qr\">\r\n        <div class=\"ps-qr-card\">\r\n\r\n            <div class=\"ps-qr-header\">\r\n\r\n                <button class=\"ps-qr-back\" type=\"button\" data-back-home aria-label=\"Regresar\">\r\n                    \u2190\r\n                <\/button>\r\n\r\n                <h2 class=\"ps-qr-title\">\r\n                    C\u00f3digo QR\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n            <p class=\"ps-qr-text\">\r\n                Escanea este c\u00f3digo QR con tu tel\u00e9fono para abrir el enlace.\r\n            <\/p>\r\n\r\n            <div class=\"ps-qr-image-wrapper\">\r\n\r\n                <!-- CAMBIA ESTA URL POR LA IMAGEN REAL DE TU QR -->\r\n                <img fetchpriority=\"high\" decoding=\"async\" class=\"ps-qr-image\" src=\"\/wp-content\/uploads\/2026\/08\/SEVEN-PILATES.jpeg\"\r\n                    alt=\"C\u00f3digo QR para descargar la aplicaci\u00f3n\" width=\"350\" height=\"350\" \/>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n        const app = document.querySelector(\".ps-download-app\");\r\n\r\n        if (!app || typeof Swiper === \"undefined\") {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n        ====================================================\r\n        AQU\u00cd COLOCAS TODAS TUS IM\u00c1GENES\r\n        ====================================================\r\n      \r\n        Puedes agregar o quitar im\u00e1genes libremente.\r\n      \r\n        Cada navegador puede tener una cantidad diferente:\r\n      \r\n        - Safari puede tener 4 pasos.\r\n        - Chrome en iOS puede tener 5 pasos.\r\n        - Firefox en Android puede tener 3 pasos.\r\n        - Opera puede tener 6 pasos.\r\n      \r\n        No necesitas modificar el HTML.\r\n        *\/\r\n\r\n        const tutoriales = {\r\n\r\n            \/* ==============================================\r\n               IOS\r\n            ============================================== *\/\r\n\r\n            ios: {\r\n                titulo: \"Para dispositivos iOS\",\r\n\r\n                navegadores: {\r\n\r\n                    safari: {\r\n                        nombre: \"Safari 2.0\",\r\n\r\n                        imagenes: [\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/safari_2_1.png\",\r\n                                alt: \"Safari en iOS, paso 1\",\r\n                                texto: \"Paso 1\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/safari_2_2.png\",\r\n                                alt: \"Safari en iOS, paso 2\",\r\n                                texto: \"Paso 2\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/safari_2_3.png\",\r\n                                alt: \"Safari en iOS, paso 3\",\r\n                                texto: \"Paso 3\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/safari_2_4.png\",\r\n                                alt: \"Safari en iOS, paso 4\",\r\n                                texto: \"Paso 4\"\r\n                            }\r\n                        ]\r\n                    },\r\n                    \r\n\r\n                    chrome: {\r\n                        nombre: \"Chrome\",\r\n\r\n                        imagenes: [\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_1_ios.png\",\r\n                                alt: \"Chrome en iOS, paso 1\",\r\n                                texto: \"Paso 1\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_2_ios.png\",\r\n                                alt: \"Chrome en iOS, paso 2\",\r\n                                texto: \"Paso 2\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_3_ios.png\",\r\n                                alt: \"Chrome en iOS, paso 3\",\r\n                                texto: \"Paso 3\"\r\n                            }\r\n                        ]\r\n                    },\r\n\r\n                }\r\n            },\r\n\r\n            \/* ==============================================\r\n               ANDROID\r\n            ============================================== *\/\r\n\r\n            android: {\r\n                titulo: \"Para dispositivos Android\",\r\n\r\n                navegadores: {\r\n\r\n                    chrome: {\r\n                        nombre: \"Chrome\",\r\n\r\n                        imagenes: [\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_1.png\",\r\n                                alt: \"Chrome en Android, paso 1\",\r\n                                texto: \"Paso 1\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_2.png\",\r\n                                alt: \"Chrome en Android, paso 2\",\r\n                                texto: \"Paso 2\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/chrome_3.png\",\r\n                                alt: \"Chrome en Android, paso 3\",\r\n                                texto: \"Paso 3\"\r\n                            }\r\n                        ]\r\n                    },\r\n\r\n                    firefox: {\r\n                        nombre: \"Firefox\",\r\n\r\n                        imagenes: [\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/firefox_1.png\",\r\n                                alt: \"Firefox en Android, paso 1\",\r\n                                texto: \"Paso 1\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/firefox_2.png\",\r\n                                alt: \"Firefox en Android, paso 2\",\r\n                                texto: \"Paso 2\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/firefox_3.png\",\r\n                                alt: \"Firefox en Android, paso 3\",\r\n                                texto: \"Paso 3\"\r\n                            }\r\n                        ]\r\n                    },\r\n\r\n                    opera: {\r\n                        nombre: \"Opera\",\r\n\r\n                        imagenes: [\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/opera_1.png\",\r\n                                alt: \"Opera en Android, paso 1\",\r\n                                texto: \"Paso 1\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/opera_2.png\",\r\n                                alt: \"Opera en Android, paso 2\",\r\n                                texto: \"Paso 2\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/opera_3.png\",\r\n                                alt: \"Opera en Android, paso 3\",\r\n                                texto: \"Paso 3\"\r\n                            },\r\n                            {\r\n                                src: \"\/wp-content\/uploads\/download-app\/opera_4.png\",\r\n                                alt: \"Opera en Android, paso 4\",\r\n                                texto: \"Paso 4\"\r\n                            }\r\n                        ]\r\n                    }\r\n\r\n                }\r\n            }\r\n\r\n        };\r\n\r\n        \/*\r\n        ====================================================\r\n        NO ES NECESARIO MODIFICAR NADA DE AQU\u00cd HACIA ABAJO\r\n        ====================================================\r\n        *\/\r\n\r\n        const screens = app.querySelectorAll(\"[data-screen]\");\r\n        const title = app.querySelector(\"[data-guide-title]\");\r\n        const tabsContainer = app.querySelector(\"[data-browser-tabs]\");\r\n        const slidesContainer = app.querySelector(\"[data-slides-container]\");\r\n        const swiperElement = app.querySelector(\"[data-guide-swiper]\");\r\n        const paginationElement = app.querySelector(\"[data-guide-pagination]\");\r\n        const navigationElement = app.querySelector(\"[data-guide-navigation]\");\r\n        const emptyMessage = app.querySelector(\"[data-empty-message]\");\r\n        const previousButton = app.querySelector(\"[data-guide-prev]\");\r\n        const nextButton = app.querySelector(\"[data-guide-next]\");\r\n\r\n        let currentSystem = \"\";\r\n        let guideSwiper = null;\r\n\r\n        function showScreen(screenName) {\r\n            screens.forEach(function (screen) {\r\n                screen.classList.toggle(\r\n                    \"is-active\",\r\n                    screen.dataset.screen === screenName\r\n                );\r\n            });\r\n\r\n            setTimeout(function () {\r\n                const position =\r\n                    app.getBoundingClientRect().top +\r\n                    window.scrollY -\r\n                    100;\r\n\r\n                window.scrollTo({\r\n                    top: position,\r\n                    behavior: \"smooth\"\r\n                });\r\n            }, 50);\r\n        }\r\n\r\n        function openSystem(systemName) {\r\n            const systemData = tutoriales[systemName];\r\n\r\n            if (!systemData) {\r\n                return;\r\n            }\r\n\r\n            currentSystem = systemName;\r\n            title.textContent = systemData.titulo;\r\n\r\n            createBrowserButtons(systemData.navegadores);\r\n            showScreen(\"guide\");\r\n\r\n            const firstBrowser = Object.keys(systemData.navegadores)[0];\r\n\r\n            if (firstBrowser) {\r\n                loadBrowser(firstBrowser);\r\n            }\r\n        }\r\n\r\n        function createBrowserButtons(browsers) {\r\n            tabsContainer.innerHTML = \"\";\r\n\r\n            Object.keys(browsers).forEach(function (browserKey, index) {\r\n                const browser = browsers[browserKey];\r\n\r\n                const button = document.createElement(\"button\");\r\n\r\n                button.type = \"button\";\r\n                button.className = \"ps-browser-button\";\r\n\r\n                if (index === 0) {\r\n                    button.classList.add(\"is-active\");\r\n                }\r\n\r\n                button.dataset.browser = browserKey;\r\n                button.textContent = browser.nombre;\r\n\r\n                button.addEventListener(\"click\", function () {\r\n                    tabsContainer\r\n                        .querySelectorAll(\".ps-browser-button\")\r\n                        .forEach(function (item) {\r\n                            item.classList.remove(\"is-active\");\r\n                        });\r\n\r\n                    button.classList.add(\"is-active\");\r\n                    loadBrowser(browserKey);\r\n                });\r\n\r\n                tabsContainer.appendChild(button);\r\n            });\r\n        }\r\n\r\n        function loadBrowser(browserKey) {\r\n            const browserData =\r\n                tutoriales[currentSystem].navegadores[browserKey];\r\n\r\n            if (!browserData) {\r\n                return;\r\n            }\r\n\r\n            destroySwiper();\r\n            slidesContainer.innerHTML = \"\";\r\n\r\n            const images = browserData.imagenes || [];\r\n\r\n            if (images.length === 0) {\r\n                swiperElement.style.display = \"none\";\r\n                navigationElement.style.display = \"none\";\r\n                emptyMessage.classList.add(\"is-visible\");\r\n                return;\r\n            }\r\n\r\n            swiperElement.style.display = \"block\";\r\n            navigationElement.style.display = \"flex\";\r\n            emptyMessage.classList.remove(\"is-visible\");\r\n\r\n            images.forEach(function (image, index) {\r\n                const slide = document.createElement(\"div\");\r\n                slide.className = \"swiper-slide\";\r\n\r\n                const img = document.createElement(\"img\");\r\n                img.className = \"ps-guide__image\";\r\n                img.src = image.src;\r\n                img.alt = image.alt || \"Paso \" + (index + 1);\r\n                img.width = 600;\r\n                img.height = 700;\r\n\r\n                if (index > 0) {\r\n                    img.loading = \"lazy\";\r\n                }\r\n\r\n                slide.appendChild(img);\r\n\r\n                if (image.texto) {\r\n                    const text = document.createElement(\"p\");\r\n                    text.className = \"ps-guide__step\";\r\n                    text.textContent = image.texto;\r\n                    slide.appendChild(text);\r\n                }\r\n\r\n                slidesContainer.appendChild(slide);\r\n            });\r\n\r\n            createSwiper();\r\n        }\r\n\r\n        function createSwiper() {\r\n            guideSwiper = new Swiper(swiperElement, {\r\n                slidesPerView: 1,\r\n                spaceBetween: 20,\r\n                speed: 450,\r\n                autoHeight: true,\r\n                allowTouchMove: true,\r\n\r\n                pagination: {\r\n                    el: paginationElement,\r\n                    clickable: true\r\n                },\r\n\r\n                navigation: {\r\n                    prevEl: previousButton,\r\n                    nextEl: nextButton\r\n                },\r\n\r\n                observer: true,\r\n                observeParents: true\r\n            });\r\n        }\r\n\r\n        function destroySwiper() {\r\n            if (guideSwiper) {\r\n                guideSwiper.destroy(true, true);\r\n                guideSwiper = null;\r\n            }\r\n\r\n            paginationElement.innerHTML = \"\";\r\n        }\r\n\r\n        app\r\n            .querySelectorAll(\"[data-open-system]\")\r\n            .forEach(function (button) {\r\n                button.addEventListener(\"click\", function () {\r\n                    openSystem(button.dataset.openSystem);\r\n                });\r\n            });\r\n\r\n        app\r\n            .querySelectorAll(\"[data-back-home]\")\r\n            .forEach(function (button) {\r\n                button.addEventListener(\"click\", function () {\r\n                    destroySwiper();\r\n                    showScreen(\"home\");\r\n                });\r\n            });\r\n\r\n        const qrButton = app.querySelector(\"[data-show-qr]\");\r\n\r\n        if (qrButton) {\r\n            qrButton.addEventListener(\"click\", function () {\r\n                showScreen(\"qr\");\r\n            });\r\n        }\r\n\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descarga nuestra aplicaci\u00f3n m\u00f3vil Obt\u00e9n acceso r\u00e1pido agregando esta aplicaci\u00f3n a tu tel\u00e9fono. iOS Android Enviar al tel\u00e9fono: QR \u2190 Gu\u00eda de instalaci\u00f3n A\u00fan no hay im\u00e1genes configuradas para este navegador. \u2190 Anterior Siguiente \u2192 \u2190 C\u00f3digo QR Escanea este c\u00f3digo QR con tu tel\u00e9fono para abrir el enlace.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5907","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/pages\/5907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/comments?post=5907"}],"version-history":[{"count":95,"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/pages\/5907\/revisions"}],"predecessor-version":[{"id":6536,"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/pages\/5907\/revisions\/6536"}],"wp:attachment":[{"href":"https:\/\/pilatesseven.com\/en\/wp-json\/wp\/v2\/media?parent=5907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}