PageSourceSearch

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

html hotelgranados83.com collected 2026-10-06 16:20:29 UTC 95,174 bytes, 1,292 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/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados-favicon.png" type="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 the newsletter. It&#039;s the best way to find out about our latest activities and news. You will receive exclusive discounts for our community. You will be the first to receive our special offers and promotions. You will discover our competitions and events before anyone else. You will have the advantages of belonging to 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.hotelgranados83.com/en/newsletter">
28        <link rel="alternate" hreflang="x-default" href="https://www.hotelgranados83.com/es/newsletter" />
29    
30    
31                    <link rel="alternate" hreflang="en" href="https://www.hotelgranados83.com/en/newsletter" />
32            
33                    <link rel="alternate" hreflang="fr" href="https://www.hotelgranados83.com/fr/newsletter" />
34            
35                    <link rel="alternate" hreflang="zh" href="https://www.hotelgranados83.com/zh/newsletter" />
36            
37                    <link rel="alternate" hreflang="de" href="https://www.hotelgranados83.com/de/newsletter" />
38            
39                    <link rel="alternate" hreflang="it" href="https://www.hotelgranados83.com/it/newsletter" />
40            
41                    <link rel="alternate" hreflang="nl" href="https://www.hotelgranados83.com/nl/newsletter" />
42            
43                    <link rel="alternate" hreflang="es" href="https://www.hotelgranados83.com/es/newsletter" />
44            
45                    <link rel="alternate" hreflang="ja" href="https://www.hotelgranados83.com/ja/newsletter" />
46            
47                    <link rel="alternate" hreflang="ca" href="https://www.hotelgranados83.com/ca/newsletter" />
48            
49                    <link rel="alternate" hreflang="ko" href="https://www.hotelgranados83.com/ko/newsletter" />
50            
51            
52            
53<meta name="csrf-token" content="4PLUbcLkBbpL2sEorUsowq5zvqtcL1Oz5dvLQ2ia">
54        <meta property="og:type" content="website">
55        <meta property="og:site_name" content="Hotel Granados 83 Barcelona">
56        <meta property="og:url" content="https://www.hotelgranados83.com/en/newsletter"/>
57            
58    <meta name="twitter:card" content="summary_large_image"/>
59    <meta name="twitter:url" content="https://www.hotelgranados83.com/en/newsletter"/>
60                    <link media="all" rel="stylesheet" href="https://www.hotelgranados83.com/css/design-00/base-core.css?v=1.4.0" /><link rel="preload" as="style" href="https://www.hotelgranados83.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.hotelgranados83.com/css/design-00/calendar.css?v=1.4.0" /></noscript><link rel="stylesheet" href="https://www.hotelgranados83.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.hotelgranados83.com/css/design-00/lightbox.css?v=1.4.0" /></noscript><link id="site-css" rel="stylesheet" href="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/custom?v=1.4.0&t=1767967639" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/custom?v=1.4.0&t=1767967639" /></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/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/booking-engine?v=1.4.0&t=1767967639" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/booking-engine?v=1.4.0&t=1767967639" /></noscript><link rel="stylesheet" href="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/booking-engine-container?v=1.4.0&t=1767967639" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/stylesheet/styles/booking-engine-container?v=1.4.0&t=1767967639" /></noscript>
62
63                    
63<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/a41bcb8b4887f1b335da53c55d45e307.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-6f5f0835-4514-4d63-85f4-9bdcbb792f54" class="container-block_header fishh-block  none-page-view-block fishh-editable--smart" data-fishh-block=block_header data-fishh-block-id=6f5f0835-4514-4d63-85f4-9bdcbb792f54
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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.is-cms{position:absolute}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.scrolled,#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.is-open{background-color:var(--contrast-2)}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__inner{grid-template-columns:180px 1fr;gap:50px;padding:20px 40px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__logo{height:auto;max-width:100px;display:block;position:relative}@media (min-width:768px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__logo{max-width:180px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__icon.icon{width:20px;height:20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__icon.icon{width:20px;height:20px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__actions{gap:30px}}@media (max-width:767px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__actions .block__list,#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__actions .block-header__lang-selector__dropdown{display:none}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__lang-selector__dropdown .js-header-dropdown-list:not(.is-open){visibility:hidden}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header .block-actions__text-close{display:none}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.is-open .block-actions__text-menu{display:none}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.is-open .block-actions__text-close{display:block}@media (max-width:767px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header.is-open .block-actions__text-close,#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header .block-actions__text-close,#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header .block-actions__text-menu{display:none}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__button--booking{padding:15px 20px;letter-spacing:1px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__button--menu{text-transform:uppercase;padding:10px 0}@media (min-width:768px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__button--menu{display:flex;align-items:center;gap:10px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__submenu-toggle{background:none;border:0}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-info{gap:35px;grid-template-columns:auto 1fr 1fr;grid-template-rows:1fr}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 address{justify-self:end;text-align:right;align-self:end}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-info-title{margin-bottom:10px;line-height:normal}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-info-title:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-info-title:not(:first-child){margin-top:40px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-info-text a{font-size:inherit;color:inherit}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-social{grid-row:span 2}}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-social{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-social-item a{display:flex}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown{padding:10px 30px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-text{text-transform:uppercase}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-arrow{height:18px;width:18px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-action{display:flex;align-items:center;justify-content:center;gap:3px;padding:10px;background:transparent;border:0}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-list{width:65px;top:55px;right:50%;transform:translateX(50%)}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-item{margin-bottom:10px;text-transform:uppercase}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-item:first-child{margin-top:10px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__dropdown-item:hover{cursor:pointer}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block__list .block__list-item{list-style:none;text-transform:uppercase}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block__list .block__list-item a{padding:10px 0}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer{height:0;position:absolute;flex-direction:column;top:0;padding:0}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer{justify-content:flex-start}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer.is-visible{height:100vh;padding:100px 20px 20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer{justify-content:center}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .booking-layer__inner{width:100%;max-width:1000px;display:grid;grid-template-columns:1fr;gap:10px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .block__form-booking__wrapper{border:1px solid var(--color-dark);padding:10px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .block__form-booking__wrapper .block__text:first-child{margin-bottom:20px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .block__form-booking__wrapper a{display:block}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .block__form-booking__wrapper{padding:50px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .booking-layer__inner{grid-template-columns:50% 50%;gap:40px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer
324.block__form-booking__wrapper
325.block__text:first-child{margin-bottom:40px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .booking-layer__close{top:0;right:0}@media (min-width:768px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__booking-layer .booking-layer__close{right:25px;top:20px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav{position:absolute;top:0;right:0;width:100%;height:0;padding-top:var(--headerHeight)}@media (min-width:768px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav{padding-top:120px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__inner{height:0;padding:20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__inner{padding:20px 40px 40px 20px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu--body{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu--body>.block__text{margin-bottom:30px}@media (min-width:768px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu{margin-bottom:40px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu{gap:25px}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item .block-nav__link{font-size:1.563rem}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item .block-nav__link{font-size:2.188rem}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item .block-nav__arrow{width:30px;height:20px}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item .block-nav__arrow{width:30px;height:30px;padding:4px 0}}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item.is-active .block-nav__link{color:var(--color-dark)}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__menu-item.is-submenu-open .block-nav__arrow{transform:rotate(-180deg)}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__submenu{flex-wrap:wrap;gap:16px;visibility:hidden;opacity:0;transition:opacity .5s ease;height:0}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__submenu::-webkit-scrollbar{width:4px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__submenu::-webkit-scrollbar-track{background-color:rgba(255,255,255,.3)}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__submenu::-webkit-scrollbar-thumb{background-color:#fff;border-radius:20px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav.is-visible{min-height:100vh}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav.is-visible .block-nav__inner{min-height:100%;height:fit-content}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-header__nav-social-item svg{width:15px;height:15px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__language{margin-top:30px;display:flex;justify-content:center;gap:10px}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__language li{list-style-type:none}#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .block-nav__language li a.is-current{font-weight:bold}@media (min-width:1100px){#section-6f5f0835-4514-4d63-85f4-9bdcbb792f54 .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.hotelgranados83.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/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados.png"
333                alt="Logo Hotel Granados 83 Barcelona">
334          <img class="logo__image logo__image-white lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados-neg.png"
335                alt="Logo Hotel Granados 83 Barcelona">
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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.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.hotelgranados83.com/en/rooms">
460                            Rooms
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"
466                            aria-label="Open submenu of Rooms">
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" class="block-nav__submenu js-submenu">
474                            <li class="block-nav__submenu-item block__text--center "
475                                >
476                                <a href="https://www.hotelgranados83.com/en/rooms/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.hotelgranados83.com/en/rooms/suite-duplex"
485                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
486                                  >
487                                    Suite Duplex
488                                </a>
489                            </li>
490                            <li class="block-nav__submenu-item block__text--center "
491                                >
492                                <a href="https://www.hotelgranados83.com/en/rooms/double-executive"
493                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
494                                  >
495                                    Double Executive
496                                </a>
497                            </li>
498                            <li class="block-nav__submenu-item block__text--center "
499                                >
500                                <a href="https://www.hotelgranados83.com/en/rooms/double-standard"
501                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
502                                  >
503                                    Double Standard
504                                </a>
505                            </li>
506                            <li class="block-nav__submenu-item block__text--center "
507                                >
508                                <a href="https://www.hotelgranados83.com/en/rooms/single-comfort"
509                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
510                                  >
511                                    Single Comfort
512                                </a>
513                            </li>
514                            <li class="block-nav__submenu-item block__text--center "
515                                >
516                                <a href="https://www.hotelgranados83.com/en/rooms/single"
517                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
518                                  >
519                                    Single
520                                </a>
521                            </li>
522                        </ul>
523
524
525                    </li>
526                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
527                        >
528
529                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
530                            href="https://www.hotelgranados83.com/en/gallery-virtual-tour">
531                            Gallery & Virtual Tour
532                        </a>
533
534
535                    </li>
536                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
537                        >
538
539                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
540                            href="https://www.hotelgranados83.com/en/bar-restaurant-terrace">
541                            Bar, Restaurant & Terrace
542                        </a>
543
544
545                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
546                            aria-expanded="false" aria-controls="derby-4S-submenu-bar-restaurant-terrace"
547                            aria-label="Open submenu of Bar, Restaurant & Terrace">
548                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
549                                <use href="#icon--arrow-nav-bottom"></use>
550                            </svg>
551                        </button>
552
553                        <!-- Submenú -->
554                        <ul id="derby-4S-submenu-bar-restaurant-terrace" class="block-nav__submenu js-submenu">
555                            <li class="block-nav__submenu-item block__text--center "
556                                >
557                                <a href="https://www.hotelgranados83.com/en/breakfast"
558                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
559                                  >
560                                    Breakfast
561                                </a>
562                            </li>
563                            <li class="block-nav__submenu-item block__text--center "
564                                >
565                                <a href="https://www.hotelgranados83.com/en/restaurant-for-groups"
566                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
567                                  >
568                                    Restaurant for groups
569                                </a>
570                            </li>
571                            <li class="block-nav__submenu-item block__text--center "
572                                >
573                                <a href="https://www.hotelgranados83.com/en/terrace-bar-8"
574                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
575                                  >
576                                    Terrace Bar 8
577                                </a>
578                            </li>
579                            <li class="block-nav__submenu-item block__text--center "
580                                >
581                                <a href="https://www.hotelgranados83.com/en/g-bar"
582                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
583                                  >
584                                    G Bar
585                                </a>
586                            </li>
587                        </ul>
588
589
590                    </li>
591                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
592                        >
593
594                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
595                            href="https://www.hotelgranados83.com/en/offers-experiences">
596                            Offers & Experiences
597                        </a>
598
599
600                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
601                            aria-expanded="false" aria-controls="derby-4S-submenu-offers-experiences"
602                            aria-label="Open submenu of Offers & Experiences">
603                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
604                                <use href="#icon--arrow-nav-bottom"></use>
605                            </svg>
606                        </button>
607
608                        <!-- Submenú -->
609                        <ul id="derby-4S-submenu-offers-experiences" class="block-nav__submenu js-submenu">
610                            <li class="block-nav__submenu-item block__text--center "
611                                >
612                                <a href="https://www.hotelgranados83.com/en/offers-experiences/stay-breakfast"
613                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
614                                  >
615                                    Stay & Breakfast
616                                </a>
617                            </li>
618                            <li class="block-nav__submenu-item block__text--center "
619                                >
620                                <a href="https://www.hotelgranados83.com/en/offers-experiences/stay-love"
621                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
622                                  >
623                                    Stay & Love
624                                </a>
625                            </li>
626                            <li class="block-nav__submenu-item block__text--center "
627                                >
628                                <a href="https://www.hotelgranados83.com/en/offers-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.hotelgranados83.com/en/offers-experiences/official-website-best-price"
637                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
638                                  >
639                                    Official website = Best price
640                                </a>
641                            </li>
642                        </ul>
643
644
645                    </li>
646                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
647                        >
648
649                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
650                            href="https://www.hotelgranados83.com/en/meetings-and-events">
651                            Meetings and Events
652                        </a>
653
654
655                    </li>
656                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
657                        >
658
659                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
660                            href="https://www.hotelgranados83.com/en/location">
661                            Location
662                        </a>
663
664
665                    </li>
666                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
667                        >
668
669                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
670                            href="https://www.hotelgranados83.com/en/we-love-art">
671                            We Love Art
672                        </a>
673
674
675                    </li>
676                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
677                        >
678
679                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
680                            href="https://www.hotelgranados83.com/en/things-to-do-in-barcelona">
681                            Things to do in Barcelona
682                        </a>
683
684
685                    </li>
686                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
687                        >
688
689                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
690                            href="https://www.hotelgranados83.com/en/frequently-asked-questions">
691                            Frequently Asked Questions
692                        </a>
693
694
695                    </li>
696                </ul>
697                <div class="block-header__nav-info">
698
699                    <div>
700                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
701                            <abbr title="">T:</abbr>
702                            <a href="tel:+34 934 929 670"
703                                aria-label="Call by phone+34 934 929 670">
704                                +34 934 929 670
705                            </a>
706                        </p>
707                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
708                            <abbr title="">F:</abbr>
709                            +34 934 929 690
710                        </p>
711                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
712                            <abbr title="">E:</abbr>
713                            <a href="mailto:[email protected]"
714                                aria-label="Send an email to [email protected]">
715                                [email protected]
716                            </a>
717                        </p>
718                    </div>
719
720                    <ul class="block-header__nav-social">
721                        <li class="block-header__nav-social-item">
722                            <a href="https://www.facebook.com/DerbyHotelsCollection/" title="facebook" target="_blank" rel="nofollow noopener noreferrer"
723                                aria-label="facebook, It will open in a new tab">
724                                <svg class="icon fill-color--grey-4">
725                                    <use href="#icon--social-facebook" />
726                                </svg>
727                            </a>
728                        </li>
729                        <li class="block-header__nav-social-item">
730                            <a href="https://www.instagram.com/derby_hotels/" title="instagram" target="_blank" rel="nofollow noopener noreferrer"
731                                aria-label="instagram, It will open in a new tab">
732                                <svg class="icon fill-color--grey-4">
733                                    <use href="#icon--social-instagram" />
734                                </svg>
735                            </a>
736                        </li>
737                        <li class="block-header__nav-social-item">
738                            <a href="https://www.tiktok.com/@derbyhotelscollection" title="tiktok" target="_blank" rel="nofollow noopener noreferrer"
739                                aria-label="tiktok, It will open in a new tab">
740                                <svg class="icon fill-color--grey-4">
741                                    <use href="#icon--social-tiktok" />
742                                </svg>
743                            </a>
744                        </li>
745                        <li class="block-header__nav-social-item">
746                            <a href="https://linkedin.com/company/derby-hotels-collection" title="linkedin" target="_blank" rel="nofollow noopener noreferrer"
747                                aria-label="linkedin, It will open in a new tab">
748                                <svg class="icon fill-color--grey-4">
749                                    <use href="#icon--social-linkedin" />
750                                </svg>
751                            </a>
752                        </li>
753                    </ul>
754
755                    <address class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
756                        Hotel Granados 83 <br>
757                        Enric Granados, 83
758                        
759                        Barcelona.
760                        Spain
761                    </address>
762                </div>
763
764
765                <ul class="block-nav__language">
766                    <li>
767                        <a class="block__text--uppercase text-color--dark text-style-small "
768                            aria-label=" Japanese"
769                            href="https://www.hotelgranados83.com/ja/newsletter">
770                            ja
771                        </a>
772                    </li>
773                    <li>
774                        <a class="block__text--uppercase text-color--dark text-style-small "
775                            aria-label=" Italian"
776                            href="https://www.hotelgranados83.com/it/newsletter">
777                            it
778                        </a>
779                    </li>
780                    <li>
781                        <a class="block__text--uppercase text-color--dark text-style-small   is-current "
782                            aria-label="Current language: English"
783                            href="https://www.hotelgranados83.com/en/newsletter">
784                            en
785                        </a>
786                    </li>
787                    <li>
788                        <a class="block__text--uppercase text-color--dark text-style-small "
789                            aria-label=" Dutch"
790                            href="https://www.hotelgranados83.com/nl/newsletter">
791                            nl
792                        </a>
793                    </li>
794                    <li>
795                        <a class="block__text--uppercase text-color--dark text-style-small "
796                            aria-label=" Chinese"
797                            href="https://www.hotelgranados83.com/zh/newsletter">
798                            zh
799                        </a>
800                    </li>
801                    <li>
802                        <a class="block__text--uppercase text-color--dark text-style-small "
803                            aria-label=" Korean"
804                            href="https://www.hotelgranados83.com/ko/newsletter">
805                            ko
806                        </a>
807                    </li>
808                    <li>
809                        <a class="block__text--uppercase text-color--dark text-style-small "
810                            aria-label=" French"
811                            href="https://www.hotelgranados83.com/fr/newsletter">
812                            fr
813                        </a>
814                    </li>
815                    <li>
816                        <a class="block__text--uppercase text-color--dark text-style-small "
817                            aria-label=" Spanish"
818                            href="https://www.hotelgranados83.com/es/newsletter">
819                            es
820                        </a>
821                    </li>
822                    <li>
823                        <a class="block__text--uppercase text-color--dark text-style-small "
824                            aria-label=" German"
825                            href="https://www.hotelgranados83.com/de/newsletter">
826                            de
827                        </a>
828                    </li>
829                    <li>
830                        <a class="block__text--uppercase text-color--dark text-style-small "
831                            aria-label=" Catalan"
832                            href="https://www.hotelgranados83.com/ca/newsletter">
833                            ca
834                        </a>
835                    </li>
836                </ul>
837            </div>
838        </div>
839    </nav>
840
841
842    <!--Booking layer-->
843    <div class="booking-layer block-header__booking-layer bg-color--contrast-2 js-modal" data-modal-name="booking-layer"
844        id="booking-modal" data-fishh-block="booking-layer" data-fishh-id="booking-layer">
845
846        <button type="button" class="booking-layer__close button button-naked button--auto js-modal-action-close"
847            aria-label="Close">
848            <span class="block-actions__text-menu text-style-small text-color--dark js-text-style-receiver"
849                >
850                Close
851            </span>
852            <svg class="icon fill-color--dark">
853                <use href="#icon--close" />
854            </svg>
855        </button>
856
857        <div class="booking-layer__inner">
858            <div class="block__form-booking__wrapper">
859                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
860                    Book online</p>
861                
862    <style>
863        div[data-layout=column] {
864            margin: auto;
865            max-width: 450px
866        }
867        .block__form-booking__wrapper:has(div[data-layout=column]){
868            width: 100%
869        }
870    </style><div data-mirai-id="99301325" 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>
871            </div>
872            <div class="block__form-booking__wrapper">
873                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
874                    Book</p>
875                <a class="block__text block__text--center text-style-4 font--text text-color--dark"
876                    href="tel:+34 934 929 670"
877                    aria-label="Call by phone+34 934 929 670">
878                    +34 934 929 670
879                </a>
880            </div>
881        </div>
882    </div>
883
884</header>
885</section>
886                                <section
887    id="section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0" class="container-block_slider fishh-block  fishh-editable--smart" data-fishh-block=block_slider data-fishh-block-id=ba2b6b49-9aa0-43b8-a121-ca90aba915d0
888    data-fishh-ref='slider'
889    >
890
891    
892    
893                
893<script>document.addEventListener('DOMContentLoaded', function () {
894        const sliderDerby4S02 = document.querySelectorAll('.js-block-slider-derby4S-02');
895        sliderDerby4S02.forEach((splideElement) => {
896            new Splide(splideElement, {
897                type: 'fade',
898                perPage: 1,
899                pagination: false,
900                autoplay: true,
901                rewind: false,
902                arrows: false,
903                height: '650px',
904                breakpoints: {
905                    768: {
906                        height: '500px'
907                    }
908                }
909
910            }).mount();
911        });
912    });</script>
912
913                <style>#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block-slider{display:flex;justify-content:center}#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block-slider .block__container{max-width:var(--block-max-width);position:relative}@media (max-width:767px){#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block-slider .block-padding{padding-left:0;padding-right:0}}#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .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-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block-slider .block__wrapper{padding:30px}}#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block__wrapper:not(:has(div)){display:none}#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .block__rich-text+.block__text{margin-top:20px}#section-ba2b6b49-9aa0-43b8-a121-ca90aba915d0 .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>
914        
915
916<div class="block-slider js-background-style-receiver js-box-style-receiver">
917  <div class="block__container">
918    <div class="block__wrapper  js-background-style-receiver js-box-style-receiver">
919
920        </div>
921    <div class="block__slider splide js-block-slider-derby4S-02">
922      <div class="splide__track">
923        <ul class="splide__list">
924          <li class="block__slider-item splide__slide ">
925            <picture class="block__image image--overlay-gradient-header image image--fit-cover">
926              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-entrada-1-.jpg?cw=1333&ch=750&cx=0&cy=254&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
927              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-entrada-1-.jpg?cw=1333&ch=750&cx=0&cy=254&s=xl&w=1200&h=675" media="(min-width: 1280px)">
928              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-entrada-1-.jpg?cw=1333&ch=750&cx=0&cy=254&s=l&w=1024&h=576" media="(min-width: 1024px)">
929              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-entrada-1-.jpg?cw=1333&ch=750&cx=0&cy=254&s=m&w=700&h=394" media="(min-width: 700px)">
930              <img fetchpriority="high" class="image__picture" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-entrada-1-.jpg"
931                title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
932            </picture>
933          </li>
934        </ul>
935      </div>
936    </div>
937  </div>
938</div>
939</section>
940                                <section
941    id="section-82e6ea44-34bb-4c18-8ccb-d854471a558c" class="container-block_iframe fishh-block " data-fishh-block=block_iframe data-fishh-block-id=82e6ea44-34bb-4c18-8ccb-d854471a558c
942    data-fishh-ref='iframe'
943    >
944
945    
946    
947                    <style>#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe{display:flex;justify-content:center}#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe .block__container{max-width:var(--block-max-width)}#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe .block__wrapper--start{margin-bottom:40px}@media (min-width:768px){#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe .block__wrapper--start{margin-bottom:100px}}#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe .block__wrapper--end{text-align:center}#section-82e6ea44-34bb-4c18-8ccb-d854471a558c .block-iframe .block__iframe iframe{border:0;width:100%;max-width:600px}</style>
948        <div class="block-iframe js-background-style-receiver js-box-style-receiver">
949  <div class="block__container block-padding js-background-style-receiver js-box-style-receiver">
950    <div class="block__wrapper--start">
951      <h1
952        class="block__text block__text--center block__text--uppercase text-style-0 text-color--dark js-text-style-receiver js-spacing-style-receiver">
953        DERBY HOTELS COLLECTION NEWSLETTER
954      </h1>
955    </div>
956    <div class="block__wrapper--end">
957      <div class="block__iframe js-box-style-receiver">
958        <iframe class="c-box-modal--iframe" src="https://cloud.marketing.derbyhotels.com/Suscripcion?idioma=e
958n&amp;Hotel='HGR" width="100%" height="700px"></iframe>
959      </div>
960    </div>
961  </div>
962</div>
963</section>
964                                <section
965    id="section-d87f4455-0f31-4d6f-a32b-f0617892061e" class="container-block_content-text fishh-block  none-page-view-block" data-fishh-block=block_content-text data-fishh-block-id=d87f4455-0f31-4d6f-a32b-f0617892061e
966    data-fishh-ref='content-text'
967    >
968
969    
970    
971                    <style>#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text{display:flex;justify-content:center}#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text .block__wrapper{overflow:clip}#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text .block__container{padding:50px 40px 60px}#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text .block__item{align-items:center;display:flex;position:relative}#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text .block__info{margin-inline:auto;max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text .block__button:not(:first-child){margin-top:50px}@media (min-width:768px){#section-d87f4455-0f31-4d6f-a32b-f0617892061e .block-content-text{display:none}}</style>
972        
973<div class="block-content-text">
974  <div class="block__container bg-color--dark js-background-style-receiver  js-box-style-receiver">
975    <div class="block__wrapper js-box-style-receiver">
976      <div class="block__item">
977        <div class="block__info js-background-style-receiver  js-box-style-receiver">
978          <p
979            class="block__text block__text--uppercase font-size-4 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
980            Be the first to discover news from Derby Hotels Collection
981          </p>
982
983          <a href="https://www.hotelgranados83.com/en/newsletter" target="_self"  
984            class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver">
985            NEWSLETTER
986          </a>
987        </div>
988      </div>
989    </div>
990  </div>
991</div>
992</section>
993                                <section
994    id="section-e00f87a7-f334-4909-a97b-bd49a80a7cb2" class="container-block_footer fishh-block  none-page-view-block" data-fishh-block=block_footer data-fishh-block-id=e00f87a7-f334-4909-a97b-bd49a80a7cb2
995    data-fishh-ref='footer'
996    >
997
998    
999    
1000                
1000<script>document.addEventListener("DOMContentLoaded", function () {
1001  const items = document.querySelectorAll('.block-footer .js-hide-first-item');
1002  if (items.length > 1) {
1003    items[0].remove();
1004  }
1005  paginator();
1006
1007
1008  const li = document.querySelector('[data-lang]');
1009  if (!li) return;
1010
1011  const lang = li.getAttribute('data-lang');
1012  const link = li.querySelector('a');
1013
1014
1015  if (!lang || !link) return;
1016
1017  const data = {
1018    es: { text: 'Sostenibilidad', slug: 'sostenibilidad' },
1019    en: { text: 'Sustainability', slug: 'sustainability' },
1020    ca: { text: 'Sostenibilitat', slug: 'sostenibilitat' },
1021    de: { text: 'Nachhaltigkeit', slug: 'nachhaltigkeit' },
1022    fr: { text: 'Durabilité', slug: 'durabilite' },
1023    it: { text: 'Sostenibilità', slug: 'sostenibilita' }
1024  };
1025
1026
1027  const selectedLang = data[lang] ? lang : 'en';
1028  
1029  link.textContent = data[selectedLang].text;
1030  link.href = `https://www.derbyhotels.com/${selectedLang}/${data[selectedLang].slug}`;
1031});</script>
1031
1032                <style>#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 [data-page-id]:not([data-page-id="72f10407-3b6c-49ae-9887-fac1d3c20815"]){display:none}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__container{margin:auto;max-width:1100px}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .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-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__wrapper{gap:60px;grid-template-columns:140px 1fr 180px;padding-bottom:60px}}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__logo{height:auto;max-width:140px;display:flex;align-items:center;justify-content:center}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__logo:nth-of-type(2){max-width:180px}@media (max-width:1099px){#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__logo{justify-self:center}}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__legal{display:flex;flex-direction:column;gap:20px}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__legal{width:100%}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (min-width:1100px){#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block-footer__nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block__list{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 .block__list-item .image__picture{height:80px;object-fit:contain}#section-e00f87a7-f334-4909-a97b-bd49a80a7cb2 a{display:inline-block}</style>
1033        
1034<footer class="block-footer bg-color--light js-background-style-receiver js-box-style-receiver js-logo-container">
1035    <div class="block-slider bg-color--contrast-2 js-background-style-receiver js-box-style-receiver">
1036
1037        <div class="block-footer__container block-padding js-box-style-receiver">
1038            <div class="block-footer__wrapper js-background-style-receiver js-box-style-receiver">
1039                <div class="block-footer__logo js-logo-style">
1040                    <img class="logo__image logo__image--color lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados.png"
1041                        title="Hotel Granados 83 Barcelona" alt="Logo Hotel Granados 83 Barcelona">
1042                    <img class="logo__image  logo__image--white  lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados-neg.png"
1043                        title="Hotel Granados 83 Barcelona" alt="Logo Hotel Granados 83 Barcelona">
1044                </div>
1045
1046                <ul class="block-footer__nav js-layout-style-receiver">
1047                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1048                        <a href="https://www.hotelgranados83.com/en/cookies" target="_self" class="text-style-link">
1049                            Cookies
1050                        </a>
1051                    </li>
1052                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1053                        <a href="https://www.hotelgranados83.com/en/privacy" target="_self" class="text-style-link">
1054                            Privacy
1055                        </a>
1056                    </li>
1057                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1058                        <a href="https://www.hotelgranados83.com/en/terms-conditions" target="_self" class="text-style-link">
1059                            Terms & Conditions
1060                        </a>
1061                    </li>
1062                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1063                        <a href="https://www.hotelgranados83.com/en/site-map" target="_self" class="text-style-link">
1064                            Site Map
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.facebook.com/DerbyHotelsCollection/" target="_blank" rel="nofollow noopener noreferrer">
1070                            facebook
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.instagram.com/derby_hotels/" target="_blank" rel="nofollow noopener noreferrer">
1076                            instagram
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.tiktok.com/@derbyhotelscollection" target="_blank" rel="nofollow noopener noreferrer">
1082                            tiktok
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://linkedin.com/company/derby-hotels-collection" target="_blank" rel="nofollow noopener noreferrer">
1088                            linkedin
1089                        </a>
1090                    </li>
1091                  <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1092                      <a href="https://derbyhotels.epreselec.com/Ofertas/Ofertas.aspx" target="_blank" rel="nofollow noopener noreferrer">
1093                         Work with us
1094                      </a>
1095                    </li>
1096                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="8950f1bc-2097-4843-9344-3de5288c1d18">
1097                        <a href="https://www.hotelgranados83.com/en/404" target="_self" class="text-style-link">
1098                            Error 404
1099                        </a>
1100                    </li>
1101                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="514e811b-26f1-44b6-8483-3af81e82941f">
1102                        <a href="https://www.hotelgranados83.com/en/bookingstep1" target="_self" class="text-style-link">
1103                            Booking Step 1
1104                        </a>
1105                    </li>
1106                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="c852609a-775d-4b95-ad1a-ff795d243ca8">
1107                        <a href="https://www.hotelgranados83.com/en/bookingstep2" target="_self" class="text-style-link">
1108                            Booking Step 2
1109                        </a>
1110                    </li>
1111                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="55ea436c-c8b1-49f8-8894-db6289f4f203">
1112                        <a href="https://www.hotelgranados83.com/en/reservation_confirmation" target="_self" class="text-style-link">
1113                            Booking Step 3
1114                        </a>
1115                    </li>
1116                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="9ade6c2c-5700-4f49-9a57-93f304fd15b2">
1117                        <a href="https://www.hotelgranados83.com/en/newsletter" target="_self" class="text-style-link">
1118                            Newsletter
1119                        </a>
1120                    </li>
1121                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="1988fd36-6e80-4692-842d-72fdad7445df">
1122                        <a href="https://www.hotelgranados83.com/en/group-events-quote" target="_self" class="text-style-link">
1123                            Group & Events Quote
1124                        </a>
1125                    </li>
1126                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text landing-menu" data-page-id="72f10407-3b6c-49ae-9887-fac1d3c20815">
1127                        <a href="https://www.hotelgranados83.com/en/sustainability-commitment" target="_self" class="text-style-link">
1128                            Sustainability
1129                        </a>
1130                    </li>
1131                </ul>
1132                <div class="block-footer__logo">
1133                    <a href="https://www.derbyhotels.com" target="_blank" 
1134                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1135                        title="Derby Hotels Collection" >
1136                        <picture class="block__image image">
1137                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-derby-hotels.png?s=m&w=700&h=187"
1138                                media="(min-width: 700px)">
1139                            <source data-srcset=""
1140                                media="(min-width: 320px)">
1141                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-derby-hotels.png"
1142                                title="Derby Hotels Collection" alt="Derby Hotels Collection">
1143                        </picture>
1144                    </a>
1145                </div>
1146            </div>
1147            <ul class="block__list js-layout-style-receiver">
1148                <li class="block__list-item js-hide-first-item">
1149                    <a href="https://www.derbyhotels.com" target="_blank" 
1150                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1151                        title="Derby Hotels Collection" >
1152                        <picture class="block__image image">
1153                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-derby-hotels.png?s=m&w=700&h=187"
1154                                media="(min-width: 700px)">
1155                            <source data-srcset=""
1156                                media="(min-width: 320px)">
1157                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-derby-hotels.png"
1158                                title="Derby Hotels Collection" alt="Derby Hotels Collection">
1159                        </picture>
1160                    </a>
1161                </li>
1162                <li class="block__list-item js-hide-first-item">
1163                    <a href="https://preferredhotels.com/hotels/spain/hotel-granados-83" target="_blank" 
1164                        aria-label="Lifestyle Preferred Hotels & Resorts: preferredhotels.com/hotels/spain/hotel-granados-83 (abre en nueva ventana)"  
1165                        title="Lifestyle Preferred Hotels & Resorts" >
1166                        <picture class="block__image image">
1167                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-preferred-lifestyle.png?s=m&w=700&h=347"
1168                                media="(min-width: 700px)">
1169                            <source data-srcset=""
1170                                media="(min-width: 320px)">
1171                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-preferred-lifestyle.png"
1172                                title="Lifestyle Preferred Hotels & Resorts" alt="Lifestyle Preferred Hotels & Resorts">
1173                        </picture>
1174                    </a>
1175                </li>
1176                <li class="block__list-item js-hide-first-item">
1177                        <picture class="block__image image">
1178                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-hotel-monument.png?s=m&w=700&h=954"
1179                                media="(min-width: 700px)">
1180                            <source data-srcset=""
1181                                media="(min-width: 320px)">
1182                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-hotel-monument.png"
1183                                title="Barcelona Hotel Monument" alt="Barcelona Hotel Monument">
1184                        </picture>
1185                </li>
1186                <li class="block__list-item js-hide-first-item">
1187                        <picture class="block__image image">
1188                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/epc-bronze-2026.jpg?s=m&w=700&h=992"
1189                                media="(min-width: 700px)">
1190                            <source data-srcset=""
1191                                media="(min-width: 320px)">
1192                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/epc-bronze-2026.jpg"
1193                                title="Earthcheck Bronze Benchmark" alt="Earthcheck muestra el sello bronze benchmark 2026 sobre fondo beige.">
1194                        </picture>
1195                </li>
1196                <li class="block__list-item js-hide-first-item">
1197                    <a href="https://www.hotelgranados83.com/en/sustainability-commitment" target="_self"  >
1198                        <picture class="block__image image">
1199                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-biosphere.jpg?s=m&w=700&h=700"
1200                                media="(min-width: 700px)">
1201                            <source data-srcset=""
1202                                media="(min-width: 320px)">
1203                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-biosphere.jpg"
1204                                title="Biosphere Certified Hotel" alt="Biosphere Certified Hotel">
1205                        </picture>
1206                    </a>
1207                </li>
1208                <li class="block__list-item js-hide-first-item">
1209                        <picture class="block__image image">
1210                            <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/logo-cardioprotected.png?s=m&w=700&h=482"
1211                                media="(min-width: 700px)">
1212                            <source data-srcset=""
1213                                media="(min-width: 320px)">
1214                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-cardioprotected.png"
1215                                title="Cardioprotected Hotel with Defibrillator" alt="Cardioprotected Hotel with Defibrillator">
1216                        </picture>
1217                </li>
1218                <li class="block__list-item js-hide-first-item">
1219                    <a href="https://iprefer.com/members/signup?enrollcode=BCNHG&hotel=BCNHG" target="_blank" 
1220                        aria-label="I Prefer Hotel Rewards: iprefer.com/members/signup?enrollcode=BCNHG&hotel=BCNHG (abre en nueva ventana)"  
1221       
1221                 title="I Prefer Hotel Rewards" >
1222                        <picture class="block__image image">
1223                            <source data-srcset="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/iprefer.png?w=700"
1224                                media="(min-width: 700px)">
1225                            <source data-srcset=""
1226                                media="(min-width: 320px)">
1227                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/iprefer.png"
1228                                title="iprefer.png" alt="I Prefer Hotel Rewards">
1229                        </picture>
1230                    </a>
1231                </li>
1232            </ul>
1233            <div
1234                class="block-footer__legal js-layout-style-receiver js-box-style-receiver js-background-style-receiver">
1235                <span
1236                    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">
1237                  	© 2026 Derby Hotels. All rights reserved.
1238                </span>
1239            </div>
1240        </div>
1241
1242
1243    </div>
1244</footer>
1245</section>
1246                        </div>
1247            <form id="booking-form" name="booking-form"
1248      action="" method="GET"
1249      target="_blank">
1250</form>
1251                    </div>
1252
1253        
1253<script>
1254    var bookingEngineName = 'miraicore';
1255    var bookingHotelId = '99301325';
1256    var bookingHSRI = '';
1257    var currentLanguage = 'en';
1258    var siteId = '9d9582ac-31e8-4dff-ba64-e07103e0a31c';
1259    var siteName = 'Hotel Granados 83';
1260    var domain = '';
1261    var alertVersion = 1;
1262    var isCMS = 0;
1263    </script>
1263
1264
1265<script src="https://www.hotelgranados83.com/js/bnn-core.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 1265
1265
1266<script src="https://www.hotelgranados83.com/js/bnn-splide.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 1266
1266
1267<script src="https://www.hotelgranados83.com/js/modals.js?v=1.0.3" type="text/javascript"  defer ></script>
vendor: 1 bytes, line 1267
1267
1268<script src="https://www.hotelgranados83.com/js/sliders.js" type="text/javascript" defer></script>
1268
1269    
1269<script src="https://www.hotelgranados83.com/js/bnn-booking.js?v=1.0.5" type="text/javascript" defer></script>
vendor: 1 bytes, line 1269
1269
1270<script src="https://www.hotelgranados83.com/js/bnn-datepicker.js?v=1.0.0" type="text/javascript" defer></script>
1270
1271                
1271<script src="https://www.hotelgranados83.com/js/tripadvisor.js" type="text/javascript"  defer></script>
1271
1272
1273<div id="ta-widget" class="close"></div>
1274
1275<div class="ta-box" id="ta-box">
1276    <div id="ta-box-close" class="ta-box-close"></div>
1277    <!--Start of Tripadvisor Script-->
1278        <template class="js-tripadvisor-embed">
1279            <div id="TA_selfserveprop690" class="TA_selfserveprop"><ul id="vl7MoPl" class="TA_links T9SuTS"><li id="pBSH1mWD" class="HTqDJI"><a target="_blank" href="https://www.tripadvisor.co.uk/Hotel_Review-g187497-d585139-Reviews-Hotel_Granados_83-Barcelona_Catalonia.html"><img src="https://www.tripadvisor.co.uk/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-11900-2.svg" alt="TripAdvisor"/></a></li></ul></div>
1279<script async src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=690&amp;locationId=585139&amp;lang=en_UK&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>
1279
1280        </template>
1281    <!--End of Tripadvisor Script-->
1282</div>
1283<link rel="stylesheet" href="https://www.hotelgranados83.com/css/addons/marketing/tripadvisor/styles.css" media="print" onload="this.media='all'" /><noscript><link media="all" rel="stylesheet" href="https://www.hotelgranados83.com/css/addons/marketing/tripadvisor/styles.css" /></noscript>
1284    
1285        
1285<script src="https://www.hotelgranados83.com/js/booking/booking-style-widget.js?v=1.1.4" type="text/javascript" defer></script>
1285<script src="https://www.hotelgranados83.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>
1285<script src="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/scripts?v=1.1.4" type="text/javascript" defer></script>
1285
1286
1287        
1288                
1289        
1290        
1291</body>
1292</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.