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 &<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 &<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 &<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í'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&pid=1206818&dtz=15&dtc=41.391833,2.156833&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&uniq=690&locationId=585139&lang=en_UK&rating=true&nreviews=0&writereviewlink=false&popIdx=true&iswide=false&border=true&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.