{"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\/de\/","title":{"rendered":"Start"},"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);\">Intelligente Reiseroute<\/strong>   \n        <\/p><\/h3>\n\n        \n        <div class=\"entry-header-inner\">\n            <p>Mit unserem Tool k\u00f6nnen Sie mithilfe der Geolokalisierung effizient durch den Monumentalkomplex navigieren und ihn erkunden. Um Ihnen ein personalisiertes und einzigartiges Erlebnis zu bieten, fragen wir Sie nach Ihren Zeitpr\u00e4ferenzen und erstellen einen ma\u00dfgeschneiderten Reiseplan.<\/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=\"Beginnen\" 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\/de\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET","POST","PUT","PATCH","DELETE"]}}],"collection":[{"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"wp:attachment":[{"href":"https:\/\/pruebas.alhambra.app\/de\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}