{"id":26,"date":"2026-05-21T06:47:55","date_gmt":"2026-05-21T06:47:55","guid":{"rendered":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/dining-service\/"},"modified":"2026-06-25T07:20:46","modified_gmt":"2026-06-25T07:20:46","slug":"dining-service","status":"publish","type":"page","link":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/dining-service\/","title":{"rendered":"Servei de restauraci\u00f3"},"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\">Servei de restauraci\u00f3<\/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-appetizers\">\n                Appetizers\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-first-course\">\n                First course\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-main-course\">\n                Main course\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-desert\">\n                Desert\n            <\/button>\n            <button class=\"filter-btn\" data-filter=\"filter-beverages\">\n                Beverages\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\/ca\/services\/stuffed-olives\/\"\n           class=\"service-card  filter-appetizers filter-dining-service\"\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\/aceitunas.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    10\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Stuffed Olives\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/artisanal-potato-chips\/\"\n           class=\"service-card  filter-appetizers filter-dining-service\"\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\/patatas_fritas.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    7\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Artisanal potato chips\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/glazed-almonds\/\"\n           class=\"service-card  filter-appetizers filter-dining-service\"\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\/almedras.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    10\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Glazed almonds\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/wild-cockles\/\"\n           class=\"service-card  filter-appetizers filter-dining-service\"\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\/berberechos.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    10\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Wild cockles\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/arugula-and-sun-dried-tomato-salad\/\"\n           class=\"service-card  filter-dining-service filter-first-course\"\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\/ensala_rucula.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    12\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Arugula and Sun-Dried Tomato Salad\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/palamos-shrimp-carpaccio\/\"\n           class=\"service-card  filter-dining-service filter-first-course\"\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\/Carpaccio.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    15\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Palam\u00f3s Shrimp Carpaccio\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/grilled-seasonal-vegetables\/\"\n           class=\"service-card  filter-dining-service filter-first-course\"\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\/Parrillada-_de_verduras.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    14\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Grilled Seasonal Vegetables\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/iberian-ham-croquettes\/\"\n           class=\"service-card  filter-dining-service filter-first-course\"\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\/Croquetas.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    4\u20ac u.\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Iberian Ham Croquettes\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/traditional-cannelloni\/\"\n           class=\"service-card  filter-dining-service filter-main-course\"\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\/Canelones.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    15\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Traditional Cannelloni\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/spaghetti-alle-vongole\/\"\n           class=\"service-card  filter-dining-service filter-main-course\"\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\/Spaghetti.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    18\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Spaghetti alle vongole\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/beef-tenderloin-with-foie-gras\/\"\n           class=\"service-card  filter-dining-service filter-main-course\"\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\/Solomillo.jpeg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    18\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Beef Tenderloin with Foie Gras\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/wild-hake-baked\/\"\n           class=\"service-card  filter-dining-service filter-main-course\"\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\/merluza.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    16\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Wild Hake, Baked\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/eggplant-tofu-and-mango-stew\/\"\n           class=\"service-card  filter-dining-service filter-main-course\"\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\/Menestra.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    18\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Eggplant, Tofu, and Mango Stew\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/mini-sacher-cake\/\"\n           class=\"service-card  filter-desert filter-dining-service\"\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\/tarta_sacher.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    8\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Mini Sacher Cake\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/blueberry-and-raspberry-cheesecake\/\"\n           class=\"service-card  filter-desert filter-dining-service\"\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\/tarta_queso.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    9\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Blueberry and Raspberry Cheesecake\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/artisanal-ice-cream\/\"\n           class=\"service-card  filter-desert filter-dining-service\"\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\/helado.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    8\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Artisanal ice cream\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/fresh-fruit-cocktail\/\"\n           class=\"service-card  filter-desert filter-dining-service\"\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\/frutas.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    7\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Fresh Fruit Cocktail\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/still-water\/\"\n           class=\"service-card  filter-beverages filter-dining-service\"\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\/agua.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    5\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Still water\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/sparkling-water\/\"\n           class=\"service-card  filter-beverages filter-dining-service\"\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\/agua_gas.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    6\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Sparkling water\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/glass-of-red-wine\/\"\n           class=\"service-card  filter-beverages filter-dining-service\"\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\/vino.jpg);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    9\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    Glass of red wine\n                <\/h3>\n\n            <\/div>\n\n        <\/a>\n        <a href=\"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/services\/inedit-beer\/\"\n           class=\"service-card  filter-beverages filter-dining-service\"\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\/cerveza.png);                text-decoration:none;           \">\n\n            <div class=\"service-card-info\">\n\n                <p class=\"service-price\">\n                    8\u20ac\n                <\/p>\n\n                <h3 class=\"service-title\">\n                    In\u00e8dit Beer\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=\"\/ca\/\"><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-26","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":1,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/pages\/26\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/hotel-panoram4.hotelscsm.panoram4.com\/ca\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}