{"id":67,"date":"2024-06-02T04:30:06","date_gmt":"2024-06-02T02:30:06","guid":{"rendered":"https:\/\/pruebas.alhambra.app\/?page_id=67"},"modified":"2024-10-26T00:07:06","modified_gmt":"2024-10-25T22:07:06","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/pruebas.alhambra.app\/ms\/","title":{"rendered":"mulakan"},"content":{"rendered":"<style>\n        .estilo-condicional-content {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            z-index: 2;\n            width: 100%;\n        }\n\n        .estilo-condicional-content img {\n            display: none; \/* Ocultar las im\u00e1genes por defecto *\/\n            margin: 0 auto;\n            max-width: 50%;\n            height: auto;\n        }\n\n        .dark .estilo-condicional-content img {\n            filter: invert(100%);\n        }\n\n        @media only screen and (max-width: 768px) {\n            .estilo-condicional-content .mobile-image {\n                display: block; \/* Mostrar la imagen de m\u00f3vil en dispositivos m\u00f3viles *\/\n            }\n        }\n\n        @media only screen and (min-width: 769px) {\n            .estilo-condicional-content .desktop-image {\n                display: block; \/* Mostrar las im\u00e1genes de PC en dispositivos de escritorio *\/\n            }\n        }\n\n        \/* Agrega estilos para centrar el contenido *\/\n        .estilo-condicional-wrapper {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            \/* min-height: 100vh;*\/\n            min-height: 95vh;\n            text-align: center;\n        }\n\n\n\n        .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {\n            width: 10rem;\n        }\n\n        .theme-switch i {\n            background-color: rgb(120 130 140 \/ 78%) !important;\n        }\n\n\n        .mi-menu-personalizado {\n            padding-right: 30px !important;\n        }\n\n       \n\n        .theme-switch i:before {\n            background-color: var(--color-primary) !important;\n        }\n\n        .entry-header-inner {\n            flex: 0 !important;\n            \/* width: 7%; *\/\n            width: 300px !important;\n            margin: 10px;\n        }\n\n\n        button.button-sm, a.button-sm, .button-sm a {\n            padding-top: 0.65rem;\n            padding-bottom: 0.75rem !important;\n            font-size: 13px !important;\n        }\n\n\n        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\n            margin-top: 0;\n            margin-bottom: 0px !important;\n        }\n\n\n        h3, .h3 {\n            font-size: 1.1rem !important;\n        }\n\n        p {\n        margin-bottom: 15px !important;\n             }\n\n\n        b, strong {\n            font-weight: 600 !important;\n        }\n\n\n        \/* dots *\/\n\n        .dots-container {\n            display: flex;\n            justify-content: center;\n            margin-top: 10px;\n        }\n\n        .dot {\n            width: 10px;\n            height: 10px;\n            background-color: #3C3E41;\n            border-radius: 50%;\n            margin: 0 5px;\n        }\n\n        .active-dot {\n            background-color: var(--color-primary) !important;\n        }\n\n\n        .text-primary, .text-primary:hover, .site-logo, .button-primary, .button-primary, input.button-primary, button.button-primary:hover, input.button-primary:hover, .btn-follow, .btn-like.active, .album-track.active .icon-play, .user-navigation a span, input[type=\"checkbox\"]:checked, input[type=\"radio\"]:checked {\n            color: var(--color-primary) !important;\n            width: 10rem !important;\n            display: inline-block !important;\n            text-align: center !important;\n        }\n\n\n    <\/style>\n\n\n\n\n\n   <div class=\"estilo-condicional-wrapper\">\n        <div class=\"lottie-gsap-animation\" data-animation-url=\"\/General\/Lordicon\/lista.json\" style=\"width: 150px; height: 150px; margin: 0 auto;\"><\/div>\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.9.1\/gsap.min.js\"><\/script>\r\n        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bodymovin\/5.7.5\/lottie.min.js\"><\/script>\r\n        <script>\r\n            document.addEventListener(\"DOMContentLoaded\", function() {\r\n                var lottieContainers = document.querySelectorAll(\".lottie-gsap-animation\");\r\n                lottieContainers.forEach(function(container) {\r\n                    var animationUrl = container.getAttribute(\"data-animation-url\");\r\n                    if (animationUrl) {\r\n                        var animation = bodymovin.loadAnimation({\r\n                            container: container,\r\n                            renderer: \"svg\",\r\n                            loop: true,\r\n                            autoplay: true,\r\n                            path: animationUrl\r\n                        });\r\n\r\n                        \/\/ Transici\u00f3n de opacidad utilizando GSAP para mostrar la animaci\u00f3n\r\n                        gsap.to(container, { opacity: 1, duration: 0.5 });\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n    \n       <!-- Indicadores (dots) -->\n        <div class=\"dots-container\">\n            <a href=\"#\"><div class=\"dot active-dot\"><\/div><\/a>\n            <a href=\"#\"><div class=\"dot\"><\/div><\/a>\n            <a href=\"#\"><div class=\"dot\"><\/div><\/a>\n            <a href=\"#\"><div class=\"dot\"><\/div><\/a>\n        <\/div>\n\n        <br>\n        <!-- <h3><p class=\"no-margin has-small-font-size\" style=\"color: var(--text-color);\"><strong>Hola Angel<\/strong> -->\n         <h3><p class=\"no-margin has-small-font-size\" style=\"color: var(--color-primary);\">Jadual perjalanan pintar<\/strong>   \n        <\/p><\/h3>\n\n        \n        <div class=\"entry-header-inner\">\n            <p>Alat kami akan membolehkan anda menavigasi dan meneroka kompleks monumental dengan cekap menggunakan geolokasi. Untuk memberikan anda pengalaman yang diperibadikan dan unik, kami akan meminta pilihan masa anda dan membuat jadual perjalanan yang disesuaikan.<\/p>\n        <\/div>\n\n        <script>\n        function redirigirAGoogle() {\n            window.location.href = \"\/configurar-guia\/\";\n        }\n        <\/script>\n\n          <input type=\"submit\" class=\"button button-primary\" style=\"color: var(--text-color) !important;\" name=\"continuar\" value=\"Mulakan\" onclick=\"redirigirAGoogle()\">\n\n          <br>\n                  \n    <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"type":"","auto_type":false,"post":"","stream":"","stream_url":"","waveform_data":[],"duration":0,"bpm":0,"downloadable":false,"download_url":"","purchase_title":"","purchase_url":"","post-count-all":0,"like_count":0,"download_count":0,"editor_note":"","copyright":"","captions":[],"sources":[],"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry","entry",""],"acf":[],"_links":{"self":[{"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET","POST","PUT","PATCH","DELETE"]}}],"collection":[{"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"wp:attachment":[{"href":"https:\/\/pruebas.alhambra.app\/ms\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}