{"id":25,"date":"2026-05-21T06:47:55","date_gmt":"2026-05-21T06:47:55","guid":{"rendered":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/experiences\/"},"modified":"2026-06-25T07:20:41","modified_gmt":"2026-06-25T07:20:41","slug":"experiences","status":"publish","type":"page","link":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/experiences\/","title":{"rendered":"Experiencias"},"content":{"rendered":"<style>.kadence-column82_561d7c-9c > .kt-inside-inner-col{display:flex;}.kadence-column82_561d7c-9c > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column82_561d7c-9c > .kt-inside-inner-col,.kadence-column82_561d7c-9c > .kt-inside-inner-col:before{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;}.kadence-column82_561d7c-9c > .kt-inside-inner-col{row-gap:var(--global-kb-gap-sm, 1rem);column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column82_561d7c-9c > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}.kadence-column82_561d7c-9c > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column82_561d7c-9c > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column82_561d7c-9c > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column82_561d7c-9c{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column82_561d7c-9c > .kt-inside-inner-col{background-color:rgba(0, 0, 0, 0.7);}.kadence-column82_561d7c-9c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column82_561d7c-9c{text-align:left;}.kadence-column82_561d7c-9c{position:relative;}.kadence-column82_561d7c-9c, .kt-inside-inner-col > .kadence-column82_561d7c-9c:not(.specificity){margin-top:0px;margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:0px;margin-left:var(--global-kb-spacing-sm, 1.5rem);}@media all and (max-width: 1024px){.kadence-column82_561d7c-9c > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);row-gap:var(--global-kb-gap-sm, 1rem);flex-direction:column;justify-content:flex-start;align-items:flex-start;}}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column82_561d7c-9c{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column82_561d7c-9c, .kt-inside-inner-col > .kadence-column82_561d7c-9c:not(.specificity){margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-left:0px;}}@media all and (max-width: 767px){.kadence-column82_561d7c-9c > .kt-inside-inner-col{padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);row-gap:var(--global-kb-gap-sm, 1rem);flex-direction:column;justify-content:flex-start;align-items:flex-start;}.kt-row-column-wrap > .kadence-column82_561d7c-9c{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column82_561d7c-9c > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column82_561d7c-9c{text-align:left;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column82_561d7c-9c kb-section-md-dir-vertical kb-section-sm-dir-vertical\"><div class=\"kt-inside-inner-col\"><h2 style=\"padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;\" class=\"has-link-color wp-elements-37e35236f95abae064b244f5f36d7d9f wp-block-post-title has-text-color has-theme-palette-9-color\">Experiencias<\/h2>\n\n\n    <div class=\"services-main-container\">\n        \n    <style>\n\n        .services-main-container {\n            display:flex;\n            flex-direction:column;\n            width:100%;\n            height:481px;\n        }\n\n        .services-filter-wrap {\n            display:flex;\n            flex-wrap:wrap;\n            gap:10px;\n            margin-bottom:25px;\n        }\n\n        .filter-btn {\n            background:transparent;\n            border:2px solid #ffffff;\n            color:#ffffff;\n            padding:5px 20px;\n            border-radius:30px;\n            cursor:pointer;\n            font-size:18px;\n            transition:all 0.3s ease;\n        }\n\n        .filter-btn.active,\n        .filter-btn:hover {\n            background:#ffffff;\n            color:#000000;\n        }\n\n        .services-grid-scroll {\n            flex-grow:1;\n            overflow-y:auto;\n            padding-right:10px;\n        }\n\n        .services-grid-scroll::-webkit-scrollbar {\n            width:6px;\n        }\n\n        .services-grid-scroll::-webkit-scrollbar-thumb {\n            background:#ffffff;\n            border-radius:10px;\n        }\n\n        .services-grid-container {\n            display:grid;\n            grid-template-columns:repeat(7, 1fr);\n            gap:20px;\n        }\n\n        .service-card {\n            aspect-ratio:1 \/ 1;\n            background-size:cover;\n            background-position:center;\n            border-radius:15px;\n            display:flex;\n            align-items:flex-end;\n            padding:15px;\n            transition:transform 0.3s ease;\n        }\n\n        .service-card-info {\n            text-align:right;\n            width:100%;\n            color:#ffffff;\n        }\n\n        .service-price {\n            margin:0;\n            font-size:18px;\n        }\n\n        .service-title {\n            margin:0;\n            font-size:21px;\n            font-weight:normal;\n            line-height:1.2;\n            color:white;\n        }\n\n        @media (max-width: 1200px) {\n            .services-grid-container {\n                grid-template-columns:repeat(4, 1fr);\n            }\n        }\n\n        @media (max-width: 992px) {\n            .services-grid-container {\n                grid-template-columns:repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .services-grid-container {\n                grid-template-columns:repeat(2, 1fr);\n            }\n        }\n\n    <\/style>\n        <div class=\"services-filter-wrap\">\n        <button class=\"filter-btn active\" data-filter=\"all\">\n            All\n        <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-cultural-heritage\">\n                Cultural &amp; Heritage\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-sports-entertainment\">\n                Sports &amp; Entertainment\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-arts-performing-arts\">\n                Arts &amp; Performing Arts\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-nature-outdoor-experiences\">\n                Nature &amp; Outdoor Experiences\n            <\/button><\/div>\n        \n    <div class=\"services-grid-scroll\">\n        <div class=\"services-grid-container\">\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/guided-tour-of-the-sagrada-familia\/\"\n           class=\"service-card  filter-cultural-heritage filter-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/sagrada-familia.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    100\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Guided Tour of the Sagrada Familia\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/exclusive-tour-of-camp-nou\/\"\n           class=\"service-card  filter-experiences filter-sports-entertainment\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/10493.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    180\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Exclusive Tour of Camp Nou\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/priority-tour-of-casa-mila\/\"\n           class=\"service-card  filter-cultural-heritage filter-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/506.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    80\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Priority Tour of Casa Mil\u00e0\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/tickets-to-the-gran-teatre-del-liceu\/\"\n           class=\"service-card  filter-arts-performing-arts filter-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/hotel-arc-rambla-barcelona-blog-teatre-liceu-interior.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    100\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Tickets to the Gran Teatre del Liceu\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/a-getaway-to-roman-tarraco\/\"\n           class=\"service-card  filter-cultural-heritage filter-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/anfiteatro-tarragona-romana.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    200\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    A Getaway to Roman Tarraco\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/montserrat-tour-with-local-cuisine\/\"\n           class=\"service-card  filter-experiences filter-nature-outdoor-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/1240.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    150\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Montserrat Tour with Local Cuisine\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/services\/hiking-on-the-costa-brava\/\"\n           class=\"service-card  filter-experiences filter-nature-outdoor-experiences\"\n           style=\"                background-image:                linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)),                url(https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/wp-content\/uploads\/sites\/11\/2026\/06\/419.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    130\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Hiking on the Costa Brava\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <\/div>\n    <\/div>\n        \n    <script>\n\n        document.addEventListener(\"DOMContentLoaded\", function() {\n\n            const filters = document.querySelectorAll(\".filter-btn\");\n            const cards   = document.querySelectorAll(\".service-card\");\n\n            filters.forEach(btn => {\n\n                btn.addEventListener(\"click\", function() {\n\n                    filters.forEach(b => b.classList.remove(\"active\"));\n\n                    this.classList.add(\"active\");\n\n                    const filterValue = this.getAttribute(\"data-filter\");\n\n                    cards.forEach(card => {\n\n                        if (\n                            filterValue === \"all\" ||\n                            card.classList.contains(filterValue)\n                        ) {\n                            card.style.display = \"flex\";\n                        } else {\n                            card.style.display = \"none\";\n                        }\n                    });\n                });\n            });\n\n            \/\/ Auto-scroll por zonas (igual que el TPV): puntero por ENCIMA del\n            \/\/ panel translucido => scroll arriba; por DEBAJO => scroll abajo.\n            \/\/ Velocidad proporcional a la distancia al borde.\n            (function() {\n                var scroller = document.querySelector(\".services-grid-scroll\");\n                if (!scroller) return;\n                var panel = scroller.closest(\".wp-block-kadence-column\") || scroller;\n                var mouseY = null, rafId = null;\n                function step() {\n                    rafId = null;\n                    if (mouseY === null) return;\n                    var r = panel.getBoundingClientRect(), v = 0;\n                    if (mouseY < r.top) { v = -Math.min(24, 6 + (r.top - mouseY) * 0.15); }\n                    else if (mouseY > r.bottom) { v = Math.min(24, 6 + (mouseY - r.bottom) * 0.15); }\n                    if (v !== 0) { scroller.scrollTop += v; rafId = requestAnimationFrame(step); }\n                }\n                document.addEventListener(\"mousemove\", function(e) { mouseY = e.clientY; if (rafId === null) rafId = requestAnimationFrame(step); });\n                document.addEventListener(\"mouseleave\", function() { mouseY = null; });\n            })();\n        });\n\n    <\/script>\n    <\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a, .site .entry-content .wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a, .wp-block-kadence-advancedbtn.kb-btns82_97f11c-8a, .site .entry-content .wp-block-kadence-advancedbtn.kb-btns82_97f11c-8a{margin-top:0px;}.wp-block-kadence-advancedbtn.kb-btns82_97f11c-8a{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns82_97f11c-8a .kt-button{font-weight:normal;font-style:normal;}.kt-btns82_97f11c-8a .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns82_97f11c-8a .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns82_97f11c-8a\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn82_703b82-73.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn82_703b82-73.kb-button{color:#ffffff;font-weight:400;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;border-top-color:#ffffff;border-top-style:solid;border-right-color:#ffffff;border-right-style:solid;border-bottom-color:#ffffff;border-bottom-style:solid;border-left-color:#ffffff;border-left-style:solid;padding-right:var(--global-kb-spacing-md, 2rem);padding-left:var(--global-kb-spacing-md, 2rem);box-shadow:0px 0px 60px 5px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn82_703b82-73.kb-button{border-top-color:#ffffff;border-top-style:solid;border-right-color:#ffffff;border-right-style:solid;border-bottom-color:#ffffff;border-bottom-style:solid;border-left-color:#ffffff;border-left-style:solid;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn82_703b82-73.kb-button{border-top-color:#ffffff;border-top-style:solid;border-right-color:#ffffff;border-right-style:solid;border-bottom-color:#ffffff;border-bottom-style:solid;border-left-color:#ffffff;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn82_703b82-73 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-kadence-singlebtn\" href=\"\/es\/\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowLeft kt-btn-icon-side-left\"><svg viewbox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg><\/span><span class=\"kt-btn-inner-text\">Back<\/span><\/a><\/div>\n<\/div><\/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,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/pages\/25\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/es\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}