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