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