PageSourceSearch

https://www.hotelgranados83.com/en

html hotelgranados83.com collected 2026-10-06 16:20:29 UTC 163,313 bytes, 2,108 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>Hotel Granados 83 - Barcelona 4* | OFFICIAL WEBSITE</title>
13    <meta name="keywords" content=""/>
14    <meta name="description" content="Modern four-star hotel in the center of Barcelona that stands out for its design and style. It has a terrace, swimming pool, bar and duplex rooms. Free WiFi, parking. Pets are allowed."/>
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">
28        <link rel="alternate" hreflang="x-default" href="https://www.hotelgranados83.com/es" />
29    
30    
31                    <link rel="alternate" hreflang="it" href="https://www.hotelgranados83.com/it" />
32            
33                    <link rel="alternate" hreflang="ca" href="https://www.hotelgranados83.com/ca" />
34            
35                    <link rel="alternate" hreflang="ko" href="https://www.hotelgranados83.com/ko" />
36            
37                    <link rel="alternate" hreflang="es" href="https://www.hotelgranados83.com/es" />
38            
39                    <link rel="alternate" hreflang="nl" href="https://www.hotelgranados83.com/nl" />
40            
41                    <link rel="alternate" hreflang="de" href="https://www.hotelgranados83.com/de" />
42            
43                    <link rel="alternate" hreflang="en" href="https://www.hotelgranados83.com/en" />
44            
45                    <link rel="alternate" hreflang="zh" href="https://www.hotelgranados83.com/zh" />
46            
47                    <link rel="alternate" hreflang="fr" href="https://www.hotelgranados83.com/fr" />
48            
49                    <link rel="alternate" hreflang="ja" href="https://www.hotelgranados83.com/ja" />
50            
51            
52            
53<meta name="csrf-token" content="QNeixkLjoZaI7CenQy8mD3v7RUzGUQMxztSlRJFa">
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"/>
57            
58    <meta name="twitter:card" content="summary_large_image"/>
59    <meta name="twitter:url" content="https://www.hotelgranados83.com/en"/>
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><symbol id="icon--arrow-nav-right" viewBox="0 0 16 16">
147        <path fill-rule="evenodd" clip-rule="evenodd"
148              d="M5.14645 2.64657C5.34171 2.45131 5.65829 2.45131 5.85355 2.64657L11.2071 8.00012L5.85355 13.3537C5.65829 13.5489 5.34171 13.5489 5.14644 13.3537C4.95118 13.1584 4.95118 12.8418 5.14644 12.6466L9.79289 8.00012L5.14645 3.35368C4.95118 3.15841 4.95118 2.84183 5.14645 2.64657Z"
149              fill=""/>
150    </symbol></svg>
151        <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 151-152
151
152    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
152GTM-59M4LS
vendor: 109 bytes, lines 152-154
152"
153                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
154    
154<!-- End Google Tag Manager (noscript) -->
155
156
157                        <div class="l-site-wrapper">
158            <div class="site-content js-site-content ">
159                                        <section
160    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
161    data-fishh-ref='header'
162    >
163
164    
165    
166                
166<script>document.addEventListener("DOMContentLoaded", function () {
167  (function () {
168    /* ==========
169     * SUBMENÚS
170     * ========== */
171    function openSubmenu() {
172      var menuItems = document.querySelectorAll(".js-menu-item");
173      menuItems.forEach(function (menuItem) {
174        var actions = menuItem.querySelectorAll(".js-submenu-action");
175        actions.forEach(function (action) {
176          action.addEventListener("click", function (e) {
177            e.stopImmediatePropagation();
178
179            // Cerrar otros submenús
180            menuItems.forEach(function (item) {
181              if (item !== menuItem) {
182                item.classList.remove("is-submenu-open");
183                var otherActions = item.querySelectorAll(".js-submenu-action");
184                otherActions.forEach(function (btn) {
185                  btn.setAttribute("aria-expanded", "false");
186                });
187              }
188            });
189
190            // Alternar submenú actual
191            menuItem.classList.toggle("is-submenu-open");
192
193            // Actualizar aria-expanded
194            action.setAttribute(
195              "aria-expanded",
196              menuItem.classList.contains("is-submenu-open") ? "true" : "false"
197            );
198          });
199        });
200      });
201    }
202
203    function resetSubmenu() {
204      var menuItems = document.querySelectorAll(".js-menu-item");
205      menuItems.forEach(function (menuItem) {
206        menuItem.classList.remove("is-submenu-open");
207        var actions = menuItem.querySelectorAll(".js-submenu-action");
208        actions.forEach(function (action) {
209          action.setAttribute("aria-expanded", "false");
210        });
211      });
212    }
213
214    /* ==========
215     * MENÚ PRINCIPAL
216     * ========== */
217    var menuButton = document.querySelector(".js-modal-action-menu");
218    var menuNav = document.querySelector(".block-header__nav.js-modal");
219    var header = document.querySelector(".js-header");
220
221    if (menuButton && menuNav) {
222      // 1. AL ABRIR EL MENÚ
223      menuNav.addEventListener("modal-opens", function () {
224        menuButton.setAttribute("aria-expanded", "true");
225        if (header) header.classList.add("is-open");
226        document.body.classList.add("no-scroll");
227      });
228
229      // 2. AL CERRAR EL MENÚ
230      menuNav.addEventListener("modal-closes", function () {
231        menuButton.setAttribute("aria-expanded", "false");
232        if (header) header.classList.remove("is-open");
233        menuButton.focus();
234        document.body.classList.remove("no-scroll");
235      });
236
237      // Cerrar menú al tabular después del último elemento
238      menuNav.addEventListener("keydown", function (e) {
239        if (e.key === "Tab" && !e.shiftKey) {
240          const focusable = Array.from(
241            menuNav.querySelectorAll(
242              'a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
243            )
244          ).filter((el) => !el.disabled && el.offsetParent !== null);
245
246          if (focusable.length === 0) return;
247
248          const lastEl = focusable[focusable.length - 1];
249
250          if (document.activeElement === lastEl) {
251            e.preventDefault();
252            if (typeof window.modals !== "undefined") {
253              window.modals.close("menu");
254            }
255            menuButton.focus();
256          }
257        }
258
259        if (e.key === "Escape") {
260          if (typeof window.modals !== "undefined") {
261            window.modals.close("menu");
262            resetSubmenu();
263          }
264        }
265      });
266    }
267
268    /* ==========
269     * EVENTOS GLOBALES
270     * ========== */
271
272    openSubmenu();
273
274    // --- CAMBIO CLAVE AQUÍ: Evitar que el teclado cierre el modal ---
275    let lastWidth = window.innerWidth;
276    window.addEventListener(
277      "resize",
278      function () {
279        let currentWidth = window.innerWidth;
280        if (currentWidth !== lastWidth) {
281          if (typeof window.modals !== "undefined") {
282            window.modals.close("menu");
283          }
284          resetSubmenu();
285          lastWidth = currentWidth;
286        }
287      },
288      true
289    );
290
291    window.addEventListener("scroll", function () {
292      if (header) {
293        if (window.scrollY > 50) {
294          header.classList.add("scrolled");
295        } else {
296          header.classList.remove("scrolled");
297        }
298      }
299    });
300  })();
301
302  (function () {
303    const dropdown = document.querySelector(".js-header-dropdown");
304    if (!dropdown) return;
305
306    const button = dropdown.querySelector(".js-header-dropdown-action");
307    const items = dropdown.querySelectorAll(".js-header-dropdown-item");
308
309    button.addEventListener("click", () => {
310      const expanded = button.getAttribute("aria-expanded") === "true";
311      button.setAttribute("aria-expanded", expanded ? "false" : "true");
312    });
313
314    items.forEach((item) => {
315      const link = item.querySelector("a");
316      link.addEventListener("click", () => {
317        items.forEach((i) => i.setAttribute("aria-selected", "false"));
318        item.setAttribute("aria-selected", "true");
319        button.setAttribute("aria-expanded", "false");
320        button.focus();
321      });
322    });
323  })();
324
325  
326});</script>
326
327                <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;
327gap: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
328.block__form-booking__wrapper
329.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>
330        
331<header
332    class="block-header js-header js-background-style-receiver ">
333    <div class="block-header__inner ">
334        <a class="block-header__logo" href="https://www.hotelgranados83.com/en" 
335            aria-label="Go to the home page">
336            <img class="logo__image logo__image-color lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados.png"
337                alt="Logo Hotel Granados 83 Barcelona">
338          <img class="logo__image logo__image-white lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados-neg.png"
339                alt="Logo Hotel Granados 83 Barcelona">
340        </a>
341
342        <div class="block-header__actions">
343
344            <button id="block-head__button--booking" 
345                class="block-header__button block-header__button--booking button button--primary bg-color--dark text-color--contrast-2 js-button-style-receiver"
346                role="button"   data-modal-class="js-modal-action js-modal-action-booking"
347                data-modal-name="booking-layer" data-booking-layer-open="Book Now"
348                data-booking-layer-close="Close" 
349             >Book Now
350            </button>
351
352            <ul class="block__list js-layout-style-receiver">
353                <li class="block__list-item text-style-small text-color--dark js-text-style-receiver">
354                    <a href="https://www.hotelgranados83.com/en/newsletter" target="_self">
355                        Newsletter
356                    </a>
357                </li>
358            </ul>
359
360            <div class="block-header__lang-selector__dropdown  block-header__dropdown js-header-dropdown">
361                <button class="block-header__dropdown-action js-header-dropdown-action" 
362                    aria-haspopup="listbox" aria-expanded="false" aria-controls="lang-dropdown-list"
363                    aria-label="Language selector. Current language: English">
364                    <span class="block-header__dropdown-text text-style-small text-color--dark js-text-style-receiver">
365                        en
366                    </span>
367                    <svg
368                        class="block-header__dropdown-arrow js-header-dropdown__arrow fill-color--dark js-icon-style-receiver">
369                        <use href="#icon--arrow-nav-bottom" />
370                    </svg>
371                </button>
372                <ul id="lang-dropdown-list"
373                    class="block-header__dropdown-list bg-color--contrast-2 border-color--dark js-header-dropdown-list"
374                    role="listbox">
375                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ja">
376                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/ja" 
377                            aria-label="日本語">
378                            ja
379                        </a>
380                    </li>
381                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="it">
382                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/it" 
383                            aria-label="Italiano">
384                            it
385                        </a>
386                    </li>
387                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="nl">
388                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/nl" 
389                            aria-label="Nederlands">
390                            nl
391                        </a>
392                    </li>
393                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="zh">
394                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/zh" 
395                            aria-label="中文">
396                            zh
397                        </a>
398                    </li>
399                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ko">
400                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/ko" 
401                            aria-label="한국어">
402                            ko
403                        </a>
404                    </li>
405                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="fr">
406                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/fr" 
407                            aria-label="Français">
408                            fr
409                        </a>
410                    </li>
411                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="es">
412                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/es" 
413                            aria-label="Español">
414                            es
415                        </a>
416                    </li>
417                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="de">
418                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/de" 
419                            aria-label="Deutsch">
420                            de
421                        </a>
422                    </li>
423                    <li class="block-header__dropdown-item js-header-dropdown-item" role="option" lang="ca">
424                        <a class="text-color--dark text-style-small" href="https://www.hotelgranados83.com/ca" 
425                            aria-label="Català">
426                            ca
427                        </a>
428                    </li>
429                </ul>
430            </div>
431
432            <button type="button"
433                class="block-header__button block-header__button--menu js-modal-action js-modal-action-menu js-button-style-receiver"
434                data-modal-name="menu" data-menu-open="Menu"
435                data-menu-close="Close" title="Menu"
436               aria-haspopup="true" aria-expanded="false" aria-controls="derby-4S-menu"
437                aria-label="This is the main menu">
438                <span class="block-actions__text-menu text-style-small text-color--dark js-text-style-receiver">
439                    Menu</span>
440                <span class="block-actions__text-close text-style-small  text-color--dark js-text-style-receiver">
441                    Close</span>
442                <svg class="block-header__icon icon block-actions__icon-menu fill-color--dark">
443                    <use href="#icon--menu" />
444                </svg>
445                <svg class="block-header__icon icon block-actions__icon-close fill-color--dark">
446                    <use href="#icon--close" />
447                </svg>
448            </button>
449
450        </div>
451
452    </div>
453
454
455    <nav class="block-nav block-header__nav  bg-color--contrast-2 js-nav js-modal" data-modal-name="menu">
456        <div class="block-nav__inner">
457            <div class="block-nav__menu--body">
458                <ul class="block-nav__menu" id="derby-4S-menu">
459                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
460                        >
461
462                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
463                            href="https://www.hotelgranados83.com/en/rooms">
464                            Rooms
465                        </a>
466
467
468                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
469                            aria-expanded="false" aria-controls="derby-4S-submenu-rooms"
470                            aria-label="Open submenu of Rooms">
471                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
472                                <use href="#icon--arrow-nav-bottom"></use>
473                            </svg>
474                        </button>
475
476                        <!-- Submenú -->
477                        <ul id="derby-4S-submenu-rooms" class="block-nav__submenu js-submenu">
478                            <li class="block-nav__submenu-item block__text--center "
479                                >
480                                <a href="https://www.hotelgranados83.com/en/rooms/family-rooms"
481                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
482                                  >
483                                    Family Rooms
484                                </a>
485                            </li>
486                            <li class="block-nav__submenu-item block__text--center "
487                                >
488                                <a href="https://www.hotelgranados83.com/en/rooms/suite-duplex"
489                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
490                                  >
491                                    Suite Duplex
492                                </a>
493                            </li>
494                            <li class="block-nav__submenu-item block__text--center "
495                                >
496                                <a href="https://www.hotelgranados83.com/en/rooms/double-executive"
497                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
498                                  >
499                                    Double Executive
500                                </a>
501                            </li>
502                            <li class="block-nav__submenu-item block__text--center "
503                                >
504                                <a href="https://www.hotelgranados83.com/en/rooms/double-standard"
505                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
506                                  >
507                                    Double Standard
508                                </a>
509                            </li>
510                            <li class="block-nav__submenu-item block__text--center "
511                                >
512                                <a href="https://www.hotelgranados83.com/en/rooms/single-comfort"
513                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
514                                  >
515                                    Single Comfort
516                                </a>
517                            </li>
518                            <li class="block-nav__submenu-item block__text--center "
519                                >
520                                <a href="https://www.hotelgranados83.com/en/rooms/single"
521                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
522                                  >
523                                    Single
524                                </a>
525                            </li>
526                        </ul>
527
528
529                    </li>
530                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
531                        >
532
533                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
534                            href="https://www.hotelgranados83.com/en/gallery-virtual-tour">
535                            Gallery & Virtual Tour
536                        </a>
537
538
539                    </li>
540                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
541                        >
542
543                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
544                            href="https://www.hotelgranados83.com/en/bar-restaurant-terrace">
545                            Bar, Restaurant & Terrace
546                        </a>
547
548
549                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
550                            aria-expanded="false" aria-controls="derby-4S-submenu-bar-restaurant-terrace"
551                            aria-label="Open submenu of Bar, Restaurant & Terrace">
552                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
553                                <use href="#icon--arrow-nav-bottom"></use>
554                            </svg>
555                        </button>
556
557                        <!-- Submenú -->
558                        <ul id="derby-4S-submenu-bar-restaurant-terrace" class="block-nav__submenu js-submenu">
559                            <li class="block-nav__submenu-item block__text--center "
560                                >
561                                <a href="https://www.hotelgranados83.com/en/breakfast"
562                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
563                                  >
564                                    Breakfast
565                                </a>
566                            </li>
567                            <li class="block-nav__submenu-item block__text--center "
568                                >
569                                <a href="https://www.hotelgranados83.com/en/restaurant-for-groups"
570                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
571                                  >
572                                    Restaurant for groups
573                                </a>
574                            </li>
575                            <li class="block-nav__submenu-item block__text--center "
576                                >
577                                <a href="https://www.hotelgranados83.com/en/terrace-bar-8"
578                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
579                                  >
580                                    Terrace Bar 8
581                                </a>
582                            </li>
583                            <li class="block-nav__submenu-item block__text--center "
584                                >
585                                <a href="https://www.hotelgranados83.com/en/g-bar"
586                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
587                                  >
588                                    G Bar
589                                </a>
590                            </li>
591                        </ul>
592
593
594                    </li>
595                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
596                        >
597
598                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
599                            href="https://www.hotelgranados83.com/en/offers-experiences">
600                            Offers & Experiences
601                        </a>
602
603
604                        <button class="block-nav__submenu-toggle js-submenu-action" aria-haspopup="true"
605                            aria-expanded="false" aria-controls="derby-4S-submenu-offers-experiences"
606                            aria-label="Open submenu of Offers & Experiences">
607                            <svg class="block-nav__arrow fill-color--contrast-1" focusable="false">
608                                <use href="#icon--arrow-nav-bottom"></use>
609                            </svg>
610                        </button>
611
612                        <!-- Submenú -->
613                        <ul id="derby-4S-submenu-offers-experiences" class="block-nav__submenu js-submenu">
614                            <li class="block-nav__submenu-item block__text--center "
615                                >
616                                <a href="https://www.hotelgranados83.com/en/offers-experiences/stay-breakfast"
617                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
618                                  >
619                                    Stay & Breakfast
620                                </a>
621                            </li>
622                            <li class="block-nav__submenu-item block__text--center "
623                                >
624                                <a href="https://www.hotelgranados83.com/en/offers-experiences/stay-love"
625                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
626                                  >
627                                    Stay & Love
628                                </a>
629                            </li>
630                            <li class="block-nav__submenu-item block__text--center "
631                                >
632                                <a href="https://www.hotelgranados83.com/en/offers-experiences/stay-dog"
633                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
634                                  >
635                                    Stay & Dog
636                                </a>
637                            </li>
638                            <li class="block-nav__submenu-item block__text--center "
639                                >
640                                <a href="https://www.hotelgranados83.com/en/offers-experiences/official-website-best-price"
641                                    class="block-nav__submenu-link text-style-5 block__text--uppercase text-color--dark text-style-link"
642                                  >
643                                    Official website = Best price
644                                </a>
645                            </li>
646                        </ul>
647
648
649                    </li>
650                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
651                        >
652
653                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
654                            href="https://www.hotelgranados83.com/en/meetings-and-events">
655                            Meetings and Events
656                        </a>
657
658
659                    </li>
660                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
661                        >
662
663                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
664                            href="https://www.hotelgranados83.com/en/location">
665                            Location
666                        </a>
667
668
669                    </li>
670                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
671                        >
672
673                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
674                            href="https://www.hotelgranados83.com/en/we-love-art">
675                            We Love Art
676                        </a>
677
678
679                    </li>
680                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
681                        >
682
683                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
684                            href="https://www.hotelgranados83.com/en/things-to-do-in-barcelona">
685                            Things to do in Barcelona
686                        </a>
687
688
689                    </li>
690                    <li class="block-nav__menu-item block__text--center js-menu-item font-style--bold "
691                        >
692
693                        <a class="block-nav__link font--heading block__text--uppercase text-color--contrast-1"
694                            href="https://www.hotelgranados83.com/en/frequently-asked-questions">
695                            Frequently Asked Questions
696                        </a>
697
698
699                    </li>
700                </ul>
701                <div class="block-header__nav-info">
702
703                    <div>
704                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
705                            <abbr title="">T:</abbr>
706                            <a href="tel:+34 934 929 670"
707                                aria-label="Call by phone+34 934 929 670">
708                                +34 934 929 670
709                            </a>
710                        </p>
711                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
712                            <abbr title="">F:</abbr>
713                            +34 934 929 690
714                        </p>
715                        <p class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
716                            <abbr title="">E:</abbr>
717                            <a href="mailto:[email protected]"
718                                aria-label="Send an email to [email protected]">
719                                [email protected]
720                            </a>
721                        </p>
722                    </div>
723
724                    <ul class="block-header__nav-social">
725                        <li class="block-header__nav-social-item">
726                            <a href="https://www.facebook.com/DerbyHotelsCollection/" title="facebook" target="_blank" rel="nofollow noopener noreferrer"
727                                aria-label="facebook, It will open in a new tab">
728                                <svg class="icon fill-color--grey-4">
729                                    <use href="#icon--social-facebook" />
730                                </svg>
731                            </a>
732                        </li>
733                        <li class="block-header__nav-social-item">
734                            <a href="https://www.instagram.com/derby_hotels/" title="instagram" target="_blank" rel="nofollow noopener noreferrer"
735                                aria-label="instagram, It will open in a new tab">
736                                <svg class="icon fill-color--grey-4">
737                                    <use href="#icon--social-instagram" />
738                                </svg>
739                            </a>
740                        </li>
741                        <li class="block-header__nav-social-item">
742                            <a href="https://www.tiktok.com/@derbyhotelscollection" title="tiktok" target="_blank" rel="nofollow noopener noreferrer"
743                                aria-label="tiktok, It will open in a new tab">
744                                <svg class="icon fill-color--grey-4">
745                                    <use href="#icon--social-tiktok" />
746                                </svg>
747                            </a>
748                        </li>
749                        <li class="block-header__nav-social-item">
750                            <a href="https://linkedin.com/company/derby-hotels-collection" title="linkedin" target="_blank" rel="nofollow noopener noreferrer"
751                                aria-label="linkedin, It will open in a new tab">
752                                <svg class="icon fill-color--grey-4">
753                                    <use href="#icon--social-linkedin" />
754                                </svg>
755                            </a>
756                        </li>
757                    </ul>
758
759                    <address class="block-header__nav-info-text text-style-paragraph text-color--grey-4">
760                        Hotel Granados 83 <br>
761                        Enric Granados, 83
762                        
763                        Barcelona.
764                        Spain
765                    </address>
766                </div>
767
768
769                <ul class="block-nav__language">
770                    <li>
771                        <a class="block__text--uppercase text-color--dark text-style-small "
772                            aria-label=" Japanese"
773                            href="https://www.hotelgranados83.com/ja">
774                            ja
775                        </a>
776                    </li>
777                    <li>
778                        <a class="block__text--uppercase text-color--dark text-style-small "
779                            aria-label=" Italian"
780                            href="https://www.hotelgranados83.com/it">
781                            it
782                        </a>
783                    </li>
784                    <li>
785                        <a class="block__text--uppercase text-color--dark text-style-small   is-current "
786                            aria-label="Current language: English"
787                            href="https://www.hotelgranados83.com/en">
788                            en
789                        </a>
790                    </li>
791                    <li>
792                        <a class="block__text--uppercase text-color--dark text-style-small "
793                            aria-label=" Dutch"
794                            href="https://www.hotelgranados83.com/nl">
795                            nl
796                        </a>
797                    </li>
798                    <li>
799                        <a class="block__text--uppercase text-color--dark text-style-small "
800                            aria-label=" Chinese"
801                            href="https://www.hotelgranados83.com/zh">
802                            zh
803                        </a>
804                    </li>
805                    <li>
806                        <a class="block__text--uppercase text-color--dark text-style-small "
807                            aria-label=" Korean"
808                            href="https://www.hotelgranados83.com/ko">
809                            ko
810                        </a>
811                    </li>
812                    <li>
813                        <a class="block__text--uppercase text-color--dark text-style-small "
814                            aria-label=" French"
815                            href="https://www.hotelgranados83.com/fr">
816                            fr
817                        </a>
818                    </li>
819                    <li>
820                        <a class="block__text--uppercase text-color--dark text-style-small "
821                            aria-label=" Spanish"
822                            href="https://www.hotelgranados83.com/es">
823                            es
824                        </a>
825                    </li>
826                    <li>
827                        <a class="block__text--uppercase text-color--dark text-style-small "
828                            aria-label=" German"
829                            href="https://www.hotelgranados83.com/de">
830                            de
831                        </a>
832                    </li>
833                    <li>
834                        <a class="block__text--uppercase text-color--dark text-style-small "
835                            aria-label=" Catalan"
836                            href="https://www.hotelgranados83.com/ca">
837                            ca
838                        </a>
839                    </li>
840                </ul>
841            </div>
842        </div>
843    </nav>
844
845
846    <!--Booking layer-->
847    <div class="booking-layer block-header__booking-layer bg-color--contrast-2 js-modal" data-modal-name="booking-layer"
848        id="booking-modal" data-fishh-block="booking-layer" data-fishh-id="booking-layer">
849
850        <button type="button" class="booking-layer__close button button-naked button--auto js-modal-action-close"
851            aria-label="Close">
852            <span class="block-actions__text-menu text-style-small text-color--dark js-text-style-receiver"
853                >
854                Close
855            </span>
856            <svg class="icon fill-color--dark">
857                <use href="#icon--close" />
858            </svg>
859        </button>
860
861        <div class="booking-layer__inner">
862            <div class="block__form-booking__wrapper">
863                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
864                    Book online</p>
865                
866    <style>
867        div[data-layout=column] {
868            margin: auto;
869            max-width: 450px
870        }
871        .block__form-booking__wrapper:has(div[data-layout=column]){
872            width: 100%
873        }
874    </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>
875            </div>
876            <div class="block__form-booking__wrapper">
877                <p class="block__text block__text--center text-style-4 font--text text-color--dark">
878                    Book</p>
879                <a class="block__text block__text--center text-style-4 font--text text-color--dark"
880                    href="tel:+34 934 929 670"
881                    aria-label="Call by phone+34 934 929 670">
882                    +34 934 929 670
883                </a>
884            </div>
885        </div>
886    </div>
887
888</header>
889</section>
890                                <section
891    id="section-e4522ac8-094a-4ca7-b919-8eafbd5492cd" class="container-block_booking-bar fishh-block " data-fishh-block=block_booking-bar data-fishh-block-id=e4522ac8-094a-4ca7-b919-8eafbd5492cd
892    data-fishh-ref='booking-bar'
893    >
894
895    
896    
897                
897<script>document.addEventListener('DOMContentLoaded', function () {
898
899    const bookDerby01 = document.querySelectorAll('.js-block-book-derby-01');
900
901    bookDerby01.forEach((splideElement) => {
902        new Splide(splideElement, {
903            type: 'fade',
904            speed: 2000,
905            perPage: 1,
906            pagination: false,
907            autoplay: true,
908            rewind: true,
909            arrows: true,
910            breakpoints: {
911                1099: {
912                    pagination: true,
913                    arrows: false
914                }
915            }
916        }).mount();
917    });
918
919});</script>
919
920                <style>#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar{display:grid;grid-template-columns:1fr;height:auto;min-height:100vh;max-width:var(--block-max-width);margin:auto;grid-template-rows:1fr auto}@media (min-width:1100px){#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar{grid-template-rows:1fr}}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__container{grid-area:1/1;justify-self:center;max-width:var(--block-max-width);width:100%;z-index:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));height:fit-content;margin-top:auto}@media (min-width:1100px){#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block-padding{padding-bottom:0}}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:end}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__info{display:flex;flex-direction:column;justify-content:center}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__info--start{padding:10px}@media (min-width:1100px){#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__info{max-width:850px}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__info--start{padding:20px}}@media (min-width:1390px){#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__info{max-width:1000px}}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__rich-text:not(:first-child),#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__text:not(:first-child){margin-top:20px}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide{grid-area:1/1}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__arrow{z-index:2}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__arrow--prev{left:0}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__arrow--next{right:0}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__arrow .icon{width:50px;height:50px}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__track{height:100%;min-height:600px}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__pagination{bottom:20px}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__form-booking__wrapper.block__form-booking-hero{max-width:1000px;padding:20px;background:var(--contrast-2)}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__form-booking__wrapper--mobile{padding:20px 50px 50px 50px;display:flex;justify-content:center}@media (min-width:1100px){#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .block__form-booking__wrapper--mobile{display:none}}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .block-booking-bar .splide__pagination__page{height:4px;opacity:.6;width:4px}</style>
921        <style>#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .splide.is-pre-paint:not(.is-initialized):not(.is-rendered){visibility:visible}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .splide.is-pre-paint:not(.is-initialized):not(.is-rendered) .splide__list{display:block}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .splide.is-pre-paint:not(.is-initialized):not(.is-rendered) .splide__list>.splide__slide:not(:first-child){display:none}#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .splide.is-pre-paint:not(.is-initialized):not(.is-rendered) .splide__arrows,#section-e4522ac8-094a-4ca7-b919-8eafbd5492cd .splide.is-pre-paint:not(.is-initialized):not(.is-rendered) .splide__pagination{visibility:hidden}</style>
922<div class="block-booking-bar ">
923
924  <div class="block__slider splide js-block-book-derby-01 is-pre-paint">
925    <div class="splide__track">
926      <ul class="splide__list">
927        <li class="block__slider-item splide__slide">
928          <div class="block__item">
929            <picture class="block__image image image--overlay-gradient-header image--cover">
930              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_01.jpg?cw=2000&ch=1125&cx=0&cy=104&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
931              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_01.jpg?cw=2000&ch=1125&cx=0&cy=104&s=xl&w=1200&h=675" media="(min-width: 1280px)">
932              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_01.jpg?cw=2000&ch=1125&cx=0&cy=104&s=l&w=1024&h=576" media="(min-width: 1024px)">
933              <source srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_01.jpg?cw=2000&ch=1125&cx=0&cy=104&s=m&w=700&h=394" media="(min-width: 700px)">
934              <img fetchpriority="high" class="image__picture" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados_01.jpg"
935                title="Hotel Granados 83 Barcelona" alt="Se ve una terraza en la azotea con mesas y sillas, plantas y una barra con botellas.">
936            </picture>
937          </div>
938        </li>
939        <li class="block__slider-item splide__slide">
940          <div class="block__item">
941            <picture class="block__image image image--overlay-gradient-header image--cover">
942              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-standard--1-.jpg?cw=2000&ch=1125&cx=0&cy=169&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
943              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-standard--1-.jpg?cw=2000&ch=1125&cx=0&cy=169&s=xl&w=1200&h=675" media="(min-width: 1280px)">
944              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-standard--1-.jpg?cw=2000&ch=1125&cx=0&cy=169&s=l&w=1024&h=576" media="(min-width: 1024px)">
945              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-standard--1-.jpg?cw=2000&ch=1125&cx=0&cy=169&s=m&w=700&h=394" media="(min-width: 700px)">
946              <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-standard--1-.jpg"
947                title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
948            </picture>
949          </div>
950        </li>
951        <li class="block__slider-item splide__slide">
952          <div class="block__item">
953            <picture class="block__image image image--overlay-gradient-header image--cover">
954              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-patio-2-.jpg?cw=2000&ch=1124&cx=0&cy=105&s=xxl&w=2000&h=1124" media="(min-width: 1440px)">
955              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-patio-2-.jpg?cw=2000&ch=1124&cx=0&cy=105&s=xl&w=1200&h=674" media="(min-width: 1280px)">
956              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-patio-2-.jpg?cw=2000&ch=1124&cx=0&cy=105&s=l&w=1024&h=575" media="(min-width: 1024px)">
957              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-patio-2-.jpg?cw=2000&ch=1124&cx=0&cy=105&s=m&w=700&h=393" media="(min-width: 700px)">
958              <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-patio-2-.jpg"
959                title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
960            </picture>
961          </div>
962        </li>
963        <li class="block__slider-item splide__slide">
964          <div class="block__item">
965            <picture class="block__image image image--overlay-gradient-header image--cover">
966              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/0g5a7383.jpg?cw=2000&ch=1125&cx=0&cy=140&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
967              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/0g5a7383.jpg?cw=2000&ch=1125&cx=0&cy=140&s=xl&w=1200&h=675" media="(min-width: 1280px)">
968              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/0g5a7383.jpg?cw=2000&ch=1125&cx=0&cy=140&s=l&w=1024&h=576" media="(min-width: 1024px)">
969              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/0g5a7383.jpg?cw=2000&ch=1125&cx=0&cy=140&s=m&w=700&h=394" media="(min-width: 700px)">
970              <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/0g5a7383.jpg"
971                title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
972            </picture>
973          </div>
974        </li>
975        <li class="block__slider-item splide__slide">
976          <div class="block__item">
977            <picture class="block__image image image--overlay-gradient-header image--cover">
978              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-barg-2-.jpg?cw=2000&ch=1125&cx=0&cy=73&s=xxl&w=2000&h=1125" media="(min-width: 1440px)">
979              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-barg-2-.jpg?cw=2000&ch=1125&cx=0&cy=73&s=xl&w=1200&h=675" media="(min-width: 1280px)">
980              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-barg-2-.jpg?cw=2000&ch=1125&cx=0&cy=73&s=l&w=1024&h=576" media="(min-width: 1024px)">
981              <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-barg-2-.jpg?cw=2000&ch=1125&cx=0&cy=73&s=m&w=700&h=394" media="(min-width: 700px)">
982              <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-barg-2-.jpg"
983                title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
984            </picture>
985          </div>
986        </li>
987      </ul>
988    </div>
989    <div class="splide__arrows splide__arrows--center">
990      <button class="splide__arrow splide__arrow--prev  js-button-style-receiver">
991        <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
992          <use href="#icon--arrow-nav-right" />
993        </svg>
994      </button>
995      <button class="splide__arrow splide__arrow--next  js-button-style-receiver">
996        <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
997          <use href="#icon--arrow-nav-right" />
998        </svg>
999      </button>
1000    </div>
1001  </div>
1002
1003  <div class="block__container  block-padding js-box-style-receiver">
1004    <div class="block__wrapper js-layout-style-receiver">
1005      <div class="block__info">
1006        <div class="block__info--start js-background-style-receiver  js-box-style-receiver">
1007        <div
1008          class="block__rich-text  block__text--center block__text--uppercase js-text-style-receiver text-color--contrast-2 font--text font-size-6 ">
1009          <p>ELEGANCE AND CALMNESS IN THE HEART OF BARCELONA</p>
1010        </div>
1011          
1012        <h3
1013          class="block__text block__text--center block__text--uppercase js-text-style-receiver text-color--contrast-2 font--heading font-size-0">
1014          ZEN DESIGN IN THE CENTER OF BARCELONA
1015        </h3>
1016      
1017      </div>
1018              </div>
1019      <div
1020        class="block__form-booking__wrapper block__form-booking-hero js-background-style-receiver  js-box-style-receiver">
1021        
1022    <style>
1023        .block__form-booking__wrapper:has(div[data-layout=expand]) {
1024            width: 100%
1025        }
1026    </style><div data-mirai-id="99301325" data-type="hotel"></div><div data-mirai-component="finder" data-layout="expand"></div>
1027      </div>
1028    </div>
1029  </div>
1030
1031  <div class="block__form-booking__wrapper--mobile js-background-style-receiver  js-box-style-receiver">
1032    <button id="block-book__button--booking" type="button"
1033      class="block__button button button--primary bg-color--dark text-color--contrast-2 js-button-style-receiver"
1034      title="Book">
1035      <span>
1036        Book
1037      </span>
1038    </button>
1039  </div>
1040</div>
1041</section>
1042                                <section
1043    id="section-8763d3f3-112a-4746-829e-5a0f7c5cb203" class="container-block_content-text fishh-block  fishh-editable--smart" data-fishh-block=block_content-text data-fishh-block-id=8763d3f3-112a-4746-829e-5a0f7c5cb203
1044    data-fishh-ref='content-text'
1045    >
1046
1047    
1048    
1049                    <style>#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text,#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__container{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__wrapper{max-width:800px}}#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__wrapper--end{display:flex;justify-content:center}#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__button,#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__rich-text:not(:first-child),#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__text:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__button,#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__rich-text:not(:first-child),#section-8763d3f3-112a-4746-829e-5a0f7c5cb203 .block-content-text .block__text:not(:first-child){margin-top:40px}}</style>
1050        
1051
1052<div class="block-content-text js-background-style-receiver  js-box-style-receiver">
1053    <div class="block__container block-padding js-background-style-receiver  js-box-style-receiver">
1054        <div class="block__wrapper block__wrapper--start">
1055            <h1
1056                class="block__text block__text--center text-style-6 text-color--grey-2 block__text--uppercase js-text-style-receiver js-spacing-style-receiver">
1057                4* HOTEL WITH ROOFTOP TERRACE AND POOL IN THE CENTER OF BARCELONA
1058            </h1>
1059            <div
1060                class="block__rich-text text-style-5 block__text--center text-color--grey-2 js-text-style-receiver js-spacing-style-receiver">
1061                <p>Hotel Granados 83 is located on a quiet pedestrian street in the characteristic <strong>Eixample </strong>neighborhood of Barcelona, just a short walk from <strong>Passeig de Gràcia</strong> and <strong>Avinguda Diagonal</strong>.</p>
1062<p>Arranged around a central courtyard covered by a spectacular glass roof are the <strong>77 luxury rooms</strong> and duplex suites with <strong>private pools and terraces</strong>. The hotel features a small <strong>gym</strong>, a <strong>bar</strong> and a <strong>terrace with an outdoor pool</strong> overlooking the center of Barcelona.</p>
1063<p>The hotel offers a business center, free Wi‑Fi throughout the property, <strong>meeting rooms</strong>, multifunctional event spaces and parking.</p>
1064<p><em>In 2026, the 4-star Hotel Granados 83 received the <strong>EARTHCHECK BRONZE BENCHMARK</strong> sustainability accreditation, the world's leading environmental certification and benchmarking program for the travel and tourism industry. It also holds the <strong>BIOSPHERE CERTIFIED</strong> rating, having successfully implemented best practices and met the standard requirements for sustainable and responsible tourism outlined in the Compromís per la Sostenibilitat Turística - Barcelona Destí Biosphere program.</em></p>
1065            </div>
1066
1067        </div>
1068        <div class="block__wrapper block__wrapper--end">
1069        </div>
1070    </div>
1071</div>
1072</section>
1073                                <section
1074    id="section-867a3f10-3054-44b0-934f-0dcc0be208cb" class="container-block_content-text fishh-block  fishh-editable--smart" data-fishh-block=block_content-text data-fishh-block-id=867a3f10-3054-44b0-934f-0dcc0be208cb
1075    data-fishh-ref='content-text'
1076    >
1077
1078    
1079    
1080                    <style>#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text,#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__container{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__wrapper{max-width:800px}}#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__wrapper--end{display:flex;justify-content:center}#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__button,#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__rich-text:not(:first-child),#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__text:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__button,#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__rich-text:not(:first-child),#section-867a3f10-3054-44b0-934f-0dcc0be208cb .block-content-text .block__text:not(:first-child){margin-top:40px}}</style>
1081        
1082
1083<div class="block-content-text js-background-style-receiver  js-box-style-receiver">
1084    <div class="block__container block-padding js-background-style-receiver  js-box-style-receiver">
1085        <div class="block__wrapper block__wrapper--start">
1086            <h2
1087                class="block__text block__text--center text-style-6 text-color--grey-2 block__text--uppercase js-text-style-receiver js-spacing-style-receiver">
1088                IT'S ALWAYS BEST TO BOOK ON THE OFFICIAL WEBSITE
1089            </h2>
1090            <div
1091                class="block__rich-text text-style-5 block__text--center text-color--grey-2 js-text-style-receiver js-spacing-style-receiver">
1092                <p>
1092By booking on our official website, you can enjoy the following exclusive benefits:</p>
1093<p>· Welcome set in your room with mineral water and chocolate truffles.<br>· Minibar with complimentary soft drinks.<br>· Free admission to the Egyptian Museum of Barcelona.</p>
1094            </div>
1095
1096        </div>
1097        <div class="block__wrapper block__wrapper--end">
1098        </div>
1099    </div>
1100</div>
1101</section>
1102                                <section
1103    id="section-bfc5cd96-5e92-46f1-8e41-bf109166b852" class="container-block_slider fishh-block " data-fishh-block=block_slider data-fishh-block-id=bfc5cd96-5e92-46f1-8e41-bf109166b852
1104    data-fishh-ref='slider'
1105    >
1106
1107    
1108    
1109                
1109<script>document.addEventListener('DOMContentLoaded', function () {
1110    const sliderDerby4s04 = document.querySelectorAll('.js-block-slider-derby-4s-04');
1111
1112    sliderDerby4s04.forEach((splideElement) => {
1113        const splide = new Splide(splideElement, {
1114            type: 'slide',
1115            speed: 800,
1116            perPage: 4,
1117            perMove: 1,
1118            pagination: true,
1119            drag: false, 
1120            autoplay: false,
1121            rewind: true,
1122            arrows: true,
1123            gap: 30,
1124            breakpoints: {
1125                1250: { perPage: 3, drag: true  },
1126                1099: { perPage: 2, drag: true },
1127                767:  { perPage: 1, drag: true  }
1128            }
1129        });
1130
1131        const fixPaginationTabindex = () => {
1132            requestAnimationFrame(() => {
1133                splideElement
1134                    .querySelectorAll('.splide__pagination__page')
1135                    .forEach(el => {
1136                        el.setAttribute('tabindex', '0');
1137                    });
1138            });
1139        };
1140
1141        // ⚠️ Clave: después de que Splide termine de tocar el DOM
1142        splide.on('mounted move pagination:updated refresh updated', fixPaginationTabindex);
1143
1144        splide.mount();
1145    });
1146});</script>
1146
1147                <style>#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider{display:flex;justify-content:center}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__container{max-width:var(--block-max-width);display:flex;flex-direction:column;align-items:center}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block-padding{padding-top:60px;padding-bottom:60px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper{width:100%;max-width:1450px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper--end{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;margin-top:80px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper--start>.block__text{margin-bottom:50px;text-align:center}@media (min-width:768px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper--start>.block__text{text-align:left;padding-left:50px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper--end{flex-direction:row;margin-top:90px}}@media (min-width:1100px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__wrapper--start>.block__text{margin-bottom:80px;padding-left:75px}}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__info{padding:20px 20px 30px}@media (min-width:1100px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__info{padding:30px 30px 50px}}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__image{display:block}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__image .image__picture{aspect-ratio:1/ 1}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__rich-text:not(:first-child),#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__text:not(:first-child){margin-top:10px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__slide{height:-webkit-fill-available}@media (min-width:768px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide{padding:0 50px}}@media (min-width:1100px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide{padding:0 75px}}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__arrow .icon{width:50px;height:50px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__arrow--prev{left:0}@media (max-width:767px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__arrow--prev{bottom:auto;left:20px;top:40%}}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__arrow--next{right:0}@media (max-width:767px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__arrow--next{bottom:auto;right:20px;top:40%}}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .splide__pagination{bottom:auto;margin-top:40px}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__link{display:block;height:-webkit-fill-available}#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .block-slider .block__link:focus-visible{outline-offset:-1px}@media (min-width:1251px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .splide__list:not(:has(>:nth-child(4))){justify-content:center}}@media (min-width:1100px){#section-bfc5cd96-5e92-46f1-8e41-bf109166b852 .splide__list:not(:has(>:nth-child(3))){justify-content:center}}</style>
1148        
1149<div class="block-slider js-background-style-receiver js-box-style-receiver ">
1150  <div class="block__container block-padding js-background-style-receiver js-box-style-receiver bg-color--dark ">
1151    <div class="block__wrapper block__wrapper--start">
1152      <h2
1153        class="block__text text-style-1 text-color--contrast-2 js-text-style-receiver block__text--uppercase js-spacing-style-receiver">
1154        UNIQUE EXPERIENCES
1155      </h2>
1156      <div class="block__slider splide js-block-slider-derby-4s-04">
1157        <div class="splide__track">
1158          <ul class="splide__list">
1159            <li
1160              class="block__slider-item splide__slide js-background-style-receiver bg-color--contrast-2 is-active is-visible">
1161              <a class="block__link" href="https://www.hotelgranados83.com/en/offers-experiences/stay-breakfast" target="_self"
1162                 aria-label="Stay & Breakfast" 
1163                >
1164                <div class="block__item">
1165                  <picture class="block__image image--fit-cover js-box-style-receiver">
1166                   
1167                    <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-desayuno-1-.jpg?cw=822&ch=822&cx=373&cy=958&s=s&w=400&h=400" media="(min-width: 320px)">
1168                    <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-desayuno-1-.jpg"
1169                      title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1170                  </picture>
1171
1172                  <div class="block__info">
1173                    <h2
1174                      class="block__text js-text-style-receiver js-spacing-style-receiver text-color--dark font--text font-size-3">
1175                      Stay &amp;<br />
1176Breakfast
1177                    </h2>
1178                    <div
1179                      class="block__rich-text text-small js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-paragraph">
1180                      <p>If you book our rates with breakfast included you can enjoy a discount to start the day with all the energy you need.</p>
1181                    </div>
1182                  </div>
1183                </div>
1184              </a>
1185            </li>
1186            <li
1187              class="block__slider-item splide__slide js-background-style-receiver bg-color--contrast-2 is-active is-visible">
1188              <a class="block__link" href="https://www.hotelgranados83.com/en/offers-experiences/stay-dog" target="_self"
1189                 aria-label="Stay & Dog" 
1190                >
1191                <div class="block__item">
1192                  <picture class="block__image image--fit-cover js-box-style-receiver">
1193                   
1194                    <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/istock-526825330.jpg?cw=1515&ch=1515&cx=40&cy=0&s=s&w=400&h=400" media="(min-width: 320px)">
1195                    <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/istock-526825330.jpg"
1196                      title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1197                  </picture>
1198
1199                  <div class="block__info">
1200                    <h2
1201                      class="block__text js-text-style-receiver js-spacing-style-receiver text-color--dark font--text font-size-3">
1202                      Stay &amp;<br />
1203Dog
1204                    </h2>
1205                    <div
1206                      class="block__rich-text text-small js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-paragraph">
1207                      <p>The best option to discover Barcelona with the furriest members of the family.</p>
1208                    </div>
1209                  </div>
1210                </div>
1211              </a>
1212            </li>
1213            <li
1214              class="block__slider-item splide__slide js-background-style-receiver bg-color--contrast-2 is-active is-visible">
1215              <a class="block__link" href="https://www.hotelgranados83.com/en/offers-experiences/stay-love" target="_self"
1216                 aria-label="Stay & Love" 
1217                >
1218                <div class="block__item">
1219                  <picture class="block__image image--fit-cover js-box-style-receiver">
1220                   
1221                    <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/istock-686663102.jpg?cw=1333&ch=1333&cx=130&cy=0&s=s&w=400&h=400" media="(min-width: 320px)">
1222                    <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/istock-686663102.jpg"
1223                      title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1224                  </picture>
1225
1226                  <div class="block__info">
1227                    <h2
1228                      class="block__text js-text-style-receiver js-spacing-style-receiver text-color--dark font--text font-size-3">
1229                      Stay &amp;<br />
1230Love
1231                    </h2>
1232                    <div
1233                      class="block__rich-text text-small js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-paragraph">
1234                      <p>Enjoying a romantic getaway in Barcelona, with Gaud&iacute;'s modernist works in the background, is always a perfect plan.</p>
1235                    </div>
1236                  </div>
1237                </div>
1238              </a>
1239            </li>
1240          </ul>
1241        </div>
1242        <div class="splide__arrows splide__arrows--center">
1243          <button class="splide__arrow splide__arrow--prev js-button-style-receiver js-spacing-style-receiver">
1244            <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
1245              <use href="#icon--arrow-nav-right" />
1246            </svg>
1247          </button>
1248          <button class="splide__arrow splide__arrow--next  js-button-style-receiver js-spacing-style-receiver">
1249            <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
1250              <use href="#icon--arrow-nav-right" />
1251            </svg>
1252          </button>
1253        </div>
1254      </div>
1255    </div>
1256    <div class="block__wrapper block__wrapper--end  js-layout-style-receiver">
1257      <div class="block__button-group">
1258        <a class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-text-style-receiver"
1259          href="https://www.hotelgranados83.com/en/offers-experiences" target="_self"  >
1260          VIEW THE EXPERIENCES
1261        </a>
1262        <a class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-text-style-receiver "
1263          href="https://www.hotelgranados83.com/en/rooms" target="_self"  >
1264          VIEW THE ROOMS
1265        </a>
1266      </div>
1267    </div>
1268  </div>
1269</div>
1270</section>
1271                                <section
1272    id="section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f" class="container-block_content-text fishh-block  fishh-editable--smart" data-fishh-block=block_content-text data-fishh-block-id=aa8875a9-cb8d-434b-8d0a-4ff224f2758f
1273    data-fishh-ref='content-text'
1274    >
1275
1276    
1277    
1278                    <style>#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text,#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__container{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__wrapper{max-width:800px}}#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__wrapper--end{display:flex;justify-content:center}#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__button,#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__rich-text:not(:first-child),#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__text:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__button,#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__rich-text:not(:first-child),#section-aa8875a9-cb8d-434b-8d0a-4ff224f2758f .block-content-text .block__text:not(:first-child){margin-top:40px}}</style>
1279        
1280
1281<div class="block-content-text js-background-style-receiver  js-box-style-receiver">
1282    <div class="block__container block-padding js-background-style-receiver  js-box-style-receiver">
1283        <div class="block__wrapper block__wrapper--start">
1284            <h2
1285                class="block__text block__text--center text-style-6 text-color--grey-2 block__text--uppercase js-text-style-receiver js-spacing-style-receiver">
1286                The Art and Antiques Collection of Hotel Granados 83
1287            </h2>
1288            <div
1289                class="block__rich-text text-style-5 block__text--center text-color--grey-2 js-text-style-receiver js-spacing-style-receiver">
1290                <p>Within its industrial architecture walls, Hotel Granados 83 houses a fascinating <strong>collection of Asian art</strong>. It comprises seventy pieces of great artistic variety <strong>of Hindu and Cambodian origin</strong>, dating from the 10th and 11th centuries AD. Notable are the spectacular Indian reliefs that welcome guests from the lobby to the bar, <strong>Khmer art sculptures</strong> from the 8th century, and rich representations of the Buddha and the Hindu pantheon that show the evolution of traditional Indian art.</p>
1291<p>Inside the rooms and public spaces there are smaller pieces, such as carved doors, window grilles, and small altars. Also noteworthy is the peculiar collection of wooden bars that formed the framework of the ceremonial chariots used in religious festivals, as well as a <strong>collection of Roman mosaics</strong> that evokes the great patrician villas of the 2nd–6th centuries AD.</p>
1292            </div>
1293
1294        </div>
1295        <div class="block__wrapper block__wrapper--end">
1296<a class="block__button button button--outline text-color--dark js-button-style-receiver js-spacing-style-receiver"
1297    href="https://www.hotelgranados83.com/en/we-love-art" target="_self" 
1298    aria-label="We Love Art: We Love Art"  >
1299    We Love Art 
1300</a>
1301        </div>
1302    </div>
1303</div>
1304</section>
1305                                <section
1306    id="section-6fe81f51-e302-4184-810c-703845812919" class="container-block_content-image fishh-block " data-fishh-block=block_content-image data-fishh-block-id=6fe81f51-e302-4184-810c-703845812919
1307    data-fishh-ref='content-image'
1308    >
1309
1310    
1311    
1312                    <style>#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image{display:flex;justify-content:center}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__container{max-width:var(--block-max-width);display:grid;gap:20px;grid-template-columns:1fr;overflow:clip}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block-padding{padding-top:50px;padding-bottom:50px}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__button{margin-top:25px;margin-bottom:25px}@media (min-width:768px){#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block-padding{padding-right:0}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__container{gap:40px;grid-template-columns:1fr 560px}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__wrapper--end .block__image{display:block;height:750px}}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__wrapper--start .block__info{width:210px;margin:auto}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__wrapper--start .block__image{display:block;margin-bottom:30px}#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__info .block__rich-text:not(:first-child),#section-6fe81f51-e302-4184-810c-703845812919 .block-content-image .block__info .block__text:not(:first-child){margin-top:10px}</style>
1313        
1314
1315<div class="block-content-image   js-background-style-receiver  js-box-style-receiver">
1316    <div class="block__container block-padding js-background-style-receiver  js-box-style-receiver">
1317        <div class="block__wrapper block__wrapper--start">
1318
1319            <div class="block__info">
1320                <picture class="block__image image image--fit-cover js-box-style-receiver">
1321                
1322                    <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-pieza-hindu--1-.jpg?cw=952&ch=1333&cx=560&cy=0&s=s&w=400&h=560" media="(min-width: 320px)">
1323                    <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-3
13231e8-4dff-ba64-e07103e0a31c/originals/gr83-pieza-hindu--1-.jpg"
1324                        title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1325                </picture>
1326                <h2
1327                    class="block__text text-style-4 text-color--dark block__text--uppercase js-text-style-receiver js-spacing-style-receiver">
1328                    Hinduism and Buddhism
1329                </h2>
1330                <h2
1331                    class="block__text js-text-style-receiver js-spacing-style-receiver text-color--dark font--text font-size-small-text">
1332                    Zen design
1333                </h2>
1334                <div
1335                    class="block__rich-text js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-paragraph">
1336                    <p>Hotel Granados 83, set in a classic mid-19th-century building, features interior industrial-style walls that evoke the textile factories of the period in Catalonia, and on the outside, a façade of stone from Egyptian quarries, red marble, and beautiful columns framing the main entrance.</p>
1337                </div>
1338            </div>
1339        </div>
1340        <div class="block__wrapper block__wrapper--end">
1341            <picture class="block__image image image--fit-cover">
1342              
1343                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/1b4a4820.jpg?cw=1333&ch=1866&cx=0&cy=80&s=l&w=1024&h=1433" media="(min-width: 1024px)">
1344                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/1b4a4820.jpg?cw=1333&ch=1866&cx=0&cy=80&s=m&w=700&h=980" media="(min-width: 700px)">
1345                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/1b4a4820.jpg?cw=1333&ch=1866&cx=0&cy=80&s=s&w=400&h=560" media="(min-width: 320px)">
1346                <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/1b4a4820.jpg"
1347                    title="Hotel Granados 83" alt="Se ve un panel decorativo de mimbre con marco dorado sobre una base oscura en una sala interior.">
1348            </picture>
1349        </div>
1350    </div>
1351</div>
1352</section>
1353                                <section
1354    id="section-fad65bde-d885-477f-bdf8-efb053a5baa2" class="container-block_slider fishh-block " data-fishh-block=block_slider data-fishh-block-id=fad65bde-d885-477f-bdf8-efb053a5baa2
1355    data-fishh-ref='slider'
1356    >
1357
1358    
1359    
1360                
1360<script>document.addEventListener("DOMContentLoaded", function () {
1361  const sliderSingle09 = document.querySelectorAll(
1362    ".js-block-slider-single-09"
1363  );
1364
1365  sliderSingle09.forEach((splideElement) => {
1366    const splide = new Splide(splideElement, {
1367      type: "loop",
1368      speed: 1000,
1369      perPage: 1,
1370      pagination: true,
1371      autoplay: false,
1372      rewind: true,
1373      arrows: true,
1374      breakpoints: {
1375        767: {
1376          arrows: false,
1377          pagination: true,
1378        },
1379      },
1380    });
1381
1382    const fixPaginationTabindex = () => {
1383      requestAnimationFrame(() => {
1384        splideElement
1385          .querySelectorAll(".splide__pagination__page")
1386          .forEach((el) => {
1387            el.setAttribute("tabindex", "0");
1388          });
1389      });
1390    };
1391    splide.on(
1392      "mounted move pagination:updated refresh updated",
1393      fixPaginationTabindex
1394    );
1395
1396    splide.mount();
1397  });
1398});</script>
1398
1399                <style>#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider{display:flex;justify-content:center}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__container{max-width:var(--block-max-width);overflow:clip}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__slider-item{align-items:flex-start;display:flex;height:100%;justify-content:center;min-height:620px;position:relative}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__info{padding:20px;width:100%;z-index:1;background-color:color-mix(in srgb,var(--color-dark) 90%,transparent)}@media (min-width:768px){#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__slider-item{align-items:center}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__info{width:80%;padding:30px}}@media (min-width:1100px){#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__slider-item{justify-content:flex-end;min-height:570px}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__info{width:calc(50% - 90px);margin-right:90px}}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__button:not(:first-child),#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__rich-text:not(:first-child),#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__text:not(:first-child){margin-top:10px}@media (min-width:1100px){#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__button:not(:first-child),#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__rich-text:not(:first-child),#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .block__text:not(:first-child){margin-top:20px}}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .splide__pagination{bottom:32px}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .splide__arrow .icon{width:50px;height:50px}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .splide__arrow--prev{left:20px}#section-fad65bde-d885-477f-bdf8-efb053a5baa2 .block-slider .splide__arrow--next{right:20px}</style>
1400        
1401
1402<div class="block-slider js-background-style-receiver  js-box-style-receiver">
1403    <div class="block__container js-background-style-receiver  js-box-style-receiver">
1404        <div class="block__wrapper">
1405            <div class="block__slider splide js-block-slider-single-09">
1406                <div class="splide__track">
1407                    <ul class="splide__list">
1408                        <li class="block__slider-item splide__slide  js-box-style-receiver">
1409
1410                            <picture class="block__image image image--cover">
1411                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_02-edit.jpg?cw=2000&ch=1125&cx=0&cy=79&s=xxl&w=2000&h=1125"
1412                                    media="(min-width: 1440px)">
1413                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_02-edit.jpg?cw=2000&ch=1125&cx=0&cy=79&s=xl&w=1200&h=675"
1414                                    media="(min-width: 1280px)">
1415                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_02-edit.jpg?cw=2000&ch=1125&cx=0&cy=79&s=l&w=1024&h=576"
1416                                    media="(min-width: 1024px)">
1417                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/granados_02-edit.jpg?cw=2000&ch=1125&cx=0&cy=79&s=m&w=700&h=394"
1418                                    media="(min-width: 700px)">
1419                              
1420                                <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados_02-edit.jpg"
1421                                    title="Hotel Granados 83 Barcelona" alt="Se ve una terraza exterior con mesas y sillas, una zona de barbacoa y plantas alrededor.">
1422                            </picture>
1423                            <div class="block__info">
1424                                <h2
1425                                    class="block__text block__text--left text-style-0 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
1426                                    MEDITERRANEAN FLAVORS AND SIGNATURE COCKTAILS
1427                                </h2>
1428                                <div
1429                                    class="block__rich-text js-text-style-receiver js-spacing-style-receiver text-color--contrast-2 font--text font-size-6">
1430                                    <p>Savor the best tapas and local cuisine, or cool off in the pool while enjoying a cocktail at our rooftop terrace bar.</p>
1431                                </div>
1432                                <a class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver"
1433                                    href="https://www.hotelgranados83.com/en/terrace-bar-8" target="_self" 
1434                                    >
1435                                    BAR & TERRACE
1436                                </a>
1437                            </div>
1438
1439                        </li>
1440                        <li class="block__slider-item splide__slide  js-box-style-receiver">
1441
1442                            <picture class="block__image image image--cover">
1443                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7608.jpg?cw=2000&ch=1125&cx=0&cy=32&s=xxl&w=2000&h=1125"
1444                                    media="(min-width: 1440px)">
1445                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7608.jpg?cw=2000&ch=1125&cx=0&cy=32&s=xl&w=1200&h=675"
1446                                    media="(min-width: 1280px)">
1447                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7608.jpg?cw=2000&ch=1125&cx=0&cy=32&s=l&w=1024&h=576"
1448                                    media="(min-width: 1024px)">
1449                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7608.jpg?cw=2000&ch=1125&cx=0&cy=32&s=m&w=700&h=394"
1450                                    media="(min-width: 700px)">
1451                              
1452                                <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/img-7608.jpg"
1453                                    title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1454                            </picture>
1455                            <div class="block__info">
1456                                <h2
1457                                    class="block__text block__text--left text-style-0 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
1458                                    CELEBRATIONS, MEETINGS AND PRIVATE EVENTS
1459                                </h2>
1460                                <div
1461                                    class="block__rich-text js-text-style-receiver js-spacing-style-receiver text-color--contrast-2 font--text font-size-6">
1462                                    <p>Hotel Granados 83 is a unique venue in Barcelona for hosting all kinds of events and meetings. Located in the city centre, the hotel offers private rooms, a restaurant with an outdoor patio and a rooftop terrace.</p>
1463                                </div>
1464                                <a class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver"
1465                                    href="https://www.hotelgranados83.com/en/meetings-and-events" target="_self" 
1466                                    >
1467                                    VIEW SPACES
1468                                </a>
1469                            </div>
1470
1471                        </li>
1472                        <li class="block__slider-item splide__slide  js-box-style-receiver">
1473
1474                            <picture class="block__image image image--cover">
1475                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-fachada--1-.jpg?cw=1333&ch=750&cx=0&cy=465&s=xxl&w=2000&h=1125"
1476                                    media="(min-width: 1440px)">
1477                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-fachada--1-.jpg?cw=1333&ch=750&cx=0&cy=465&s=xl&w=1200&h=675"
1478                                    media="(min-width: 1280px)">
1479                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-fachada--1-.jpg?cw=1333&ch=750&cx=0&cy=465&s=l&w=1024&h=576"
1480                                    media="(min-width: 1024px)">
1481                                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-fachada--1-.jpg?cw=1333&ch=750&cx=0&cy=465&s=m&w=700&h=394"
1482                                    media="(min-width: 700px)">
1483                              
1484                                <img class="image__picture lazyload" src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-fachada--1-.jpg"
1485                                    title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1486                            </picture>
1487                            <div class="block__info">
1488                                <h2
1489                                    class="block__text block__text--left text-style-0 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
1490                                    THE BEST LOCATION IN THE CENTER OF BARCELONA
1491                                </h2>
1492                                <div
1493                                    class="block__rich-text js-text-style-receiver js-spacing-style-receiver text-color--contrast-2 font--text font-size-6">
1494                                    <p>Enric Granados street is one of the most popular in the Eixample, full of restaurants and terraces thanks to its pedestrianized area and low traffic. It is also just a few meters from Passeig de Gràcia and Avinguda Diagonal.</p>
1495                                </div>
1496                                <a class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver"
1497                                    href="https://www.hotelgranados83.com/en/location" target="_self" 
1498                                    >
1499                                    VIEW LOCATION
1500                                </a>
1501                            </div>
1502
1503                        </li>
1504                    </ul>
1505                </div>
1506                <div class="splide__arrows splide__arrows--center">
1507                    <button
1508                        class="splide__arrow splide__arrow--prev  js-button-style-receiver js-spacing-style-receiver">
1509                        <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
1510                            <use href="#icon--arrow-nav-right" />
1511                        </svg>
1512                    </button>
1513                    <button
1514                        class="splide__arrow splide__arrow--next  js-button-style-receiver js-spacing-style-receiver">
1515                        <svg class="icon fill-color--contrast-2 js-icon-style-receiver">
1516                            <use href="/symbols#icon--arrow-nav-right " />
1517                        </svg>
1518                    </button>
1519                </div>
1520            </div>
1521        </div>
1522    </div>
1523</div>
1524</section>
1525                                <section
1526    id="section-15738393-f581-49ea-a048-3fb9f5734c28" class="container-block_content-services fishh-block " data-fishh-block=block_content-services data-fishh-block-id=15738393-f581-49ea-a048-3fb9f5734c28
1527    data-fishh-ref='content-services'
1528    >
1529
1530    
1531    
1532                    <style>#section-15738393-f581-49ea-a048-3fb9f5734c28 .block-service{display:flex;justify-content:center;text-align:center}#section-15738393-f581-49ea-a048-3fb9f5734c28 .block-service .block__container{max-width:var(--block-max-width)}#section-15738393-f581-49ea-a048-3fb9f5734c28 .block-service .block__wrapper{max-width:800px;margin:auto}#section-15738393-f581-49ea-a048-3fb9f5734c28 .block-service .block__service-list{display:flex;flex-wrap:wrap;gap:20px 30px;justify-content:center}</style>
1533        <div class="block-service js-background-style-receiver  js-box-style-receiver">
1534  <div class="block__container bg-color--dark block-padding js-background-style-receiver  js-box-style-receiver">
1535    <div class="block__wrapper">
1536      <div class="block__service-list js-layout-style-receiver">
1537        <div class="block__service">
1538          <span
1539            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Air conditioner and heating</span>
1540        </div>
1541        <div class="block__service">
1542          <span
1543            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Parking</span>
1544        </div>
1545        <div class="block__service">
1546          <span
1547            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Elevator</span>
1548        </div>
1549        <div class="block__service">
1550          <span
1551            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Bar</span>
1552        </div>
1553        <div class="block__service">
1554          <span
1555            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Biosphere certified</span>
1556        </div>
1557        <div class="block__service">
1558          <span
1559            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Art collection</span>
1560        </div>
1561        <div class="block__service">
1562          <span
1563            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Defibrillator</span>
1564        </div>
1565        <div class="block__service">
1566          <span
1567            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Gym</span>
1568        </div>
1569        <div class="block__service">
1570          <span
1571            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Small dogs allowed</span>
1572        </div>
1573        <div class="block__service">
1574          <span
1575            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">24 hour reception</span>
1576        </div>
1577        <div class="block__service">
1578          <span
1579            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Meeting rooms</span>
1580        </div>
1581        <div class="block__service">
1582          <span
1583            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">24-hour room service</span>
1584        </div>
1585        <div class="block__service">
1586          <span
1587            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Terrace and pool</span>
1588        </div>
1589        <div class="block__service">
1590          <span
1591            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">Paid laundry and dry cleaning</span>
1592        </div>
1593        <div class="block__service">
1594          <span
1595            class="block__text block__text--uppercase text-style-5 font--text text-color--contrast-2 font-style--bold js-text-style-receiver js-spacing-style-receiver">WiFi</span>
1596        </div>
1597      </div>
1598    </div>
1599  </div>
1600</div>
1601</section>
1602                                <section
1603    id="section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e" class="container-block_content-image fishh-block  fishh-editable--smart" data-fishh-block=block_content-image data-fishh-block-id=5cb569cc-6f4f-41cc-8d3d-ebc5042e689e
1604    data-fishh-ref='content-image'
1605    >
1606
1607    
1608    
1609                    <style>#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image{display:flex;justify-content:center}@media (max-width:767px){#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block-padding{padding-left:0;padding-right:0}}#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__container{max-width:1020px}#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;z-index:1;position:relative;margin:-50px 20px 0 20px}@media (min-width:1100px){#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info{margin:-50px 40px 0 40px}}#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info .block__button-group:not(:first-child),#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info .block__rich-text:not(:first-child),#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info .block__text:not(:first-child){margin-top:20px}@media (min-width:1100px){#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info .block__button-group:not(:first-child),#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__info .block__rich-text:not(:first-child){margin-top:40px}}#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block__button-group{flex-wrap:wrap;justify-content:center}@media (min-width:768px){#section-5cb569cc-6f4f-41cc-8d3d-ebc5042e689e .block-content-image .block__rich-text{padding:0 10vw}}</style>
1610        
1611<div class="block-content-image js-background-style-receiver js-box-style-receiver">
1612    <div class="block__container block-padding js-background-style-receiver js-box-style-receiver">
1613        <div class="block__wrapper">
1614            <picture class="block__image image image--fit-cover js-box-style-receiver">
1615             
1616                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7548.jpg?cw=1769&ch=1263&cx=231&cy=0&s=l&w=1024&h=731" media="(min-width: 1024px)">
1617                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7548.jpg?cw=1769&ch=1263&cx=231&cy=0&s=m&w=700&h=500" media="(min-width: 700px)">
1618                <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/img-7548.jpg?cw=1769&ch=1263&cx=231&cy=0&s=s&w=400&h=286" media="(min-width: 320px)">
1619                <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/img-7548.jpg"
1620                    title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1621            </picture>
1622            <div class="block__info js-background-style-receiver js-box-style-receiver bg-color--dark">
1623                <h2
1624                    class="block__text block__text--center block__text--uppercase text-style-0 js-text-style-receiver js-spacing-style-receiver text-color--white font--text font-size-paragraph">
1625                    MEETINGS AND EVENTS
1626                </h2>
1627
1628                <p
1629                    class="block__text block__text--center block__text--uppercase  js-text-style-receiver js-spacing-style-receiver text-color--white text-style-1">
1630                    SPACES TO SHINE AT ANY EVENT
1631                </p>
1632                <div class="block__button-group js-layout-style-receiver">
1633                    <a class="block__button button js-button-style-receiver js-spacing-style-receiver button--outline text-color--contrast-2 border-color--contrast-2"
1634                        href="https://www.hotelgranados83.com/en/meetings-and-events" target="_self"  >
1635                        VIEW SPACES
1636                    </a>
1637                    <a class="block__button button js-button-style-receiver js-spacing-style-receiver button--primary text-color--dark bg-color--white"
1638                        href="https://www.hotelgranados83.com/en/group-events-quote" target="_self"  >
1639                        REQUEST A QUOTE
1640                    </a>
1641                </div>
1642            </div>
1643        </div>
1644    </div>
1645</div>
1646</section>
1647                                <section
1648    id="section-cf356c78-36d8-4beb-9a4a-dac1356767a9" class="container-block_gallery fishh-block " data-fishh-block=block_gallery data-fishh-block-id=cf356c78-36d8-4beb-9a4a-dac1356767a9
1649    data-fishh-ref='gallery'
1650    >
1651
1652    
1653    
1654                    <style>#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery{display:flex;justify-content:center}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__container{max-width:1100px;display:flex;flex-direction:column;align-items:center}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__rich-text{margin-top:10px}@media (min-width:1100px){#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__rich-text{margin-top:20px}}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__wrapper--end{margin-top:50px}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__grid{display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__grid{gap:40px;grid-template-columns:repeat(3,1fr)}}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__item{overflow:hidden;overflow:clip;position:relative}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__item .image__picture{aspect-ratio:1/1;height:auto}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__video .block-video__icon{inset:0;margin:auto;position:absolute}#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__button{margin-top:20px}@media (min-width:1100px){#section-cf356c78-36d8-4beb-9a4a-dac1356767a9 .block-gallery .block__button{margin-top:40px}}</style>
1655        <div class="block-gallery js-background-style-receiver  js-box-style-receiver">
1656    <div class="block__container block-padding js-background-style-receiver  js-box-style-receiver">
1657        <div class="block__wrapper block__wrapper--start">
1658            <h2
1659                class="block__text block__text--center block__text--uppercase text-style-0 text-color--dark js-text-style-receiver js-spacing-style-receiver">
1660                Gallery
1661            </h2>
1662            <div
1663                class="block__rich-text block__text--center js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-6">
1664                <p>77 luxury rooms and duplexes with terraces showcasing original pieces of Buddhist and Hindu art inside. A unique hotel to discover in Barcelona.</p>
1665            </div>
1666        </div>
1667
1668
1669        <div class="block__wrapper block__wrapper--end">
1670            <div class="block__grid js-layout-style-receiver">
1671
1672  
1673                    <picture class="block__image image image--fit-cover js-box-style-receiver">
1674                        <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/1b4a4895.jpg?s=s&w=400&h=249"
1675                            media="(min-width: 320px)">
1676                        <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/1b4a4895.jpg"
1677                            title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1678                    </picture>
1679    
1680
1681  
1682                    <picture class="block__image image image--fit-cover js-box-style-receiver">
1683                        <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/gr83-duplex--5-.jpg?s=s&w=400&h=267"
1684                            media="(min-width: 320px)">
1685                        <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/gr83-duplex--5-.jpg"
1686                            title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1687                    </picture>
1688    
1689
1690  
1691                    <picture class="block__image image image--fit-cover js-box-style-receiver">
1692                        <source data-srcset="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/media-images/0g5a7383.jpg?s=s&w=400&h=267"
1693                            media="(min-width: 320px)">
1694                        <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/0g5a7383.jpg"
1695                            title="Hotel Granados 83 Barcelona" alt="Hotel Granados 83 Barcelona">
1696                    </picture>
1697    
1698            </div>
1699        </div>
1700        <a class="block__button button button--outline text-color--contrast-1 border-color--contrast-1 js-button-style-receiver  js-spacing-style-receiver"
1701            href="https://www.hotelgranados83.com/en/gallery-virtual-tour" target="_self"  >
1702            See gallery
1703        </a>
1704    </div>
1705</div>
1706</section>
1707                                <section
1708    id="section-84a8f726-ef78-4a62-859e-3b715da712e7" class="container-block_iframe fishh-block  fishh-editable--smart" data-fishh-block=block_iframe data-fishh-block-id=84a8f726-ef78-4a62-859e-3b715da712e7
1709    data-fishh-ref='iframe'
1710    >
1711
1712    
1713    
1714                    <style>#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe{display:flex;justify-content:center}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__container{display:grid;gap:20px;grid-template-columns:1fr;max-width:calc(1100px + 2em);width:100%}@media (min-width:1100px){#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__container{gap:50px;align-items:center;grid-template-columns:510px 1fr}}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__rich-text a:has(+a),#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__rich-text p:has(+a){margin-bottom:20px}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__rich-text a{display:block}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__iframe{height:600px;overflow:hidden}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block-iframe .block__iframe iframe{border:0;height:100%;width:100%}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block__address{display:flex;flex-direction:row;gap:20px;padding-bottom:20px;text-align:center;justify-content:space-around;padding-bottom:60px;margin-bottom:60px;border-bottom:1px solid var(--grey-6)}@media (min-width:1100px){#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block__address{padding-bottom:20px;margin-bottom:30px;grid-template-columns:auto 1fr}}#section-84a8f726-ef78-4a62-859e-3b715da712e7 .block__address-item{font-weight:400;margin-top:20px}</style>
1715        
1716<div class="block-iframe js-background-style-receiver  js-box-style-receiver">
1717    <div
1718        class="block__container block-padding  js-layout-style-receiver js-background-style-receiver  js-box-style-receiver">
1719        <div class="block__wrapper block__wrapper--start js-background-style-receiver  js-box-style-receiver">
1720            <address class="block__address js-layout-style-receiver js-box-style-receiver">
1721                <div>
1722                    <h3
1723                        class="block__text block__text--center block__text--uppercase text-style-paragraph text-color--dark js-text-style-receiver js-spacing-style-receiver">
1724                        Where are we
1725                    </h3>
1726                    <p
1727                        class="block__address-item block__text--center  js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-6">
1728                        Enric Granados, 83
1729                         <br>
1730                        Barcelona,
1731                        08008
1732                         <br>
1733                        Spain
1734                    </p>
1735                </div>
1736
1737                <div>
1738                    <h3
1739                        class="block__text block__text--center  block__text--uppercase text-style-paragraph text-color--dark js-text-style-receiver js-spacing-style-receiver">
1740                        Contact
1741                    </h3>
1742                    <p
1743                        class="block__address-item block__text--center  js-text-style-receiver js-spacing-style-receiver text-color--grey-4 font--text font-size-6">
1744                        <a href="tel:+34 934 929 670" class="text-style-link"
1745                             aria-label="Call by phone+34 934 929 670">
1746                            <abbr title="">T:</abbr> +34 934 929 670
1747                        </a>
1748                         <br>
1749                        <abbr title="">F:</abbr> +34 934 929 690
1750                         <br>
1751                        <a href="mailto:[email protected]" class="text-style-link"
1752                            aria-label="Send an email to [email protected]">
1753                            [email protected]
1754                        </a>
1755                    </p>
1756                </div>
1757            </address>
1758            <div
1759                class="block__rich-text block__text--center js-text-style-receiver js-spacing-style-receiver text-color--grey-2 font--text font-size-paragraph">
1760                <p>The Hotel Granados 83 is located in the central Eixample neighborhood of Barcelona. It is an urban, cutting-edge hotel designed for bohemian gourmets and the adventurous.</p>
1761<p>Set in a restored 19th-century building, its oxidized iron structure and exposed brick interior walls recall Catalonia's industrial textile history.</p>
1762            </div>
1763        </div>
1764        <div class="block__wrapper block__wrapper--end js-layout-style-receiver js-background-style-receiver  js-box-style-receiver">
1765            <div class="block__iframe js-box-style-receiver">
1766                <iframe
1767                  src="https://derby-map-integration.cst.smartvel.com/?dt=9705&amp;pid=1206818&amp;dtz=15&amp;dtc=41.391833,2.156833&amp;lang=es"
1768                  width="100%"
1769                  height="100%"
1770                  style="border:0;"
1771                  loading="lazy"
1772                  scrolling="no"
1773                  allowfullscreen>
1774          		</iframe>
1775            </div>
1776        </div>
1777    </div>
1778</div>
1779</section>
1780                                <section
1781    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
1782    data-fishh-ref='content-text'
1783    >
1784
1785    
1786    
1787                    <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>
1788        
1789<div class="block-content-text">
1790  <div class="block__container bg-color--dark js-background-style-receiver  js-box-style-receiver">
1791    <div class="block__wrapper js-box-style-receiver">
1792      <div class="block__item">
1793        <div class="block__info js-background-style-receiver  js-box-style-receiver">
1794          <p
1795            class="block__text block__text--uppercase font-size-4 font--heading text-color--contrast-2 js-text-style-receiver js-spacing-style-receiver">
1796            Be the first to discover news from Derby Hotels Collection
1797          </p>
1798
1799          <a href="https://www.hotelgranados83.com/en/newsletter" target="_self"  
1800            class="block__button button button--outline border-color--contrast-2 text-color--contrast-2 js-button-style-receiver js-spacing-style-receiver">
1801            NEWSLETTER
1802          </a>
1803        </div>
1804      </div>
1805    </div>
1806  </div>
1807</div>
1808</section>
1809                                <section
1810    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
1811    data-fishh-ref='footer'
1812    >
1813
1814    
1815    
1816                
1816<script>document.addEventListener("DOMContentLoaded", function () {
1817  const items = document.querySelectorAll('.block-footer .js-hide-first-item');
1818  if (items.length > 1) {
1819    items[0].remove();
1820  }
1821  paginator();
1822
1823
1824  const li = document.querySelector('[data-lang]');
1825  if (!li) return;
1826
1827  const lang = li.getAttribute('data-lang');
1828  const link = li.querySelector('a');
1829
1830
1831  if (!lang || !link) return;
1832
1833  const data = {
1834    es: { text: 'Sostenibilidad', slug: 'sostenibilidad' },
1835    en: { text: 'Sustainability', slug: 'sustainability' },
1836    ca: { text: 'Sostenibilitat', slug: 'sostenibilitat' },
1837    de: { text: 'Nachhaltigkeit', slug: 'nachhaltigkeit' },
1838    fr: { text: 'Durabilité', slug: 'durabilite' },
1839    it: { text: 'Sostenibilità', slug: 'sostenibilita' }
1840  };
1841
1842
1843  const selectedLang = data[lang] ? lang : 'en';
1844  
1845  link.textContent = data[selectedLang].text;
1846  link.href = `https://www.derbyhotels.com/${selectedLang}/${data[selectedLang].slug}`;
1847});</script>
1847
1848                <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>
1849        
1850<footer class="block-footer bg-color--light js-background-style-receiver js-box-style-receiver js-logo-container">
1851    <div class="block-slider bg-color--contrast-2 js-background-style-receiver js-box-style-receiver">
1852
1853        <div class="block-footer__container block-padding js-box-style-receiver">
1854            <div class="block-footer__wrapper js-background-style-receiver js-box-style-receiver">
1855                <div class="block-footer__logo js-logo-style">
1856                    <img class="logo__image logo__image--color lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados.png"
1857                        title="Hotel Granados 83 Barcelona" alt="Logo Hotel Granados 83 Barcelona">
1858                    <img class="logo__image  logo__image--white  lazyload" src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/granados-neg.png"
1859                        title="Hotel Granados 83 Barcelona" alt="Logo Hotel Granados 83 Barcelona">
1860                </div>
1861
1862                <ul class="block-footer__nav js-layout-style-receiver">
1863                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1864                        <a href="https://www.hotelgranados83.com/en/cookies" target="_self" class="text-style-link">
1865                            Cookies
1866                        </a>
1867                    </li>
1868                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1869                        <a href="https://www.hotelgranados83.com/en/privacy" target="_self" class="text-style-link">
1870                            Privacy
1871                        </a>
1872                    </li>
1873                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1874                        <a href="https://www.hotelgranados83.com/en/terms-conditions" target="_self" class="text-style-link">
1875                            Terms & Conditions
1876                        </a>
1877                    </li>
1878                    <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1879                        <a href="https://www.hotelgranados83.com/en/site-map" target="_self" class="text-style-link">
1880                            Site Map
1881                        </a>
1882                    </li>
1883                    <li
1884                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1885                        <a href="https://www.facebook.com/DerbyHotelsCollection/" target="_blank" rel="nofollow noopener noreferrer">
1886                            facebook
1887                        </a>
1888                    </li>
1889                    <li
1890                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1891                        <a href="https://www.instagram.com/derby_hotels/" target="_blank" rel="nofollow noopener noreferrer">
1892                            instagram
1893                        </a>
1894                    </li>
1895                    <li
1896                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1897                        <a href="https://www.tiktok.com/@derbyhotelscollection" target="_blank" rel="nofollow noopener noreferrer">
1898                            tiktok
1899                        </a>
1900                    </li>
1901                    <li
1902                        class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1903                        <a href="https://linkedin.com/company/derby-hotels-collection" target="_blank" rel="nofollow noopener noreferrer">
1904                            linkedin
1905                        </a>
1906                    </li>
1907                  <li class="js-text-style-receiver text-color--grey-2 block__text--uppercase font--text font-size-small-text">
1908                      <a href="https://derbyhotels.epreselec.com/Ofertas/Ofertas.aspx" target="_blank" rel="nofollow noopener noreferrer">
1909                         Work with us
1910                      </a>
1911                    </li>
1912                    <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">
1913                        <a href="https://www.hotelgranados83.com/en/404" target="_self" class="text-style-link">
1914                            Error 404
1915                        </a>
1916                    </li>
1917                    <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">
1918                        <a href="https://www.hotelgranados83.com/en/bookingstep1" target="_self" class="text-style-link">
1919                            Booking Step 1
1920                        </a>
1921                    </li>
1922                    <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">
1923                        <a href="https://www.hotelgranados83.com/en/bookingstep2" target="_self" class="text-style-link">
1924                            Booking Step 2
1925                        </a>
1926                    </li>
1927                    <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">
1928                        <a href="https://www.hotelgranados83.com/en/reservation_confirmation" target="_self" class="text-style-link">
1929                            Booking Step 3
1930                        </a>
1931                    </li>
1932                    <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">
1933                        <a href="https://www.hotelgranados83.com/en/newsletter" target="_self" class="text-style-link">
1934                            Newsletter
1935                        </a>
1936                    </li>
1937                    <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">
1938                        <a href="https://www.hotelgranados83.com/en/group-events-quote" target="_self" class="text-style-link">
1939                            Group & Events Quote
1940                        </a>
1941                    </li>
1942                    <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">
1943                        <a href="https://www.hotelgranados83.com/en/sustainability-commitment" target="_self" class="text-style-link">
1944                            Sustainability
1945                        </a>
1946                    </li>
1947                </ul>
1948                <div class="block-footer__logo">
1949                    <a href="https://www.derbyhotels.com" target="_blank" 
1950                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1951                        title="Derby Hotels Collection" >
1952                        <picture class="block__image image">
1953                            <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"
1954                                media="(min-width: 700px)">
1955                            <source data-srcset=""
1956                                media="(min-width: 320px)">
1957                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-derby-hotels.png"
1958                                title="Derby Hotels Collection" alt="Derby Hotels Collection">
1959                        </picture>
1960                    </a>
1961                </div>
1962            </div>
1963            <ul class="block__list js-layout-style-receiver">
1964                <li class="block__list-item js-hide-first-item">
1965                    <a href="https://www.derbyhotels.com" target="_blank" 
1966                        aria-label="Derby Hotels Collection: www.derbyhotels.com (abre en nueva ventana)"  
1967                        title="Derby Hotels Collection" >
1968                        <picture class="block__image image">
1969                            <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"
1970                                media="(min-width: 700px)">
1971                            <source data-srcset=""
1972                                media="(min-width: 320px)">
1973                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-derby-hotels.png"
1974                                title="Derby Hotels Collection" alt="Derby Hotels Collection">
1975                        </picture>
1976                    </a>
1977                </li>
1978                <li class="block__list-item js-hide-first-item">
1979                    <a href="https://preferredhotels.com/hotels/spain/hotel-granados-83" target="_blank" 
1980                        aria-label="Lifestyle Preferred Hotels & Resorts: preferredhotels.com/hotels/spain/hotel-granados-83 (abre en nueva ventana)"  
1981                        title="Lifestyle Preferred Hotels & Resorts" >
1982                        <picture class="block__image image">
1983                            <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"
1984                                media="(min-width: 700px)">
1985                            <source data-srcset=""
1986                                media="(min-width: 320px)">
1987                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-preferred-lifestyle.png"
1988                                title="Lifestyle Preferred Hotels & Resorts" alt="Lifestyle Preferred Hotels & Resorts">
1989                        </picture>
1990                    </a>
1991                </li>
1992                <li class="block__list-item js-hide-first-item">
1993                        <picture class="block__image image">
1994                            <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"
1995                                media="(min-width: 700px)">
1996                            <source data-srcset=""
1997                                media="(min-width: 320px)">
1998                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-hotel-monument.png"
1999                                title="Barcelona Hotel Monument" alt="Barcelona Hotel Monument">
2000                        </picture>
2001                </li>
2002                <li class="block__list-item js-hide-first-item">
2003                        <picture class="block__image image">
2004                            <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"
2005                                media="(min-width: 700px)">
2006                            <source data-srcset=""
2007                                media="(min-width: 320px)">
2008                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/epc-bronze-2026.jpg"
2009                                title="Earthcheck Bronze Benchmark" alt="Earthcheck muestra el sello bronze benchmark 2026 sobre fondo beige.">
2010                        </picture>
2011                </li>
2012                <li class="block__list-item js-hide-first-item">
2013                    <a href="https://www.hotelgranados83.com/en/sustainability-commitment" target="_self"  >
2014                        <picture class="block__image image">
2015                            <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"
2016                                media="(min-width: 700px)">
2017                            <source data-srcset=""
2018                                media="(min-width: 320px)">
2019                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-biosphere.jpg"
2020                                title="Biosphere Certified Hotel" alt="Biosphere Certified Hotel">
2021                        </picture>
2022                    </a>
2023                </li>
2024                <li class="block__list-item js-hide-first-item">
2025                        <picture class="block__image image">
2026                            <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"
2027                                media="(min-width: 700px)">
2028                            <source data-srcset=""
2029                                media="(min-width: 320px)">
2030                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/9d9582ac-31e8-4dff-ba64-e07103e0a31c/originals/logo-cardioprotected.png"
2031                                title="Cardioprotected Hotel with Defibrillator" alt="Cardioprotected Hotel with Defibrillator">
2032                        </picture>
2033                </li>
2034                <li class="block__list-item js-hide-first-item">
2035                    <a href="https://iprefer.com/members/signup?enrollcode=BCNHG&hotel=BCNHG" target="_blank" 
2036                        aria-label="I Prefer Hotel Rewards: iprefer.com/members/signup?enrollcode=BCNHG&hotel=BCNHG (abre en nueva ventana)"  
2037       
2037                 title="I Prefer Hotel Rewards" >
2038                        <picture class="block__image image">
2039                            <source data-srcset="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/iprefer.png?w=700"
2040                                media="(min-width: 700px)">
2041                            <source data-srcset=""
2042                                media="(min-width: 320px)">
2043                            <img class="image__picture lazyload " src="" data-src="https://cdn-static.webmanager.tech/uploads/02185615-8f44-498b-a668-3ed514054673/originals/iprefer.png"
2044                                title="iprefer.png" alt="I Prefer Hotel Rewards">
2045                        </picture>
2046                    </a>
2047                </li>
2048            </ul>
2049            <div
2050                class="block-footer__legal js-layout-style-receiver js-box-style-receiver js-background-style-receiver">
2051                <span
2052                    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">
2053                  	© 2026 Derby Hotels. All rights reserved.
2054                </span>
2055            </div>
2056        </div>
2057
2058
2059    </div>
2060</footer>
2061</section>
2062                        </div>
2063            <form id="booking-form" name="booking-form"
2064      action="" method="GET"
2065      target="_blank">
2066</form>
2067                    </div>
2068
2069        
2069<script>
2070    var bookingEngineName = 'miraicore';
2071    var bookingHotelId = '99301325';
2072    var bookingHSRI = '';
2073    var currentLanguage = 'en';
2074    var siteId = '9d9582ac-31e8-4dff-ba64-e07103e0a31c';
2075    var siteName = 'Hotel Granados 83';
2076    var domain = '';
2077    var alertVersion = 1;
2078    var isCMS = 0;
2079    </script>
2079
2080
2081<script src="https://www.hotelgranados83.com/js/bnn-core.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 2081
2081
2082<script src="https://www.hotelgranados83.com/js/bnn-splide.js?v=1.0.0" type="text/javascript" defer></script>
vendor: 1 bytes, line 2082
2082
2083<script src="https://www.hotelgranados83.com/js/modals.js?v=1.0.3" type="text/javascript"  defer ></script>
vendor: 1 bytes, line 2083
2083
2084<script src="https://www.hotelgranados83.com/js/sliders.js" type="text/javascript" defer></script>
2084
2085    
2085<script src="https://www.hotelgranados83.com/js/bnn-booking.js?v=1.0.5" type="text/javascript" defer></script>
vendor: 1 bytes, line 2085
2085
2086<script src="https://www.hotelgranados83.com/js/bnn-datepicker.js?v=1.0.0" type="text/javascript" defer></script>
2086
2087                
2087<script src="https://www.hotelgranados83.com/js/tripadvisor.js" type="text/javascript"  defer></script>
2087
2088
2089<div id="ta-widget" class="close"></div>
2090
2091<div class="ta-box" id="ta-box">
2092    <div id="ta-box-close" class="ta-box-close"></div>
2093    <!--Start of Tripadvisor Script-->
2094        <template class="js-tripadvisor-embed">
2095            <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>
2095<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>
2095
2096        </template>
2097    <!--End of Tripadvisor Script-->
2098</div>
2099<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>
2100    
2101        
2101<script src="https://www.hotelgranados83.com/js/booking/booking-style-widget.js?v=1.1.4" type="text/javascript" defer></script>
2101<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>
2101<script src="https://api.fishhotels.com/public/sites/9d9582ac-31e8-4dff-ba64-e07103e0a31c/scripts?v=1.1.4" type="text/javascript" defer></script>
2101
2102
2103        
2104                
2105        
2106        
2107</body>
2108</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.