PageSourceSearch

https://www.hotelcalafont.com/es/servicios/

html hotelcalafont.com collected 2026-10-06 08:57:51 UTC 75,458 bytes, 1,123 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4
5    <link rel='canonical' href='https://www.hotelcalafont.com/es/servicios/'/>
6	<link rel='alternate' hreflang='es' href='https://www.hotelcalafont.com/es/servicios/' />
7	<link rel='alternate' hreflang='en' href='https://www.hotelcalafont.com/en/services/' />
8	<link rel='alternate' hreflang='fr' href='https://www.hotelcalafont.com/fr/services/' />
9	<link rel='alternate' hreflang='ca' href='https://www.hotelcalafont.com/ca/serveis/' />
10	<link rel='alternate' hreflang='x-default' href='https://www.hotelcalafont.com/en/services/' />
11	
12    <!-- Metas Esenciales -->
13    <meta charset="UTF-8">
14    <meta http-equiv="X-UA-Compatible" content="IE=edge">
15    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.5,user-scalable=yes">
16    <meta name="description" content="">
17    <title>Web Oficial - Hotel Cala Font - Servicios</title>
18
19    <!-- Metas Comunes -->
20    <meta name="Contact" content="[email protected]">
21    <meta name="Rating" content="General">
22    <meta name="HandheldFriendly" content="True"/>
23    <meta name="MobileOptimized" content="320"/>
24
25    <!-- Metas Geoposición -->
26    <meta name="geo.region" content="ES" />
27    <meta name="geo.placename" content="Lugar" />
28    <meta name="geo.position" content="1.134356841.0722233" />
29    <meta name="ICBM" content="00.00001, 00.0000" />
30
31    <!-- dublincore -->
32    <meta name="dcterms.title" content="Web Oficial - Hotel Cala Font - Servicios" />
33    <meta name="dcterms.creator" content="Hotel" />
34    <meta name="DC.Publisher" content="Hotel">
35    <meta name="dcterms.description" content="" />
36    <meta name="dc.source" content="https://www.hotelcalafont.com/es/servicios/">
37    <meta name="dcterms.type" content="Text" />
38    <meta name="dcterms.format" content="text/html" />
39    <meta name="dcterms.language" content="es" />
40
41    <!-- Metas facebook -->
42    <meta property="og:locale" content="es" />
43    <meta property="og:type" content="website" />
44    <meta property="og:title" content="Web Oficial - Hotel Cala Font - Servicios" />
45    <meta property="og:description" content="" />
46    <meta property="og:url" content="https://www.hotelcalafont.com/es/servicios/" />
47    <meta property="og:site_name" content="Hotel" />
48    <meta property="og:image" content="" />
49
50    <!-- Google / Search Engine Tags -->
51    <meta itemprop="name" content="Hotel Cala Font">
52    <meta itemprop="description" content="">
53    <meta itemprop="image" content="">
54
55    <!-- Twitter Meta Tags -->
56    <meta name="twitter:card" content="summary_large_image">
57    <meta name="twitter:url" content="https://www.hotelcalafont.com/es/servicios/">
58    <meta name="twitter:title" content="Web Oficial - Hotel Cala Font - Servicios">
59    <meta name="twitter:description" content="">
60    <meta name="twitter:image" content="">
61
62    <link rel="preload" as="font" href="/static/fonts/CeraPro-Thin.woff2" type="font/woff2" crossorigin="anonymous">
63    <link rel="preload" as="font" href="/static/fonts/CeraPro-Light.woff2" type="font/woff2" crossorigin="anonymous">
64    <link rel="preload" as="font" href="/static/fonts/CeraPro-Regular.woff2" type="font/woff2" crossorigin="anonymous">
65    <link rel="preload" as="font" href="/static/fonts/CeraPro-Medium.woff2" type="font/woff2" crossorigin="anonymous">
66    <link rel="preload" as="font" href="/static/fonts/CeraPro-Bold.woff2" type="font/woff2" crossorigin="anonymous">
67    <link rel="preload" as="font" href="/static/fonts/BrandonGrotesque-Regular.woff2" type="font/woff2" crossorigin="anonymous">
68    <link rel="preload" as="font" href="/static/fonts/BrandonGrotesque-Medium.woff2" type="font/woff2" crossorigin="anonymous">
69    <link rel="preload" as="font" href="/static/fonts/BrandonGrotesque-Bold.woff2" type="font/woff2" crossorigin="anonymous">
70    <link rel="stylesheet" type="text/css" href="/static/css/font-style.css">
71<!--    <link rel="stylesheet" type="text/css" href="/static/css/datepicker.css">-->
72    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
73    <link rel="stylesheet" type="text/css" href="/static/css/main-new.css">
74    <link rel="stylesheet" type="text/css" href="/static/fonts/icommon/style.css">
75
76    <!--    Motor mirai-->
77    <link rel="stylesheet" type="text/css" media="all" href="/motor_mirai/core-variables.css">
78    <link rel="preload" as="style" href="https://static.mirai.com/core/index.css" onload="this.onload=null;this.rel='stylesheet'"/>
79    <link rel="stylesheet" type="text/css" href="/static/css/mirai-session.css">
80
81	<!-- custom script head   -->
82		<!-- Google Tag Manager -->
83<script>
vendor: 331 bytes, lines 83-87
83(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
84new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
85j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
86'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
87})(window,document,'script','dataLayer','
87GTM-5RHL5FD
vendor: 3 bytes, line 87
87');
87</script>
87
88<!-- End Google Tag Manager -->
89	<!-- INICIO DEL CÓDIGO ASKSUITE -->
90<script id="script-infochat" src="https://cdn.asksuite.com/infochat.js?dataConfig=https://control.asksuite.com/api/companies/hotel-cala-font"></script>
90
91<!-- FIN DEL CÓDIGO ASKSUITE -->
92<!-- Start Asksuite Pixel -->
93<script src="https://pixel.asksuite.com/asktag.js"></script>
93
94<!-- End Asksuite Pixel -->
95	<!-- /custom script head   -->
96</head>
97<body class="inner-pages nav-sticky"> <!-- open-offers-modal noscroll -->
98
99<!-- custom script start_body   -->
100	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 100-101
100
101<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
101GTM-5RHL5FD
vendor: 85 bytes, lines 101-102
101"
102height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
103<!-- End Google Tag Manager (noscript) -->
104<!-- /custom script start_body   -->
105
106<input type="hidden" id="name_file" value="/hotel.php">
107<input type="hidden" id="idPagina" value="2">
108<input type="hidden" id="nombrePagina" value="Hotel">
109<input type="hidden" id="lang-input" value="es">
110<input type="hidden" id="domain" value="//cala-font.b-cdn.net">
111
112<div data-mirai-id="100378875" data-type="hotel"></div>
113<header class="header sticky-header">
114    <div class="logo">
115        <a href="/es/">
116            <img src="/static/images/logo-black.svg" width="225" height="57" alt="premium" class="logo-black">
117            <img src="/static/images/logo-white.svg" width="277" height="77" alt="premium" class="logo-white">
118    
119        </a>
120    </div>
121    <div class="nav-links">
122        <ul class="nav-links-item">
123            <li><a href="/es/"><span><img src="/static/images/home.svg" width="11" height="11" alt="home"></span></a></li>
124            <li><a href="/es/habitaciones/" ><span>HABITACIONES</span></a></li><li><a href="/es/servicios/" ><span>SERVICIOS</span></a></li><li><a href="/es/rooftop/" ><span>ROOFTOP</span></a></li><li><a href="/es/galeria/" ><span>GALERÍA</span></a></li><li><a href="/es/ofertas/" ><span>OFERTAS</span></a></li><li><a href="/es/destino/" ><span>DESTINO</span></a></li><li><a href="/es/sostenibilidad/" ><span>SOSTENIBILIDAD</span></a></li><li><a href="/es/contacto/" ><span>CONTACTO</span></a></li>        </ul>
125        <ul class="nav-links-icon flex-align-center separator-wleft">
126            <li class="menu-toggle">
127						<span role="button" class="js-open-menu">MENÚ							<div class="menu-icon">
128								<span></span>
129								<span></span>
130								<span></span>
131							</div>
132						</span>
133            </li>
134			            <li class="mirai-btn" role="button">
135                <div data-mirai-component="session"></div>
136            </li>
137            <li class="rounded-icon-btn lang-btn js-configurar-lang" role="button">
138                <span class="lang">ES</span>
139            </li>
140<!--            <li class="rounded-icon-btn tooltip1 newsletter-link1 js-newsletter-modal" role="button">-->
141<!--                <span class="icon-envlope"></span>-->
142<!--                <div class="tooltip newsletter-link">--><!--</div>-->
143<!--            </li>-->
144            <li class="rounded-icon-btn call" role="button">
145                <a href="tel: +34 977 370 454">
146                    <span class="icon-call-1"></span>
147                </a>
148            </li>
149        </ul>
150    </div>
151    <div class="header-btnDiv">
152        <a class="btn btn-primary btn-nav js-booknow-modal" role="button">
153            <span>Reservar <i class="icon-arrow-right"></i></span>
154        </a>
155    </div>
156</header>
157<div class="mobile-fixed-nav">
158    <div class="nav-list">
159
160        
161                    <div class="nav-links" role="button">
162                        <a href="/es/habitaciones/" >
163                            <div class="nav-links-inner">
164                                <span class="icon-suites"></span>
165                                <span class="name">HABITACIONES</span>
166                            </div>
167                        </a>
168                    </div>
169                    <div class="nav-links" role="button">
170                        <a href="/es/servicios/" >
171                            <div class="nav-links-inner">
172                                <span class="icon-cocktail"></span>
173                                <span class="name">SERVICIOS</span>
174                            </div>
175                        </a>
176                    </div>
177                    <div class="nav-links" role="button">
178                        <a href="/es/rooftop/" >
179                            <div class="nav-links-inner">
180                                <span class="icon-beach"></span>
181                                <span class="name">ROOFTOP</span>
182                            </div>
183                        </a>
184                    </div>
185                    <div class="nav-links" role="button">
186                        <a href="/es/galeria/" >
187                            <div class="nav-links-inner">
188                                <span class="icon-galeria"></span>
189                                <span class="name">GALERÍA</span>
190                            </div>
191                        </a>
192                    </div>
193                    <div class="nav-links" role="button">
194                        <a href="/es/destino/" >
195                            <div class="nav-links-inner">
196                                <span class="icon-sunset"></span>
197                                <span class="name">DESTINO</span>
198                            </div>
199                        </a>
200                    </div>
201                    <div class="nav-links" role="button">
202                        <a href="/es/contacto/" >
203                            <div class="nav-links-inner">
204                                <span class="icon-envlope-1"></span>
205                                <span class="name">CONTACTO</span>
206                            </div>
207                        </a>
208                    </div>
209        <div class="nav-links  js-open-menu" role="button">
210            <div class="nav-links-inner menu ">
211                <span class="icon-menu"></span>
212                <span class="name">MENÚ</span>
213            </div>
214        </div>
215    </div>
216</div>
217
218        <div class="breadcrumb-nav white">
219            <ul><li><a href="/es/" class="link-border">Home</a></li><li><a href="/es/servicios/" class="link-border">Servicios</a></li>
220            </ul>
221        </div>
222<div class="wrapper">
223    <!--Motor mirai-->
224<div class="banner-filter centersticky">
225            <div data-mirai-component="finder"></div>
226    </div>
227<!--/Motor mirai-->
228
229<div class="banner-filter centersticky" style="display: none;">
230    <form action="https://reservation.mirai.com/XMAS/reservation/miraiFrontDispatcher.htm?lang=es&idtokenprovider=100378875&currency=EUR#url=true" target="_blank" id="motor-form">
231
232            
233            <input type="hidden" id="lang_form" value="es" />
234            <input type="hidden" form="motor-form" id="dispositivo" value="">
235            <input type="hidden" form="motor-form" id="affiliate" name="affiliate" value="">
236
237            <div class="banner-filter-inner">
238                <div class="grid-column filter-group">
239                    <div class="filter-group-inner">
240                        <input class="filter-input-control" data-toggle="datepicker" id="fini_mobile" name="datein" type="text" value="06/10/2026" placeholder="06/10/2026" autocomplete="off">
241                        <label class="label" for="fini_mobile"><span>Llegada</span> <i class="filter-field-icon icon-calender"></i></label>
242                        <div class="focus-border"></div>
243                    </div>
244                </div>
245                <div class="grid-column filter-group">
246                    <div class="filter-group-inner">
247                        <input type="text" class="filter-input-control" data-toggle="datepicker" id="fout_mobile" name="dateout" value="07/10/2026" type="text" placeholder="06/10/2026" autocomplete="off">
248                        <label class="label" for="fout_mobile"><span>Salida</span> <i class="filter-field-icon icon-calender"></i></label>
249                        <div class="focus-border"></div>
250                    </div>
251                </div>
252                <div class="grid-column filter-group">
253                    <div class="filter-group-inner js-personas-subfields">
254                        <span class="filter-input-control guests">02</span>
255                        <label class="label"><span>Adultos</span> <i class="filter-field-icon icon-users-group"></i></label>
256                        <div class="focus-border"></div>
257                    </div>
258
259                    <div class="sub-fields">
260                        <div class="input-group">
261                            <div class="input-group-inner input-group-left-icon">
262                                <label class="label" for="Adultos">Adultos</label>
263                                <select class="select-control adults" name="Adultos" id="adult">
264                                                                            <option value="1" >1</option>
265                                                                            <option value="2" selected>2</option>
266                                                                    </select>
267                                <span class="input-field-icon icon-arrow-down"></span>
268                                <span class="input-field-icon left icon-adults"></span>
269                            </div>
270                        </div>
271                                                <div class="input-group">
272                            <div class="input-group-inner input-group-left-icon childAge-group-list">
273                                <label class="label" for="Niños">Niños <span>|  3 - 14 Años</span></label>
274                                <select class="select-control kids" id="kids-number" >
275                                                                            <option value="0">0</option>
276                                                                            <option value="1">1</option>
277                                                                            <option value="2">2</option>
278                                                                    </select>
279                                <span class="input-field-icon icon-arrow-down"></span>
280                                <span class="input-field-icon left icon-child"></span>
281                            </div>
282                            <div class="age-group-box children-list">
283                                <legend class="age-group-heading">Edades</legend>
284                                <div class="age-group"></div>
285                            </div>
286                        </div>
287                        <div class="input-group">
288                            <div class="input-group-inner input-group-left-icon babiesAge-group-list">
289                                <label class="label" for="Bebés">Bebés <span>|  0 - 2 Años</span></label>
290                                <select class="select-control babies" id="babies_witbooking">
291                                                                            <option value="0">0</option>
292                                                                            <option value="1">1</option>
293                                                                    </select>
294                                <span class="input-field-icon icon-arrow-down"></span>
295                                <span class="input-field-icon left icon-baby"><img src="/static/images/baby.svg"></span>
296                            </div>
297                        </div>
298                                                <div class="input-group">
299                            <button type="button" class="btn btn-primary js-apply-guests" role="button">
300                                <span>Aplicar <i class="icon-arrow-right"></i></span>
301                            </button>
302                        </div>
303                    </div>
304
305                    </div>
306
307                    <div class="grid-column filter-group promo">
308                        <div class="filter-group-inner">
309                            <input type="text" class="filter-input-control " name="promo-code" id="promo-code" placeholder="...">
310                            <label class="label" for="promo-code"><span>Código Promo</span> <i class="filter-field-icon icon-promo-code"></i></label>
311                            <div class="focus-border"></div>
312                        </div>
313                    </div>
314                    <input form="motor-form" type="hidden" name="prom_clean" id="prom_clean">
315
316                    <div class="grid-column"><button class="btn btn-primary js-booknow" role="button"><span>Reservar <i class="icon-arrow-right"></i></span></button></div>
317            </div>
318    </form>
319</div>    <div class="main-content"> 
320        <section class="hero-banner">
321
322            <!-- if banner image-->
323        <div class="js-active-slider slick-slider-outer" data-slides_infinite="true" data-slider_name="js-section-slider" data-slider_showbtns="false"data-slider_showdots="false" data-slider_fade="false" data-slider_autoplay="true" data-slides_pc="1" >
324            <div class=" slider-relative">
325                <div class="js-section-slider">
326                                            <div class="top-slider-element">
327                            <div class="wrap-slider-element">
328                                <figure class="hero-img responsive-resize" role="img" data-filename="153-slider-cf-1.png" style="background-image: url('//hotelcalafont.com/backoffice/images/153-slider-cf-1.png');" aria-label=""></figure>
329                            </div>
330                        </div>
331                                    </div>
332            </div>
333        </div>
334        <!-- if banner image-->
335        
336            <!-- if banner video -->
337            <div class="hero-banner-text">
338                <div class="banner-text-inner">
339                    <div class="square-icon-btn rounded small js-scrollto" data-scroll_spacer="83" data-scroll_to=".start" role="button">
340                        <span class="icon-arrow-down"></span>
341                    </div>
342                    <span class="btn-label">Scroll down</span>
343                    <h1>HOTEL CALA FONT</h1>
344                    <p class="text-uppercase">Un Hotel en la orilla del mar</p>
345                </div>
346            </div>
347</section>                    <section class="global-spacing clearfix js-active-slider slick-slider-outer luxury-element-outer start" data-slides_infinite="true" data-slider_name="js-section-slider" data-slider_showbtns="true" data-slider_btns="square-icon-btn rounded" data-slider_showdots="false" data-slider_fade="true" data-slider_autoplay="false" data-slides_pc="1">
348                <div class="container">
349                    <div class="row row-reverse row-spacing">
350                        <div class="column column-2 slider-relative  spacing-left-5">
351                            <div class="column-sticky-top">
352                                <div class="js-slider-arrows slider-arrows-absolute slider-arrows-vertical"></div>
353                                <div class="section-slider-counter counter">
354                                    <div class="counter_box">
355                                        <span class="counter_number actual"></span>
356                                        <span class="counter_number total"></span>
357                                    </div>
358                                </div>
359                                <div class="js-section-slider">
360                                    
361                                        <div>
362                                            <div class="luxury-element-image">
363                                                <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="261-diseno-sin-titulo.png" style="background-image: url(//hotelcalafont.com/backoffice/images/261-diseno-sin-titulo.png);"></figure>
364                                            </div>
365                                        </div>
366                                        <div>
367                                            <div class="luxury-element-image">
368                                                <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="291-cf-1300-x-870-14.png" style="background-image: url(//hotelcalafont.com/backoffice/images/291-cf-1300-x-870-14.png);"></figure>
369                                            </div>
370                                        </div>
371                                        <div>
372                                            <div class="luxury-element-image">
373                                                <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="194-diseno-sin-titulo-1.png" style="background-image: url(//hotelcalafont.com/backoffice/images/194-diseno-sin-titulo-1.png);"></figure>
374                                            </div>
375                                        </div>
376                                        <div>
377                                            <div class="luxury-element-image">
378                                                <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="288-cf-1300-x-870-11.png" style="background-image: url(//hotelcalafont.com/backoffice/images/288-cf-1300-x-870-11.png);"></figure>
379                                            </div>
380                                        </div>                                </div>
381                            </div>
382                        </div>
383                        <div class="column column-2 global-spacing-30 spacing-right">
384                            <div class="luxury-element-content clearfix">
385                                <h2>ESPACIOS ÚNICOS</h2>
386                                <div class="luxury-element-para">
387                                    <div class="item-sub-title">
388                                        <span>En un entorno priviliegiado</span>
389                                    </div>
390                                    <p>Todos nuestros espacios han sido creados para hacerte sentir como en casa. Sumérgete y disfruta de un refrescante chapuzón en nuestra piscina, donde podrás relajarte y disfrutar del ambiente junto al mar. Además, contamos con un moderno gimnasio para que puedas mantenerte en forma durante tu estancia.</p>
391
392                                </div>
393                            </div>
394                        </div>
395                    </div>
396                </div>
397            </section>
398                    <section class="exclusive-element-outer inner-element-bg noGraphic espacios">
399                <div class="js-active-slider slick-slider-outer bg-gray global-spacing " data-slides_infinite="true" data-slider_name="js-exclusive-slider" data-slider_showbtns="true" data-slider_btns="square-icon-btn rounded" data-slider_showdots="false" data-slider_fade="true" data-slider_autoplay="false" data-slides_pc="1">
400                    <div class="container slider-relative">
401                        <div class="row row-spacing">
402                            <div class="column column-1 no-border global-spacing-bottom-65 slider-relative">
403                                <div class="section-title section-title-half float-right">
404                                    <span>Espacios Gastronómicos</span>
405                                </div>
406                                <div class="js-slider-arrows slider-arrows-absolute"></div>
407                                <div class="section-slider-counter counter">
408                                    <div class="counter_box">
409                                        <span class="counter_number actual"></span>
410                                        <span class="counter_number total"></span>
411                                    </div>
412                                </div>
413                                <div class="js-exclusive-slider js-slider_fix-arrows clearfix ">
414                                                                            <div>
415                                            <div class="row row-spacing">
416                                                <div class="column column-2  spacing-right-0">
417                                                    <div class="exclusive-element-image js-slider_fix-arrows-zone">
418                                                        <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="262-diseno-sin-titulo-1.png" style="background-image: url('//hotelcalafont.com/backoffice/images/262-diseno-sin-titulo-1.png');"></figure>
419                                                    </div>
420                                                </div>
421                                                <div class="column column-2 spacing-left">
422                                                    <div class="exclusive-element-content clearfix">
423                                                        <h2>Lounge Bar</h2>
424                                                        <div class="exclusive-element-para">
425                                                            <p>Encuentra instantes de serenidad en nuestro amplio Lounge Bar interior. Sum&eacute;rgete en un espacio dise&ntilde;ado para desconectar y relajarte por completo, donde podr&aacute;s disfrutar de momentos de tranquilidad mientras te deleitas con nuestras exquisitas bebidas y c&oacute;cteles.</p>
426                                                        </div>
427                                                    </div>
428                                                </div>
429                                            </div>
430                                        </div>
431                                                                                <div>
432                                            <div class="row row-spacing">
433                                                <div class="column column-2  spacing-right-0">
434                                                    <div class="exclusive-element-image js-slider_fix-arrows-zone">
435                                                        <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="289-cf-1300-x-870-12.png" style="background-image: url('//hotelcalafont.com/backoffice/images/289-cf-1300-x-870-12.png');"></figure>
436                                                    </div>
437                                                </div>
438                                                <div class="column column-2 spacing-left">
439                                                    <div class="exclusive-element-content clearfix">
440                                                        <h2>Restaurante</h2>
441                                                        <div class="exclusive-element-para">
442                                                            <p>Descubre la exquisita variedad gastron&oacute;mica que nuestro hotel tiene para ofrecerte. Del&eacute;itate con las creaciones frescas y tentadoras de nuestro restaurante, donde podr&aacute;s disfrutar tanto del emocionante espect&aacute;culo culinario del showcooking como de un buffet diverso dise&ntilde;ado para satisfacer todos los paladares.</p>
443                                                        </div>
444                                                    </div>
445                                                </div>
446                                            </div>
447                                        </div>
448                                                                                <div>
449                                            <div class="row row-spacing">
450                                                <div class="column column-2  spacing-right-0">
451                                                    <div class="exclusive-element-image js-slider_fix-arrows-zone">
452                                                        <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="56-cf-fidelity-3.png" style="background-image: url('//hotelcalafont.com/backoffice/images/56-cf-fidelity-3.png');"></figure>
453                                                    </div>
454                                                </div>
455                                                <div class="column column-2 spacing-left">
456                                                    <div class="exclusive-element-content clearfix">
457                                                        <h2>Bar & Terraza</h2>
458                                                        <div class="exclusive-element-para">
459                                                            <p>T&oacute;mate un aperitivo en la terraza del&nbsp;Cocktailbar&nbsp;al m&aacute;s puro estilo mediterr&aacute;neo. Podr&aacute;s disfrutar de una variada carta de snacks para degustar entre horas.<
459/p>
460                                                        </div>
461                                                    </div>
462                                                </div>
463                                            </div>
464                                        </div>
465                                                                                <div>
466                                            <div class="row row-spacing">
467                                                <div class="column column-2  spacing-right-0">
468                                                    <div class="exclusive-element-image js-slider_fix-arrows-zone">
469                                                        <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="269-galeria-cf-2.png" style="background-image: url('//hotelcalafont.com/backoffice/images/269-galeria-cf-2.png');"></figure>
470                                                    </div>
471                                                </div>
472                                                <div class="column column-2 spacing-left">
473                                                    <div class="exclusive-element-content clearfix">
474                                                        <h2>Cocktail Bar</h2>
475                                                        <div class="exclusive-element-para">
476                                                            <p>Disfruta de un momento de relax en nuestra encantadora terraza del Cocktailbar, con una aut&eacute;ntica atm&oacute;sfera mediterr&aacute;nea. D&eacute;jate seducir por nuestra variada carta de snacks, perfecta para satisfacer tus antojos en cualquier momento del d&iacute;a.</p>
477                                                        </div>
478                                                    </div>
479                                                </div>
480                                            </div>
481                                        </div>
482                                                                                <div>
483                                            <div class="row row-spacing">
484                                                <div class="column column-2  spacing-right-0">
485                                                    <div class="exclusive-element-image js-slider_fix-arrows-zone">
486                                                        <figure class="responsive-resize" role="img" aria-label="Alta Mar Rooftop" data-filename="325-cf-1300-x-870-5.png" style="background-image: url('//hotelcalafont.com/backoffice/images/325-cf-1300-x-870-5.png');"></figure>
487                                                    </div>
488                                                </div>
489                                                <div class="column column-2 spacing-left">
490                                                    <div class="exclusive-element-content clearfix">
491                                                        <h2>Alta Mar Rooftop</h2>
492                                                        <div class="exclusive-element-para">
493                                                            <p>Un espacio exclusivo Only Adults, disponible con suplemento, donde las vistas panor&aacute;micas se combinan con una atm&oacute;sfera exclusiva para ofrecerte una experiencia inolvidable en las alturas.<br />Encuentra en nuestro lounge bar , un espacio reservado &uacute;nicamente para nuestros clientes m&aacute;s exigentes y c&oacute;cteles de autor que maridan con la brisa y el atardecer. Un rinc&oacute;n &iacute;ntimo y elegante, creado para quienes buscan algo m&aacute;s.</p>
494                                                        </div>
495                                                    </div>
496                                                </div>
497                                            </div>
498                                        </div>
499                                                                        </div>
500                            </div>
501                        </div>
502                    </div>
503                </div>
504            </section>
505                    <section class="global-spacing clearfix js-active-slider slick-slider-outer luxury-element-outer equipment" data-sli
505des_infinite="true" data-slider_name="js-section-slider" data-slider_showbtns="true" data-slider_btns="square-icon-btn rounded" data-slider_showdots="false" data-slider_fade="true" data-slider_autoplay="false" data-slides_pc="1">
506                <div class="container">
507                    <div class="row row-reverse row-spacing">
508                        <div class="column column-2 slider-relative spacing-left-5">
509                            <div class="column-sticky-top">
510                                <div class="js-slider-arrows slider-arrows-absolute slider-arrows-vertical"></div>
511                                <div class="section-slider-counter counter">
512                                    <div class="counter_box">
513                                        <span class="counter_number actual"></span>
514                                        <span class="counter_number total"></span>
515                                    </div>
516                                </div>
517                                <div class="js-section-slider">
518                                    
519                                        <div>
520                                            <div class="luxury-element-image">
521                                                <figure class="responsive-resize" role="img" aria-label="" data-filename="290-cf-1300-x-870-13.png" style="background-image: url(//hotelcalafont.com/backoffice/images/290-cf-1300-x-870-13.png);"></figure>
522                                            </div>
523                                        </div>                                </div>
524                            </div>
525                        </div>
526                        <div class="column column-2 global-spacing-30 spacing-right js-load-moreicons">
527                            <div class="luxury-element-content clearfix">
528                                <div class="luxury-element-para noTopMargin noLeftBorder">
529                                                                            <h4>Nuestros Servicios</h4>
530                                        <div class="condition-list wifi">
531                                            <ul>
532                                                
533                                                    <li>
534                                                        <h5>Rooftop</h5>
535                                                        <p>Only adults (€)</p>
536                                                        <span class="equipments">
537                                                            <i class="element-icon-graphic icon-c2t-rooftop_villa_chiquita" style="color: rgba(75, 75, 75, 0.8);"></i>
538                                                        </span>
539                                                    </li>
540                                                    <li>
541                                                        <h5>Wifi gratuito</h5>
542                                                        <p>Todo el hotel</p>
543                                                        <span class="equipments">
544                                                            <i class="element-icon-graphic icon-c2t-wifi1" style="color: rgba(75, 75, 75, 0.8);"></i>
545                                                        </span>
546                                                    </li>
547                                                    <li>
548                                                        <h5>Vista mar</h5>
549                                                        <p></p>
550                                                        <span class="equipments">
551                                                            <i class="element-icon-graphic icon-c2t-vista_mar" style="color: rgba(75, 75, 75, 0.8);"></i>
552                                                        </span>
553                                                    </li>
554                                                    <li>
555                                                        <h5>Show Cooking</h5>
556                                                        <p></p>
557                                                        <span class="equipments">
558                                                            <i class="element-icon-graphic icon-c2t-show_cooking" style="color: rgba(75, 75, 75, 0.8);"></i>
559                                                        </span>
560                                                    </li>
561                                                    <li>
562                                                        <h5>Recepción</h5>
563                                                        <p>24h</p>
564                                                        <span class="equipments">
565                                                            <i class="element-icon-graphic icon-c2t-recepcion_24h" style="color: rgba(75, 75, 75, 0.8);"></i>
566                                                        </span>
567                                                    </li>
568                                                    <li>
569                                                        <h5>Piscina</h5>
570                                                        <p>Exterior</p>
571                                                        <span class="equipments">
572                                                            <i class="element-icon-graphic icon-c2t-piscina1" style="color: rgba(75, 75, 75, 0.8);"></i>
573                                                        </span>
574                                                    </li>                                            </ul>
575                                            <div class="btn-element-box justifyCenter">
576                                                <span class="link-btn js-see-all" role="button">ver todos los servicios <span class="icon-long-arrow-down"></span>
577                                                </span>
578                                                <span class="link-btn js-see-less js-scrollto" style="display: none;" data-scroll_spacer="143" data-scroll_to=".condition-list.wifi" role="button">ver menos servicios <span class="icon-long-arrow-up"></span>
579                                                </span>
580                                            </div>
581                                        </div>
582                                                                    </div>
583                            </div>
584                        </div>
585                    </div>
586                </div>
587            </section>
588                    <section class="bg-gray global-spacing-top exclusive-element-outer luxury-element-outer lifestyle-element-outer">
589                    <div class="container">
590                        <div class="row row-spacing">
591                            <div class="column column-1  no-border slider-relative">
592                                <div class="section-title section-title-half float-left">
593                                    <span>PROGRAMA DE FIDELIZACIÓN</span>
594                                </div>
595                                <div class="row row-spacing clearfix">
596                                    <div class="column column-2 slider-relative spacing-right-5">
597                                        <div class="luxury-element-image">
598                                            <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="144-banner-fidelity-vegas-calafont-1.png" style="background-image: url('//hotelcalafont.com/backoffice/images/144-banner-fidelity-vegas-calafont-1.png');"></figure>
599                                        </div>
600                                    </div>
601                                    <div class="column column-2 spacing-left">
602                                        <div class="luxury-element-content clearfix">
603                                            <h2>Cala Font Fidelity</h2>
604                                            <div class="luxury-element-para">
605                                                <div class="item-sub-title">
606                                                    <span>DESCUENTOS Y VENTAJAS EXCLUSIVAS</span>
607                                                </div>
608                                                <p>Disfruta de ventajas Exclusivas</p>
609                                                <div class="btn-element-box">
610                                                    <a href="https://www.hotelcalafont.com/es/signup/" class="link-btn">MÁS INFORMACIÓN <span class="icon-long-arrow-right"></span>
611                                                    </a>
612                                                    <a href="https://www.hotelcalafont.com/es/signup/" class="btn btn-outline-dark">
613                                                        <span>Unirse al programa  <i class="icon-arrow-right"></i></span>
614                                                    </a>
615                                                </div>
616                                            </div>
617                                        </div>
618                                    </div>
619                                </div>
620                            </div>
621                        </div>
622                    </div>
623            </section>
624                    <section class="bg-gray global-spacing ofertas-element-outer alsoLook-element-outer text-center slick-slider-outer js-active-slider" data-slides_infinite="false" data-slider_name="js-ofertas-slider" data-slider_showbtns="true" data-slider_btns="square-icon-btn rounded" data-slider_showdots="false" data-slider_fade="false" data-slider_autoplay="false" data-slides_pc="3" data-slides_laptop="2" data-slides_tablet="1" data-slides_mobile="1"  data-slides_mobile_small="1">
625                <div class="container">
626                    <div class="row row-spacing">
627                        <div class="column column-1">
628                            <div class="white-box">
629                                <div class="section-title title-spacing-x-50">
630                                    <span>Mira también...</span>
631                                </div>
632                                <div class=" slider-relative">
633                                    <div class="js-slider-arrows slider-arrows-absolute"></div>
634                                    <div class="row js-ofertas-slider js-slider_fix-arrows">
635
636                                                                                    <div class="column">
637                                                <div class="ofertas-box">
638                                                    <div class="ofertas-element-image js-slider_fix-arrows-zone">
639                                                        <a href="/es/habitaciones/" class="display-block">
640                                                            <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="159-bigfoto.png" style="background-image: url('//hotelcalafont.com/backoffice/images/159-bigfoto.png');"></figure>
641                                                        </a>
642                                                    </div>
643                                                    <div class="ofertas-element-content">
644                                                        <div class="heading">
645                                                            <h2><a href="/es/habitaciones/">Nuestras Habitaciones</a></h2>
646                                                            <p>Mediterranean Life</p>
647                                                        </div>
648                                                        <div class="btn-element-box">
649                                                            <a href="/es/habitaciones/" class="btn btn-outline-dark js-offers-modal" role="button">
650                                                                <span>Ver Habitaciones  <i class="icon-arrow-right"></i></span>
651                                                            </a>
652                                                        </div>
653                                                    </div>
654                                                </div>
655                                            </div>
656                                                                                    <div class="column">
657                                                <div class="ofertas-box">
658                                                    <div class="ofertas-element-image js-slider_fix-arrows-zone">
659                                                        <a href="/es/destino/" class="display-block">
660                                                            <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="129-bigfoto-3.png" style="background-image: url('//hotelcalafont.com/backoffice/images/129-bigfoto-3.png');"></figure>
661                                                        </a>
662                                                    </div>
663                                                    <div class="ofertas-element-content">
664                                                        <div class="heading">
665                                                            <h2><a href="/es/destino/">Salou</a></h2>
666                                                            <p>Tu destino de Sol y Playa</p>
667                                                        </div>
668                                                        <div class="btn-element-box">
669                                                            <a href="/es/destino/" class="btn btn-outline-dark js-offers-modal" role="button">
670                                                                <sp
670an>Ver Destino  <i class="icon-arrow-right"></i></span>
671                                                            </a>
672                                                        </div>
673                                                    </div>
674                                                </div>
675                                            </div>
676                                                                                    <div class="column">
677                                                <div class="ofertas-box">
678                                                    <div class="ofertas-element-image js-slider_fix-arrows-zone">
679                                                        <a href="/es/sostenibilidad/" class="display-block">
680                                                            <figure class="responsive-resize" role="img" aria-label="Hotel Cala Font " data-filename="204-lv-4.png" style="background-image: url('//hotelcalafont.com/backoffice/images/204-lv-4.png');"></figure>
681                                                        </a>
682                                                    </div>
683                                                    <div class="ofertas-element-content">
684                                                        <div class="heading">
685                                                            <h2><a href="/es/sostenibilidad/">Sostenibilidad</a></h2>
686                                                            <p>Cuidamos del planeta</p>
687                                                        </div>
688                                                        <div class="btn-element-box">
689                                                            <a href="/es/sostenibilidad/" class="btn btn-outline-dark js-offers-modal" role="button">
690                                                                <span>Más información  <i class="icon-arrow-right"></i></span>
691                                                            </a>
692                                                        </div>
693                                                    </div>
694                                                </div>
695                                            </div>
696                                        
697                                    </div>
698                                </div>
699                            </div>
700                        </div>
701                    </div>
702                </div>
703            </section>
704                <section class="social-feed-outer global-spacing-bottom-98 hidden">
705            <div class="container">
706                            </div>
707        </section>
708    </div> 
709
710    <footer class="footer footer-b">
711		
712	<div class="footer-bottom">
713		<div class="container">
714			<div class="footer-bottom-element">
715				<p>Hotel Cala Font</p>
716				<ul>
717					
718                        <li>
719                            <a href="/es/legal/" class="link-border">Aviso legal</a>
720                        </li>
721                        <li>
722                            <a href="/es/politica/" class="link-border">Política de privacidad</a>
723                        </li>
724                        <li>
725                            <a href="/es/cookies/" class="link-border">Cookies</a>
726                        </li>
727                        <li>
728                            <a href="/es/webmap/" class="link-border">Mapa web</a>
729                        </li>
730                        <li>
731                            <a href="https://www.roomtability.com/" target="_blank" class="link-border">By Roomtability</a>
732                        </li>				</ul>
733			</div>
734		</div>
735	</div>
736</footer></div>
737
738<div class="root-modal  navigation-model border-zero">
739    <div class="root-modal-container">
740        <div class="submenu-modal-title">Selecciona un apartado</div>
741        <div class="close js-close-menu" role="button">
742            <div class="nav-close  btn square-icon-btn rounded">
743                <span></span>
744            </div>
745        </div>
746        <div class="navigation-row main-menu">
747            <div class="nav-left-column">
748                <div class="navigation">
749                    <ul>
750                        <li  class="parent-menu">
751                            <a href="/es/"><img class="responsive-resize" data-filename="259-galeria-cf.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/259-galeria-cf.png" width="86" height="84"> <span>Home </span> <span class="icon-long-arrow-right submenu-icon"></span>
752                            </a>
753                        </li>
754                        
755                                    <li>
756                                        <a href="/es/habitaciones/" ><img class="responsive-resize" data-filename="201-lv-3.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/201-lv-3.png" width="86" height="84"> <span>HABITACIONES </span><span class="icon-long-arrow-right submenu-icon"></span>
757                                        </a>
758                                    </li>
759                                    <li>
760                                        <a href="/es/servicios/" ><img class="responsive-resize" data-filename="260-galeria-cf-1.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/260-galeria-cf-1.png" width="86" height="84"> <span>SERVICIOS </span><span class="icon-long-arrow-right submenu-icon"></span>
761                                        </a>
762                                    </li>
763                                    <li>
764                                        <a href="/es/rooftop/" ><img class="responsive-resize" data-filename="330-galeria-cf.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/330-galeria-cf.png" width="86" height="84"> <span>ROOFTOP </span><span class="icon-long-arrow-right submenu-icon"></span>
765                                        </a>
766                                    </li>
767                                    <li>
768                                        <a href="/es/galeria/" ><img class="responsive-resize" data-filename="192-galeria-cf.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/192-galeria-cf.png" width="86" height="84"> <span>GALERÍA </span><span class="icon-long-arrow-right submenu-icon"></span>
769                                        </a>
770                                    </li>
771                                    <li>
772                                        <a href="/es/ofertas/" ><img class="responsive-resize" data-filename="146-fidelity-14.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/146-fidelity-14.png" width="86" height="84"> <span>OFERTAS </span><span class="icon-long-arrow-right submenu-icon"></span>
773                                        </a>
774                                    </li>
775                                    <li>
776                                        <a href="/es/destino/" ><img class="responsive-resize" data-filename="129-bigfoto-3.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/129-bigfoto-3.png" width="86" height="84"> <span>DESTINO </span><span class="icon-long-arrow-right submenu-icon"></span>
777                                        </a>
778                                    </li>
779                                    <li>
780                                        <a href="/es/sostenibilidad/" ><img class="responsive-resize" data-filename="73-galeria-cf-7.png" aria-label="Hotel Cala Font " src="//hotelcalafont.com/backoffice/images/73-galeria-cf-7.png" width="86" height="84"> <span>SOSTENIBILIDAD </span><span class="icon-long-arrow-right submenu-icon"></span>
781                                        </a>
782                                    </li>
783                                    <li>
784                                        <a href="/es/contacto/" ><img class="responsive-resize" data-filename="82-insta-1.png" aria-label="" src="//hotelcalafont.com/backoffice/images/82-insta-1.png" width="86" height="84"> <span>CONTACTO </span><span class="icon-long-arrow-right submenu-icon"></span>
785                                        </a>
786                                    </li>                    </ul>
787                </div>
788            </div>
789			                <div class="rounded-icon-btn js-newsletter-modal" role="button">
790                    <span class="icon-envlope"></span>
791                </div>
792            </div>
793        </div>
794    </div>
795</div><div class="root-modal element-center bg-gray border-zero booknow-modal">
796    <div class="root-modal-container">
797        <div class="close js-close-booknow" role="button">
798            <div class="nav-close btn square-icon-btn rounded">
799                <span></span>
800            </div>
801        </div>
802        <div class="modal-element-inner ">
803            <div class="booknow-element-outer">
804                <div class="reservar-element">
805                    <div class="reserver-element-inner">
806                        <h2>Reservar</h2>
807                        <div class="section-title"><span>ventajas exclusivas</span></div>
808                        <div class="banner-filter  sticky">
809                                                    </div>
810                    </div>
811                </div>
812            </div>
813        </div>
814    </div>
815</div><div class="root-modal element-center no-border full-modal-no no-border-btn language-modal">
816    <div class="root-modal-container">
817        <div class="modal-element-inner ">
818            <div class="modal-element-box">
819                <div class="close js-close-lang" role="button">
820                    <div class="nav-close btn square-icon-btn rounded">
821                        <span></span>
822                    </div>
823                </div>
824                <div class="modal-element-box-inner">
825                    <h3>Selecciona un idioma</h3>
826                    <div class="lang-check-list">
827                        <div class="check-list">
828                                                            <label class="switch" role="button">
829                                    <a href="/es/servicios/" rel="alternate" class="btn-languages btn-corp " style="width: 100%;">
830                                        <input type="radio" checked name="lang" />
831                                        <div class="btn btn-outline-dark">
832                                            <span>Español</span>
833                                        </div>
834                                    </a>
835                                </label>
836                                                                <label class="switch" role="button">
837                                    <a href="/en/services/" rel="alternate" class="btn-languages btn-corp " style="width: 100%;">
838                                        <input type="radio"  name="lang" />
839                                        <div class="btn btn-outline-dark">
840                                            <span>English</span>
841                                        </div>
842                                    </a>
843                                </label>
844                                                                <label class="switch" role="button">
845                                    <a href="/fr/services/" rel="alternate" class="btn-languages btn-corp " style="width: 100%;">
846                                        <input type="radio"  name="lang" />
847                                        <div class="btn btn-outline-dark">
848                                            <span>Français</span>
849                                        </div>
850                                    </a>
851                                </label>
852                                                                <label class="switch" role="button">
853                                    <a href="/ca/serveis/" rel="alternate" class="btn-languages btn-corp " style="width: 100%;">
854                                        <input type="radio"  name="lang" />
855                                        <div class="btn btn-outline-dark">
856                                            <span>Català</span>
857                                        </div>
858                                    </a>
859                                </label>
860                                                        </div>
861                    </div>
862                </div>
863            </div>
864        </div>
865    </div>
866</div><div class="root-modal element-center no-border full-modal-no loyalty-modal">
867    <div class="root-modal-container">
868        <div class="modal-element-inner ">
869            <div class="modal-loyalty-box">
870                <div class="close js-close-loyalty" role="button">
871                    <div class="nav-close btn square-icon-btn rounded">
872                        <span></span>
873                    </div>
874                </div>
875                <div class="modal-loyalty-graphic">
876                    <figure role="img" aria-label="dummy image" data-filename="https://dummyimage.com/600x544/BC5DEB/FF81D1.png" style="background-image: url('https://dummyimage.com/600x544/BC5DEB/FF81D1.png');"></figure>
877                </div>
878                <div class="modal-element-box">
879                    <div class="modal-element-box-inner">
880                        <div class="loyalty-element-inner">
881                            <div class="loyalty-heading">
882                                <div class="heading">
883                                    <h4>¡Regístrese para<br> Membership Rewardas!</h4>
884                                    <p>Comienza a disfrutar de los beneficios exclusivos</p>
885                                </div>
886                            </div>
887                            <div class="loyalty-text">
888                                <ul>
889                                    <li>10% dto por formar parte de nuestro club</li>
890                                    <li>Early Check-In & late Check-Out / Bajo disponibilidad</li>
891                                    <li>10% descuento en restaurante La Greppia</li>
892                                    <li>Entrada grartis Fundación Miró</li>
893                                    <li>Entrada Gratis al museo Baluard</li>
894                                    <li>10% descuento en tratamientos Spa</li>
895                                </ul>
896                                <div class="btnDiv">
897                                    <button class="btn btn-primary" role="button"><span>continuar</span></button>
898                                </div>
899                            </div>
900                        </div>
901                    </div>
902                </div>
903            </div>
904        </div>
905    </div>
906</div><div class="root-modal element-center no-border full-modal-no membership-modal">
907    <div class="root-modal-container">
908        <div class="modal-element-inner ">
909            <div class="modal-membership-box">
910                <div class="close js-close-membership" role="button">
911                    <div class="nav-close btn square-icon-btn rounded">
912                        <span></span>
913                    </div>
914                </div>
915                <div class="modal-element-box">
916                    <div class="modal-element-box-inner bg-gray-1">
917                        <div class="membership-element-inner">
918                            <div class="membership-heading">
919                                <div class="heading">
920                                    <h4>Fidelización</h4>
921                                    <p>Programa</p>
922                                </div>
923                            </div>
924                            <div class="membership-text ">
925                                <div class="login-btns">
926                                    <div class="login-btns-box">
927                                        <a href="">
928                                            <div class="login-btns-link">
929                                                <span class="login-btn-icon"><img src="/static/images/google-icon.svg" width="19" height="19" alt="google" /></span>
930                                                <span class="login-btm-text">CONTINUAR CON GOOGLE <i class="icon-arrow-right"></i></span>
931                                            </div>
932                                        </a>
933                                    </div>
934                                    <div class="login-btns-box facebook">
935                                        <a href="">
936                                            <div class="login-btns-link">
937                                                <span class="login-btn-icon"><i class="fb icon-facebook"></i></span>
938                                                <span class="login-btm-text">CONTINUAR CON GOOGLE <i class="icon-arrow-right"></i></span>
939                                            </div>
940                                        </a>
941                                    </div>
942                                    <div class="login-btns-box">
943                                        <a href="">
944                                            <div class="login-btns-link">
945                                                <span class="login-btn-icon"><i class=" mail icon-envlope"></i></span>
946                                                <span class="login-btm-text">CONTINUAR CON TUS DATOS <i class="icon-arrow-right"></i></span>
947                                            </div>
948                                        </a>
949                                    </div>
950                                </div>
951                            </div>
952                        </div>
953                    </div>
954                </div>
955                <div class="modal-element-box">
956                    <div class="modal-element-box-inner no-graphic">
957                        <div class="membership-element-inner">
958                            <div class="membership-text">
959                                <ul>
960                                    <li>10% dto por formar parte de nuestro club</li>
961                                    <li>Early Check-In & late Check-Out / Bajo disponibilidad</li>
962                                    <li>Detalle de bienvenida</li>
963                                    <li>Copa de bienvenida</li>
964                                    <li>10% descuento en restaurante La Greppia</li>
965                                    <li>Entrada grartis Fundación Miró</li>
966                                    <li>Entrada Gratis al museo Baluard</li>
967                                    <li>10% descuento en tratamientos Spa</li>
968                                </ul>
969                            </div>
970                        </div>
971                    </div>
972                </div>
973            </div>
974        </div>
975    </div>
976</div><div class="root-modal element-center border-zero full-modal-no no-border-btn submenu-modal" id="palma-modal">
977    <div class="root-modal-container">
978        <div class="submenu-modal-title">Selecciona un apartado</div>
979        <div class="close js-close-submenu-modal" role="button">
980            <div class="nav-close btn square-icon-btn rounded">
981                <span></span>
982            </div>
983        </div>
984        <div class="modal-element-inner ">
985            <div class="gastronomy-element-outer">
986                <div class="alsoLook-element-outer ofertas-element-outer">
987                    <ul>
988                        
989                                <li>
990                                    <a href="/es/destino/" class="display-block" tabindex="0">
991                                        <div class="ofertas-box">
992                                            <div class="ofertas-element-image js-slider_fix-arrows-zone">
993                                                <figure class="responsive-resize" role="img" aria-label="" data-filename="27-bar-1-min.webp" style="background-image: url(//hotelcalafont.com/backoffice/images/27-bar-1-min.webp);"></figure>
994                                            </div>
995                                            <div class="ofertas-element-content">
996                                                <div class="heading">
997                                                    <h2>Destino</h2>
998                                                    <p>Subtitulo</p>
999                                                </div>
1000                                                <div class="btn-element-box">
1001                                                    <button class="btn btn-outline-dark" role="button">
1002                                                        <span>Más información  <i class="icon-arrow-right"></i></span>
1003                                                    </button>
1004                                                </div>
1005                                            </div>
1006                                            <span class="icon-long-arrow-right gastronomy-icon"></span>
1007                                        </div>
1008                                    </a>
1009                                </li>
1010                                
1011                                <li>
1012                                    <a href="/es/actividades/" class="display-block" tabindex="0">
1013                                        <div class="ofertas-box">
1014                                            <div class="ofertas-element-image js-slider_fix-arrows-zone">
1015                                                <figure class="responsive-resize" role="img" aria-label="" data-filename="24-8.webp" style="background-image: url(//hotelcalafont.com/backoffice/images/24-8.webp);"></figure>
1016                                            </div>
1017                                            <div class="ofertas-element-content">
1018                                                <div class="heading">
1019                                                    <h2>Acitividades</h2>
1020                                                    <p>Subtitulo</p>
1021                                                </div>
1022                                                <div class="btn-element-box">
1023                                                    <button class="btn btn-outline-dark" role="button">
1024                                                        <span>Más información  <i class="icon-arrow-right"></i></span>
1025                                                    </button>
1026                                                </div>
1027                                            </div>
1028                                            <span class="icon-long-arrow-right gastronomy-icon"></span>
1029                                        </div>
1030                                    </a>
1031                                </li>
1032                                                    </ul>
1033                </div>
1034            </div>
1035        </div>
1036    </div>
1037</div>
1038<div class="root-modal element-center border-zero full-modal-no no-border-btn submenu-modal" id="gastronomia-modal">
1039    <div class="root-modal-container">
1040        <div class="submenu-modal-title">Selecciona un apartado</div>
1041        <div class="close js-close-submenu-modal" role="button">
1042            <div class="nav-close btn square-icon-btn rounded">
1043                <span></span>
1044            </div>
1045        </div>
1046        <div class="modal-element-inner ">
1047            <div class="gastronomy-element-outer">
1048                <div class="alsoLook-element-outer ofertas-element-outer">
1049                    <ul>
1050                                            </ul>
1051                </div>
1052            </div>
1053        </div>
1054    </div>
1055</div><!-- custom script start_footer   -->
1056<!-- /custom script start_footer   -->
1057
1058<script src="/static/js/jquery-3.6.1.min.js"></script>
vendor: 1 bytes, line 1058
1058
1059<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
vendor: 1 bytes, line 1059
1059
1060<script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script>
vendor: 1 bytes, line 1060
1060
1061<script src="/static/js/main.js"></script>
vendor: 1 bytes, line 1061
1061
1062<script src="/static/js/vendor/jquery.cookie.min.js"></script>
vendor: 1 bytes, line 1062
1062
1063<script src="/static/js/img-resp.js"></script>
vendor: 1 bytes, line 1063
1063
1064<script src="/static/js/custom.js"></script>
1064
1065
1066<script type="module" defer src="https://static.mirai.com/core/index.js" data-cookieconsent="necessary"></script>
1066
1067
1068<!-- custom script end_footer   -->
1069<!-- /custom script end_footer   -->
1070
1071<script>
1072    if(window.innerWidth >= 1280){
1073        var tag            = document.createElement("script");
1074        tag.src            = "https://www.youtube.com/player_api";
1075        tag.async          = true;
1076        var firstScriptTag = document.getElementsByTagName("script")[0];
1077        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
1078        // var id_video = 'x8pWONTkL9I';
1079        var id_video = '';
1080        var playerhome;
1081
1082        function onYouTubePlayerAPIReady(){
1083            playerhome = new YT.Player("YouTubeVideoPlayer", {
1084                videoId:    id_video,
1085                width:      1920,
1086                height:     1080,
1087                playerVars: {
1088                    enablejsapi:    1,
1089                    autoplay:       1,
1090                    controls:       0,
1091                    showinfo:       0,
1092                    modestbranding: 1,
1093                    loop:           1,
1094                    fs:             1,
1095                    cc_load_policy: 1,
1096                    iv_load_policy: 3,
1097                    autohide:       1,
1098                    rel:            0,
1099                    playsinline:    1
1100                },
1101                events:     {
1102                    onReady:       function(e){
1103                        e.target.mute();
1104                        e.target.playVideo();
1105                    },
1106                    onStateChange: function(e){
1107                        var id = id_video;
1108                        e.target.setPlaybackQuality("highres");
1109                        if(e.data === YT.PlayerState.PLAYING){
1110                            document.getElementById("YouTubeVideoPlayer").style.opacity = "1";
1111                        }
1112                        if(e.data === YT.PlayerState.ENDED){
1113                            e.target.playVideo();
1114                            e.target.mute();
1115                        }
1116                    }
1117                }
1118            });
1119        }
1120    }
1121</script>
1121
1122	</body>
1123</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.