{"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\/sv\/","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);\">Smart resplan<\/strong>   \n        <\/p><\/h3>\n\n        \n        <div class=\"entry-header-inner\">\n            <p>V\u00e5rt verktyg l\u00e5ter dig navigera och utforska det monumentala komplexet effektivt med hj\u00e4lp av geolokalisering. F\u00f6r att ge dig en personlig och unik upplevelse kommer vi att fr\u00e5ga om dina tidspreferenser och skapa en skr\u00e4ddarsydd resplan.<\/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=\"B\u00f6rja\" 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\/sv\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET","POST","PUT","PATCH","DELETE"]}}],"collection":[{"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"wp:attachment":[{"href":"https:\/\/pruebas.alhambra.app\/sv\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}