PageSourceSearch

https://www.hotelbalmes.com/en/newsletter

html hotelbalmes.com collected 2026-10-08 01:26:53 UTC 94,694 bytes, 1,294 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <link rel="preconnect" href="https://api.fishhotels.com"><link rel="preconnect" href="https://static.mirai.com" crossorigin><link rel="dns-prefetch" href="https://www.googletagmanager.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,700&display=swap" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,700&display=swap" /></noscript><style>:root{ --color-dark: #1d1d1b;--color-light: #c6c6c6;--custom-color-1: #c2bab0;--custom-color-2: #eeeeee;--custom-color-3: #bbbbbb;--custom-color-4: #999999;--custom-color-5: #2563EB;--custom-color-6: ;--custom-color-7: ;--custom-color-8: ;--headings-font: "Libre Bodoni";--text-font: "Inter";--small-text-font: "Inter";--custom-font-1: ;--custom-font-2: ;--custom-font-3: ;--accent-banana: #FFF34A; }</style>
7        
8        
9        
10        <link rel="shortcut icon" href="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/bagues.png" t
10ype="image/x-icon">
11
12        <title>Derby Hotels Collection Newsletter | OFFICIAL WEBSITE</title>
13    <meta name="keywords" content=""/>
14    <meta name="description" content="Subscribe to our newsletter. It&#039;s the best way to stay up-to-date on our latest activities and news. You&#039;ll receive exclusive discounts for our community. You&#039;ll be the first to receive our special offers and promotions. You&#039;ll be the first to know about our competitions and events. You&#039;ll enjoy the benefits of being part of the Derby Hotels Collection community."/>
15
16            <meta name="robots" content="index,follow">
17    
18<!-- Google Tag Manager -->
19    
19<script>
vendor: 375 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
20                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
21            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
22            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
23        })(window,document,'script','dataLayer','
23GTM-59M4LS
vendor: 3 bytes, line 23
23');
23</script>
23
24    <!-- End Google Tag Manager -->
25
26
27            <link rel="canonical" href="https://www.hotelbalmes.com/en/newsletter">
28        <link rel="alternate" hreflang="x-default" href="https://www.hotelbalmes.com/es/newsletter" />
29    
30    
31                    <link rel="alternate" hreflang="en" href="https://www.hotelbalmes.com/en/newsletter" />
32            
33                    <link rel="alternate" hreflang="it" href="https://www.hotelbalmes.com/it/newsletter" />
34            
35                    <link rel="alternate" hreflang="fr" href="https://www.hotelbalmes.com/fr/newsletter" />
36            
37                    <link rel="alternate" hreflang="de" href="https://www.hotelbalmes.com/de/newsletter" />
38            
39                    <link rel="alternate" hreflang="nl" href="https://www.hotelbalmes.com/nl/newsletter" />
40            
41                    <link rel="alternate" hreflang="zh" href="https://www.hotelbalmes.com/zh/newsletter" />
42            
43                    <link rel="alternate" hreflang="ca" href="https://www.hotelbalmes.com/ca/newsletter" />
44            
45                    <link rel="alternate" hreflang="ja" href="https://www.hotelbalmes.com/ja/newsletter" />
46            
47                    <link rel="alternate" hreflang="es" href="https://www.hotelbalmes.com/es/newsletter" />
48            
49                    <link rel="alternate" hreflang="ko" href="https://www.hotelbalmes.com/ko/newsletter" />
50            
51            
52            
53<meta name="csrf-token" content="dKDMkXATk7ANVX00xqT6c1tFBTazsUWELlfKyiaT">
54        <meta property="og:type" content="website">
55        <meta property="og:site_name" content="Hotel Balmes">
56        <meta property="og:url" content="https://www.hotelbalmes.com/en/newsletter"/>
57            
58    <meta name="twitter:card" content="summary_large_image"/>
59    <meta name="twitter:url" content="https://www.hotelbalmes.com/en/newsletter"/>
60                    <link media="all" rel="stylesheet" href="https://www.hotelbalmes.com/css/design-00/base-core.css?v=1.4.0" /><link rel="preload" as="style" href="https://www.hotelbalmes.com/css/design-00/calendar.css?v=1.4.0" onload="this.onload=null;this.rel='stylesheet'"><noscript><link media="all" rel="stylesheet" href="https://www.hotelbalmes.com/css/design-00/calendar.css?v=1.4.0" /></noscript><link rel="stylesheet" href="https://www.hotelbalmes.com/css/design-00/lightbox.css?v=1.4.0" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://www.hotelbalmes.com/css/design-00/lightbox.css?v=1.4.0" /></noscript><link id="site-css" rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/custom?v=1.4.0&t=1769781227" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/custom?v=1.4.0&t=1769781227" /></noscript><style>.block__form-booking{z-index:1;position:relative}.block__form-booking .block__form fieldset,.block__form-booking .block__form .block__inputs{display:flex;gap:10px}.block__form-booking .block__form .block__inputs{gap:20px}.block__form-booking .field__label{margin-bottom:0}.block__form-booking .block__form fieldset .field{display:flex;align-self:flex-start;align-items:center;gap:5px}.block__form-booking .block__form .input{background-color:#fff0;border-radius:0;border:0}.block__form-booking .block__form .block__inputs-dates{display:grid;grid-template-columns:1fr}@media(min-width:500px){.block__form-booking .block__form .block__inputs-dates{grid-template-columns:1fr 1fr}.block__form-booking .booking-checkbox__flexible-dates{grid-column:span 2}}.block__form-booking .block__form .block__inputs-dates{flex-basis:100%;align-self:normal}.block__form-booking .block__form .block__inputs-action{flex-direction:column;align-items:center}.block__form-booking .block__form .block__inputs-action a{position:relative}.block__form-booking .block__form--v .block__inputs{flex-direction:column}.block__form-booking .block__form--v .block__inputs-dates{row-gap:10px}.block__form-booking .block__form-links:not(:has(>a)){display:none}.block__form-booking .block__button{position:relative;z-index:1;width:-webkit-fill-available}.mi-be-square{width:100%}.is-cms--vh,.block-booking-bar.is-cms{height:100vh!important;max-height:1000px!important;min-height:auto!important}.booking-input__datepicker-wrapper{display:grid;grid-template-columns:1fr 30px;gap:5px;flex:1}.booking-input__datepicker-wrapper .button--datepicker{width:30px;min-height:30px;height:auto;padding:0;display:flex;align-items:center;justify-content:center;border:0;background-color:transparent;cursor:pointer}@media(min-width:501px){.booking-input .booking-input__datepicker-wrapper>.vc{left:0}.booking-input.booking-input__dateOut .booking-input__datepicker-wrapper>.vc{right:0;left:auto}}@media(min-width:1100px){.booking-input.booking-input__dateIn .booking-input__datepicker-wrapper>.vc{right:0;left:auto}}.block__form-booking__wrapper:has(.block__form-booking){z-index:90}.block__form-booking-hero+.block__form-booking__wrapper--mobile{display:none}@media(max-width:1099px){.block__form-booking-hero+.block__form-booking__wrapper--mobile{display:block}}@media(max-width:767px){.block__form-booking-hero+.block__form-booking__wrapper--mobile .block__button{width:100%}}@media(max-width:1099px){.block__form-booking-hero.block__form-booking__wrapper{display:none}.block__form-booking-bar.block__form-booking__wrapper{width:100%}}.booking-actions-container{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:15px;width:100%}
61</style><link rel="stylesheet" href="https://static.mirai.com/core/index.css?v=1.4.0" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://static.mirai.com/core/index.css?v=1.4.0" /></noscript><link rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/booking-engine?v=1.4.0&t=1769781227" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/booking-engine?v=1.4.0&t=1769781227" /></noscript><link rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/booking-engine-container?v=1.4.0&t=1769781227" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/stylesheet/styles/booking-engine-container?v=1.4.0&t=1769781227" /></noscript>
62
63                    
63<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/82db2f898264e4f2db2c07ac49a97c05.js"></script>
63
64        
65        <!-- POP UP -->
66
67
68        
69        
70
71        
72            </head>
73
74    <body class="preload"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" style="position:absolute;width:0;height:0;overflow:hidden"><defs>
75        <clipPath id="clip0_9078_1589">
76            <rect width="19" height="19" fill="white"/>
77        </clipPath>
78
79
80        <clipPath id="clip0_8115_31348">
81            <rect width="19" height="19" fill="white"/>
82        </clipPath>
83
84
85        <clipPath id="clip0_10894_18332">
86            <rect width="19" height="19" fill=""/>
87        </clipPath>
88
89
90        <clipPath id="clip0_8115_31181">
91            <rect width="19" height="19" fill="white"/>
92        </clipPath>
93
94
95        <clipPath id="clip0_8115_31133">
96            <rect width="19" height="19" fill=""/>
97        </clipPath>
98
99
100        <clipPath id="clip0_10894_18333">
101            <rect width="19" height="19" fill=""/>
102        </clipPath>
103
104
105        <clipPath id="clip0_8115_31169">
106            <rect width="19" height="19" fill="white"/>
107        </clipPath>
108    </defs><symbol id="icon--arrow-nav-bottom" viewBox="0 0 16 16">
109        <path fill-rule="evenodd" clip-rule="evenodd"
110              d="M13.3536 5.64657C13.5488 5.84183 13.5488 6.15841 13.3536 6.35368L8 11.7072L2.64645 6.35368C2.45118 6.15841 2.45118 5.84183 2.64645 5.64657C2.84171 5.45131 3.15829 5.45131 3.35355 5.64657L8 10.293L12.6464 5.64657C12.8417 5.45131 13.1583 5.45131 13.3536 5.64657Z"
111              fill=""/>
112    </symbol><symbol id="icon--menu" viewBox="0 0 16 16">
113        <path d="M0 2.69583C0 3.08003 0.311454 3.39148 0.695652 3.39148L15.3043 3.39148C15.6885 3.39148 16 3.08003 16 2.69583C16 2.31163 15.6885 2.00018 15.3043 2.00018L0.695652 2.00018C0.311454 2.00018 0 2.31163 0 2.69583Z"
114              fill=""/>
115        <path d="M0 7.56533C0 7.94953 0.311454 8.26099 0.695652 8.26099H15.3043C15.6885 8.26099 16 7.94953 16 7.56533C16 7.18114 15.6885 6.86968 15.3043 6.86968L0.695652 6.86968C0.311454 6.86968 0 7.18114 0 7.56533Z"
116              fill=""/>
117        <path d="M0 12.4349C0 12.0507 0.311454 11.7393 0.695652 11.7393H15.3043C15.6885 11.7393 16 12.0507 16 12.4349C16 12.8191 15.6885 13.1306 15.3043 13.1306H0.695652C0.311454 13.1306 0 12.8191 0 12.4349Z"
118              fill=""/>
119    </symbol><symbol id="icon--close" viewBox="0 0 16 16">
120        <path d="M13.8242 12.9753C13.8799 13.0311 13.9241 13.0973 13.9543 13.1701C13.9845 13.2429 14 13.321 14 13.3998C14 13.4787 13.9845 13.5567 13.9543 13.6295C13.9241 13.7024 13.8799 13.7686 13.8242 13.8243C13.7684 13.88 13.7023 13.9243 13.6294 13.9544C13.5566 13.9846 13.4785 14.0001 13.3997 14.0001C13.3209 14.0001 13.2428 13.9846 13.17 13.9544C13.0971 13.9243 13.031 13.88 12.9752 13.8243L8 8.84832L3.02478 13.8243C2.9122 13.9369 2.75951 14.0001 2.6003 14.0001C2.44109 14.0001 2.2884 13.9369 2.17582 13.8243C2.06325 13.7117 2 13.559 2 13.3998C2 13.2406 2.06325 13.0879 2.17582 12.9753L7.1518 8.00012L2.17582 3.0249C2.06325 2.91232 2 2.75963 2 2.60042C2 2.44121 2.06325 2.28852 2.17582 2.17595C2.2884 2.06337 2.44109 2.00012 2.6003 2.00012C2.75951 2.00012 2.9122 2.06337 3.02478 2.17595L8 7.15192L12.9752 2.17595C13.0878 2.06337 13.2405 2.00012 13.3997 2.00012C13.5589 2.00012 13.7116 2.06337 13.8242 2.17595C13.9368 2.28852 14 2.44121 14 2.60042C14 2.75963 13.9368 2.91232 13.8242 3.0249L8.8482 8.00012L13.8242 12.9753Z"
121              fill=""/>
122    </symbol><symbol id="icon--social-facebook" viewBox="0 0 19 19">
123        <g clip-path="url(#clip0_8115_31348)">
124            <path d="M9.49999 3.05176e-05C14.7467 3.05176e-05 19 4.25333 19 9.50002C19 14.3571 15.3548 18.3623 10.6509 18.9304V12.4031L13.2209 12.4031L13.754 9.50003H10.6509V8.4733C10.6509 7.70625 10.8014 7.17521 11.1466 6.83594C11.4917 6.49666 12.0316 6.34914 12.8105 6.34914C13.0076 6.34914 13.1891 6.3511 13.3501 6.35502C13.5843 6.36073 13.7751 6.37057 13.908 6.38456V3.75291C13.8549 3.73815 13.7922 3.7234 13.722 3.70888C13.5629 3.67598 13.3651 3.64426 13.1524 3.61641C12.7081 3.5582 12.199 3.51685 11.8428 3.51685C10.4044 3.51685 9.31729 3.82459 8.55847 4.46201C7.64266 5.23129 7.20502 6.48078 7.20502 8.2491V9.50002H5.24605V12.4031H7.20502V18.7203C3.06717 17.6937 0 13.9553 0 9.50002C0 4.25333 4.2533 3.05176e-05 9.49999 3.05176e-05Z"
125                  fill=""/>
126        </g>
127
128    </symbol><symbol id="icon--social-instagram" viewBox="0 0 19 19">
129        <path d="M14.5629 5.55918C13.9337 5.56041 13.4222 5.05099 13.4209 4.42184C13.4197 3.79269 13.9291 3.28112 14.5586 3.27989C15.188 3.27866 15.6996 3.78837 15.7008 4.41753C15.7017 5.04668 15.1923 5.55795 14.5629 5.55918Z"
130              fill=""/>
131        <path fill-rule="evenodd" clip-rule="evenodd"
132              d="M9.50908 14.3775C6.81553 14.3827 4.62737 12.2034 4.62215 9.50923C4.61691 6.81564 6.79674 4.62714 9.49032 4.62191C12.1845 4.61668 14.3729 6.79717 14.3782 9.49046C14.3834 12.1847 12.203 14.3722 9.50908 14.3775ZM9.4937 6.33361C7.74539 6.33669 6.33012 7.75721 6.3332 9.50585C6.33658 11.2548 7.7574 12.6698 9.5057 12.6664C11.2546 12.663 12.6699 11.2428 12.6665 9.49384C12.6631 7.74489 11.2423 6.33023 9.4937 6.33361Z"
133              fill=""/>
134        <path fill-rule="evenodd" clip-rule="evenodd"
135              d="M3.26104 0.511796C3.86433 0.275402 4.55472 0.113495 5.56554 0.0657861C6.57884 0.0171575 6.90232 0.00607289 9.48169 0.00114999C12.0617 
135-0.00377291 12.3852 0.00607099 13.3984 0.0510098C14.4096 0.0947174 15.1003 0.254164 15.7048 0.488097C16.3303 0.729105 16.8609 1.05354 17.3897 1.58019C17.9185 2.10745 18.2442 2.63627 18.4882 3.2608C18.7243 3.86471 18.8862 4.5545 18.9343 5.56595C18.9823 6.57893 18.994 6.90212 18.9989 9.48184C19.0038 12.0612 18.9933 12.385 18.949 13.399C18.905 14.4095 18.7459 15.1005 18.5119 15.7047C18.2703 16.3302 17.9465 16.8608 17.4199 17.3896C16.8932 17.9188 16.3638 18.2441 15.7393 18.4885C15.1354 18.7243 14.4456 18.8862 13.4348 18.9345C12.4215 18.9825 12.098 18.9939 9.51771 18.9988C6.93864 19.0038 6.61515 18.9939 5.60187 18.9493C4.59074 18.905 3.89973 18.7458 3.29551 18.5122C2.67007 18.2703 2.13942 17.9468 1.61061 17.4198C1.0815 16.8928 0.755555 16.3637 0.511779 15.7392C0.275387 15.1356 0.114085 14.4455 0.0657659 13.435C0.0174451 12.4214 0.00606026 12.0976 0.00113926 9.51816C-0.00380074 6.93845 0.00636236 6.61526 0.0506799 5.60196C0.0953166 4.59052 0.253837 3.8998 0.487769 3.29496C0.729385 2.66981 1.05319 2.13946 1.58046 1.61035C2.1071 1.08155 2.63651 0.755264 3.26104 0.511796ZM3.91205 16.9162C4.24724 17.0452 4.75018 17.1991 5.67636 17.2394C6.67855 17.2828 6.97865 17.2924 9.51462 17.2875C12.0515 17.2828 12.3516 17.2721 13.3535 17.225C14.2788 17.1809 14.7817 17.0252 15.116 16.8947C15.5595 16.7214 15.8753 16.5142 16.2071 16.1821C16.5389 15.8488 16.7443 15.532 16.916 15.0885C17.0453 14.753 17.1989 14.2497 17.2392 13.3235C17.2832 12.3219 17.2924 12.0215 17.2875 9.48492C17.2829 6.94891 17.2721 6.6485 17.2244 5.64659C17.1807 4.72102 17.0253 4.21807 16.8944 3.8841C16.7212 3.43994 16.5146 3.12475 16.1816 2.79263C15.8485 2.4605 15.5318 2.25581 15.0877 2.08406C14.7531 1.95448 14.2495 1.80119 13.324 1.76087C12.3218 1.71685 12.0213 1.70792 9.48477 1.71285C6.9488 1.71777 6.6487 1.72793 5.64681 1.77534C4.72094 1.81934 4.21861 1.97479 3.88372 2.10561C3.44048 2.2789 3.12468 2.48482 2.79257 2.81818C2.46106 3.15152 2.25576 3.46764 2.08401 3.91211C1.95536 4.24701 1.80052 4.75057 1.76083 5.67614C1.71711 6.67835 1.70788 6.97877 1.71281 9.51477C1.71743 12.0514 1.7282 12.3518 1.77529 13.3531C1.81869 14.2793 1.97535 14.7816 2.10556 15.1168C2.27885 15.5597 2.48539 15.8756 2.81812 16.2077C3.15147 16.5386 3.4682 16.7445 3.91205 16.9162Z"
136              fill=""/>
137    </symbol><symbol id="icon--social-tiktok" viewBox="0 0 19 19">
138        <path d="M13.5157 0H10.3136V12.942C10.3136 14.4841 9.08207 15.7507 7.54946 15.7507C6.01685 15.7507 4.7853 14.4841 4.7853 12.942C4.7853 11.4276 5.98949 10.1884 7.46737 10.1333V6.88407C4.21057 6.93912 1.58325 9.61015 1.58325 12.942C1.58325 16.3015 4.2653 19 7.57684 19C10.8883 19 13.5704 16.2739 13.5704 12.942V6.30578C14.7746 7.18696 16.2524 7.71015 17.8124 7.7377V4.48841C15.4041 4.4058 13.5157 2.42319 13.5157 0Z"
139              fill=""/>
140    </symbol><symbol id="icon--social-linkedin" viewBox="0 0 19 19">
141        <g clip-path="url(#clip0_8115_31133)">
142            <path d="M17.5936 0H1.40273C0.627148 0 0 0.612305 0 1.36934V17.627C0 18.384 0.627148 19 1.40273 19H17.5936C18.3691 19 19 18.384 19 17.6307V1.36934C19 0.612305 18.3691 0 17.5936 0ZM5.63691 16.1908H2.8166V7.12129H5.63691V16.1908ZM4.22676 5.88555C3.32129 5.88555 2.59023 5.15449 2.59023 4.25273C2.59023 3.35098 3.32129 2.61992 4.22676 2.61992C5.12852 2.61992 5.85957 3.35098 5.85957 4.25273C5.85957 5.15078 5.12852 5.88555 4.22676 5.88555ZM16.1908 16.1908H13.3742V11.7822C13.3742 10.732 13.3557 9.37754 11.9084 9.37754C10.4426 9.37754 10.2199 10.5242 10.2199 11.708V16.1908H7.40703V7.12129H10.1086V8.36074H10.1457C10.5205 7.64824 11.4408 6.89492 12.8102 6.89492C15.6639 6.89492 16.1908 8.77266 16.1908 11.2145V16.1908V16.1908Z"
143                  fill=""/>
144        </g>
145
146    </symbol></svg>
147        <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 147-148
147
148    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
148GTM-59M4LS
vendor: 109 bytes, lines 148-150
148"
149                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
150    
150<!-- End Google Tag Manager (noscript) -->
151
152
153                        <div class="l-site-wrapper">
154            <div class="site-content js-site-content ">
155                                        <section
156    id="section-31c2d2b4-178b-453d-948e-3b3b26578cb8" class="container-block_header fishh-block  none-page-view-block fishh-editable--smart" data-fishh-block=block_header data-fishh-block-id=31c2d2b4-178b-453d-948e-3b3b26578cb8
157    data-fishh-ref='header'
158    >
159
160    
161    
162                
162<script>document.addEventListener("DOMContentLoaded", function () {
163  (function () {
164    /* ==========
165     * SUBMENÚS
166     * ========== */
167    function openSubmenu() {
168      var menuItems = document.querySelectorAll(".js-menu-item");
169      menuItems.forEach(function (menuItem) {
170        var actions = menuItem.querySelectorAll(".js-submenu-action");
171        actions.forEach(function (action) {
172          action.addEventListener("click", function (e) {
173            e.stopImmediatePropagation();
174
175            // Cerrar otros submenús
176            menuItems.forEach(function (item) {
177              if (item !== menuItem) {
178                item.classList.remove("is-submenu-open");
179                var otherActions = item.querySelectorAll(".js-submenu-action");
180                otherActions.forEach(function (btn) {
181                  btn.setAttribute("aria-expanded", "false");
182                });
183              }
184            });
185
186            // Alternar submenú actual
187            menuItem.classList.toggle("is-submenu-open");
188
189            // Actualizar aria-expanded
190            action.setAttribute(
191              "aria-expanded",
192              menuItem.classList.contains("is-submenu-open") ? "true" : "false"
193            );
194          });
195        });
196      });
197    }
198
199    function resetSubmenu() {
200      var menuItems = document.querySelectorAll(".js-menu-item");
201      menuItems.forEach(function (menuItem) {
202        menuItem.classList.remove("is-submenu-open");
203        var actions = menuItem.querySelectorAll(".js-submenu-action");
204        actions.forEach(function (action) {
205          action.setAttribute("aria-expanded", "false");
206        });
207      });
208    }
209
210    /* ==========
211     * MENÚ PRINCIPAL
212     * ========== */
213    var menuButton = document.querySelector(".js-modal-action-menu");
214    var menuNav = document.querySelector(".block-header__nav.js-modal");
215    var header = document.querySelector(".js-header");
216
217    if (menuButton && menuNav) {
218      // 1. AL ABRIR EL MENÚ
219      menuNav.addEventListener("modal-opens", function () {
220        menuButton.setAttribute("aria-expanded", "true");
221        if (header) header.classList.add("is-open");
222        document.body.classList.add("no-scroll");
223      });
224
225      // 2. AL CERRAR EL MENÚ
226      menuNav.addEventListener("modal-closes", function () {
227        menuButton.setAttribute("aria-expanded", "false");
228        if (header) header.classList.remove("is-open");
229        menuButton.focus();
230        document.body.classList.remove("no-scroll");
231      });
232
233      // Cerrar menú al tabular después del último elemento
234      menuNav.addEventListener("keydown", function (e) {
235        if (e.key === "Tab" && !e.shiftKey) {
236          const focusable = Array.from(
237            menuNav.querySelectorAll(
238              'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
239            )
240          ).filter((el) => !el.disabled && el.offsetParent !== null);
241
242          if (focusable.length === 0) return;
243
244          const lastEl = focusable[focusable.length - 1];
245
246          if (document.activeElement === lastEl) {
247            e.preventDefault();
248            if (typeof window.modals !== "undefined") {
249              window.modals.close("menu");
250            }
251            menuButton.focus();
252          }
253        }
254
255        if (e.key === "Escape") {
256          if (typeof window.modals !== "undefined") {
257            window.modals.close("menu");
258            resetSubmenu();
259          }
260        }
261      });
262    }
263
264    /* ==========
265     * EVENTOS GLOBALES
266     * ========== */
267
268    openSubmenu();
269
270    // --- CAMBIO CLAVE AQUÍ: Evitar que el teclado cierre el modal ---
271    let lastWidth = window.innerWidth;
272    window.addEventListener(
273      "resize",
274      function () {
275        let currentWidth = window.innerWidth;
276        if (currentWidth !== lastWidth) {
277          if (typeof window.modals !== "undefined") {
278            window.modals.close("menu");
279          }
280          resetSubmenu();
281          lastWidth = currentWidth;
282        }
283      },
284      true
285    );
286
287    window.addEventListener("scroll", function () {
288      if (header) {
289        if (window.scrollY > 50) {
290          header.classList.add("scrolled");
291        } else {
292          header.classList.remove("scrolled");
293        }
294      }
295    });
296  })();
297
298  (function () {
299    const dropdown = document.querySelector(".js-header-dropdown");
300    if (!dropdown) return;
301
302    const button = dropdown.querySelector(".js-header-dropdown-action");
303    const items = dropdown.querySelectorAll(".js-header-dropdown-item");
304
305    button.addEventListener("click", () => {
306      const expanded = button.getAttribute("aria-expanded") === "true";
307      button.setAttribute("aria-expanded", expanded ? "false" : "true");
308    });
309
310    items.forEach((item) => {
311      const link = item.querySelector("a");
312      link.addEventListener("click", () => {
313        items.forEach((i) => i.setAttribute("aria-selected", "false"));
314        item.setAttribute("aria-selected", "true");
315        button.setAttribute("aria-expanded", "false");
316        button.focus();
317      });
318    });
319  })();
320
321  
322});</script>
322
323                <style>:root{--headerHeight:65px}@media (min-width:768px){:root{--headerHeight:auto}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;background-color:transparent;transition:background-color .2s linear;z-index:1001}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.is-cms{position:absolute}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.scrolled,#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.is-open{background-color:var(--contrast-2)}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__inner{height:var(--headerHeight);display:grid;grid-template-columns:100px 1fr;gap:40px;padding:10px 20px;max-width:1800px;width:100%;align-items:flex-start;z-index:1}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__inner{grid-template-columns:180px 1fr;gap:50px;padding:20px 40px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__logo{height:auto;max-width:100px;display:block;position:relative}@media (min-width:768px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__logo{max-width:180px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__icon.icon{width:20px;height:20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__icon.icon{width:20px;height:20px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__actions{gap:30px}}@media (max-width:767px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__actions .block__list,#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__actions .block-header__lang-selector__dropdown{display:none}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__lang-selector__dropdown .js-header-dropdown-list:not(.is-open){visibility:hidden}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header .block-actions__text-close{display:none}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.is-open .block-actions__text-menu{display:none}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.is-open .block-actions__text-close{display:block}@media (max-width:767px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header.is-open .block-actions__text-close,#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header .block-actions__text-close,#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header .block-actions__text-menu{display:none}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__button--booking{padding:15px 20px;letter-spacing:1px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__button--menu{text-transform:uppercase;padding:10px 0}@media (min-width:768px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__button--menu{display:flex;align-items:center;gap:10px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__submenu-toggle{background:none;border:0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info{height:max-content;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;gap:10px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info{gap:35px;grid-template-columns:auto 1fr 1fr;grid-template-rows:1fr}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 address{justify-self:end;text-align:right;align-self:end}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info-title{margin-bottom:10px;line-height:normal}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info-title:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info-title:not(:first-child){margin-top:40px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-info-text a{font-size:inherit;color:inherit}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social{flex-direction:column;justify-content:center;align-items:flex-end;
323gap:20px;display:flex;flex-wrap:wrap}@media (max-width:1099px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social{grid-row:span 2}}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social-item{border:1px solid var(--grey-4);border-radius:25px;width:35px;height:35px;display:flex;align-items:center;justify-content:center}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social-item a{display:flex}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown{display:flex;border-left:1px solid var(--color-dark);border-right:1px solid var(--color-dark);padding:0 10px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown{padding:10px 30px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-text{text-transform:uppercase}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-arrow{height:18px;width:18px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-action{display:flex;align-items:center;justify-content:center;gap:3px;padding:10px;background:transparent;border:0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-list{width:65px;top:55px;right:50%;transform:translateX(50%)}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-item{margin-bottom:10px;text-transform:uppercase}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-item:first-child{margin-top:10px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__dropdown-item:hover{cursor:pointer}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block__list .block__list-item{list-style:none;text-transform:uppercase}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block__list .block__list-item a{padding:10px 0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer{height:0;position:absolute;flex-direction:column;top:0;padding:0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer{justify-content:flex-start}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer.is-visible{height:100vh;padding:100px 20px 20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer{justify-content:center}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .booking-layer__inner{width:100%;max-width:1000px;display:grid;grid-template-columns:1fr;gap:10px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .block__form-booking__wrapper{border:1px solid var(--color-dark);padding:10px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .block__form-booking__wrapper .block__text:first-child{margin-bottom:20px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .block__form-booking__wrapper a{display:block}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .block__form-booking__wrapper{padding:50px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .booking-layer__inner{grid-template-columns:50% 50%;gap:40px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer
324.block__form-booking__wrapper
325.block__text:first-child{margin-bottom:40px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .booking-layer__close{top:0;right:0}@media (min-width:768px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__booking-layer .booking-layer__close{right:25px;top:20px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav{position:absolute;top:0;right:0;width:100%;height:0;padding-top:var(--headerHeight)}@media (min-width:768px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav{padding-top:120px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__inner{height:0;padding:20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__inner{padding:20px 40px 40px 20px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu--body{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu--body>.block__text{margin-bottom:30px}@media (min-width:768px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu{margin-bottom:40px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu{width:-webkit-fill-available;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;flex:1}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu{gap:25px}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item .block-nav__link{font-size:1.563rem}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item .block-nav__link{font-size:2.188rem}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item .block-nav__arrow{width:30px;height:20px}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item .block-nav__arrow{width:30px;height:30px;padding:4px 0}}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item.is-active .block-nav__link{color:var(--color-dark)}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item.is-submenu-open .block-nav__arrow{transform:rotate(-180deg)}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__menu-item.is-submenu-open .block-nav__submenu{display:flex;flex-direction:column;align-items:center;visibility:visible;opacity:1;height:auto;padding:20px 0 10px 0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__submenu{flex-wrap:wrap;gap:16px;visibility:hidden;opacity:0;transition:opacity .5s ease;height:0}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__submenu::-webkit-scrollbar{width:4px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__submenu::-webkit-scrollbar-track{background-color:rgba(255,255,255,.3)}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__submenu::-webkit-scrollbar-thumb{background-color:#fff;border-radius:20px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav.is-visible{min-height:100vh}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav.is-visible .block-nav__inner{min-height:100%;height:fit-content}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-header__nav-social-item svg{width:15px;height:15px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__language{margin-top:30px;display:flex;justify-content:center;gap:10px}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__language li{list-style-type:none}#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__language li a.is-current{font-weight:bold}@media (min-width:1100px){#section-31c2d2b4-178b-453d-948e-3b3b26578cb8 .block-nav__language{display:none}}</style>
326        
327<header
328    class="block-header js-header js-background-style-receiver ">
329    <div class="block-header__inner ">
330        <a class="block-header__logo" href="https://www.hotelbalmes.com/en" 
331            aria-label="Go to the home page">
332            <img class="logo__image logo__image-color lazyload" src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/balmes.png"
333                alt="Logo Hotel Balmes">
334          <img class="logo__image logo__image-white lazyload" src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/balmes-1.png"
335                alt="Logo Hotel Balmes">
336        </a>
337
338        <div class="block-header__actions">
339
340            <button id="block-head__button--booking" 
341                class="block-header__button block-header__button--booking button button--primary bg-color--dark text-color--contrast-2 js-button-style-receiver"
342                role="button"   data-modal-class="js-modal-action js-modal-action-booking"
343                data-modal-name="booking-layer" data-booking-layer-open="BOOK NOW"
344                data-booking-layer-close="Close" 
345             >BOOK NOW
346            </button>
347
348            <ul class="block__list js-layout-style-receiver">
349                <li class="block__list-item text-style-small text-color--dark js-text-style-receiver">
350                    <a href="https://www.hotelbalmes.com/en/newsletter" target="_self">
351                        Newsletter
352                    </a>
353                </li>
354            </ul>
355
356            <div class="block-header__lang-selector__dropdown  block-header__dropdown js-header-dropdown">
357                <button class="block-header__dropdown-action js-header-dropdown-action" 
358                    aria-haspopup="listbox" aria-expanded="false" aria-controls="lang-dropdown-list"
359                    aria-label="Language selector. Current language: English">
360                    <span class="block-header__dropdown-text text-style-small text-color--dark js-text-style-receiver">
361                        en
362                    </span>
363                    <svg
364                        class="block-header__dropdown-arrow js-header-dropdown__arrow fill-color--dark js-icon-style-receiver">
365                        <use href="#icon--arrow-nav-bottom" />
366                    </svg>
367                </button>
368                <ul id="lang-dropdown-list"
369                    class="block-header__dropdown-list bg-color--contrast-2 border-color--dark js-header-dropdown-list"
370                    role="listbox">
371                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ja">
372                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/ja/newsletter" 
373                            aria-label="日本語">
374                            ja
375                        </a>
376                    </li>
377                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="it">
378                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/it/newsletter" 
379                            aria-label="Italiano">
380                            it
381                        </a>
382                    </li>
383                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="nl">
384                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/nl/newsletter" 
385                            aria-label="Nederlands">
386                            nl
387                        </a>
388                    </li>
389                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="zh">
390                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/zh/newsletter" 
391                            aria-label="中文">
392                            zh
393                        </a>
394                    </li>
395                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ko">
396                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/ko/newsletter" 
397                            aria-label="한국어">
398                            ko
399                        </a>
400                    </li>
401                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="fr">
402                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/fr/newsletter" 
403                            aria-label="Français">
404                            fr
405                        </a>
406                    </li>
407                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="es">
408                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/es/newsletter" 
409                            aria-label="Español">
410                            es
411                        </a>
412                    </li>
413                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="de">
414                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/de/newsletter" 
415                            aria-label="Deutsch">
416                            de
417                        </a>
418                    </li>
419                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ca">
420                        <a class="text-color--dark text-style-small" href="https://www.hotelbalmes.com/ca/newsletter" 
421                            aria-label="Català">
422                            ca
423                        </a>
424                    </li>
425                </ul>
426            </div>
427
428            <button type="button"
429                class="block-header__button block-header__button--menu js-modal-action js-modal-action-menu js-button-style-receiver"
430                data-modal-name="menu" data-menu-open="Menu"
431                data-menu-close="Close" title="Menu"
432               aria-haspopup="true" aria-expanded="false" aria-controls="derby-4S-menu"
433                aria-label="This is the main menu">
434                <span class="block-actions__text-menu text-style-small text-color--dark js-text-style-receiver">
435                    Menu</span>
436                <span class="block-actions__text-close text-style-small  text-color--dark js-text-style-receiver">
437                    Close</span>
438                <svg class="block-header__icon icon block-actions__icon-menu fill-color--dark">
439                    <use href="#icon--menu" />
440                </svg>
441                <svg class="block-header__icon icon block-actions__icon-close fill-color--dark">
442                    <use href="#icon--close" />
443                </svg>
444            </button>
445
446        </div>
447
448    </div>
449
450
451    <nav class="block-nav block-header__nav  bg-color--contrast-2 js-nav js-modal" data-modal-name="menu">
452        <div class="block-nav__inner">
453            <div class="block-nav__menu--body">
454                <ul class="block-nav__menu" id="derby-4S-menu">
455                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
456                        >
457
458                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
459                            href="https://www.hotelbalmes.com/en/rooms-apartments">
460                            Rooms & Apartments
461                        </a>
462
463
464                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
465                            aria-expanded="false" aria-controls="derby-4S-submenu-rooms-apartments"
466                            aria-label="Open submenu of Rooms & Apartments">
467                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
468                                <use href="#icon--arrow-nav-bottom"></use>
469                            </svg>
470                        </button>
471
472                        <!-- Submenú -->
473                        <ul id="derby-4S-submenu-rooms-apartments" class="block-nav__submenu js-submenu">
474                            <li class="block-nav__submenu-item block__text--center "
475                                >
476                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/family-rooms"
477                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
478                                  >
479                                    Family Rooms
480                                </a>
481                            </li>
482                            <li class="block-nav__submenu-item block__text--center "
483                                >
484                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/suites"
485                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
486                                  >
487                                    Suites
488                                </a>
489                            </li>
490                            <li class="block-nav__submenu-item block__text--center "
491                                >
492                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/apartments"
493                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
494                                  >
495                                    Apartments
496                                </a>
497                            </li>
498                            <li class="block-nav__submenu-item block__text--center "
499                                >
500                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/double-deluxe"
501                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
502                                  >
503                                    Double Deluxe
504                                </a>
505                            </li>
506                            <li class="block-nav__submenu-item block__text--center "
507                                >
508                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/double-executive"
509                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
510                                  >
511                                    Double Executive
512                                </a>
513                            </li>
514                            <li class="block-nav__submenu-item block__text--center "
515                                >
516                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/double-superior"
517                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
518                                  >
519                                    Double Superior
520                                </a>
521                            </li>
522                            <li class="block-nav__submenu-item block__text--center "
523                                >
524                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/single-comfort"
525                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
526                                  >
527                                    Single Comfort
528                                </a>
529                            </li>
530                            <li class="block-nav__submenu-item block__text--center "
531                                >
532                                <a href="https://www.hotelbalmes.com/en/rooms-apartments/single"
533                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
534                                  >
535                                    Single
536                                </a>
537                            </li>
538                        </ul>
539
540
541                    </li>
542                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
543                        >
544
545                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
546                            href="https://www.hotelbalmes.com/en/gallery-virtual-tour">
547                            Gallery & Virtual Tour
548                        </a>
549
550
551                    </li>
552                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
553                        >
554
555                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
556                            href="https://www.hotelbalmes.com/en/bar-restaurant-terrace">
557                            Bar, Restaurant & Terrace
558                        </a>
559
560
561                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
562                            aria-expanded="false" aria-controls="derby-4S-submenu-bar-restaurant-terrace"
563                            aria-label="Open submenu of Bar, Restaurant & Terrace">
564                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
565                                <use href="#icon--arrow-nav-bottom"></use>
566                            </svg>
567                        </button>
568
569                        <!-- Submenú -->
570                        <ul id="derby-4S-submenu-bar-restaurant-terrace" class="block-nav__submenu js-submenu">
571                            <li class="block-nav__submenu-item block__text--center "
572                                >
573                                <a href="https://www.hotelbalmes.com/en/terrace-pool"
574                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
575                                  >
576                                    Terrace & Pool
577                                </a>
578                            </li>
579                            <li class="block-nav__submenu-item block__text--center "
580                                >
581                                <a href="https://www.hotelbalmes.com/en/b-bar"
582                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
583                                  >
584                                    B Bar
585                                </a>
586                            </li>
587                            <li class="block-nav__submenu-item block__text--center "
588                                >
589                                <a href="https://www.hotelbalmes.com/en/breakfast-and-restaurant"
590                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
591                                  >
592                                    Breakfast and Restaurant
593                                </a>
594                            </li>
595                        </ul>
596
597
598                    </li>
599                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
600                        >
601
602                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
603                            href="https://www.hotelbalmes.com/en/offers-and-experiences">
604                            Offers and Experiences
605                        </a>
606
607
608                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
609                            aria-expanded="false" aria-controls="derby-4S-submenu-offers-and-experiences"
610                            aria-label="Open submenu of Offers and Experiences">
611                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
612                                <use href="#icon--arrow-nav-bottom"></use>
613                            </svg>
614                        </button>
615
616                        <!-- Submenú -->
617                        <ul id="derby-4S-submenu-offers-and-experiences" class="block-nav__submenu js-submenu">
618                            <li class="block-nav__submenu-item block__text--center "
619                                >
620                                <a href="https://www.hotelbalmes.com/en/offers-and-experiences/stay-breakfast"
621                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
622                                  >
623                                    Stay & Breakfast
624                                </a>
625                            </li>
626                            <li class="block-nav__submenu-item block__text--center "
627                                >
628                                <a href="https://www.hotelbalmes.com/en/offers-and-experiences/stay-dog"
629                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
630                                  >
631                                    Stay & Dog
632                                </a>
633                            </li>
634                            <li class="block-nav__submenu-item block__text--center "
635                                >
636                                <a href="https://www.hotelbalmes.com/en/offers-and-experiences/stay-love"
637                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
638                                  >
639                                    Stay & Love
640                                </a>
641                            </li>
642                            <li class="block-nav__submenu-item block__text--center "
643                                >
644                                <a href="https://www.hotelbalmes.com/en/offers-and-experiences/official-website-best-price"
645                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
646                                  >
647                                    Official website = Best price
648                                </a>
649                            </li>
650                        </ul>
651
652
653                    </li>
654                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
655                        >
656
657                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
658                            href="https://www.hotelbalmes.com/en/meetings-and-events">
659                            Meetings and Events
660                        </a>
661
662
663                    </li>
664                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
665                        >
666
667                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
668                            href="https://www.hotelbalmes.com/en/location">
669                            Location
670                        </a>
671
672
673                    </li>
674                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
675                        >
676
677                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
678                            href="https://www.hotelbalmes.com/en/we-love-art">
679                            We Love Art
680                        </a>
681
682
683                    </li>
684                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
685                        >
686
687                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
688                            href="https://www.hotelbalmes.com/en/things-to-do-in-barcelona">
689                            Things to do in Barcelona
690                        </a>
691
692
693                    </li>
694                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
695                        >
696
697                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
698                            href="https://www.hotelbalmes.com/en/frequently-asked-questions">
699                            Frequently Asked Questions
700                        </a>
701
702
703                    </li>
704                </ul>
705                <div class="block-header__nav-info">
706
707                    <div>
708                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
709                            <abbr title="">T:</abbr>
710                            <a href="tel:+34 934 456 500"
711                                aria-label="Call by phone+34 934 456 500">
712                                +34 934 456 500
713                            </a>
714                        </p>
715                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
716                            <abbr title="">F:</abbr>
717                            +34 934 510 049
718                        </p>
719                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
720                            <abbr title="">E:</abbr>
721                            <a href="mailto:[email protected]"
722                                aria-label="Send an email to [email protected]">
723                                [email protected]
724                            </a>
725                        </p>
726                    </div>
727
728                    <ul class="block-header__nav-social">
729                        <li class="block-header__nav-social-item">
730                            <a href="https://www.facebook.com/DerbyHotelsCollection/" title="facebook" target="_blank" rel="nofollow noopener noreferrer"
731                                aria-label="facebook, It will open in a new tab">
732                                <svg class="icon fill-color--grey-4">
733                                 
733   <use href="#icon--social-facebook" />
734                                </svg>
735                            </a>
736                        </li>
737                        <li class="block-header__nav-social-item">
738                            <a href="https://www.instagram.com/derby_hotels/" title="instagram" target="_blank" rel="nofollow noopener noreferrer"
739                                aria-label="instagram, It will open in a new tab">
740                                <svg class="icon fill-color--grey-4">
741                                    <use href="#icon--social-instagram" />
742                                </svg>
743                            </a>
744                        </li>
745                        <li class="block-header__nav-social-item">
746                            <a href="https://www.tiktok.com/@derbyhotelscollection" title="tiktok" target="_blank" rel="nofollow noopener noreferrer"
747                                aria-label="tiktok, It will open in a new tab">
748                                <svg class="icon fill-color--grey-4">
749                                    <use href="#icon--social-tiktok" />
750                                </svg>
751                            </a>
752                        </li>
753                        <li class="block-header__nav-social-item">
754                            <a href="https://linkedin.com/company/derby-hotels-collection" title="linkedin" target="_blank" rel="nofollow noopener noreferrer"
755                                aria-label="linkedin, It will open in a new tab">
756                                <svg class="icon fill-color--grey-4">
757                                    <use href="#icon--social-linkedin" />
758                                </svg>
759                            </a>
760                        </li>
761                    </ul>
762
763                    <address class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
764                        Hotel Balmes <br>
765                        Mallorca, 216
766                        
767                        Barcelona.
768                        Spain
769                    </address>
770                </div>
771
772
773                <ul class="block-nav__language">
774                    <li>
775                        <a class="block__text--uppercase text-color--dark text-style-small "
776                            aria-label=" Japanese"
777                            href="https://www.hotelbalmes.com/ja/newsletter">
778                            ja
779                        </a>
780                    </li>
781                    <li>
782                        <a class="block__text--uppercase text-color--dark text-style-small "
783                            aria-label=" Italian"
784                            href="https://www.hotelbalmes.com/it/newsletter">
785                            it
786                        </a>
787                    </li>
788                    <li>
789                        <a class="block__text--uppercase text-color--dark text-style-small   is-current "
790                            aria-label="Current language: English"
791                            href="https://www.hotelbalmes.com/en/newsletter">
792                            en
793                        </a>
794                    </li>
795                    <li>
796                        <a class="block__text--uppercase text-color--dark text-style-small "
797                            aria-label=" Dutch"
798                            href="https://www.hotelbalmes.com/nl/newsletter">
799                            nl
800                        </a>
801                    </li>
802                    <li>
803                        <a class="block__text--uppercase text-color--dark text-style-small "
804                            aria-label=" Chinese"
805                            href="https://www.hotelbalmes.com/zh/newsletter">
806                            zh
807                        </a>
808                    </li>
809                    <li>
810                        <a class="block__text--uppercase text-color--dark text-style-small "
811                            aria-label=" Korean"
812                            href="https://www.hotelbalmes.com/ko/newsletter">
813                            ko
814                        </a>
815                    </li>
816                    <li>
817                        <a class="block__text--uppercase text-color--dark text-style-small "
818                            aria-label=" French"
819                            href="https://www.hotelbalmes.com/fr/newsletter">
820                            fr
821                        </a>
822                    </li>
823                    <li>
824                        <a class="block__text--uppercase text-color--dark text-style-small "
825                            aria-label=" Spanish"
826                            href="https://www.hotelbalmes.com/es/newsletter">
827                            es
828                        </a>
829                    </li>
830                    <li>
831                        <a class="block__text--uppercase text-color--dark text-style-small "
832                            aria-label=" German"
833                            href="https://www.hotelbalmes.com/de/newsletter">
834                            de
835                        </a>
836                    </li>
837                    <li>
838                        <a class="block__text--uppercase text-color--dark text-style-small "
839                            aria-label=" Catalan"
840                            href="https://www.hotelbalmes.com/ca/newsletter">
841                            ca
842                        </a>
843                    </li>
844                </ul>
845            </div>
846        </div>
847    </nav>
848
849
850    <!--Booking layer-->
851    <div class="booking-layer block-header__booking-layer bg-color--contrast-2 js-modal" data-modal-name="booking-layer"
852        id="booking-modal" data-fishh-block="booking-layer" data-fishh-id="booking-layer">
853
854        <button type="button" class="booking-layer__close button button-naked button--auto js-modal-action-close"
855            aria-label="Close">
856            <span class="block-actions__text-menu text-style-small text-color--dark js-text-style-receiver"
857                >
858                Close
859            </span>
860            <svg class="icon fill-color--dark">
861                <use href="#icon--close" />
862            </svg>
863        </button>
864
865        <div class="booking-layer__inner">
866            <div class="block__form-booking__wrapper">
867                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
868                    Book online</p>
869                
870    <style>
871        div[data-layout=column] {
872            margin: auto;
873            max-width: 450px
874        }
875        .block__form-booking__wrapper:has(div[data-layout=column]){
876            width: 100%
877        }
878    </style><div data-mirai-id="10281839" data-type="hotel"></div><div data-mirai-component="finder" data-layout="column"></div><div class="booking-actions-container"><div class="booking-modify-container"><div data-mirai-component="bookingQuery"></div></div></div>
879            </div>
880            <div class="block__form-booking__wrapper">
881                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
882                    Book</p>
883                <a class="block__text block__text--center text-style-4 font--text text-color--dark"
884                    href="tel:+34 934 456 500"
885                    aria-label="Call by phone+34 934 456 500">
886                    +34 934 456 500
887                </a>
888            </div>
889        </div>
890    </div>
891
892</header>
893</section>
894                                <section
895    id="section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0" class="container-block_slider fishh-block  fishh-editable--smart" data-fishh-block=block_slider data-fishh-block-id=a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0
896    data-fishh-ref='slider'
897    >
898
899    
900    
901                
901<script>document.addEventListener('DOMContentLoaded', function () {
902        const sliderBarcelona03 = document.querySelectorAll('.js-block-slider-barcelona-03');
903        sliderBarcelona03.forEach((splideElement) => {
904            new Splide(splideElement, {
905                type: 'fade',
906                perPage: 1,
907                pagination: false,
908                autoplay: true,
909                rewind: false,
910                arrows: false,
911                height: '650px',
912                breakpoints: {
913                    768: {
914                        height: '500px'
915                    }
916                }
917
918            }).mount();
919        });
920    });</script>
920
921                <style>#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider{display:flex;justify-content:center}#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider .block__container{max-width:var(--block-max-width);position:relative}@media (max-width:767px){#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider .block-padding{padding-left:0;padding-right:0}}#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider .block__wrapper{position:absolute;max-width:800px;z-index:1;bottom:0;left:0;right:0;margin:auto;height:fit-content;padding:10px}@media (min-width:1100px){#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider .block__wrapper{padding:30px}}#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block__wrapper:not(:has(div)){display:none}#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block__rich-text+.block__text{margin-top:20px}#section-a9936ee2-fd43-4ac2-b5bd-b1eb7b4868d0 .block-slider:not(:has(.block__text)) .image--overlay-gradient-header:after{background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,0));height:50%}</style>
922        
923
924<div class="block-slider js-background-style-receiver js-box-style-receiver">
925  <div class="block__container">
926    <div class="block__wrapper  js-background-style-receiver js-box-style-receiver">
927
928        </div>
929    <div class="block__slider splide js-block-slider-barcelona-03">
930      <div class="splide__track">
931        <ul class="splide__list">
932          <li class="block__slider-item splide__slide ">
933            <picture class="block__image image--overlay-gradient-header image image--fit-cover">
934              <source srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/balmes-family-room.jpeg?cw=1668&ch=938&cx=302&cy=0&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
935              <source srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/balmes-family-room.jpeg?cw=1668&ch=938&cx=302&cy=0&s=xl&w=1200&h=675" media="(min-width: 1280px)">
936              <source srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/balmes-family-room.jpeg?cw=1668&ch=938&cx=302&cy=0&s=l&w=1024&h=576" media="(min-width: 1024px)">
937              <source srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/balmes-family-room.jpeg?cw=1668&ch=938&cx=302&cy=0&s=m&w=700&h=394" media="(min-width: 700px)">
938              <img fetchpriority="high" class="image__picture" src="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/balmes-family-room.jpeg?cw=1668&ch=938&cx=302&cy=0&s=xxl&w=2000&h=1125"
939                title="Hotel Balmes 4* Barcelona" alt="Hotel Balmes 4* Barcelona">
940            </picture>
941          </li>
942        </ul>
943      </div>
944    </div>
945  </div>
946</div>
947</section>
948                                <section
949    id="section-a4c7ae62-bb46-4668-8042-6177ccd93a0f" class="container-block_iframe fishh-block " data-fishh-block=block_iframe data-fishh-block-id=a4c7ae62-bb46-4668-8042-6177ccd93a0f
950    data-fishh-ref='iframe'
951    >
952
953    
954    
955                    <style>#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe{display:flex;justify-content:center}#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe .block__container{max-width:var(--block-max-width)}#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe .block__wrapper--start{margin-bottom:40px}@media (min-width:768px){#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe .block__wrapper--start{margin-bottom:100px}}#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe .block__wrapper--end{text-align:center}#section-a4c7ae62-bb46-4668-8042-6177ccd93a0f .block-iframe .block__iframe iframe{border:0;width:100%;max-width:600px}</style>
956        <div class="block-iframe js-background-style-receiver js-box-style-receiver">
957  <div class="block__container block-padding js-background-style-receiver js-box-style-receiver">
958    <div class="block__wrapper--start">
959      <h1
960        class="block__text block__text--center block__text--uppercase text-style-0 text-color--dark js-text-style-receiver js-spacing-style-receiver">
961        DERBY HOTELS COLLECTION NEWSLETTER
962      </h1>
963    </div>
964    <div class="block__wrapper--end">
965      <div class="block__iframe js-box-style-receiver">
966        <iframe class="c-box-modal--iframe" src="https://cloud.marketing.derbyhotels.com/Suscripcion?idioma=e
966n&amp;Hotel='HBL" width="100%" height="700px"></iframe>
967      </div>
968    </div>
969  </div>
970</div>
971</section>
972                                <section
973    id="section-4390a655-382a-4336-98b1-73de15412f27" class="container-block_content-text fishh-block  none-page-view-block" data-fishh-block=block_content-text data-fishh-block-id=4390a655-382a-4336-98b1-73de15412f27
974    data-fishh-ref='content-text'
975    >
976
977    
978    
979                    <style>#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text{display:flex;justify-content:center}#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text .block__wrapper{overflow:clip}#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text .block__container{padding:50px 40px 60px}#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text .block__item{align-items:center;display:flex;position:relative}#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text .block__info{margin-inline:auto;max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text .block__button:not(:first-child){margin-top:50px}@media (min-width:768px){#section-4390a655-382a-4336-98b1-73de15412f27 .block-content-text{display:none}}</style>
980        
981<div class="block-content-text">
982  <div class="block__container bg-color--dark js-background-style-receiver  js-box-style-receiver">
983    <div class="block__wrapper js-box-style-receiver">
984      <div class="block__item">
985        <div class="block__info js-background-style-receiver  js-box-style-receiver">
986          <p
987            class="block__text block__text--uppercase font-size-4 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
988            Be the first to discover news from Derby Hotels Collection
989          </p>
990
991          <a href="https://www.hotelbalmes.com/en/newsletter" target="_self"  
992            class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver">
993            Newsletter
994          </a>
995        </div>
996      </div>
997    </div>
998  </div>
999</div>
1000</section>
1001                                <section
1002    id="section-05802eaf-1d69-48f1-bcad-c5d020574850" class="container-block_footer fishh-block  none-page-view-block" data-fishh-block=block_footer data-fishh-block-id=05802eaf-1d69-48f1-bcad-c5d020574850
1003    data-fishh-ref='footer'
1004    >
1005
1006    
1007    
1008                
1008<script>document.addEventListener("DOMContentLoaded", function () {
1009  const items = document.querySelectorAll('.block-footer .js-hide-first-item');
1010  if (items.length > 1) {
1011    items[0].remove();
1012  }
1013  paginator();
1014
1015
1016  const li = document.querySelector('[data-lang]');
1017  if (!li) return;
1018
1019  const lang = li.getAttribute('data-lang');
1020  const link = li.querySelector('a');
1021
1022
1023  if (!lang || !link) return;
1024
1025  const data = {
1026    es: { text: 'Sostenibilidad', slug: 'sostenibilidad' },
1027    en: { text: 'Sustainability', slug: 'sustainability' },
1028    ca: { text: 'Sostenibilitat', slug: 'sostenibilitat' },
1029    de: { text: 'Nachhaltigkeit', slug: 'nachhaltigkeit' },
1030    fr: { text: 'Durabilité', slug: 'durabilite' },
1031    it: { text: 'Sostenibilità', slug: 'sostenibilita' }
1032  };
1033
1034
1035  const selectedLang = data[lang] ? lang : 'en';
1036
1037  link.textContent = data[selectedLang].text;
1038  link.href = `https://www.derbyhotels.com/${selectedLang}/${data[selectedLang].slug}`;
1039});</script>
1039
1040                <style>#section-05802eaf-1d69-48f1-bcad-c5d020574850 [data-page-id]:not([data-page-id="917eebbc-8b89-4190-a7cf-f0e8999fd2a9"]){display:none}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__container{margin:auto;max-width:1100px}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__wrapper{display:grid;gap:30px;grid-template-columns:1fr;border-bottom:1px solid var(--grey-6);padding-bottom:30px;margin-bottom:30px}@media (min-width:1100px){#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__wrapper{gap:60px;grid-template-columns:140px 1fr 180px;padding-bottom:60px}}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__logo{height:auto;max-width:140px;display:flex;align-items:center;justify-content:center}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__logo:nth-of-type(2){max-width:180px}@media (max-width:1099px){#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__logo{justify-self:center}}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__legal{display:flex;flex-direction:column;gap:20px}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__legal{width:100%}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (min-width:1100px){#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block-footer__nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block__list{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}#section-05802eaf-1d69-48f1-bcad-c5d020574850 .block__list-item .image__picture{height:80px;object-fit:contain}#section-05802eaf-1d69-48f1-bcad-c5d020574850 a{display:inline-block}</style>
1041        
1042<footer class="block-footer bg-color--light js-background-style-receiver js-box-style-receiver js-logo-container">
1043    <div class="block-slider bg-color--contrast-2 js-background-style-receiver js-box-style-receiver">
1044
1045        <div class="block-footer__container block-padding js-box-style-receiver">
1046            <div class="block-footer__wrapper js-background-style-receiver js-box-style-receiver">
1047                <div class="block-footer__logo js-logo-style">
1048                    <img class="logo__image logo__image--color lazyload" src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/balmes.png"
1049                        title="Hotel Balmes" alt="Logo Hotel Balmes">
1050                    <img class="logo__image  logo__image--white  lazyload" src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/balmes-1.png"
1051                        title="Hotel Balmes" alt="Logo Hotel Balmes">
1052                </div>
1053
1054                <ul class="block-footer__nav js-layout-style-receiver">
1055                    <li
1056                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1057                        <a href="https://www.hotelbalmes.com/en/cookies" target="_self" class="text-style-link">
1058                            Cookies
1059                        </a>
1060                    </li>
1061                    <li
1062                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1063                        <a href="https://www.hotelbalmes.com/en/privacy" target="_self" class="text-style-link">
1064                            Privacy
1065                        </a>
1066                    </li>
1067                    <li
1068                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1069                        <a href="https://www.hotelbalmes.com/en/terms-conditions" target="_self" class="text-style-link">
1070                            Terms & Conditions
1071                        </a>
1072                    </li>
1073                    <li
1074                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1075                        <a href="https://www.hotelbalmes.com/en/site-map" target="_self" class="text-style-link">
1076                            Site Map
1077                        </a>
1078                    </li>
1079                    <li
1080                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1081                        <a href="https://www.facebook.com/DerbyHotelsCollection/" target="_blank" rel="nofollow noopener noreferrer">
1082                            facebook
1083                        </a>
1084                    </li>
1085                    <li
1086                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1087                        <a href="https://www.instagram.com/derby_hotels/" target="_blank" rel="nofollow noopener noreferrer">
1088                            instagram
1089                        </a>
1090                    </li>
1091                    <li
1092                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1093                        <a href="https://www.tiktok.com/@derbyhotelscollection" target="_blank" rel="nofollow noopener noreferrer">
1094                            tiktok
1095                        </a>
1096                    </li>
1097                    <li
1098                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1099                        <a href="https://linkedin.com/company/derby-hotels-collection" target="_blank" rel="nofollow noopener noreferrer">
1100                            linkedin
1101                        </a>
1102                    </li>
1103                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1104                      <a href="https://derbyhotels.epreselec.com/Ofertas/Ofertas.aspx" target="_blank" rel="nofollow noopener noreferrer">
1105                         Work with us
1106                      </a>
1107                    </li>
1108                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="74bbdbb7-1deb-4e1f-88fa-ad2b1e439de5">
1109                        <a href="https://www.hotelbalmes.com/en/404" target="_self" class="text-style-link">
1110                            Error 404
1111                        </a>
1112                    </li>
1113                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="f146b4fd-b2d3-40ee-b603-9cc36c6d1ab2">
1114                        <a href="https://www.hotelbalmes.com/en/bookingstep1" target="_self" class="text-style-link">
1115                            Booking Step 1
1116                        </a>
1117                    </li>
1118                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="ff42b303-065f-450d-b2fc-3156cc73aeb7">
1119                        <a href="https://www.hotelbalmes.com/en/bookingstep2" target="_self" class="text-style-link">
1120                            Booking Step 2
1121                        </a>
1122                    </li>
1123                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="2949987d-3de1-484a-8756-79354b748e67">
1124                        <a href="https://www.hotelbalmes.com/en/reservation_confirmation" target="_self" class="text-style-link">
1125                            Booking Step 3
1126                        </a>
1127                    </li>
1128                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="732d23e0-d344-4ee6-bd01-853c4d50d946">
1129                        <a href="https://www.hotelbalmes.com/en/newsletter" target="_self" class="text-style-link">
1130                            Newsletter
1131                        </a>
1132                    </li>
1133                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="4c43580e-a282-494c-92f2-8b7727dd8740">
1134                        <a href="https://www.hotelbalmes.com/en/group-events-quote" target="_self" class="text-style-link">
1135                            Group Events Quote
1136                        </a>
1137                    </li>
1138                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="917eebbc-8b89-4190-a7cf-f0e8999fd2a9">
1139                        <a href="https://www.hotelbalmes.com/en/sustainability-commitment" target="_self" class="text-style-link">
1140                            Sustainability
1141                        </a>
1142                    </li>
1143                </ul>
1144                <div class="block-footer__logo">
1145                    <a href="https://www.derbyhotels.com" target="_blank" 
1146                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1147                        title="Derby Hotels Collection" >
1148                        <picture class="block__image image">
1149                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/logo-derby-hotels.png?s=m&w=700&h=187"
1150                                media="(min-width: 700px)">
1151                            <source data-srcset=""
1152                                media="(min-width: 320px)">
1153                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/logo-derby-hotels.png"
1154                                title="logo-derby-hotels.png" alt="Derby Hotels Collection">
1155                        </picture>
1156                    </a>
1157                </div>
1158            </div>
1159            <ul class="block__list js-layout-style-receiver">
1160                <li class="block__list-item js-hide-first-item">
1161                    <a href="https://www.derbyhotels.com" target="_blank" 
1162                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1163                        title="Derby Hotels Collection" >
1164                        <picture class="block__image image">
1165                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/logo-derby-hotels.png?s=m&w=700&h=187"
1166                                media="(min-width: 700px)">
1167                            <source data-srcset=""
1168                                media="(min-width: 320px)">
1169                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/logo-derby-hotels.png"
1170                                title="logo-derby-hotels.png" alt="Derby Hotels Collection">
1171                        </picture>
1172                    </a>
1173                </li>
1174                <li class="block__list-item js-hide-first-item">
1175                    <a href="https://preferredhotels.com/hotels/spain/hotel-balmes-4" target="_blank" 
1176                        aria-label="Lifestyle Preferred Hotels & Resorts: preferredhotels.com/hotels/spain/hotel-balmes-4 (abre en nueva ventana)"  
1177                        title="Lifestyle Preferred Hotels & Resorts" >
1178                        <picture class="block__image image">
1179                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/logo-preferred-lifestyle.png?s=m&w=700&h=347"
1180                                media="(min-width: 700px)">
1181                            <source data-srcset=""
1182                                media="(min-width: 320px)">
1183                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/logo-preferred-lifestyle.png"
1184                                title="logo-preferred-lifestyle.png" alt="Lifestyle Preferred Hotels & Resorts">
1185                        </picture>
1186                    </a>
1187                </li>
1188                <li class="block__list-item js-hide-first-item">
1189                        <picture class="block__image image">
1190                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/logo-cardioprotected.png?s=m&w=700&h=482"
1191                                media="(min-width: 700px)">
1192                            <source data-srcset=""
1193                                media="(min-width: 320px)">
1194                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/logo-cardioprotected.png"
1195                                title="logo-cardioprotected.png" alt="Cardioprotected Hotel with Defibrillator">
1196                        </picture>
1197                </li>
1198                <li class="block__list-item js-hide-first-item">
1199                        <picture class="block__image image">
1200                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/epc_bronze-2026.jpg?s=m&w=700&h=992"
1201                                media="(min-width: 700px)">
1202                            <source data-srcset=""
1203                                media="(min-width: 320px)">
1204                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/epc_bronze-2026.jpg"
1205                                title="Earthcheck Bronze Benchmark" alt="Earthcheck muestra el sello bronze benchmark 2026 sobre fondo beige.">
1206                        </picture>
1207                </li>
1208                <li class="block__list-item js-hide-first-item">
1209                    <a href="https://www.hotelbalmes.com/en/sustainability-commitment" target="_self"  >
1210                        <picture class="block__image image">
1211                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/logo-biosphere.jpg?s=m&w=700&h=700"
1212                                media="(min-width: 700px)">
1213                            <source data-srcset=""
1214                                media="(min-width: 320px)">
1215                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/logo-biosphere.jpg"
1216                                title="Biosphere Certified Hotel" alt="Biosphere Certified Hotel">
1217                        </picture>
1218                    </a>
1219                </li>
1220                <li class="block__list-item js-hide-first-item">
1221                    <a href="https://iprefer.com/members/signup?enrollcode=BCNHB&hotel=BCNHB" target="_blank" 
1222                        aria-label="I Prefer Hotel Rewards: iprefer.com/members/signup?enrollcode=BCNHB&hotel=BCNHB (abre en nueva ventana)"  
1223                        title="I Prefer Hotel Rewards" >
1224                        <picture class="block__image image">
1225                            <source data-srcset="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/media-images/iprefer.png?s=m&w=700&h=303"
1226                                media="(min-width: 700px)">
1227                            <source data-srcset=""
1228                                media="(min-width: 320px)">
1229                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/iprefer.png"
1230                                title="iprefer.png" alt="I Prefer Hotel Rewards">
1231                        </picture>
1232                    </a>
1233                </li>
1234            </ul>
1235            <div
1236                class="block-footer__legal js-
1236layout-style-receiver js-box-style-receiver js-background-style-receiver">
1237                <span
1238                    class="block-footer__legal-copyright block__text--center js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-small-text">
1239                    © 2026 Derby Hotels. All rights reserved.
1240                </span>
1241            </div>
1242        </div>
1243
1244
1245    </div>
1246</footer>
1247</section>
1248                        </div>
1249            <form id="booking-form" name="booking-form"
1250      action="" method="GET"
1251      target="_blank">
1252</form>
1253                    </div>
1254
1255        
1255<script>
1256    var bookingEngineName = 'miraicore';
1257    var bookingHotelId = '10281839';
1258    var bookingHSRI = '';
1259    var currentLanguage = 'en';
1260    var siteId = '02185615-8f44-498b-a668-3ed514054673';
1261    var siteName = 'Hotel Balmes';
1262    var domain = '';
1263    var alertVersion = 1;
1264    var isCMS = 0;
1265    </script>
1265
1266
1267<script src="https://www.hotelbalmes.com/js/bnn-core.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 1267
1267
1268<script src="https://www.hotelbalmes.com/js/bnn-splide.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 1268
1268
1269<script src="https://www.hotelbalmes.com/js/modals.js?v=1.0.3" type="text/javascript"  defer ></script>
vendor: 1 bytes, line 1269
1269
1270<script src="https://www.hotelbalmes.com/js/sliders.js" type="text/javascript" defer></script>
1270
1271    
1271<script src="https://www.hotelbalmes.com/js/bnn-booking.js?v=1.0.5" type="text/javascript" defer></script>
vendor: 1 bytes, line 1271
1271
1272<script src="https://www.hotelbalmes.com/js/bnn-datepicker.js?v=1.0.0" type="text/javascript" defer></script>
1272
1273                
1273<script src="https://www.hotelbalmes.com/js/tripadvisor.js" type="text/javascript"  defer></script>
1273
1274
1275<div id="ta-widget" class="close"></div>
1276
1277<div class="ta-box" id="ta-box">
1278    <div id="ta-box-close" class="ta-box-close"></div>
1279    <!--Start of Tripadvisor Script-->
1280        <template class="js-tripadvisor-embed">
1281            <div id="TA_selfserveprop224" class="TA_selfserveprop"><ul id="uej1WsaREDHs" class="TA_links e29Cooz"><li id="10fUOW2X2f2x" class="rQQbJfKCQVzp"><a target="_blank" href="https://www.tripadvisor.com/Hotel_Review-g187497-d228610-Reviews-Hotel_Balmes-Barcelona_Catalonia.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-11900-2.svg" alt="TripAdvisor"/></a></li></ul></div>
1281<script async src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=224&amp;locationId=228610&amp;lang=en_US&amp;rating=true&amp;nreviews=0&amp;writereviewlink=false&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
1281
1282        </template>
1283    <!--End of Tripadvisor Script-->
1284</div>
1285<link rel="stylesheet" href="https://www.hotelbalmes.com/css/addons/marketing/tripadvisor/styles.css" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://www.hotelbalmes.com/css/addons/marketing/tripadvisor/styles.css" /></noscript>
1286    
1287        
1287<script src="https://www.hotelbalmes.com/js/booking/booking-style-widget.js?v=1.1.4" type="text/javascript" defer></script>
1287<script src="https://www.hotelbalmes.com/js/components/mirai-loader.js?v=1.0.1" type="text/javascript" defer data-mirai-src="https://static.mirai.com/core/index.js?v=1.1.4"></script>
1287<script src="https://api.fishhotels.com/public/sites/02185615-8f44-498b-a668-3ed514054673/scripts?v=1.1.4" type="text/javascript" defer></script>
1287
1288
1289        
1290                
1291        
1292        
1293</body>
1294</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.