{"id":546,"date":"2026-01-21T15:55:30","date_gmt":"2026-01-21T14:55:30","guid":{"rendered":"https:\/\/hostaleszaragoza.nubedev.es\/home\/"},"modified":"2026-10-06T13:39:43","modified_gmt":"2026-10-06T11:39:43","slug":"inicio","status":"publish","type":"page","link":"https:\/\/demo4.nubeseo.es\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"<section class=\"hero-section relative w-full h-screen overflow-hidden\" id=\"heroSection\">\n\n    \n    <div class=\"hero-swiper swiper absolute inset-0 w-full h-full\">\n        <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide relative w-full h-full\">\n                        <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Cabeceras-Web-01.webp\" alt=\"Qu\u00e9 hacer en Zaragoza\"\n                            class=\"absolute inset-0 w-full h-full object-cover\">\n                        <div\n                            class=\"absolute inset-0 bg-gradient-to-r from-background\/80 via-background\/60 to-transparent\">\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide relative w-full h-full\">\n                        <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Cabeceras-Web-02.webp\" alt=\"Qu\u00e9 hacer en Zaragoza\"\n                            class=\"absolute inset-0 w-full h-full object-cover\">\n                        <div\n                            class=\"absolute inset-0 bg-gradient-to-r from-background\/80 via-background\/60 to-transparent\">\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide relative w-full h-full\">\n                        <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Cabeceras-Web-03.webp\" alt=\"Qu\u00e9 hacer en Zaragoza\"\n                            class=\"absolute inset-0 w-full h-full object-cover\">\n                        <div\n                            class=\"absolute inset-0 bg-gradient-to-r from-background\/80 via-background\/60 to-transparent\">\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/div>\n\n    \n    <div class=\"hero-content relative z-10 h-full flex flex-col justify-end\">\n        <div class=\"container mx-auto px-4 lg:px-8 pb-24 lg:pb-32 w-full\">\n\n            <div class=\"flex flex-col gap-16 items-start justify-end w-full\">\n\n                \n                <h1 class=\"hero-heading text-foreground w-full\">\n                                            <div class=\"max-w-none text-5xl lg:max-w-[50%]\">\n                            <p>Lorem ipsum <strong>dolor<\/strong><\/p>\n<p><em>sit amet consectetur<\/em><\/p>\n\n                        <\/div>\n                                    <\/h1>\n\n                \n                                <div class=\"w-full max-w-5xl mx-auto\">\n                                        <form\n                        id=\"hero-booking-form\"\n                        data-alojamientos=\"[{&quot;uuid&quot;:&quot;#&quot;,&quot;nombre&quot;:&quot;Hostal Lorem Ipsum&quot;,&quot;rtcodes&quot;:[&quot;#&quot;]},{&quot;uuid&quot;:&quot;fa63616e-b6d2-11ed-89d5-52f2f8b50534&quot;,&quot;nombre&quot;:&quot;Pensi\\u00f3n Fortea&quot;,&quot;rtcodes&quot;:[&quot;3246&quot;,&quot;3249&quot;,&quot;3251&quot;,&quot;1551805709&quot;,&quot;3254&quot;,&quot;3260&quot;,&quot;3258&quot;]},{&quot;uuid&quot;:&quot;fa63616e-b6d2-11ed-89d5-52f2f8b50534&quot;,&quot;nombre&quot;:&quot;Pensi\\u00f3n La Estrella&quot;,&quot;rtcodes&quot;:[&quot;1619259572&quot;,&quot;1619259576&quot;,&quot;1619259588&quot;,&quot;1619259592&quot;,&quot;1619259580&quot;,&quot;1619259596&quot;,&quot;1619259584&quot;]}]\"\n                        data-booking-page=\"https:\/\/demo4.nubeseo.es\/en\/book\/\"\n                        class=\"bg-white\/[0.97] backdrop-blur-sm rounded-2xl shadow-2xl px-4 py-4 sm:px-5 sm:py-5 lg:px-6\">\n\n                        \n                        <div class=\"flex flex-col sm:flex-row sm:flex-wrap lg:flex-nowrap gap-2 sm:gap-3 items-end\">\n\n                            \n                                                        <div class=\"w-full sm:flex-1 sm:min-w-[160px] lg:min-w-0\">\n                                <label for=\"booking-alojamiento\" class=\"block text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-1.5\">\n                                    Accommodation\n                                <\/label>\n                                <div class=\"relative\">\n                                    <select id=\"booking-alojamiento\"\n                                        class=\"w-full pl-9 pr-8 py-2.5 sm:py-3 text-sm border border-gray-200 rounded-xl bg-gray-50\/70 text-foreground appearance-none cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary transition-all\">\n                                                                                <option value=\"0\">Hostal Lorem Ipsum<\/option>\n                                                                                <option value=\"1\">Pensi\u00f3n Fortea<\/option>\n                                                                                <option value=\"2\">Pensi\u00f3n La Estrella<\/option>\n                                                                            <\/select>\n                                    <svg class=\"absolute left-2.5 top-1\/2 -translate-y-1\/2 w-4 h-4 text-primary pointer-events-none\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\n                                    <\/svg>\n                                    <svg class=\"absolute right-2.5 top-1\/2 -translate-y-1\/2 w-4 h-4 text-gray-400 pointer-events-none\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                            \n                            \n                            <div class=\"w-full sm:flex-[2] sm:min-w-[200px] lg:min-w-0\">\n                                <label for=\"booking-dates\" class=\"block text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-1.5\">\n                                    Dates of stay\n                                <\/label>\n                                <div class=\"relative\">\n                                    <input type=\"text\" id=\"booking-dates\"\n                                        class=\"w-full pl-10 pr-4 py-2.5 sm:py-3 text-sm border border-gray-200 rounded-xl bg-gray-50\/70 text-foreground placeholder-gray-400 cursor-pointer focus:outline-none transition-all\"\n                                        placeholder=\"Check in - Check out\"\n                                        readonly>\n                                    <svg class=\"absolute left-3 top-1\/2 -translate-y-1\/2 w-4 h-4 text-gray-400 pointer-events-none\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\n                                    <\/svg>\n                                    <input type=\"hidden\" id=\"booking-checkin\">\n                                    <input type=\"hidden\" id=\"booking-checkout\">\n                                <\/div>\n                            <\/div>\n\n                            \n                            <div class=\"w-full sm:w-28 sm:shrink-0\">\n                                <label for=\"booking-promo\" class=\"block text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-1.5\">\n                                    Promo code\n                                <\/label>\n                                <input type=\"text\" id=\"booking-promo\"\n                                    class=\"w-full px-4 py-2.5 sm:py-3 text-sm border border-gray-200 rounded-xl bg-gray-50\/70 text-foreground uppercase placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary transition-all\"\n                                    placeholder=\"Promo\">\n                            <\/div>\n\n                            \n                            <div class=\"w-full sm:w-auto sm:shrink-0\">\n                                <button type=\"submit\"\n                                    class=\"w-full sm:w-auto flex items-center justify-center gap-2 bg-primary hover:bg-secondary text-white font-bold text-sm py-2.5 sm:py-3 px-6 rounded-xl transition-all duration-300 shadow-lg shadow-primary\/30 hover:shadow-xl hover:shadow-secondary\/30 hover:scale-[1.02] active:scale-[0.98] whitespace-nowrap\">\n                                    <svg class=\"w-4 h-4 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\n                                    <\/svg>\n                                    Book now\n                                <\/button>\n                            <\/div>\n\n                        <\/div>\n                    <\/form>\n                                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n<nav\n    class=\"flex flex-col items-start justify-center py-4 max-w-sm sm:max-w-2xl lg:max-w-4xl xl:max-w-5xl 2xl:max-w-screen-2xl mx-auto gap-20 w-full text-xs sm:text-sm xl:text-base\">\n    <ul class=\"flex flex-row gap-2 items-center font-merry\">\n        <li class=\"flex items-center\">\n            <a href=\"https:\/\/demo4.nubeseo.es\/en\/\" class=\"text-primary hover:underline\">Demo 4<\/a>\n        <\/li>\n\n        \n            <\/ul>\n<\/nav>\n\n<section id=\"claimsSection\"\n        class=\"container mx-auto px-4 py-6 lg:px-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-10 lg:gap-16 xl:gap-20\">\n                    <div\n                class=\"claim-item flex flex-col items-center text-center gap-4 bg-white rounded-2xl w-full h-full p-6 shadow-md\">\n                <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Capa_1.svg\" alt=\"Icono web\">\n                <div><p><strong>Lorem ipsum<\/strong><\/p>\n<p>dolor sit<\/p>\n<\/div>\n            <\/div>\n                    <div\n                class=\"claim-item flex flex-col items-center text-center gap-4 bg-white rounded-2xl w-full h-full p-6 shadow-md\">\n                <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Capa_1-1.svg\" alt=\"Icono web\">\n                <div><p><strong>Consectetur adipiscing<\/strong><\/p>\n<p>elit sed<\/p>\n<\/div>\n            <\/div>\n                    <div\n                class=\"claim-item flex flex-col items-center text-center gap-4 bg-white rounded-2xl w-full h-full p-6 shadow-md\">\n                <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/03\/Capa_1-2.svg\" alt=\"Icono web\">\n                <div><p><strong>Sed eiusmod<\/strong><\/p>\n<p>tempor<\/p>\n<\/div>\n            <\/div>\n            <\/section>\n\n\n<section class=\" 1\" style=\"style=\"background-color:\n    \">\n    <div class=\"flex flex-col items-center py-10 container mx-auto gap-20\">\n        \n        <div class=\"w-full sm:w-1\/2 flex flex-col items-center text-center justify-start pt-4 gap-4\">\n            <h2 class=\"text-4xl text-foreground\"><p><em>Lorem ipsum<\/em><\/p>\n<p><em>dolor sit amet!<\/em><\/p>\n<\/h2>\n                                    <div class=\"prose prose-base text-foreground\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, excepteur sint occaecat cupidatat non proident.<\/p>\n<p>Sunt in culpa qui officia deserunt mollit anim id est laborum, sed ut perspiciatis unde omnis iste natus error.<\/p>\n<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur!<\/p>\n<\/div>\n                                                                            <a href=\"\/alojamientos\/\" target=\"\"\n                            class=\"btn-primary mt-4 inline-block\">\n                            Lorem ipsum\n                        <\/a>\n                                            <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"container mx-auto px-4 py-16 lg:px-8\">\n\n    \n            <h2 class=\"text-4xl text-center mb-6\"><p><strong>Lorem ipsum dolor<\/strong><\/p>\n<p><em>sit amet<\/em><\/p>\n<\/h2>\n    \n    \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                            \n                <div\n                    class=\"bg-white rounded-2xl shadow-md hover:shadow-lg overflow-hidden flex flex-col h-full p-6 group duration-300\">\n                    \n                                            <div class=\"w-full aspect-video bg-gray-200 flex items-center justify-center\">\n                        <\/div>\n                    \n                    \n                    <div class=\"pt-6 flex flex-col flex-grow text-center\">\n                        \n                                                    <h3 class=\"text-3xl text-primary mb-3 uppercase\">\n                                <span>\n                                    Hostal Lorem Ipsum\n                                <\/span>\n                            <\/h3>\n                        \n                        \n                                                    <p class=\"text-sm text-gray-600 mb-6 flex-grow\">\n                                Lorem ipsum dolor sit amet consectetur adipiscing elit\n                            <\/p>\n                        \n                        \n                        <div class=\"mt-auto mx-auto\">\n                            <a href=\"#\" class=\"btn-primary\">\n                                Ver hostal\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            \n                <div\n                    class=\"bg-white rounded-2xl shadow-md hover:shadow-lg overflow-hidden flex flex-col h-full p-6 group duration-300\">\n                    \n                                            <div class=\"w-full aspect-video bg-gray-200 flex items-center justify-center\">\n                        <\/div>\n                    \n                    \n                    <div class=\"pt-6 flex flex-col flex-grow text-center\">\n                        \n                                                    <h3 class=\"text-3xl text-primary mb-3 uppercase\">\n                                <span>\n                                    Hotel Lorem Ipsum\n                                <\/span>\n                            <\/h3>\n                        \n                        \n                                                    <p class=\"text-sm text-gray-600 mb-6 flex-grow\">\n                                Lorem ipsum dolor sit amet consectetur adipiscing elit\n                            <\/p>\n                        \n                        \n                        <div class=\"mt-auto mx-auto\">\n                            <a href=\"#\" class=\"btn-primary\">\n                                Ver alojamiento\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            \n                <div\n                    class=\"bg-white rounded-2xl shadow-md hover:shadow-lg overflow-hidden flex flex-col h-full p-6 group duration-300\">\n                    \n                                            <div class=\"w-full aspect-video bg-gray-200 flex items-center justify-center\">\n                        <\/div>\n                    \n                    \n                    <div class=\"pt-6 flex flex-col flex-grow text-center\">\n                        \n                                                    <h3 class=\"text-3xl text-primary mb-3 uppercase\">\n                                <span>\n                                    Pension Lorem Ipsum\n                                <\/span>\n                            <\/h3>\n                        \n                        \n                                                    <p class=\"text-sm text-gray-600 mb-6 flex-grow\">\n                                Lorem ipsum dolor sit amet consectetur adipiscing elit\n                            <\/p>\n                        \n                        \n                        <div class=\"mt-auto mx-auto\">\n                            <a href=\"#\" class=\"btn-primary\">\n                                Ver pensi\u00f3n\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    \n<\/section>\n\n\n<section class=\"py-16\">\n\n    \n            <div class=\"container mx-auto px-4 lg:px-8\">\n            <h2 class=\"underlineable text-2xl sm:text-3xl lg:text-4xl text-center mb-12 break-words\">\n                <p>LOREM <em>IPSUM<\/em><\/p>\n<\/h2>\n        <\/div>\n    \n    \n                        <div class=\"container mx-auto px-4 lg:px-8 space-y-8 sm:space-y-12 lg:space-y-16\">\n                                    \n                    <article class=\"flex flex-col lg:flex-row items-stretch overflow-hidden rounded-2xl lg:rounded-none\">\n                        \n                        <div class=\"w-full lg:w-[40%] relative aspect-video lg:aspect-auto\">\n                                                            <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/04\/pexels-emilio-sanchez-hernandez-285921208-13101537-1024x683.webp\" alt=\"LOREM IPSUM DOLOR\" class=\"absolute inset-0 w-full h-full object-cover rounded-2xl\">\n                                                    <\/div>\n\n                        \n                        <div\n                            class=\"w-full lg:w-[60%] flex flex-col justify-center py-8 px-4 sm:py-12 sm:px-8 lg:py-16 lg:px-16 xl:py-20 xl:px-20 2xl:px-24 bg-background text-center overflow-hidden\">\n                            \n                            <h3\n                                class=\"text-2xl sm:text-3xl lg:text-3xl xl:text-4xl text-primary mb-4 sm:mb-6 break-words hyphens-auto\">\n                                LOREM IPSUM DOLOR\n                            <\/h3>\n\n                            \n                                                            <div class=\"mb-6 sm:mb-8 text-sm sm:text-base text-foreground\/80 break-words\">\n                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.<\/p>\n\n                                <\/div>\n                            \n                            \n                            <div>\n                                <a href=\"https:\/\/demo4.nubeseo.es\/en\/lorem-ipsum-5\/\" class=\"btn-primary mx-auto\">\n                                    + View More\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    \n                    <article class=\"flex flex-col lg:flex-row items-stretch overflow-hidden rounded-2xl lg:rounded-none lg:flex-row-reverse\">\n                        \n                        <div class=\"w-full lg:w-[40%] relative aspect-video lg:aspect-auto\">\n                                                            <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/04\/Imagen-de-WhatsApp-2025-02-14-a-las-14.30.13_23f87212-768x1024.webp\" alt=\"LOREM IPSUM DOLOR\" class=\"absolute inset-0 w-full h-full object-cover rounded-2xl\">\n                                                    <\/div>\n\n                        \n                        <div\n                            class=\"w-full lg:w-[60%] flex flex-col justify-center py-8 px-4 sm:py-12 sm:px-8 lg:py-16 lg:px-16 xl:py-20 xl:px-20 2xl:px-24 bg-background text-center overflow-hidden\">\n                            \n                            <h3\n                                class=\"text-2xl sm:text-3xl lg:text-3xl xl:text-4xl text-primary mb-4 sm:mb-6 break-words hyphens-auto\">\n                                LOREM IPSUM DOLOR\n                            <\/h3>\n\n                            \n                                                            <div class=\"mb-6 sm:mb-8 text-sm sm:text-base text-foreground\/80 break-words\">\n                                    <p>Lorem ipsum dolor sit amet<\/p>\n\n                                <\/div>\n                            \n                            \n                            <div>\n                                <a href=\"https:\/\/demo4.nubeseo.es\/en\/lorem-ipsum-2\/\" class=\"btn-primary mx-auto\">\n                                    + View More\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                                    \n                    <article class=\"flex flex-col lg:flex-row items-stretch overflow-hidden rounded-2xl lg:rounded-none\">\n                        \n                        <div class=\"w-full lg:w-[40%] relative aspect-video lg:aspect-auto\">\n                                                            <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/uploads\/2026\/04\/pexels-david-vives-1474251-10430457-683x1024.webp\" alt=\"LOREM IPSUM DOLOR\" class=\"absolute inset-0 w-full h-full object-cover rounded-2xl\">\n                                                    <\/div>\n\n                        \n                        <div\n                            class=\"w-full lg:w-[60%] flex flex-col justify-center py-8 px-4 sm:py-12 sm:px-8 lg:py-16 lg:px-16 xl:py-20 xl:px-20 2xl:px-24 bg-background text-center overflow-hidden\">\n                            \n                            <h3\n                                class=\"text-2xl sm:text-3xl lg:text-3xl xl:text-4xl text-primary mb-4 sm:mb-6 break-words hyphens-auto\">\n                                LOREM IPSUM DOLOR\n                            <\/h3>\n\n                            \n                                                            <div class=\"mb-6 sm:mb-8 text-sm sm:text-base text-foreground\/80 break-words\">\n                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.<\/p>\n\n                                <\/div>\n                            \n                            \n                            <div>\n                                <a href=\"https:\/\/demo4.nubeseo.es\/en\/lorem-ipsum-7\/\" class=\"btn-primary mx-auto\">\n                                    + View More\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                            <\/div>\n            \n    \n    \n    \n    \n<\/section>\n\n\n<section class=\"marquesina-container overflow-hidden w-full py-10 bg-background\" style=\"\">\n    <div class=\"marquesina flex items-center justify-center gap-10 whitespace-nowrap will-change-transform\"\n        data-direccion=\"-1\">\n                                    \n                                    <div class=\"marquesina-item text-foreground text-xl lg:text-3xl xl:text-5xl  italic select-none pointer-events-none\"\n                        style=\"\">\n                                                LOREM\n                                            <\/div>\n                                            \n                                    <div class=\"marquesina-item  text-xl lg:text-3xl xl:text-5xl underlineable italic select-none pointer-events-none\"\n                        style=\"\">\n                                                    <em>\n                                                IPSUM\n                                                    <\/em>\n                                            <\/div>\n                                        <\/div>\n<\/section>\n\n\n<section class=\"faq-block container mx-auto py-16\">\n    \n    \n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 sm:gap-8 lg:gap-10 items-start\">\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Lorem ipsum dolor sit amet consectetur?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Sed ut perspiciatis unde omnis iste natus error?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><span style=\"font-weight: 400;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.<\/span><\/p>\n<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Nemo enim ipsam voluptatem quia voluptas?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><span style=\"font-weight: 400;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"> Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, ut enim ad minim veniam quis nostrud.<\/span><\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Quis autem vel eum iure reprehenderit qui in ea?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><strong>Lorem ipsum dolor sit amet:<\/strong><\/p>\n<ul>\n<li>Consectetur:<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/li>\n<li>Duis aute irure dolor in reprehenderit in voluptate.<\/li>\n<li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.<\/li>\n<\/ul>\n<p><strong>Sed ut perspiciatis unde omnis:<\/strong><\/p>\n<ul>\n<li>Nemo enim ipsam voluptatem quia voluptas sit.<\/li>\n<li>Neque porro quisquam est qui dolorem.<\/li>\n<\/ul>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">At vero eos et accusamus et iusto odio?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><span style=\"font-weight: 400;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\"> Ut enim ad minim veniam, quis nostrud exercitation ullamco.<\/span><\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Temporibus autem quibusdam et aut officiis?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><span style=\"font-weight: 400;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do <strong>eiusmod tempor<\/strong>, ut labore et <strong>dolore magna<\/strong> y aliqua <strong>ut enim ad minim<\/strong>.<\/span><\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Itaque earum rerum hic tenetur a sapiente?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit (sed do eiusmod) tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam <a href=\"tel:+34679681091\">lorem ipsum<\/a><\/p>\n\n                    <\/div>\n                <\/div>\n                                            <div class=\"border-2 border-foreground rounded-lg overflow-hidden\" x-data=\"{ isOpen: false }\"\n                    x-id=\"['faq-content']\">\n                    <button class=\"w-full text-left p-4 sm:p-6 flex justify-start items-center gap-4 sm:gap-6 \"\n                        @click=\"isOpen = !isOpen\" :aria-expanded=\"isOpen.toString()\" :aria-controls=\"$id('faq-content')\"\n                        x-bind:class=\"isOpen ? 'bg-foreground' : 'bg-white hover:bg-white\/80'\">\n                        <div class=\"rounded-full p-2  flex-shrink-0\"\n                            x-bind:class=\"isOpen ? 'bg-white' : 'bg-foreground'\">\n                            <svg x-bind:class=\"isOpen ? 'rotate-180 text-foreground' : 'text-white'\" class=\"transition-all\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-plus\" viewBox=\"0 0 16 16\">\n  <path d=\"M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4\"\/>\n<\/svg>                        <\/div>\n                        <span class=\"text-base sm:text-lg \"\n                            x-bind:class=\"isOpen ? 'text-primary' : ''\">Ut enim ad minima veniam quis nostrum?<\/span>\n                    <\/button>\n                    <div :id=\"$id('faq-content')\" class=\"p-4 sm:p-6 text-sm sm:text-base border-t border-foreground\/20 \"\n                        x-show=\"isOpen\" x-collapse\n                        x-bind:class=\"isOpen ? 'bg-foreground text-white' : 'bg-white text-foreground'\">\n                        <p><b>&#8211; LOREM IPSUM DOLOR SIT AMET<\/b><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore.<\/p>\n<p><b>Lorem ipsum dolor sit amet consectetur adipiscing elit (SED DO EIUSMOD) &#8211; Ut enim ad minim veniam quis nostrud exercitation ullamco &#8211; Laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/b><\/p>\n<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <a href=\"tel:+34976220527\"><span draggable=\"true\">lorem ipsum<\/span><\/a><\/p>\n\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n<section class=\"bg-background py-6\">\n    <div class=\"container mx-auto px-4\">\n        <div\n            class=\"flex flex-col lg:flex-row items-center justify-center gap-8 sm:gap-12 lg:gap-20 xl:gap-32 2xl:gap-40\">\n            \n            <div class=\"flex flex-col justify-center\">\n                <div class=\"flex flex-row items-center justify-center gap-2 sm:gap-3 lg:gap-4\">\n                    <div class=\"flex-shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/demo4.nubeseo.es\/wp-content\/themes\/nube-builder\/public\/images\/megafono.aa12fd.svg\" alt=\"Meg\u00e1fono\"\n                            class=\"size-20 sm:size-24 lg:size-28 xl:size-32 2xl:size-36\">\n                    <\/div>\n                    <h3 class=\"text-2xl sm:text-3xl lg:text-4xl xl:text-4xl 2xl:text-5xl leading-tight text-center\">\n                        <span class=\"uppercase\">Lorem<\/span>\n                        <span class=\"block text-2xl lg:text-3xl\">ipsum dolor<\/span>\n                        <span class=\"font-semibold italic\">Sit amet<\/span>\n                    <\/h3>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"flex items-center justify-center lg:justify-end\">\n                <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_2' ><style>#gform_wrapper_2[data-form-index=\"0\"].gform-theme,[data-parent-form=\"2_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><form method='post' enctype='multipart\/form-data'  id='gform_2'  action='\/en\/wp-json\/wp\/v2\/pages\/546' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6LdFV2ktAAAAAE8gefLlrG4Hci7SIlY93EyANoaf' data-tabindex='0'><input id=\"input_82373f5ac5e09977bfd4a6856a47209b\" class=\"gfield_recaptcha_response\" type=\"hidden\" name=\"input_82373f5ac5e09977bfd4a6856a47209b\" value=\"\"\/><\/div>\n                        <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_2_4\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_4'>E-mail<\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_4' id='input_2_4' type='email' value='' class='large'   placeholder='E-mail'  aria-invalid=\"false\"  \/>\n                        <\/div><\/div><fieldset id=\"field_2_5\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label screen-reader-text gfield_label_before_complex' ><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_2_5'><div class='gchoice gchoice_2_5_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_5.1' type='checkbox'  value='I agree to the &lt;a href=&quot;\/aviso-legal\/&quot; target=&quot;_blank&quot;&gt;legal notice&lt;\/a&gt; and the &lt;a href=&quot;https:\/\/hostaleszaragoza.nubedev.es\/en\/politica-de-privacidad\/&quot; target=&quot;_blank&quot;&gt;privacy policy&lt;\/a&gt;.'  id='choice_2_5_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_2_5_1' id='label_2_5_1' class='gform-field-label gform-field-label--type-inline'>I agree to the <a href=\"\/aviso-legal\/\" target=\"_blank\">legal notice<\/a> and the <a href=\"https:\/\/hostaleszaragoza.nubedev.es\/en\/politica-de-privacidad\/\" target=\"_blank\">privacy policy<\/a><\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_2' id='gform_theme_2' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_2' id='gform_style_settings_2' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='2' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='sElM80O1SFj+TIcy8zh1f8f0JrhYlc3+3Nk6bTf12Pq\/76ukbmaWPkeAXgIOb6T6nUl9kAc\/QJAcqMAYs6Me4OO9g\/eS5+L\/n5TxxKFbZgIp9BQ=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_2' value='WyJ7XCI1LjFcIjpcImEzMzYxZmU3NDU4YzJmMzI3ZjI2NTQ1MzljZTRmZDIzXCJ9IiwiZDAwZGQ5YzI2NmMwNDM5ZjAxNTBiYmNhZmQ1NWE5OWIiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https:\/\/demo4.nubeseo.es\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https:\/\/demo4.nubeseo.es\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"2\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_2\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_2\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_2\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 2, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n","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,"inline_featured_image":false,"footnotes":""},"class_list":["post-546","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/pages\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":5,"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/pages\/546\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/pages\/546\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/demo4.nubeseo.es\/en\/wp-json\/wp\/v2\/media?parent=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}