1 2<!doctype html> 3<html lang="es"> 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <title>Llanos del Hospital | Restaurante-CafeterÃa</title> 9 <!-- Metadatos para Google --> 10 <meta name="description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafeterÃa en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo."> 11 <meta name="keywords" content="restaurante, cafeterÃa, reservas, cartas, horarios, Llanos del Hospital"> 12 <!-- Metadatos para Twitter --> 13 <meta name="twitter:card" content="summary_large_image"> 14 <meta name="twitter:title" content="Llanos del Hospital | Restaurante-CafeterÃa"> 15 <meta name="twitter:description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafeterÃa en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo."> 16 <meta name="twitter:image" content="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp"> 17 <!-- Metadatos para Open Graph (og) --> 18 <meta property="og:title" content="Llanos del Hospital | Restaurante-CafeterÃa"> 19 <meta property="og:description" content="Disfruta de la deliciosa comida en nuestro restaurante-cafeterÃa en Llanos del Hospital. Consulta nuestras cartas en diferentes idiomas y reserva tu mesa hoy mismo."> 20 <meta property="og:image" content="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp"> 21 <meta property="og:url" content="/restaurantecafeteria"> 22 <meta property="og:type" content="website"> 23 24 <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon"> 25 26 <!-- Static --> 27 <link rel="stylesheet" href="/static/css/animate.min.css"> 28 <link rel="stylesheet" href="/static/css/style.css"> 29 <link rel="stylesheet" href="/static/css/buttons.css"> 30 <link rel="stylesheet" href="/static/css/colors.css"> 31 32 <!-- Mirai booking engine --> 33 <link rel="stylesheet" href="/static/css/core-variables.css"> 34 <link rel="preload" as="style" href="https://static.mirai.com/core/index.css" 35 onload="this.onload=null;this.rel='stylesheet'"> 36 37 <!-- jQuery --> 38
38<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
38 39 <!-- nanogallery2 --> 40 <link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css"> 41 <!-- Fonts --> 42 <link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet"> 43 <!--FontAwesome--> 44 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 45 <!-- Aos --> 46 <!-- <link rel="stylesheet" href="/static/css/aos.css"> --> 47 <!--
47<script src="/static/js/aos.js"></script>
47 --> 48 <!-- swiperjs --> 49 <link rel="stylesheet" href="/static/css/owl.carousel.min.css"> 50 <link rel="stylesheet" href="/static/css/owl.theme.default.min.css"> 51 <!-- nanogallery2 --> 52 <link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css"> 53 <!-- Bootstrap --> 54 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> 55
55<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
55 56 <!--OWL Carousel--> 57
57<script src="/static/js/owl.carousel.min.js"></script>
57 58 59 <!-- Analytics --> 60 <!-- Google Consent Mode (requerido por Mirai para su tracking) --> 61
61<script> 62 window.dataLayer = window.dataLayer || []; 63 function gtag(){dataLayer.push(arguments);} 64 gtag('consent', 'default', { 65 'ad_storage': 'denied', 66 'analytics_storage': 'denied', 67 'ad_user_data': 'denied', 68 'ad_personalization': 'denied' 69 }); 70 </script>
70 71 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 71-72
71 72 <script async src="https://www.googletagmanager.com/gtag/js?id=
72G-7R31E7VV39
vendor: 16 bytes, lines 72-73
72"></script> 73
73<script> gtag('js', new Date()); 74 </script>
74 75 </head> 76 <style> 77 .animate__animated.animate__fadeIn { 78 --animate-duration: 2s; 79 } 80 #video-container .vjs-watermark-content { 81 padding: 0 !important; 82 width: 100% !important; 83 } 84 .vjs-control-bar { 85 display: none !important; 86 } 87 .table>:not(caption)>*>* { 88 background-color: transparent !important; 89 } 90 91 .div-mobile { 92 display: none; 93 } 94 .div-no-mobile { 95 display: flex; 96 } 97 @media only screen and (max-width: 600px) { 98 .div-mobile { 99 display: flex; 100 } 101 .div-no-mobile { 102 display: none; 103 } 104 } 105 .footer-copyright-links { 106 line-height: 2; 107 margin-bottom: 20px; 108 } 109 .footer-link { 110 color: #fff696; 111 font-weight: 400; 112 margin: 0 6px; 113 } 114 .footer-link:hover { 115 color: #ffffff; 116 } 117 .hotel_name_element { 118 margin-top: 15px; 119 margin-bottom: 10px; 120 } 121 .legal_text p { 122 margin-bottom: 8px; 123 } 124 .hotel-header { 125 transition: transform 0.3s ease; 126 } 127 .hotel-header.header-hidden { 128 transform: translateY(-100%); 129 } 130 #floating-btn { 131 position: fixed; 132 bottom: 20px; 133 right: 20px; 134 z-index: 999; 135 padding: 10px 20px; 136 background-color: #939407; 137 color: #fff; 138 border: none; 139 border-radius: 5px; 140 cursor: pointer; 141 } 142 /* En la home, el buscador del hero ya hace de CTA: el botón flotante solo 143 aparece una vez el usuario ha hecho scroll más allá del hero. */ 144 body.home-page.hero-in-view #floating-btn { 145 display: none !important; 146 } 147 /* Durante el proceso de reserva (elige estancia, datos personales, 148 confirmación) el motor de Mirai ya trae su propio menú/navegación; 149 el nuestro sólo estorba superpuesto encima. */ 150 body.booking-flow-page header.hotel-header { 151 display: none; 152 } 153 #banner-consentimiento { 154 position: fixed; 155 bottom: 0; 156 left: 0; 157 width: 100%; 158 background-color: #f0f0f0; 159 padding: 10px; 160 text-align: center; 161 box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1); 162 z-index: 9999; 163 } 164 165 #banner-consentimiento p { 166 margin: 0; 167 } 168 169 #banner-consentimiento button { 170 background-color: #949407; 171 color: white; 172 border: none; 173 padding: 8px 16px; 174 cursor: pointer; 175 border-radius: 4px; 176 } 177 178 #banner-consentimiento button:hover { 179 background-color: #575702; 180 } 181 182 #banner-consentimiento a { 183 background-color: grey; 184 color: white; 185 border: none; 186 padding: 8px 16px; 187 cursor: pointer; 188 border-radius: 4px; 189 } 190 191 #banner-consentimiento a:hover { 192 background-color: rgb(63, 62, 62); 193 } 194 195 </style> 196 <body class="bg-body-tertiary "> 197 <header class="animate__animated animate__fadeInDown hotel-header fixed-top"> 198 <nav class="navbar navbar-expand-lg"> 199 <div class="container-fluid"> 200 <div class="div-no-mobile"> 201 <a class="navbar-brand" href="/"> 202 <img src="/static/images/logo.webp" alt="Llanos del Hospital" width="140" style="padding: 10px;"> 203 </a> 204 </div> 205 <div class="div-mobile" style="align-items: center; width: 80%;"> 206 <a href="tel:(+34) 608 53 60 53" style="text-decoration: none; color: inherit; padding-bottom: 3px;"> 207 <i class="fa fa-phone" style="font-size: 35px; color: white;"></i> 208 </a> 209 <a class="navbar-brand" href="/" style="left: 25%; position: relative;"> 210 <img src="/static/images/logo.webp" alt="Llanos del Hospital" width="140" height="70"> 211 </a> 212 </div> 213 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 214 <span class="navbar-toggler-icon"></span> 215 </button> 216 <div class="collapse navbar-collapse" id="navbarNav"> 217 <ul class="navbar-nav"> 218 <li class="nav-item"> 219 <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" aria-current="page" href="/">Hotel</a> 220 </li> 221 <li class="nav-item dropdown"> 222 <a class="nav-link dropdown-toggle" style="font-family: oswald; font-weight: 300; font-size: larger;" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 223 Pistas Esquà 224 </a> 225 <ul class="dropdown-menu border-0 dropdown-navbar"> 226 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/pistasesqui">Pistas EsquÃ</a></li> 227 <li><hr class="dropdown-divider"></li> 228 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/alquiler">Alquiler y pases</a></li> 229 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/espacionordico">Espacio nórdico</a></li> 230 </ul> 231 </li> 232 <li class="nav-item"> 233 <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/restaurantecafeteria">Restaurante-CafeterÃa</a> 234 </li> 235 <li class="nav-item dropdown"> 236 <a class="nav-link dropdown-toggle" style="font-family: oswald; font-weight: 300; font-size: larger;" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 237 Verano 238 </a> 239 <ul class="dropdown-menu border-0 dropdown-navbar"> 240 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/verano">Verano</a></li> 241 <li><hr class="dropdown-divider"></li> 242 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/rutasfamiliares">Rutas familiares</a></li> 243 <li><a class="dropdown-item" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/circuitohistorico">Recorrido histórico</a></li> 244 </ul> 245 </li> 246 <li class="nav-item"> 247 <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/eventos">Eventos</a> 248 </li> 249 <li class="nav-item"> 250 <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/horarios">Horarios</a> 251 </li> 252 <li class="nav-item"> 253 <a class="nav-link" style="font-family: oswald; font-weight: 300; font-size: larger;" href="/contacto">Contacto</a> 254 </li> 255 </ul> 256 <ul class="navbar-nav flex-row flex-wrap ms-md-auto" style="justify-content: center; margin-bottom: 4px; align-items: center;"> 257 <li class="nav-item">
258 <a class="fancy navbar-text" href="/bookingstep1"> 259 <span class="top-key"></span> 260 <span class="text">Reserva online</span> 261 <span class="bottom-key-1"></span> 262 <span class="bottom-key-2"></span> 263 </a> 264 </li> 265 <li class="nav-item"> 266 <div data-mirai-component="session"></div> 267 </li> 268 </ul> 269 270 </div> 271 </div> 272 </nav> 273 </header> 274 275 276<body> 277 278 <section id="servicios_horarios" style="min-height: 85vh;"> 279 <div style="position: relative;"> 280 <img src="/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp" alt="Decoración del interior de la cafeterÃa de los Llanos del Hospital donde se destacan los tallos de madera y un árbol tallado al fondo de la imagen" width="100%" height="300px" style="object-fit: cover;"> 281 <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div> 282 </div> 283 <div class="row mt-2" style="margin-right: 0; margin-left: 0; justify-content: center;" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom"> 284 <h1 style="font-size: 3rem; font-family: oswald;" class="main-color text-center mb-2">RESTAURANTE-CAFETERÃA</h1> 285 <h3 style="font-family: oswald;" class="text-center mb-2">Restaurante de alta montaña, cocina casera y productos de la zona</h3> 286 <h3 style="font-family: oswald; font-weight: 300;" class="text-center mb-2">Reservas +34 608 53 60 53</h3> 287 </div> 288 <div class="row" style="margin-right: 0; margin-left: 0; justify-content: center;" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom"> 289 <div class="col" style="display: flex; justify-content: center; max-width: 300px"> 290 <figure class="snip1581"><img src="static/images/mesas-television-cafeteria-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Mesas con televisión en la cafeterÃa de los Llanos del Hospital"/> 291 <figcaption> 292 <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">CARTA</h1> 293 <h1 style="font-size: 1rem; font-family: oswald;" class="main-color text-center"><a href="/menu/menu_mod_es.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-spain-96.png" style="width: 40px;" alt=""></a> - <a href="/menu/menu_mod_fr.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-france-96.png" style="width: 40px;" alt=""></a> - <a href="/menu/menu_mod_en.jpg/" style="position: relative!important;" target="_blank"><img src="/static/images/icons8-great-britain-96.png" style="width: 40px;" alt=""></a></h1> 294 </figcaption> 295 </figure> 296 </div> 297 <div class="col" style="display: flex; justify-content: center; max-width: 300px"> 298 <figure class="snip1581"><img src="static/images/mesas-television-cafeteria-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Mesas con televisión en la cafeterÃa de los Llanos del Hospital"/> 299 <figcaption> 300 <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">CAFETERÃA</h1> 301 <h1 style="font-size: 1rem; font-family: oswald;" class="text-center">SIN RESERVA</h1> 302 </figcaption> 303 </figure> 304 </div> 305 <div class="col" style="display: flex; justify-content: center; max-width: 300px;"> 306 <figure class="snip1581"><img src="static/images/boda-evento-llanos-del-hospital.webp" style="object-fit: cover;" width="400" height="509" alt="Personas disfrutando en el exterior de las instalaciones de los Llanos del Hospital de una boda a los pies del Pico Aneto"/>
307 <figcaption> 308 <h1 style="font-size: 3rem; font-family: oswald;" class="text-center">HORARIOS</h1> 309 <h1 style="font-size: 1rem; font-family: oswald;" class="text-center">CONSÃLTALOS</h1> 310 </figcaption><a href="/horarios"></a> 311 </figure> 312 </div> 313 </div> 314 <div id="nanogallery" data-aos="fade-up" data-aos-duration="2000" data-aos-anchor-placement="top-bottom"></div> 315 </section> 316</body> 317 318<div class="modal modal-sm fade" id="modalCarta" tabindex="-1" aria-labelledby="modalCartaLabel" aria-hidden="true"> 319 <div class="modal-dialog"> 320 <div class="modal-content"> 321 <div class="modal-body"> 322 <ul style="list-style: none; padding: 0; text-align: center;"> 323 <li><a href="/menu/menu_mod_es.jpg/" target="_blank"><img src="/static/images/icons8-spain-96.png" alt="Menú en español del restaurante en llanos del Hospital"> Español</a></li> 324 <li><a href="/menu/menu_mod_fr.jpg/" target="_blank"><img src="/static/images/icons8-france-96.png" alt="Menú en francés del restaurante en llanos del Hospital"> Français</a></li> 325 <li><a href="/menu/menu_mod_en.jpg/" target="_blank"><img src="/static/images/icons8-great-britain-96.png" alt="Menú en francés del restaurante en llanos del Hospital"> English</a></li> 326 </ul> 327 </div> 328 </div> 329 </div> 330 </div> 331 332 <!--NANOGALLERY2-->
333<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>
vendor: 1 bytes, line 333
333
334<script> 335 function render_gallery() { 336 jQuery("#nanogallery").nanogallery2({ 337 // LIST OF IMAGES 338 items: [ 339 { src: '/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp', srct: '/static/images/decoracion-interior-cafeteria-llanos-del-hospital.webp', title: 'Decoración del interior de la cafeterÃa de los Llanos del Hospital donde se destacan los tallos de madera y un árbol tallado al fondo de la imagen' }, 340 { src: '/static/images/mesas-television-cafeteria-llanos-del-hospital.webp', srct: '/static/images/mesas-television-cafeteria-llanos-del-hospital.webp', title: 'Mesas con televisión en la cafeterÃa de los Llanos del Hospital' }, 341 { src: '/static/images/mostrador-barra-cafeteria-llanos-del-hospital.webp', srct: '/static/images/mostrador-barra-cafeteria-llanos-del-hospital.webp', title: 'Mostrador y barra de la cafeterÃa de los Llanos del Hospital donde destacan los tallos de madera en las paredes' }, 342 { src: '/static/images/zona-de-asientos-cafeteria-llanos-del-hospital.webp', srct: '/static/images/zona-de-asientos-cafeteria-llanos-del-hospital.webp', title: 'Zona de asientos acogedora en la cafeterÃa de los Llanos del Hospital' }, 343 { src: '/static/images/entrada-cafeteria-llanos-del-hospital.webp', srct: '/static/images/entrada-cafeteria-llanos-del-hospital.webp', title: 'Entrada a la cafeterÃa de los Llanos del Hospital' }, 344 { src: '/static/images/mesas-comidas-bebidas-llanos-del-hospital.webp', srct: '/static/images/mesas-comidas-bebidas-llanos-del-hospital.webp', title: 'Mesas de la cafeterÃa de los Llanos del Hospital' }, 345 { src: '/static/images/chimenea-cafeteria-llanos-del-hospital.webp', srct: '/static/images/chimenea-cafeteria-llanos-del-hospital.webp', title: 'Detalle de la cafeterÃa de Llanos del Hospital con decoración de madera y una acogedora chimenea para calentarse' }, 346 ], 347 348 // GALLERY AND THUMBNAIL LAYOUT 349 galleryMosaic : [ // default layout 350 { w: 2, h: 2, c: 1, r: 1 }, 351 { w: 1, h: 1, c: 3, r: 1 }, 352 { w: 1, h: 1, c: 3, r: 2 }, 353 { w: 1, h: 2, c: 4, r: 1 }, 354 { w: 2, h: 1, c: 5, r: 1 }, 355 { w: 2, h: 2, c: 5, r: 2 }, 356 { w: 1, h: 1, c: 4, r: 3 }, 357 { w: 2, h: 1, c: 2, r: 3 }, 358 { w: 1, h: 2, c: 1, r: 3 }, 359 { w: 1, h: 1, c: 2, r: 4 }, 360 { w: 2, h: 1, c: 3, r: 4 }, 361 { w: 1, h: 1, c: 5, r: 4 }, 362 { w: 1, h: 1, c: 6, r: 4 } 363 ], 364 galleryMosaicXS : [ // layout for XS width 365 { w: 2, h: 2, c: 1, r: 1 }, 366 { w: 1, h: 1, c: 3, r: 1 }, 367 { w: 1, h: 1, c: 3, r: 2 }, 368 { w: 1, h: 2, c: 1, r: 3 }, 369 { w: 2, h: 1, c: 2, r: 3 }, 370 { w: 1, h: 1, c: 2, r: 4 }, 371 { w: 1, h: 1, c: 3, r: 4 } 372 ], 373 galleryMosaicSM : [ // layout for SM width 374 { w: 2, h: 2, c: 1, r: 1 }, 375 { w: 1, h: 1, c: 3, r: 1 }, 376 { w: 1, h: 1, c: 3, r: 2 }, 377 { w: 1, h: 2, c: 1, r: 3 }, 378 { w: 2, h: 1, c: 2, r: 3 }, 379 { w: 1, h: 1, c: 2, r: 4 }, 380 { w: 1, h: 1, c: 3, r: 4 } 381 ], 382 galleryMaxRows: 1, 383 galleryDisplayMode: 'rows', 384 gallerySorting: 'random', 385 thumbnailDisplayOrder: 'random', 386 387 thumbnailHeight: '180', thumbnailWidth: '220', 388 thumbnailAlignment: 'scaled', 389 thumbnailGutterWidth: 0, thumbnailGutterHeight: 0, 390 thumbnailBorderHorizontal: 0, thumbnailBorderVertical: 0, 391 392 thumbnailToolbarImage: null, 393 thumbnailToolbarAlbum: null, 394 thumbnailLabel: { display: false }, 395 396 // DISPLAY ANIMATION 397 // for gallery 398 galleryDisplayTransitionDuration: 1500, 399 // for thumbnails 400 thumbnailDisplayTransition: 'imageSlideUp', 401 thumbnailDisplayTransitionDuration: 1200, 402 thumbnailDisplayTransitionEasing: 'easeInOutQuint', 403 thumbnailDisplayInterval: 60, 404 405 // THUMBNAIL HOVER ANIMATION 406 thumbnailBuildInit2: 'image_scale_1.15', 407 thumbnailHoverEffect2: 'thumbnail_scale_1.00_1.05_300|image_scale_1.15_1.00', 408 touchAnimation: true, 409 touchAutoOpenDelay: 500, 410 411 // LIGHTBOX 412 viewerToolbar: { display: false }, 413 viewerTools: { 414 topLeft: 'label', 415 topRight: 'shareButton, rotateLeft, rotateRight, fullscreenButton, closeButton' 416 }, 417 418 // GALLERY THEME 419 galleryTheme : { 420 thumbnail: { background: '#111' }, 421 }, 422 423 // DEEP LINKING 424 locationHash: true 425 }); 426 } 427 $(document).ready(function(){ 428 render_gallery(); 429 }) 430</script>
430 431 432 <a class="div-mobile" id="floating-btn" style="text-decoration: none; font-family: oswald;" href="/bookingstep1">RESERVA ONLINE</a> 433 <div id="banner-consentimiento"> 434 <p>Este sitio web utiliza cookies para garantizar que obtengas la mejor experiencia en nuestro sitio web. Al hacer clic en "Aceptar", aceptas el uso de cookies.</p> 435 <button class="btn btn-main" onclick="aceptarConsentimiento()">Aceptar</button> 436 <a class="btn btn-secondary" href="javascript:void(0)" onclick="rechazarConsentimiento()">Rechazar</a> 437 </div> 438 <footer class="text-center text-lg-start border border-white mt-xl-5 pt-4" style="background-color: rgba(0, 0, 0, 0.87); margin-top: 100px;"> 439 <div class="full-copyright" style="text-align: center; color: white; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px;"> 440 <div class="footer-copyright-links container12"> 441 <a target="_blank" href="/avisolegal" class="footer-link">Aviso legal</a> | 442 <a target="_blank" href="/avisocookies" class="footer-link">Aviso de cookies</a> | 443 <a target="_blank" href="/politicaprivacidad" class="footer-link">PolÃtica de privacidad</a> | 444 <a target="_blank" href="/condicionesreserva" class="footer-link">Condiciones de reserva</a> | 445 <a href="javascript:void(0)" onclick="mostrarConsentimiento()" class="footer-link">Administrar cookies</a> | 446 <a href="/bookingstep1" title="Motor de Reservas" class="footer-link">Motor de Reservas</a> | 447 <a target="_blank" href="/sitemap.xml" title="" class="footer-link">Site Map</a> | 448 <a target="_blank" href="/rss.xml" class="footer-link">RSS</a> 449 </div> 450 <div class="hotel_name_element">Llanos del Hospital | Web oficial | Benasque, Huesca</div> 451 <div class="legal_text"> 452 <p>Camino Real de Francia, s/n, 22440 Benasque (Huesca) | Email: [email protected] | Tlf. +34 608 53 60 53 </p> 453 <p><a href="https://www.facebook.com/llanosdelhospital" target="_blank"><img class="card-home" src="/static/images/redes-facebook.png" alt="Facebook" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a><a href="https://www.instagram.com/llanosdelhospital" target="_blank"><img class="card-home" src="/static/images/redes-instagram.png" alt="Instagram" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a><a href="https://mandrillapp.com/track/click/30826128/whatsapp.com?p=eyJzIjoiTlJlQ2doYjN4Sk5lU3l1aUJOSXB0UEZnczBJIiwidiI6MSwicCI6IntcInVcIjozMDgyNjEyOCxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3doYXRzYXBwLmNvbVxcXC9jaGFubmVsXFxcLzAwMjlWYUttUUZSQ1JzMXROTkJxbEQwV1wiLFwiaWRcIjpcIjUzM2I2MDQ4NWFhZTQ5Yzc4ZjYzZGFkZDIyYTJiZTMxXCIsXCJ1cmxfaWRzXCI6W1wiNjEwZjQzZDgxNGExYzU5Njc5ODFiY2VlOWNmY2I4NGY3ODgzYWQyOFwiXX0ifQ" target="_blank"><img class="card-home" src="/static/images/redes-whatsapp.png" alt="WhatsApp" style="width: 52px; align-self: center;"></a><a href="https://www.youtube.com/@LlanosDelHospital" target="_blank"><img class="card-home" src="/static/images/redes-youtube.png" alt="YouTube" style="min-height: 40px; max-height: 40px; width: 40px; align-self: center;"></a></p> 454 <p>Icons by <a href="https://icons8.com/" class="footer-link">icons8</a></p> 455 </div> 456 </div> 457 </footer> 458 459 <!-- Mirai booking engine --> 460 <div data-mirai-id="518696477" data-type="hotel"></div> 461 <div data-mirai-component="finder" style="display:none"></div> 462
462<script type="module" defer src="https://static.mirai.com/core/index.js" data-cookieconsent="necesary"></script>
462 463 </body> 464 465
465<script> 466 // Oculta la cabecera del sitio mientras el usuario interactúa con el 467 // buscador de disponibilidad (Mirai), para no tapar su propia navegación. 468 (function () { 469 var header = document.querySelector('header.hotel-header'); 470 if (!header) return; 471 472 function isInsideMirai(path) { 473 for (var i = 0; i < path.length; i++) { 474 var el = path[i]; 475 if (el.hasAttribute && (el.hasAttribute('data-mirai-component') || el.hasAttribute('data-mirai-id'))) { 476 return true; 477 } 478 } 479 return false; 480 } 481 482 function handleInteraction(event) { 483 var path = typeof event.composedPath === 'function' ? event.composedPath() : [event.target]; 484 // El widget de sesión/login de Mirai vive dentro de la propia cabecera: 485 // las interacciones ahà no deben esconderla. 486 if (path.indexOf(header) !== -1) return; 487 header.classList.toggle('header-hidden', isInsideMirai(path)); 488 } 489 490 document.addEventListener('click', handleInteraction, true); 491 document.addEventListener('focusin', handleInteraction, true); 492 })(); 493 494 // En la home, evita que el botón flotante de reserva se solape con el 495 // buscador del hero: solo se muestra tras hacer scroll más allá de él. 496 (function () { 497 var hero = document.getElementById('hotel'); 498 if (!hero || !document.body.classList.contains('home-page')) return; 499 500 // Estado inicial sÃncrono: el hero siempre ocupa la primera pantalla 501 // al cargar, evita un parpadeo del botón antes de la primera medición. 502 document.body.classList.add('hero-in-view'); 503 504 var observer = new IntersectionObserver(function (entries) { 505 document.body.classList.toggle('hero-in-view', entries[0].isIntersecting); 506 }); 507 observer.observe(hero); 508 })(); 509 </script>
509 510 511 <!--Cookies Analytics--> 512
512<script> 513 // Función para establecer la cookie de consentimiento 514 function establecerConsentimientoCookie(consentimiento) { 515 document.cookie = "consentimientoGA4=" + consentimiento + "; path=/"; 516 } 517 518 // Función para obtener el valor de la cookie de consentimiento 519 function obtenerConsentimientoCookie() { 520 var nombre = "consentimientoGA4="; 521 var cookies = document.cookie.split(';'); 522 for (var i = 0; i < cookies.length; i++) { 523 var cookie = cookies[i].trim(); 524 if (cookie.indexOf(nombre) == 0) { 525 return cookie.substring(nombre.length, cookie.length); 526 } 527 } 528 return ""; 529 } 530 531 // Función para activar el seguimiento de GA4 532 function activarSeguimientoGA4() { 533 // Verifica si el usuario ha dado su consentimiento almacenado en la cookie 534 var consentimientoGA4 = obtenerConsentimientoCookie(); 535 if (consentimientoGA4 === "true") { 536 // Configura Google Analytics solo si se ha dado el consentimiento 537 gtag('config', 'G-7R31E7VV39'); 538 // Cierra el banner de consentimiento 539 var banner = document.getElementById('banner-consentimiento'); 540 banner.style.display = 'none'; 541 } 542 } 543 544 // Función para aceptar el consentimiento 545 function aceptarConsentimiento() { 546 // Establece el consentimiento en true y almacénalo en la cookie 547 establecerConsentimientoCookie(true); 548 549 // Actualiza el Consent Mode de Google (necesario para el tracking de Mirai) 550 gtag('consent', 'update', { 551 'ad_storage': 'granted', 552 'analytics_storage': 'granted', 553 'ad_user_data': 'granted', 554 'ad_personalization': 'granted' 555 }); 556 557 // Activa el seguimiento de GA4 558 activarSeguimientoGA4(); 559 560 // Cierra el banner de consentimiento 561 var banner = document.getElementById('banner-consentimiento'); 562 banner.style.display = 'none'; 563 } 564 565 // Función para rechazar el consentimiento 566 function rechazarConsentimiento() { 567 // Establece el consentimiento en true y almacénalo en la cookie 568 establecerConsentimientoCookie(false); 569 570 // Actualiza el Consent Mode de Google (necesario para el tracking de Mirai) 571 gtag('consent', 'update', { 572 'ad_storage': 'denied', 573 'analytics_storage': 'denied', 574 'ad_user_data': 'denied', 575 'ad_personalization': 'denied' 576 }); 577 578 // Cierra el banner de consentimiento 579 var banner = document.getElementById('banner-consentimiento'); 580 banner.style.display = 'none'; 581 } 582 583 function mostrarConsentimiento() { 584 var banner = document.getElementById('banner-consentimiento'); 585 banner.style.display = 'block'; 586 } 587 588 // Llama a la función para activar el seguimiento de GA4 589 activarSeguimientoGA4(); 590 591 </script>
591 592</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.