{"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\/id\/","title":{"rendered":"awal"},"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);\">Rencana perjalanan cerdas<\/strong>   \n        <\/p><\/h3>\n\n        \n        <div class=\"entry-header-inner\">\n            <p>Alat kami akan memungkinkan Anda menavigasi dan menjelajahi kompleks monumental secara efisien menggunakan geolokasi. Untuk memberi Anda pengalaman yang unik dan personal, kami akan menanyakan preferensi waktu Anda dan membuat rencana 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=\"Mulai\" 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\/id\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET","POST","PUT","PATCH","DELETE"]}}],"collection":[{"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"wp:attachment":[{"href":"https:\/\/pruebas.alhambra.app\/id\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}