PageSourceSearch

https://www.hoteldonablanca.com/fr/home

html hoteldonablanca.com collected 2026-09-26 19:27:46 UTC 414,478 bytes, 7,428 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5  <meta charset="utf-8" />
6  <meta name="description" content="Séjournez au Doña Blanca au centre de Jerez, près des bodegas, du flamenco et des monuments, avec chambres confortables et petit-déjeuner buffet." />
7  <meta name="robots" content="index, follow" />
8  <meta name="viewport" content="width=device-width, initial-scale=1" saf="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1, user-scalable=yes" class="metaViewport">
9  <meta property="og:url" content="https://www.hoteldonablanca.com/fr/home" />
10  <meta property="og:title" content="Hôtel Doña Blanca au centre de Jerez"/>
11  <meta property="og:description" content="Séjournez au Doña Blanca au centre de Jerez, près des bodegas, du flamenco et des monuments, avec chambres confortables et petit-déjeuner buffet." />
12  <meta property="og:site_name" content="Hotel Doña Blanca"/>
13  <meta property="og:type" content="hotel"/>
14  <meta property="og:image" class="openGraphFirstImage" content="" />
15  <meta property="business:contact_data:street_address" content="Bodegas, 11" />
16  <meta property="business:contact_data:locality" content="Jerez de la Frontera" />
17  <meta property="business:contact_data:postal_code" content="11402" />
18  <meta property="business:contact_data:country_name" content="Espagne" />
19  <meta property="place:latitude" content="36.68213375" />
20  <meta property="place:longitude" content="-6.13457717" />
21
22  <title>Hôtel Doña Blanca au centre de Jerez</title>
23
24  
25  <!-- Critical css -->
26  <style>
27  *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;scroll-behavior: smooth;}body{margin:0;padding:0;background-color:#f3f3f3;font:400 14px/1 Catamaran,sans-serif;color:#474242;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding-bottom:70px;}
28  .sta-mainDispo *{box-sizing: content-box;}
29  main.sta-mainDispo ~ * :after,
30  main.sta-mainDispo ~ * :before,
31  main.sta-mainDispo :after,
32  main.sta-mainDispo :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
33
34  /* generic */
35  figure{margin:0}
36  main{display:block;min-height:calc(100vh - 420px)}
37  @media(min-width:768px){
38    main{min-height:calc(100vh - 320px)}
39  }
40  @media(min-width:1024px){
41    main{min-height:calc(100vh - 218px)}
42  }
43  @media(min-width:1280px){
44    main{min-height:calc(100vh - 155px)}
45  }
46
47  main.sta-mainDispo{min-height: calc(100vh - 420px);}
48
49  .sta-inputFixed{position:fixed;left:-999px;top:0;opacity:0;height:0;width:0}
50  a,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;font:inherit;color:inherit}
51  h1:empty,
52  h2:empty,
53  h3:empty,
54  h4:empty,
55  h5:empty,
56  h6:empty,
57  p:empty,
58  span:empty{margin:0!important;padding:0!important}
59  input[type=number]{-moz-appearance:textfield}
60  a{text-decoration:none}
61  a:visited{color:inherit}
62  :focus{outline:0}
63  a:active,
64  a:hover{color:inherit;outline:0}
65  a[href^="javascript"]{cursor:default}
66  li,ul{list-style:none;margin:0;padding:0}
67  b,strong{font-weight:700}
68  code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
69  pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
70  small{font-size:80%}
71  img{border:0}
72  svg:not(:root){overflow:hidden}
73  fieldset{border:none;margin:0 2px;padding:.35em .625em .75em}
74  legend{border:0;padding:0}
75  button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:1;border:none;background-color:transparent;padding:0}
76  button,input{line-height:normal}
77  button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;border:none}
78  button[disabled],input[disabled]{cursor:default}
79  input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
80  input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
81  input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
82  button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
83  /* END generic */
84
85  @media(min-width:768px){
86    body{padding-bottom:80px}
87  }
88  @media(min-width:1024px){
89    body{padding-bottom:0}
90  }
91  @media(max-width:1023px){
92    body.bar-spacer{padding-bottom:150px}
93  }
94  @media(max-width:1023px) and (min-width:768px){
95    body.bar-spacer{padding-bottom:160px}
96  }
97
98  .sta-noScroll,
99  .sta-noScroll body{overflow:hidden}
100
101  .botonGC{border:2px solid #474242;color:#474242;font:700 16px/1 Catamaran,sans-serif;letter-spacing:.1em;text-decoration:none;display:inline-block;vertical-align:middle;text-transform:uppercase;padding:14px 15px 11px;min-width:240px;border-radius:2px;text-align:center;cursor:pointer;margin:5px 10px}
102  .botonGC.sta-fondoWhite{background: #fff;color: #474242;}
103  .botonGC.sta-white{background: #474242;color: #fff;}
104  @media(min-width:1280px){
105    .botonGC:focus,
106    .botonGC:hover{background-color:#c2a472;color:#fff;border-color:transparent;transition:cubic-bezier(.785,.135,.15,.86) .7s}
107  }
108
109  details{margin-bottom:4px;line-height: 23px;}
110  details summary{list-style:none;position:relative;padding:0 40px 10px 0;cursor:pointer;transition:color .3s}
111  details summary *[class^='icoGlobal-'],
112  details summary *[class^='icon-']{border:2px solid;border-radius:50%;line-height:32px;width:36px;display:inline-block;text-align:center;color:#c2a472}
113  details summary:after{content:'\e919';font:20px icomoon;position:absolute;right:0;top:0;border:2px solid;width:36px;text-align:center;border-radius:50%;padding:3px 0 9px 0px;transition:.5s}
114  details[open] summary:after{transform:rotate(180deg)}
115  details p{line-height: 23px;}
116  @media(min-width:1280px){
117    details summary:hover{color:#c2a472}
118    details summary:hover:after{background:#c2a472;border-color:#c2a472;color:#fff}
119  }
120
121  body.resize-on *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}
122  body.lb-disable-scrolling,
123  body.noscroll{overflow:hidden!important}
124  .sta-oculto,
125  .hidden{display:none!important}
126  body{transition:.5s}
127  body.hideBody{opacity:0;transition:all .3s;background-color:#474242;overflow:hidden}
128  
129  .imgOcultaAda{position:absolute;
129left:0;top:0;width:1px;height:1px;opacity:0;visibility:hidden;pointer-events:none}
130
131  /* tpl-cookie */
132 #sta-cookies, .tpl-cookie #sta-cookies_config {position:fixed; top:0; left:-999px}
133input#sta-cookies:checked~.tpl-cookie {opacity:0; visibility:hidden}
134.tpl-cookie {position:fixed; left:0; top:0; right:0; bottom:0; overflow:auto; font:14px Catamaran, sans-serif; opacity:1; visibility:visible; z-index:1000; transition:1s}
135.tpl-cookie .sta-cookie_table {display:table; width:100%; height:100%}
136.tpl-cookie .sta-cookie_cell {display:table-cell; vertical-align:middle; background:rgba(0, 0, 0, .5)}
137.tpl-cookie .sta-cookie_content {padding:30px 10px}
138.tpl-cookie .sta-cookie_content2 {box-shadow:0 0 20px 1px #000}
139.tpl-cookie .sta-cookie_logo {padding:10px 20px; background:#00111B; color:#fff; font-size:17px; text-transform:uppercase; display:none}
140.tpl-cookie.sta-idiomas .sta-cookie_logo {display:flex}
141.tpl-cookie .sta-cookie_logo svg {fill:#fff; display:block}
142.tpl-cookie .sta-cookie_idi {margin-left:auto}
143.tpl-cookie .sta-cookie_idiLabel {display:block; height:33px; width:33px; border:2px solid; border-radius:50%; text-align:center; cursor:pointer}
144.tpl-cookie .sta-cookie_idiLabel {position:relative}
145.tpl-cookie .sta-cookie_idiLabel span {font-size:13px; line-height:30px}
146.tpl-cookie .sta-cookie_idiLabel span:after {content:''; position:absolute; left:50%; top:100%; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #fff; margin:7px 0 0 -2px}
147.tpl-cookie .sta-cookie_idiLabel ul {position:absolute; top:100%; right:10px; margin-top:18px; background:#00111b; padding:9px 12px; margin-right:-5px; font-size:13px; text-transform:none; text-align:left; opacity:0; visibility:hidden; transition:.5s}
148.tpl-cookie .sta-cookie_idiLabel input:checked~ul {opacity:1; visibility:visible}
149.tpl-cookie .sta-cookie_idiLabel ul li:not(:last-of-type) {border-bottom:1px solid #fff}
150.tpl-cookie .sta-cookie_idiLabel ul a {display:block; padding:5px 0; position:relative; transition:padding-left .3s}
151.tpl-cookie .sta-cookie_idiLabel ul a:before {content:''; position:absolute; top:10px; left:-2px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:0 solid #fff; transition:border-left-width .3s}
152.tpl-cookie .sta-cookie_idiLabel ul a:hover, .tpl-cookie .sta-cookie_idiLabel ul a.sta-active {padding-left:8px}
153.tpl-cookie .sta-cookie_idiLabel ul a:hover:before, .tpl-cookie .sta-cookie_idiLabel ul a.sta-active:before {border-left-width:4px}
154.tpl-cookie .sta-cookie_info {background:#fff; padding:25px 20px}
155.tpl-cookie .sta-cookie_info .sta-cookie_texto {margin-bottom:30px}
156.tpl-cookie .sta-cookie_info .sta-cookie_texto a {color:#00111B; text-decoration:underline}
157.tpl-cookie .sta-cookies_config .sta-cookie_cell, .tpl-cookie .sta-cookie_info .sta-cookie_cell {vertical-align:middle; background:none;}
158.tpl-cookie .sta-cookie_info .sta-cookie_cell {vertical-align:middle; flex:1; text-align:center;}
159.tpl-cookie .sta-cookies_config .sta-cookie_cell {float:left;}
160.tpl-cookie .sta-cookie_cell > button, .tpl-cookie .sta-cookie_cell > label {box-sizing:border-box; padding:10px; border:2px solid #132223; background:#132223!important; color:#e4eaeb; min-width:150px; display:block; font-weight:bold; text-transform:uppercase; letter-spacing:.05em; width:100%;}
161.tpl-cookie .sta-cookies_config .sta-cookie_cell:first-of-type {float:right;}
162.tpl-cookie .sta-cookie_info .sta-cookie_cell:last-of-type {text-align:right; float:right; margin-left:auto;}
163.tpl-cookie .sta-cookie_config {font-weight:bold; padding:10px 0; display:inline-block; color:black}
164label.sta-cookie_config {cursor:pointer;}
165.tpl-cookie .sta-cookies_confirm, .tpl-cookie .fn-enableAll {padding:10px; border:2px solid #00111B; background:#00111B; color:#fff; min-width:150px; margin:0 0 0 auto; display:block; font-weight:bold; text-transform:uppercase; letter-spacing:.05em}
166.tpl-cookie #sta-cookies_config:checked~.sta-cookie_table .sta-cookie_info, .tpl-cookie .sta-cookies_config {display:none; background:#fff; padding:25px 20px 35px}
167.tpl-cookie #sta-cookies_config:checked~.sta-cookie_table .sta-cookies_config {display:block}
168.tpl-cookie .sta-cookies_config ul {margin-bottom:70px}
169.tpl-cookie .sta-cookies_config ul li {list-style:none}
170.tpl-cookie .sta-cookies_config ul li:not(:last-of-type) {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #00111B}
171.tpl-cookie .sta-cookies_config .sta-cookies_cont {display:block; position:relative; padding-bottom:40px}
172.tpl-cookie .sta-cookies_config .sta-cookies_cont .sta-cookies_title {display:block; font-weight:bold; color:#00111B; margin-bottom:8px; font-size:15px}
173.tpl-cookie .sta-cookies_config .sta-cookies_label input {position:fixed; left:-999px; top:0}
174.tpl-cookie .sta-cookies_config .sta-cookies_label .sta-cookies_icon {position:absolute; right:0; bottom:0; width:66px; height:35px; border-radius:50px; overflow:hidden; z-index:1; background:#dadada; background:linear-gradient(to bottom, #ddd, #ccc)}
175.tpl-cookie .sta-cookies_config .sta-cookies_label .sta-cookies_icon:after {content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:transparent; transition:background .5s}
176.tpl-cookie .sta-cookies_config .sta-cookies_label .sta-cookies_icon span {position:absolute; right:36px; bottom:5px; top:5px; width:25px; background:#fff; box-shadow:0 1px 5px rgba(0, 0, 0, .5); border-radius:50%; z-index:1; transition:right .5s}
177.tpl-cookie .sta-cookies_config .sta-cookies_label input:checked~.sta-cookies_icon span {right:5px}
178.tpl-cookie .sta-cookies_config .sta-cookies_label input:checked~.sta-cookies_icon:after {background:#222}
179.tpl-cookie .sta-cookies_config .sta-cookies_label.sta-disabled {cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABHVBMVEX/AAD/AgP/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAH/AAH/AQH/AQH/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/kZH/AAD/AQH/ExP/FBT/Ghr/HBz/MTH/MzP/OTn/Ojv/PDz/PT3/Tk7/UVH/UlL/VFT/VVX/YGD/YmL/jY3/kpL/lJT/lZX/n5/
179/oKD/oaH/vLz/vr7/wcH/wsL/w8P/x8f/yMj/zc3/8fH/8vL/9fX/9vb/9/f/+vr////74QKfAAAANnRSTlMAAgUODxAREhQVF1daXV9gY2ZnaGtvcnOSmZqam6Giu76/wcPExtfb3d7h5Ofs7e7v8PHy/v5/hlqtAAAA0ElEQVR42mIAAxYheUBT84CmQRCDQfhb27Zt1dq2/U/uf4sxuh6/3UmWNlke7axWXuM0aTPNmfUC7Bwc7AL0leV2+fJj9vt6DgxG1gBwZ0mP29AiVcwSdZvqMyzUqA3Otxy9gC6NwZvdFvoFk1pl588c9fZYFxyauXoCKTp6Clpj999Vb58NjcO7OfoNU+qEMyv0/hp6VDUPj47CYp3UBNtPqT4AtCmsH7j6CK+VPm+AYUWVDQDsHR3vAwyVK6l1jrT5DuXVdo2vbLI60V2vqABwNFT27mngMwAAAABJRU5ErkJggg=='), no-drop}
180.tpl-cookie .sta-cookies_config .sta-cookies_label.sta-disabled .sta-cookies_icon {background:#222; border-color:#222}
181.tpl-cookie .sta-cookies_config .sta-cookies_label.sta-disabled .sta-cookies_icon span {right:5px}
182.tpl-cookie .sta-cookie_logo {background:#00111B; display:none}
183.tpl-cookie .sta-cookie_logo svg {height:30px; width:146px}
184.tpl-cookie {font-family:'Roboto', sans-serif}
185.tpl-cookie .sta-cookie_logo, .tpl-cookie .sta-cookies_config .sta-cookies_label .sta-cookies_title {font-family:(second)}
186
187@media(min-width: 801px) {
188.tpl-cookie .sta-cookie_logo {padding:15px 20px}
189.tpl-cookie .sta-cookie_content {padding:30px 20px}
190.tpl-cookie .sta-cookie_content {max-width:850px; margin:0 auto}
191.tpl-cookie .sta-cookies_config .sta-cookies_cont {padding:0 50px 0 0}
192.tpl-cookie .sta-cookies_config .sta-cookies_cont div {max-width:540px}
193.tpl-cookie .sta-cookies_config .sta-cookies_label .sta-cookies_icon {bottom:50%; margin-bottom:-18px}
194}
195
196@media (max-width: 800px) {
197.sta-cookie_table {flex-direction:column; justify-content:center; align-items:center;}
198.tpl-cookie .sta-cookie_cell .sta-cookie_table {flex-direction:row; flex-wrap:wrap;}
199}
200
201@media (max-width: 800px) {
202.tpl-cookie .sta-cookie_cell .sta-cookie_table .sta-cookie_cell:first-child {flex:1 1 100%;}
203.tpl-cookie .sta-cookie_cell .sta-cookie_table .sta-cookie_cell:nth-child(2), .tpl-cookie .sta-cookie_cell .sta-cookie_table .sta-cookie_cell:nth-child(3) {flex:0 0 calc((100% - 13px) / 2);}
204}
205
206@media(max-width: 400px) {
207.tpl-cookie .sta-cookie_cell > button, .tpl-cookie .sta-cookie_cell > label {min-width:unset; padding:8px; font-size:10px;}
208}
209
210.tpl-cookie .sta-cookie_cell .sta-cookie_table {display:flex; gap:13px;}
211  /* FIN tpl-cookie */
212
213
214  .tgl-cover-air{position:relative;min-height:calc(100vh - 70px)}
215  .tgl-globalAlertas-air[alertas=''] ~ main > .tgl-cover-air:first-child{min-height:500px}
216  .tgl-cover-air.sta-video-on.sta-videoMovil .sta-cover-air_video{display:block}
217  @media(min-width:1280px){
218    .tgl-cover-air.sta-video-on .sta-cover-air_video{display:block}
219  }
220  @media(max-width:800px){
221    body .tgl-globalAlertas-air ~ main .tgl-cover-air.sta-devices-hide{min-height: 0!important;}
222    .tgl-cover-air.sta-devices-hide>div:not(.sta-cover-air_engine){display:none}
223  }
224  .tgl-cover-air.sta-logo_center .sta-cover-air_logo{position:absolute;top:50%;left:0;width:100%;padding-top:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
225  .tgl-cover-air.sta-text_center .sta-cover-air_intro{height:100%}
226  .tgl-cover-air.sta-text_center .sta-cover-air_intro .sta-cover-air_text{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;padding-bottom:0}
227  .tgl-cover-air.sta-text_center .sta-cover-air_intro .sta-cover-scroll{position:absolute;left:calc(50% - 21px);bottom:30px}
228  @media(max-width:1023px){
229    .tgl-cover-air.sta-cover_hide-ondevices{display:none}
230  }
231  @media(max-width:374px){
232    /*.tgl-cover-air{min-height:498px}*/
233  }
234  @media(min-width:768px){
235    .tgl-cover-air{min-height:768px}
236    .tgl-cover-air.sta-text_center .sta-cover-air_intro .sta-cover-scroll{bottom:60px;left:calc(50% - 24px)}
237    .tgl-cover-air.sta-text_center:not(.sta-motorBottom) .sta-cover-air_intro .sta-cover-scroll{bottom:220px}
238    .tgl-cover-air.sta-hide-engine .sta-cover-air_intro{padding:0 15px 40px}
239  }
240  .tgl-cover-air.sta-hide-engine .sta-cover-air_engine{display:none}
241  @media(min-width:1024px){
242    .tgl-cover-air{position:relative;/*height:100vh*/}
243    .tgl-cover-air.sta-logo_center .sta-cover-air_logo{display:block}
244    .tgl-cover-air.sta-text_center .sta-cover-air_intro .sta-cover-scroll{bottom:125px}
245    .tgl-cover-air.sta-hide-engine.sta-text_center .sta-cover-air_intro .sta-cover-scroll{bottom:40px}
246  }
247  @media(min-width:1680px){
248    .tgl-cover-air{height:100vh}
249    .tgl-cover-air.sta-logo_center .sta-cover-air_logo img{width:260px}
250  }
251  .tgl-cover-air .sta-cover-air_multimedia{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}
252  .tgl-cover-air .sta-cover-air_multimedia:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
253  .tgl-cover-air .sta-cover-air_multimedia .sta-cover-air_photo{position:relative;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
254  .tgl-cover-air .sta-cover-air_video{display:none;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;pointer-events:none}
255  .tgl-cover-air .sta-cover-air_video:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
256  .tgl-cover-air .sta-cover-air_video .sta-cover-air_video-element{position:relative;overflow:hidden;width:100%;height:100%;min-height:100%;min-width:100%;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s;opacity:0;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) 1s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) 1s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) 1s;-o-transition:all cubic-bezier(.785,.135,.15,.86) 1s;transition:all cubic-bezier(.785,.135,.15,.86) 1s}
257  .tgl-cover-air .sta-cover-air_video .sta-cover-air_video-element.fn-loaded{opacity:1}
258  .tgl-cover-air .sta-cover-air_video .sta-cover-air_video-element .embed_youtube{object-fit:cover;object-position:center;position:relative}
259  .tgl-cover-air.not-videoCover .sta-cover-air_video .sta-cover-air_video-element .embed_youtube{width:100%;height:100%}
260  .tgl-cover-air .sta-cover-air_video .sta-cover-air_video-element .wistia_embed{height:100%;width:100%}
261  .tgl-cover-air .sta-cover-air_video .sta-cover-air_video-element .wistia_embed video{object-fit:cover!important;object-position:center!important;width:100%;height:100%}
262  .tgl-cover-air.not-videoCover .sta-cover-air_video .sta-cover-air_video-element .wistia_embed video{object-fit:contain!important}
263  .tgl-cover-air .sta-cover-air_logo{position:relative;z-index:3;text-align:center;padding-top:20px}
264  .tgl-cover-air .sta-cover-air_logo img{display:inline-block;width:138px;height:auto;filter:drop-shadow(2px 2px 2px rgba(71, 66, 66, .3));-webkit-filter:drop-shadow(2px 2px 2px rgba(71, 66, 66, .3));-moz-filter:drop-shadow(2px 2px 2px rgba(71, 66, 66, .3));-ms-filter:drop-shadow(2px 2px 2px rgba(71, 66, 66, .3));-o-filter:drop-shadow(2px 2px 2px rgba(71, 66, 66, .3))}
265  @media(min-width:768px){
266    .tgl-cover-air .sta-cover-air_logo{padding-top:50px}
267    .tgl-cover-air .sta-cover-air_logo img{width:220px}
268  }
269  @media(min-width:1024px){
270    .tgl-cover-air .sta-cover-air_logo{display:none}
271  }
272  @media(max-height: 600px){
273    /* .tgl-cover-air{min-height: 575px !important;} */
274  }
275  .tgl-cover-air .sta-cover-air_intro{position:absolute;z-index:2;bottom:0;left:0;width:100%;text-align:center;padding:0 15px 65px}
276  @media(max-width:767px){
277    _::-webkit-full-page-media, _:future, :root .tgl-cover-air .sta-cover-air_intro {padding-bottom: 125px}
278  }
279  .tgl-cover-air .sta-cover-air_intro .sta-cover-air_text{color:#fff;font-size:24px;letter-spacing:.02em;padding-bottom:15px;text-shadow:2px 2px 2px rgba(0,0,0,.3)}
280  .tgl-cover-air .sta-cover-air_intro .sta-cover-air_scroll{display:inline-block}
281  @media(min-width:768px){
282    .tgl-cover-air .sta-cover-air_intro{padding:0 15px 185px}
283    .tgl-cover-air.sta-motorBottom .sta-cover-air_intro{padding-bottom:158px}
284    .tgl-cover-air .sta-cover-air_intro .sta-cover-air_text{font-size:40px}
285  }
286  @media(min-width:770px) and (max-width:800px){
287    .tgl-cover-air .sta-cover-air_intro{padding:0 15px 30px}
288  }
289  @media(min-width:1680px){
290    .tgl-cover-air{height: 900px;}
291    .tgl-cover-air .sta-cover-air_intro .sta-cover-air_text{font-size:46px}
292  }
293  @media(min-width:801px){
294    .tgl-cover-air .sta-cover-air_engine{position:absolute;z-index:4;bottom:0;left:0;width:100%;padding-bottom:30px;height:170px}
295    .tgl-cover-air .sta-cover-air_engine>div{position:absolute;top:0;left:0;width:100%}
296    .tgl-cover-air.sta-motorBottom .sta-cover-air_engine>div{top:auto;bottom:0}
297    .tgl-cover-air.sta-motorBottom .sta-cover-air_engine #default_sygy_element_engine > div > div{max-width:none}
298    .tgl-cover-air.sta-motorBottom .sta-cover-air_engine #default_sygy_element_engine > div > div > div{max-width:980px;margin:0 auto;position: relative;}
299  }
300
301
302
303
304  .tgl-menus-air{position:relative;z-index:99;opacity:0;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
305  .tgl-menus-air.sta-dispo{position:static;z-index: 500;}
306  .tgl-menus-air.sta-dispo.sta-openMenu{z-index: 999;}
307  .tgl-menus-air.sta-hide-book .sta-menus-air_nav-action{display:none}
308  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-tels{display:inline-block}
309  .tgl-menus-air .sta-menus-air_nav-links.fn-open .sta-menus-air_links-element.sta-child > .sta-menus-air_links-element-wrapper .sta-menus-air_links-element-text:before{content:'\e000';font:14px 'Icons';position:absolute;top:50%;right:0;margin-top:-5px}
310  .tgl-menus-air.sta-book-aside .fn-show-book {display:none};
311  .tgl-menus-air.sta-burguer-right .sta-menus-air_nav-logo{right:0;margin-right:0};
312  .tgl-menus-air.sta-show-links:not(.sta-logo-center) .sta-menus-air_nav-logo{left:0;margin-left:0;}
313  @media(min-width:1280px){
314    .tgl-menus-air.sta-dispo{position:relative}
315    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_nav .sta-menus-air_nav-wrapper{text-align:center}
316    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_links-element.fn-logo .sta-menus-air_links-element-wrapper{padding-left:15px;padding-right:15px;z-index:3}
317    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_links-element .sta-menus-air_links-element-logo{display:inline-block;width:150px;height:85px;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}
318    .tgl-menus-air .sta-menus-air_links-element.sta-child .sta-menus-air_links-element-wrapper > .sta-menus-air_links-element-text:before,
319    .tgl-menus-air.sta-fixed.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element.sta-child .sta-menus-air_links-element-wrapper > .sta-menus-air_links-element-text:before{content:none}
320    .tgl-menus-air .sta-menus-air_nav-links.fn-open .sta-menus-air_links-element.sta-child > .sta-menus-air_links-element-wrapper .sta-menus-air_links-element-text:before{content:none}
321  }
322  @media(min-width:1280px) and (min-width:1680px){
323    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_links-element.fn-logo .sta-menus-air_links-element-wrapper{padding-left:50px;padding-right:50px}
324    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_links-element .sta-menus-air_links-element-logo{height:110px}
325  }
326  @media(min-width:801px){
327    .tgl-menus-air.sta-book-aside.sta-book-fixed.fn-show-book .sta-menus-air_nav-action-aside{pointer-events:auto;opacity:1}
328    .tgl-menus-air.sta-book-aside.sta-book-fixed .sta-menus-air_nav-action-aside{opacity:0;pointer-events:none}
329    .tgl-menus-air.sta-book-aside.sta-book-fixed.sta-motorRedirect .sta-menus-air_nav-action-aside{opacity:1;pointer-events:auto}
330    .tgl-menus-air.sta-book-aside.sta-book-fixed .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn{display:none}
331    .tgl-menus-air.sta-book-aside.sta-book-fixed.sta-motorRedirect .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn{display:block}
332    .tgl-menus-air.sta-book-aside.sta-book-fixed.sta-motorRedirect .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn.sta-scroll-book{display:none}
333    .tgl-menus-air.sta-book-aside.sta-book-fixed .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn.sta-scroll-book{display:block}
334    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action{display:none!important}
335    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside{display:block;position:fixed;bottom:150px;right:0;width:95px;height:260px;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
336    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn{display:block;text-align:center;font-size:0;width:260px;height:95px;background-color:#C2A472;padding-bottom:15px;cursor:pointer;-webkit-transform:rotate(-90deg) translateY(-69%) translateX(-33%) translateZ(0);-moz-transform:rotate(-90deg) translateY(-69%) translateX(-33%) translateZ(0);-ms-transform:rotate(-90deg) translateY(-69%) translateX(-33%) translateZ(0);-o-transform:rotate(-90deg) translateY(-69%) translateX(-33%) translateZ(0);transform:rotate(-90deg) translateY(-69%) translateX(-33%) translateZ(0);-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
337    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn.sta-scroll-book{display:none}
338    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;opacity:0}
339    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn .sta-menus-air_action-aside-btn-text{display:inline-block;vertical-align:middle;font:700 26px/1 Catamaran,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-transition: all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition: all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition: all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition: all cubic-bezier(.785,.135,.15,.86) .7s;transition: all cubic-bezier(.785,.135,.15,.86) .7s}
340  }
341  @media(min-width:1024px){
342    .tgl-globalAlertas-air[alertas="1"] ~ .tgl-menus-air.sta-openMenu .sta-menus-air_nav,
343    .tgl-globalAlertas-air[alertas="2"] ~ .tgl-menus-air.sta-openMenu .sta-menus-air_nav{position:fixed}
344    .tgl-globalAlertas-air[alertas="1"] ~ .tgl-menus-air.sta-openMenu.sta-dispo .sta-menus-air_nav,
345    .tgl-globalAlertas-air[alertas="2"] ~ .tgl-menus-air.sta-openMenu.sta-dispo .sta-menus-air_nav{position:relative}
346    .tgl-menus-air{z-index:202}
347    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:focus,
348    .tgl-menus-air.sta-book-aside .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:hover{background-color:#474242}
349    .tgl-menus-air.sta-book-aside.sta-reservaGrey .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:focus,
350    .tgl-menus-air.sta-book-aside.sta-reservaGrey .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:hover{background-color:#d2d2d2}
351    .tgl-menus-air.sta-book-aside.sta-reservaGrey .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:focus .sta-menus-air_action-aside-btn-text,
352    .tgl-menus-air.sta-book-aside.sta-reservaGrey .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:hover .sta-menus-air_action-aside-btn-text{color:#000}
353    .tgl-menus-air.sta-book-aside.sta-textReservaGC .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:focus .sta-menus-air_action-aside-btn-text,
354    .tgl-menus-air.sta-book-aside.sta-textReservaGC .sta-menus-air_nav-action-aside .sta-menus-air_nav-action-aside-btn:hover .sta-menus-air_action-aside-btn-text{color:#C2A472}
355    .tgl-menus-air.sta-logo-center.sta-openMenu .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover, .tgl-menus-air.sta-logo-center.sta-openMenu .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{left: 20px;}
356  }
357  @media(min-width:1280px){
358    .tgl-menus-air.sta-logo-center:not(.sta-show-links).sta-menu-white .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:none}
359    .tgl-menus-air.sta-logo-center:not(.sta-show-links).sta-menu-white .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-white{display:block}
360    .tgl-menus-air.sta-logo-center:not(.sta-show-links) .sta-menus-air_nav-logo{display:block;padding:10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
361    .tgl-menus-air.sta-logo-center:not(.sta-show-links) .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:block}
362    .tgl-menus-air.sta-logo-center:not(.sta-show-links) .sta-menus-air_nav .sta-menus-air_nav-wrapper{text-align:left}
363    .tgl-menus-air.sta-logo-center:not(.sta-show-links) .sta-menus-air_nav-action{position:absolute;top:0;right:0;left:auto}
364    .tgl-menus-air.sta-logo-center:not(.sta-show-links):not(.sta-book-aside) .sta-menus-air_nav-action{position:relative}
365    .tgl-menus-air.sta-logo-center:not(.sta-show-links).sta-burguer-right .sta-menus-air_nav .sta-menus-air_nav-wrapper{text-align:right}
366    .tgl-menus-air.sta-logo-center:not(.sta-show-links).sta-logoOff_top .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-white{display:none}
367  }
368  /* @media(min-width:1280px) and (min-width:1680px){
369    .tgl-menus-air.sta-logo-center:not(.sta-show-links) .sta-menus-air_nav-btns{padding-left:40px}
370  } */
371  @media(min-width:1280px){
372    .tgl-menus-air.sta-logo-off:not(.sta-show-links):not(.sta-book-fixed).fn-show-logo .sta-menus-air_nav-logo{display:block;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
373    .tgl-menus-air.sta-logo-off:not(.sta-show-links):not(.sta-book-fixed).fn-show-logo .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:block}
374    .tgl-menus-air.sta-logo-off:not(.sta-show-links):not(.sta-book-fixed) .sta-menus-air_nav .sta-menus-air_nav-wrapper{text-align:left}
375    .tgl-menus-air.sta-logo-off:not(.sta-show-links):not(.sta-book-fixed) .sta-menus-air_nav-action{position:absolute;top:0;right:0;left:auto}
376  }
377  @media(min-width:1280px) and (min-width:1680px){
378    .tgl-menus-air.sta-logo-off:not(.sta-show-links):not(.sta-book-fixed) .sta-menus-air_nav-btns{padding-left:40px}
379  }
380  @media(min-width:1280px){
381    .tgl-menus-air.sta-logo-off .sta-menus-air_nav-logo{display:none}
382  }
383  @media(min-width:1280px){
384    /* .tgl-menus-air.sta-book-fixed.sta-motorRedirect.fn-show-book .sta-menus-air_nav-action-btn.sta-scroll-book{display:none} */
385    .tgl-menus-air.sta-book-fixed.sta-motorScroll.fn-show-book .sta-menus-air_nav-action-btn.sta-scroll-book{display:inline-block}
386    /* .tgl-menus-air.sta-book-fixed.fn-show-book .sta-menus-air_nav-action-btn.sta-scroll-book{display:inline-block} */
387    /* .tgl-menus-air.sta-book-fixed.sta-motorScroll .sta-menus-air_nav-action-btn.sta-scroll-book, */
388    /* .tgl-menus-air.sta-book-fixed .sta-menus-air_nav-action-btn{display:none} */
389    .tgl-menus-air.sta-logo-center.sta-burguer-right .sta-menus-air_nav-morebtns,
390    .tgl-menus-air.sta-book-fixed:not(.sta-logo-between_links):not(.fn-show-book) .sta-menus-air_nav-morebtns{/* padding-right:20px */}
391    .tgl-menus-air.sta-book-fixed.sta-motorScroll.fn-show-book .sta-menus-air_nav-action-btn.sta-scroll-book{display: grid;transition:all cubic-bezier(.785,.135,.15,.86) .1s;}
392    .tgl-menus-air.sta-book-fixed.sta-motorScroll .sta-menus-air_nav-action-btn.sta-scroll-book {display: inline-block;transition:all cubic-bezier(.785,.135,.15,.86) .1s;}
393  }
394  @media(min-width:1280px){
395    .tgl-menus-air.sta-logo-center:not(.sta-show-links).fn-show-book.sta-logo-center .sta-menus-air_nav-logo{display:block;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
396  }
397  @media(min-width:1680px){
398    .tgl-menus-air.sta-logo-center.sta-burguer-right .sta-menus-air_nav-morebtns,
399    .tgl-menus-air.sta-book-fixed:not(.sta-logo-between_links):not(.fn-show-book) .sta-menus-air_nav-morebtns{/* padding-right:25px */}
400  }
401  @media(max-width:1679px){
402    .tgl-menus-air .sta-menus-air_links-element.fn-logo{display:none}
403  }
404  @media(min-width:1280px){
405    .tgl-menus-air.sta-show-links .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:block}
406    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu){
407    position:static;width:auto;height:auto;overflow:visible;opacity:1;pointer-events:auto;display:inline-block;vertical-align:middle;background-color:transparent}
408    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-photo,
409    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_nav-links-close{display:none}
410    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper{padding:0 15px;width:auto;font-size:0}
411    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element{display:inline-block;vertical-align:middle;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
412    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element{vertical-align:top}
413    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element:not(.fn-logo){margin-top:35px}
414    .tgl-menus-air.sta-logo-between_links.sta-show-links.sta-book-aside.sta-logo-off .sta-menus-air_nav-morebtns{vertical-align:top;margin-top:12px}
415    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper{padding:12px 10px 10px;border:none}
416    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper:after,.tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper:before{content:none}
417    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text{position:relative;font:700 15px/1 Catamaran,sans-serif}
418    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text:after{content:'';position:absolute;top:calc(100% + 5px);left:50%;width:0;height:1px;background-color:#c2a472;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
419    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element:focus>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text,.tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element:hover>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text{color:#c2a472;transition:color .5s}
420    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper:focus>.sta-menus-air_links-element-text:after,.tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper:hover>.sta-menus-air_links-element-text:after{width:100%}
421  }
422  @media(min-width:1280px) and (min-width:1680px){
423    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper{padding:15px 15px 13px}
424    .tgl-menus-air.sta-show-links .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text{font-size:16px}
425  }
426  @media(min-width:1280px){
427    .tgl-menus-air.sta-show-links .sta-menus-air_nav-btns{display:none}
428  }
429  @media(min-width:1280px){
430    .tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:focus .sta-menus-air_links-element-text,.tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:hover .sta-menus-air_links-element-text{color:#fff}
431    .tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:focus .sta-menus-air_links-element-text:after,.tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:hover .sta-menus-air_links-element-text:after{width:100%!important}
432    .tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-text{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.3)}
433    .tgl-menus-air.sta-menu-white.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-text:after{background-color:#fff!important}
434    .tgl-menus-air.sta-menu-white .sta-menus-air_nav{top:40px;background-color:transparent}
435    .tgl-menus-air.sta-menu-white .sta-menus-air_nav .sta-menus-air_nav-wrapper{border-bottom:none}
436    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-logo{padding-top:0}
437    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:none}
438    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-white{display:block;width:170px;height:auto;filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, .3))}
439    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element.sta-secondary:after{background-color:#fff}
440    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.3)}
441    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-icon,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-text,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-icon,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-text{color:#fff}
442    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-icon:after,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-icon:after{color:#fff}
443    .tgl-menus-air.sta-menu-white .sta-menus-air_languages .sta-menus-air_languages-wrapper{background-color:rgba(0,0,0,.6)}
444    .tgl-menus-air.sta-menu-white .sta-menus-air_languages-element .sta-menus-air_element-btn{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}
445    .tgl-menus-air.sta-menu-white .sta-menus-air_languages-element .sta-menus-air_element-btn:before{color:#fff}
446    .tgl-menus-air.sta-menu-white .sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active{color:#fff}
447    .tgl-menus-air.sta-menu-white .sta-menus-air_languages-element .sta-menus-air_element-btn:focus,
448    .tgl-menus-air.sta-menu-white .sta-menus-air_languages-element .sta-menus-air_element-btn:hover{color:#fff}
449    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{color:#fff}
450    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element.sta-lang.sta-lang-planet .sta-menus-air_morebtns-element-wrapper:after{color:#fff}
451    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:before{background-color:#fff}
452    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{top:calc(100% + 10px)}
453    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-wrapper{border-color:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.3)}
454    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-text{color:#fff}
455    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-icon:before{color:#fff}
456    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:hover.sta-lang .sta-menus-air_morebtns-element-wrapper:after,
457    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:focus.sta-lang .sta-menus-air_morebtns-element-wrapper:after{color:#C2A472}
458    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:focus.sta-lang .sta-menus-air_morebtns-element-wrapper:before,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:hover.sta-lang .sta-menus-air_morebtns-element-wrapper:before{color:#fff}
459    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-wrapper,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:hover .
459sta-menus-air_morebtns-element-wrapper{background-color:#fff;border-color:transparent}
460    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text,.tgl-menus-air.sta-menu-whi.tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_nav-links-closete .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text{color:#c2a472}
461    .tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-icon:before,.tgl-menus-air.sta-menu-white .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-icon:before{color:#c2a472}
462    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-text{color: #c2a472}
463  }
464  .tgl-menus-air .sta-menus-air_nav{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;-webkit-transition:background cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:background cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:background cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:background cubic-bezier(.785,.135,.15,.86) .7s;transition:background cubic-bezier(.785,.135,.15,.86) .7s}
465  .tgl-menus-air.sta-dispo .sta-menus-air_nav{position:relative;z-index: 60;}
466  .tgl-menus-air.sta-dispo.sta-openMenu .sta-menus-air_nav{z-index: 999;}
467  .tgl-menus-air .sta-menus-air_nav .sta-menus-air_nav-wrapper{position:relative;height:70px;border-top:1px solid #cccbcc;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s;border-bottom: 1px solid #cccbcc;}
468  .tgl-menus-air.sta-dispo.sta-openMenu .sta-menus-air_nav .sta-menus-air_nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:70}
469
470  @media(min-width:768px){
471    .tgl-menus-air .sta-menus-air_nav .sta-menus-air_nav-wrapper{height:80px}
472  }
473  @media(min-width:1024px){
474    .tgl-menus-air .sta-menus-air_nav{bottom:auto;top:0;position:absolute}
475    .tgl-menus-air.sta-fixed .sta-menus-air_nav{position:fixed}
476    .tgl-menus-air.sta-dispo.sta-fixed .sta-menus-air_nav{position:relative}
477    .tgl-menus-air .sta-menus-air_nav .sta-menus-air_nav-wrapper{border-top:none;text-align:right;font-size:0}
478  }
479  @media(min-width:1680px){
480    .tgl-menus-air .sta-menus-air_nav .sta-menus-air_nav-wrapper{height:90px}
481  }
482  .tgl-menus-air .sta-menus-air_nav-action-aside{display:none}
483  .tgl-menus-air .sta-menus-air_nav-logo{display:none;color:#C2A472}/* color for javaScript */
484  .tgl-menus-air.sta-dispo .sta-menus-air_nav-logo{height:100%;display:flex;justify-content:center;align-items:center}
485  .tgl-menus-air.sta-dispo .sta-menus-air_nav-logo a{display:flex;height:100%; align-items: center}
486  .tgl-menus-air.sta-dispo .sta-menus-air_nav-logo .sta-menus-air_logo-img{display:none;height:57.5%;width:auto;}
487  .tgl-menus-air.sta-dispo .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:block}
488  .tgl-menus-air.fn-show-book .sta-menus-air_nav-logo {left: 0;margin-left: 0;}
489  @media(min-width:1024px){
490    .tgl-menus-air .sta-menus-air_nav-logo{display:block;position:absolute;left:0;margin-left:0;top:0;height:100%;padding:10px 0 10px 40px;transition: all cubic-bezier(.785,.135,.15,.86) .7s;}
491    .tgl-menus-air .sta-menus-air_nav-logo a{display:block;height:100%}
492    .tgl-menus-air .sta-menus-air_nav-logo .sta-menus-air_logo-img{display:none;height:100%;width:auto}
493    .tgl-menus-air .sta-menus-air_nav-logo .sta-menus-air_logo-img.sta-simple{display:block}
494    .tgl-menus-air.sta-dispo .sta-menus-air_nav-logo .sta-menus-air_logo-img{height:100%;margin-top:0}
495    .tgl-menus-air.sta-show-links .sta-menus-air_nav-logo {left: 0;margin-left: 0;transition: all cubic-bezier(.785,.135,.15,.86) .7s;}
496  }
497  @media(min-width:1680px){
498    .tgl-menus-air .sta-menus-air_nav-logo{padding:20px 0 20px 45px}
499  }
500  .tgl-menus-air .sta-menus-air_nav-links{position:fixed;top:0;left:0;width:100%;height:calc(100% - 70px);background-color:#f3f3f3;overflow:hidden;overflow-y:auto;display:none;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
501  .tgl-menus-air.sta-menuDesplegable .sta-menus-air_nav-links{-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .5s, z-index 0s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .5s, z-index 0s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .5s, z-index 0s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .5s, z-index 0s;transition:all cubic-bezier(.785,.135,.15,.86) .5s, z-index 0s}
502  .tgl-menus-air.sta-dispo .sta-menus-air_nav-links{z-index:200}
503  .tgl-menus-air.sta-dispo .sta-menus-air_nav-links{height:100%}
504  .tgl-menus-air .sta-menus-air_nav-links.fn-open{display:block}
505  .tgl-menus-air .sta-menus-air_nav-links.sta-submenu{z-index:2}
506  .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_nav-links-close{display:none}
507  .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding:30px 50px 55px}
508  .tgl-menus-air.sta-dispo .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding-top:75px}
509  .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-title{font:700 12px/1 Catamaran,sans-serif;text-transform:uppercase;
509color:#7b7777;letter-spacing:.05em;padding-bottom:10px;opacity:1!important}
510  .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links .sta-menus-air_links-title{display:none}
511  @media(max-width:374px){
512    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding:15px 30px 55px}
513  }
514  @media(min-width:768px){
515    .tgl-menus-air .sta-menus-air_nav-links{height:calc(100% - 80px)}
516    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding:40px 90px 75px}
517    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-title{padding-top:30px}
518  }
519  @media(min-width:1024px){
520    .tgl-menus-air .sta-menus-air_nav-links{bottom:0;top:auto}
521    /* .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_nav-links-close{display:block;position:absolute;top:22px;right:22px} */
522    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_nav-links-close{display:block;position:fixed;top:102px;right:39px}
523    .tgl-menus-air.sta-dispo .sta-menus-air_nav-links .sta-menus-air_nav-links-close{top:20px}
524    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding:60px 65px 75px;max-width:720px;margin:0 auto;text-align:left}
525  }
526  @media(min-width:1280px){
527    .tgl-menus-air .sta-menus-air_nav-links{font-size:0;text-align:left}
528    .tgl-menus-air .sta-menus-air_nav-links:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;opacity:0}
529    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{display:inline-block;vertical-align:middle;width:50%;max-width:inherit;padding:60px 65px 75px 85px}
530  }
531  @media(min-width:1366px){
532    .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-wrapper{padding:60px 115px 75px}
533  }
534  @media(min-width:1680px){
535    .tgl-menus-air .sta-menus-air_nav-links{height:calc(100% - 90px)}
536  }
537  .tgl-menus-air .sta-menus-air_links-btn{margin-top:20px;opacity:1!important}
538  @media(min-width:768px){
539    .tgl-menus-air .sta-menus-air_links-btn{margin-top:40px}
540  }
541  @media(min-width:1280px){
542    .tgl-menus-air .sta-menus-air_links-btn{margin-left:-25px}
543    .tgl-menus-air.sta-dispo.sta-openMenu .sta-menus-air_nav .sta-menus-air_nav-wrapper{position:relative;top:auto;left:auto;right:auto;z-index:auto}
544  }
545  .tgl-menus-air .sta-menus-air_links-element.sta-idiomasMenu .sta-menus-air_links-element-wrapper{padding:13px 0 11px 30px;position:relative}
546  .tgl-menus-air .sta-menus-air_links-element.sta-idiomasMenu .sta-menus-air_links-element-wrapper:after{content:'\e004';position:absolute;left:0;top:50%;font:24px/1px Icons}
547  .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper{display:block;padding:20px 0 4px;border-bottom:1px solid #cccbcc}
548  .tgl-menus-air .sta-menus-air_links-element.sta-child .sta-menus-air_links-element-wrapper{position:relative}
549  .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper[role="button"]{cursor:pointer}
550  .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-text{font:700 15px/1.6666666667 Catamaran,sans-serif;letter-spacing:.03em;color:#474242;text-transform:uppercase;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
551  .tgl-menus-air .sta-menus-air_nav-links .sta-menus-air_links-title:empty{display:none}
552  .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-subtext{font:400 12px/1 Catamaran,sans-serif;color:#7b7777;letter-spacing:.02em;padding:2px 0 4px}
553  .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-subtext:empty{display:none}
554  @media(max-width:374px){
555    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper{padding:15px 0 2px}
556  }
557  @media(min-width:500px){
558    .tgl-menus-air .sta-menus-air_links-element.sta-idiomasMenu{display: none;}
559  }
560  @media(min-width:768px){
561    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper{padding:30px 0 5px}
562    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-text{display:inline-block;vertical-align:middle;font-size:20px;letter-spacing:.1em}
563    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-subtext{display:inline-block;vertical-align:middle;font-size:14px;letter-spacing:.04em;padding:5px 0 0 10px}
564    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-subtext:before{content:'/';display:inline-block;vertical-align:middle;margin-right:10px}
565  }
566  @media(min-width:1024px){
567    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper{padding:20px 0 4px}
568  }
569  @media(min-width:1280px){
570    .tgl-menus-air .sta-menus-air_links-element{-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
571    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element{transition:none}
572    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper{position:relative;padding:24px 0 6px;cursor:pointer}
573    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:before{content:'\e91f';position:absolute;right:15px;bottom:16px;font-family:icomoon;
573font-size:7px;color:#c2a472;opacity:0;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
574    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:2px;background-color:#c2a472;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
575    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:focus:before,.tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:hover:before{right:10px;opacity:1}
576    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:focus:after,.tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:hover:after{width:30px}
577    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:focus .sta-menus-air_links-element-text,.tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:hover .sta-menus-air_links-element-text{color:#c2a472}
578    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-text{font-size:18px}
579    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-subtext{font-size:16px}
580    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-logo{display:none}
581  }
582  @media(min-width:1800px){
583    .tgl-menus-air .sta-menus-air_links-element .sta-menus-air_links-element-text{font-size:20px}
584  }
585  .tgl-menus-air .sta-menus-air_links-photo{display:none}
586  @media(min-width:1280px){
587    .tgl-menus-air .sta-menus-air_links-photo{display:inline-block;vertical-align:middle;height:100%;width:50%;padding:80px 80px 80px 0}
588    .tgl-menus-air .sta-menus-air_links-photo .sta-menus-air_photo-img{display:block;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#fff;border-radius:4px}
589  }
590  @media(min-width:1680px){
591    .tgl-menus-air .sta-menus-air_links-photo{padding:90px}
592  }
593  .tgl-menus-air .sta-menus-air_nav-btns{position:absolute;left:0;top:0;height:100%;font-size:0;padding:0 8px}
594  .noscroll .tgl-menus-air.sta-dispo .sta-menus-air_nav-links.fn-open + .sta-menus-air_nav-btns{z-index:200}
595  .tgl-menus-air .sta-menus-air_nav-btns:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;opacity:0;pointer-events:none}
596  @media(min-width:540px){
597    .tgl-menus-air .sta-menus-air_nav-btns{padding:0 15px}
598  }
599  @media(min-width:1024px){
600    .tgl-menus-air .sta-menus-air_nav-btns{position:relative;display:inline-block;vertical-align:middle;padding:0}
601  }
602  @media(min-width:1280px){
603    .tgl-menus-air .sta-menus-air_nav-btns:focus>:not(:hover),.tgl-menus-air .sta-menus-air_nav-btns:hover>:not(:hover){opacity:.7}
604  }
605  .tgl-menus-air .sta-menus-air_nav-btns-element{position:relative;display:inline-block;vertical-align:middle;padding:5px 9px;cursor:pointer}
606  .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{position:absolute;top:100%;left:0;width:100%;font:700 9px/1 Catamaran,sans-serif;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis}
607  .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon{font-size:31px}
608  @media(max-width:374px){
609    .tgl-menus-air .sta-menus-air_nav-btns-element{padding:2px 8px}
610    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon{font-size:25px}
611  }
612  @media(max-width:1023px){
613    .tgl-menus-air .sta-menus-air_nav-btns-element.fn-close .sta-menus-air_btns-element-icon:before{content:'\e916'}
614  }
615  @media(min-width:540px){
616    .tgl-menus-air .sta-menus-air_nav-btns-element{padding:5px 15px}
617    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{font-size:11px}
618  }
619  @media(min-width:1024px){
620    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{transition:all cubic-bezier(.785,.135,.15,.86) .1s}
621    .tgl-menus-air .sta-menus-air_nav-btns-element{padding:10px 25px;font-size:0}
622    /* .tgl-menus-air .sta-menus-air_nav-btns-element.fn-close .icon-menu:before{content: "\e916";} */
623    .tgl-menus-air .sta-menus-air_nav-btns-element.fn-close{display:none}
624    .tgl-menus-air .sta-menus-air_nav-btns-element.sta-secondary:after{content:'';position:absolute;
624top:calc(50% - 10px);right:0;width:1px;height:20px;background-color:#474242}
625    .tgl-menus-air .sta-menus-air_nav-btns-element.sta-secondary .sta-menus-air_btns-element-icon{display:none}
626    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{position:relative;top:0;display:inline-block;vertical-align:middle;font:600 24px/1 Catamaran,sans-serif;letter-spacing:.06em;width:auto;padding-top:3px;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
627    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon{display:inline-block;vertical-align:middle;padding-left:20px;}
628  }
629  @media(min-width:1280px){
630    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-icon:after,
631    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-icon:after,
632    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-icon:before,
633    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-icon:before{color: #c2a472}
634    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon:after{transition:all cubic-bezier(.785,.135,.15,.86) .1s}
635    .tgl-menus-air .sta-menus-air_nav-btns-element{transition:all cubic-bezier(.785,.135,.15,.86) .7s}
636    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon{position:relative;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
637    .tgl-menus-air .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon:after{content:'\e91f';position:absolute;left:0;top:calc(50% - 5px);font-size:7px;color:#c2a472;opacity:0;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
638    .tgl-menus-air .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-text,
639    .tgl-menus-air .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-text{color:#c2a472}
640    .tgl-menus-air .sta-menus-air_nav-btns-element:focus .sta-menus-air_btns-element-icon:after,
641    .tgl-menus-air .sta-menus-air_nav-btns-element:hover .sta-menus-air_btns-element-icon:after{opacity:1;left:5px}
642  }
643  .tgl-menus-air .sta-menus-air_nav-morebtns{position:absolute;right:0;top:0;height:100%;font-size:0;padding:0 8px}
644  .tgl-menus-air .sta-menus-air_nav-morebtns:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;opacity:0;pointer-events:none}
645  @media(min-width:540px){
646    .tgl-menus-air .sta-menus-air_nav-morebtns{padding:0 15px}
647  }
648  @media(min-width:1024px){
649    .tgl-menus-air .sta-menus-air_nav-morebtns{position:relative;display:inline-block;vertical-align:middle;padding:0}
650  }
651  .tgl-menus-air .sta-menus-air_nav-morebtns-element{position:relative;vertical-align:middle;padding:5px 16px;display:none;cursor:pointer}
652  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang{display:inline-block;padding:0}
653  /* .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper{display:none} */
654  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{content:'\e920';position:absolute;bottom:calc(100% + 6px);left:calc(50% - 2px);font-family:icomoon;font-size:6px;color:#474242;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
655  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{display: none;}
656  .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{content:'\e91e';top:calc(100% + 6px);bottom:auto}
657  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang.sta-notIdiomas .sta-menus-air_morebtns-element-wrapper:before{content:none}
658  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang.sta-lang-planet .sta-menus-air_morebtns-element-wrapper{border:none}
659  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang.sta-lang-planet .sta-menus-air_morebtns-element-wrapper:after{content:'\e929';position:absolute;top:0;left:0;font-family:'icomoon';font-size:33px;color:#474242;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
660  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang.sta-lang-planet .sta-menus-air_morebtns-element-text{display:none}
661  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-wrapper{position:relative;width:33px;
661height:33px;border:2px solid #474242;border-radius:50%;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
662  .noscroll .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked + .sta-menus-air_morebtns-element-wrapper{z-index:187}
663  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-text{position:absolute;top:50%;left:0;width:100%;text-align:center;font:700 13px/1px Catamaran,sans-serif;text-transform:uppercase;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
664  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-icon{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center}
665  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-icon:before{display:inline-block;font-size:15px;color:#474242;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
666  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{position:absolute;bottom:calc(100% + 30px);right:0;width:180px;text-align:center;padding:8px 0 5px;border-radius:4px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.4);font:600 18px/1 Catamaran,sans-serif;color:#474242;letter-spacing:.05em;visibility:hidden;opacity:0;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);transform-origin:center top;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
667  .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{top:calc(100% + 30px);right:0;bottom:auto;z-index:61}
668  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{content:'\e91e';position:absolute;top:calc(100% - 1px);right:21px;font-family:icomoon;font-size:7px;color:#fff;text-shadow:0 3px 4px rgba(0,0,0,.4);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
669  .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{bottom:calc(100% - 1px);top:auto;content:'\e920';text-shadow:0 -3px 4px rgba(0,0,0,.4)}
670  @media(min-width:500px){
671    .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{left:calc(50% - 80px);right:auto}
672    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{left:calc(50% - 90px);right:auto}
673    .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before,
674    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{left:calc(50% - 3px);right:auto}
675    .tgl-menus-air .sta-menus-air_nav-morebtns-element{display:inline-block}
676    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang{padding:5px 16px}
677    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper{display:block}
678    .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element.sta-lang input:checked ~ .sta-menus-air_morebtns-element-wrapper{display:none}
679  }
680  .tgl-menus-air .sta-menus-air_nav-morebtns .sta-menus-air_nav-morebtns-element.sta-tels:only-child .sta-menus-air_morebtns-element-hover{left:auto;right:0}
681  .tgl-menus-air .sta-menus-air_nav-morebtns .sta-menus-air_nav-morebtns-element.sta-tels:only-child .sta-menus-air_morebtns-element-hover:before{left:auto;right:35px}
682  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover a{display:block;margin-top:5px;color:#474242;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
683  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover a:first-child{margin-top:0}
684  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover a.sta-whatsapp:before{content:'\e075';font:14px Icons;margin-right:5px;vertical-align:middle}
685  @media(min-width:768px) and (min-width:1280px){
686    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover a:hover,
687    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover a:focus{color:#C2A472}
688  }
689  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:focus,
690  .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:hover,
691  .tgl-menus-air .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-hover,
692  .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-hover{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
693  @media(min-width:501px) and (max-width:1023px){
694    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{top:auto;bottom:calc(100% + 14px);left:calc(50% - 80px);width:160px;font-size:16px}
695    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{bottom:auto;top:calc(100% - 1px)}
696    .tgl-menus-air .sta-menus-air_nav-morebtns .sta-menus-air_nav-morebtns-element.sta-tels:only-child .sta-menus-air_morebtns-element-hover:before{right:23px}
697  }
698  @media(min-width:1024px){
699    .tgl-menus-air .sta-menus-air_nav-action{padding-right: 28px;}
700    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover{top:calc(100% + 14px);bottom:auto}
701    .tgl-menus-air .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-hover:before{content:'\e920';bottom:calc(100% - 1px);top:auto;text-shadow:0 -3px 4px rgba(0,0,0,.4)}
702    .tgl-menus-air .sta-menus-air_nav-morebtns-element{padding:10px 25px}
703    .tgl-menus-air .sta-menus-air_nav-morebtns-element:before{content:'';position:absolute;top:calc(50% - 10px);left:0;width:1px;height:20px;background-color:#474242}
704    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{content:'\e91e';top:calc(100% + 6px);bottom:auto}
705    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang .sta-menus-air_morebtns-element-wrapper:before{display: block;}
706  }
707  @media(min-width:1280px){
708    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-wrapper,
709    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-wrapper{border-color: #c2a472;}
710    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-icon,
711    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-icon::before,
712    .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover.sta-lang .sta-menus-air_morebtns-element-wrapper:after,
713    .tgl-menus-air .sta-menus-air_nav-morebtns-element:focus.sta-lang .sta-menus-air_morebtns-element-wrapper:after{color:#C2A472}
714    .tgl-menus-air .sta-menus-air_nav-morebtns-element:focus.sta-lang .sta-menus-air_morebtns-element-wrapper:before,
715    .tgl-menus-air .sta-menus-air_nav-morebtns-element:hover.sta-lang .sta-menus-air_morebtns-element-wrapper:before{top:calc(100% + 9px);color:#c2a472}
716    .tgl-menus-air .sta-menus-air_nav-morebtns-element:focus .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text,.tgl-menus-air .sta-menus-air_nav-morebtns-element:hover .sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text{color:#c2a472}
717  }
718  @media(max-width:1279px){
719    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked~.sta-menus-air_languages{display:block;pointer-events:auto}
720    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked~.sta-menus-air_morebtns-element-wrapper:before{display:none}
721    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked~.sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text{font-size:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
722    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked~.sta-menus-air_morebtns-element-wrapper .sta-menus-air_morebtns-element-text:before{content:'\e916';display:inline-block;color:#474242;margin-top:-1px;font:20px/3px icomoon;}
723    .tgl-menus-air .sta-menus-air_languages{position:fixed;top:0;left:0;width:100%;height:calc(100% - 70px);font-size:0;text-align:center;background-color:#f3f3f3;display:none;pointer-events:none;overflow:hidden;overflow-y:auto}
724    .tgl-menus-air.sta-dispo .sta-menus-air_languages{z-index:200;height:100%}
725    .tgl-menus-air .sta-menus-air_languages:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%}
726    .tgl-menus-air .sta-menus-air_languages:after{content:'\e916';font:20px/29px icomoon;color:#474242;position:absolute;top:30px;right:30px;border:2px solid #474242;border-radius:50%;width:33px;text-align:center}
727    .tgl-menus-air .sta-menus-air_languages .sta-menus-air_languages-wrapper{display:inline-block;vertical-align:middle;width:240px;padding:35px 0}
728    .tgl-menus-air .sta-menus-air_languages .sta-menus-air_languages-title{font:700 12px/1 Catamaran,sans-serif;letter-spacing:.05em;
728color:#7b7777;text-transform:uppercase}
729    .tgl-menus-air .sta-menus-air_languages .sta-menus-air_languages-list{padding-top:30px}
730    .tgl-menus-air .sta-menus-air_languages-element{padding-bottom:20px}
731    .tgl-menus-air .sta-menus-air_languages-element:last-child{padding-bottom:0}
732    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn{display:block;font:700 16px/1 Catamaran,sans-serif;letter-spacing:.1em;color:#474242;text-transform:uppercase;border:2px solid #474242;border-radius:2px;padding:14px 0 11px}
733    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active{background-color:#c2a472;border-color:transparent;color:#fff}
734  }
735  @media(max-width:1279px) and (min-width:768px){
736    .tgl-menus-air .sta-menus-air_languages{height:calc(100% - 80px)}
737  }
738  @media(max-width:1279px) and (min-width:1024px){
739    .tgl-menus-air .sta-menus-air_languages{bottom:0;top:auto}
740  }
741  @media(min-width:1280px){
742    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang:hover .sta-menus-air_morebtns-element-wrapper:before{color: #c2a472;}
743    .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-lang input:checked~.sta-menus-air_languages{opacity:1;pointer-events:auto}
744    .tgl-menus-air .sta-menus-air_languages{position:absolute;top:calc(100% + 14px);right:0;text-align:left;opacity:0;pointer-events:none;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
745    .tgl-menus-air.sta-dispo .sta-menus-air_nav-morebtns-element.sta-lang input:checked ~ .sta-menus-air_morebtns-element-wrapper{display:block}
746    .tgl-menus-air.sta-dispo .sta-menus-air_languages{z-index:61}
747    .tgl-menus-air .sta-menus-air_languages .sta-menus-air_languages-wrapper{padding:10px 10px;background-color:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.3)}
748    .tgl-menus-air .sta-menus-air_languages .sta-menus-air_languages-title{display:none}
749    .tgl-menus-air .sta-menus-air_languages-element:last-child .sta-menus-air_element-btn{border-bottom:none}
750    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn{position:relative;display:block;font:400 13px/1 Catamaran,sans-serif;letter-spacing:.02em;padding:14px 0 10px;border-bottom:1px solid #cccbcc;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
751    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn:before{content:'\e91f';position:absolute;left:0;top:16px;font-family:icomoon;font-size:5px;color:#474242;opacity:0;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .7s}
752    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active{font-weight:700;padding-left:8px}
753    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active:before{opacity:1}
754    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn:focus,.tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn:hover{padding-left:8px}
755    .tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn:focus:before,.tgl-menus-air .sta-menus-air_languages-element .sta-menus-air_element-btn:hover:before{opacity:1}
756  }
757  @media(min-width:1280px) and (min-width:1680px){
758    .tgl-menus-air .sta-menus-air_languages{top:calc(100% + 19px)}
759  }
760  .tgl-menus-air .sta-menus-air_nav-action{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding-right: 28px;}
761  .tgl-menus-air.sta-dispo .sta-menus-air_nav-action{display:none}
762  @media(min-width:1024px){
763    .tgl-menus-air .sta-menus-air_nav-action{position:relative;display:inline-block;vertical-align:middle;top:0;left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;height:100%; padding-right: 0;}
764  }
765  .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn{background: #c2a472; color: #fff; border: 2px solid #c2a472;}
766  .tgl-menus-air .sta-menus-air_nav-action-btn{text-align:center;overflow:hidden;padding:13px 0 11px;width:170px;border:2px solid #474242;border-radius:2px;display:none;cursor:pointer;-webkit-transition:width cubic-bezier(.785,.135,.15,.86) .1s;-moz-transition:width cubic-bezier(.785,.135,.15,.86) .1s;-ms-transition:width cubic-bezier(.785,.135,.15,.86) .1s;-o-transition:width cubic-bezier(.785,.135,.15,.86) .1s;transition:width cubic-bezier(.785,.135,.15,.86) .1s}
767  .tgl-menus-air.sta-motorRedirect .sta-menus-air_nav-logo{left:0;margin-left: 0;transition:all cubic-bezier(.785,.135,.15,.86) .1s}
768  .tgl-menus-air.sta-motorRedirect .sta-menus-air_nav-action-btn.sta-btn-green,
769  .tgl-menus-air.sta-motorScroll .sta-menus-air_nav-action-btn.sta-scroll-book{display:block}
770  .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green{border-color:transparent;background-color:#c2a472}
771  .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green .sta-menus-air_action-btn-text{color:#fff}
772  .tgl-menus-air .sta-menus-air_nav-action-btn .sta-menus-air_action-btn-text{font:700 17px/1 Catamaran,sans-serif;letter-spacing:.1em;text-transform:uppercase;-webkit-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-moz-transition:all cubic-bezier(.785,.135,.15,.86) .7s;-ms-transition:all cubic-bezier(.785,.135,.15,.86) .2s;-o-transition:all cubic-bezier(.785,.135,.15,.86) .7s;transition:all cubic-bezier(.785,.135,.15,.86) .2s}
773  @media(max-width:374px){
774    .tgl-menus-air .sta-menus-air_nav-action-btn{width:140px}
775    .tgl-menus-air .sta-menus-air_nav-action-btn .sta-menus-air_action-btn-text{letter-spacing:.05em}
776  }
777  @media(min-width:540px){
778    .tgl-menus-air .sta-menus-air_nav-action-btn{width:240px}
779  }
780  @media(min-width:801px){
781    .tgl-menus-air.sta-motorScroll:not(.fn-show-book):not(.sta-openMenu) .sta-menus-air_nav-action-btn.sta-scroll-book{width: 0;opacity: 0; border:0;padding:0;display: none;transition: all cubic-bezier(.785,.135,.15,.86) .1s;}
782    .tgl-menus-air.sta-motorScroll.fn-show-book .sta-menus-air_nav-action-btn.sta-scroll-book{width: 250px;opacity: 1;}
783  }
784  @media(min-width:1024px){
785    .tgl-menus-air .sta-menus-air_nav-action-btn{font-size:0;width:250px;margin:14px 25px 14px 0}
786    .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green{height:100%;margin:0;border-radius:0}
787    .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green .sta-menus-air_action-btn-text{font-size:24px}
788    .tgl-menus-air .sta-menus-air_nav-action-btn:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;opacity:0;pointer-events:none}
789    .tgl-menus-air .sta-menus-air_nav-action-btn .sta-menus-air_action-btn-text{display:inline-block;vertical-align:middle;font-size:18px;letter-spacing:.06em;padding-top:3px}
790  }
791  @media(min-width:1280px){
792    .sta-btnReverse .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn.sta-btn-green:hover{background-color: #d2d2d2;border-color: #d2d2d2;}
793    .sta-btnReverse .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn.sta-btn-green:hover .sta-menus-air_action-btn-text{color:#474242}
794    .sta-btnReverse .tgl-menus-air.sta-reservaGrey.sta-textReservaGC  .sta-menus-air_nav-action-btn.sta-btn-green:hover .sta-menus-air_action-btn-text{color: #C2A472;}
795    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green:hover{background-color: #c2a472;border-color: #c2a472;}
796    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn.sta-btn-green:hover .sta-menus-air_action-btn-text{color:#fff}
797    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn:focus,
798    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn:hover{background: none; border-color: #474242;}
799
800    .tgl-menus-air .sta-menus-air_nav-action-btn:focus,
801    .tgl-menus-air .sta-menus-air_nav-action-btn:hover{background-color:#c2a472;border-color:transparent}
802    .tgl-menus-air .sta-menus-air_nav-action-btn:focus.sta-btn-green,
803    .tgl-menus-air .sta-menus-air_nav-action-btn:hover.sta-btn-green{background-color:#474242}
804    .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn:focus.sta-btn-green,
805    .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn:hover.sta-btn-green{background-color:#d2d2d2}
806    .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn:focus.sta-btn-green .sta-menus-air_action-btn-text,
807    .tgl-menus-air.sta-reservaGrey .sta-menus-air_nav-action-btn:hover.sta-btn-green .sta-menus-air_action-btn-text{color:#000}
808    .tgl-menus-air.sta-textReservaGC .sta-menus-air_nav-action-btn:focus.sta-btn-green .sta-menus-air_action-btn-text,
809    .tgl-menus-air.sta-textReservaGC .sta-menus-air_nav-action-btn:hover.sta-btn-green .sta-menus-air_action-btn-text{color:#C2A472}
810    .tgl-menus-air .sta-menus-air_nav-action-btn:focus .sta-menus-air_action-btn-text,
811    .tgl-menus-air .sta-menus-air_nav-action-btn:hover .sta-menus-air_action-btn-text{color:#fff}
812    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn:focus .sta-menus-air_action-btn-text,
813    .sta-btnReverse .tgl-menus-air .sta-menus-air_nav-action-btn:hover .sta-menus-air_action-btn-text{color: #474242;} 
814  }
815  @media(min-width:1680px){
816    .tgl-menus-air .sta-menus-air_nav-action-btn{margin:20px 25px 20px 0}
817  }
818  @media(min-width:1800px){
819    .tgl-menus-air .sta-menus-air_nav-action-btn{width:260px}
820  }
821
822
823  @media(min-width:801px){
824    .tgl-motor-air #default_sygy_element_engine>div>div{max-width:none}
825    .tgl-motor-air #default_sygy_element_engine>div>div>div{max-width:980px;margin:0 auto}
826  }
827
828  @media(min-width:1280px){
829    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element.sta-child{position:relative}
830    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element.sta-child:hover .sta-menus-air_nav-links{opacity:1;visibility:visible;transition:opacity .5s,visibility .5s,z-index 0s;z-index:1}
831    .tgl-menus-air.sta-menuDesplegable.sta-show-links.sta-menu-white .sta-menus-air_nav-links:not(.sta-submenu)>.sta-menus-air_links-wrapper>.sta-menus-air_links-element.sta-child>.sta-menus-air_links-element-wrapper>.sta-menus-air_links-element-text:after{content:none}
832    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element,
833    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-text{transition:none}
834    /* .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links{display:none;opacity:0;overflow:hidden} */
835    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:after,
836    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links:before{content:none}
837    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links.sta-submenu{height:auto;width:250px;text-align:center;background-color:#fff;border-radius:10px;position:absolute;top:50px;left:50%;margin-left:-125px;overflow:visible;display:block;bottom:auto;visibility:hidden;opacity:0;z-index:0}
838
839    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-text{font-size:16px}
840    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element .sta-menus-air_links-element-wrapper:before{content:none}
841    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links .sta-menus-air_links-element .sta-menus-air_links-wrapper{padding:0;width:100%;text-align:center}
842    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element.sta-child .sta-menus-air_links-element-wrapper{padding:15px 10px 12px}
843    
844    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-btn.sta-btn-moreinfo_back{display:none}
845    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_nav-links .sta-menus-air_nav-links-close{display:none}
846    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-photo{display:none}
847
848    .tgl-menus-air.sta-menuDesplegable.sta-show-links.sta-menu-white .sta-menus-air_links-wrapper.fn-listaLinkHijos .sta-menus-air_links-element .sta-menus-air_links-element-text{color:#474242;text-shadow:none}
849    .tgl-menus-air.sta-menuDesplegable.sta-show-links.sta-menu-white .sta-menus-air_links-wrapper.fn-listaLinkHijos .sta-menus-air_links-element:hover .
849sta-menus-air_links-element-wrapper:hover .sta-menus-air_links-element-text{color:#c2a472}
850    .tgl-menus-air.sta-menuDesplegable.sta-show-links.sta-menu-white .sta-menus-air_nav-links .sta-menus-air_links-wrapper.fn-listaLinkHijos:before{content:'';border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:10px solid #fff;bottom:100%;left:50%;margin-left:-15px;width:0;height:0;position:absolute}
851    .tgl-menus-air.sta-menuDesplegable.sta-show-links .sta-menus-air_links-element:last-of-type .sta-menus-air_links-element-wrapper{border-bottom:none}
852  }
853
854  /*Inicio tgl-avisos-air*/
855.tgl-avisos-air{background:#474242;padding:15px 40px;position:relative;color:#fff;text-align:center;font:14px 'Catamaran',sans-serif;border-bottom:1px solid #cccbcc}
856.tgl-avisos-air:nth-of-type(even){background:#fff;color:#474242}
857.tgl-avisos-air .sta-avisos-air_container .sta-avisos-air_close{position:absolute;right:5px;top:50%;margin-top:-16px;width:34px;font:10px/32px 'Icons';text-align:center;display:block;cursor:pointer;border:1px solid #fff;border-radius:50%}
858.tgl-avisos-air:nth-of-type(even) .sta-avisos-air_container .sta-avisos-air_close{border-color:#474242}
859.tgl-avisos-air .sta-avisos-air_container .sta-avisos-air_close:after{content:'\e05d'}
860.tgl-avisos-air.sta-notClose .sta-avisos-air_close{display:none}
861.tgl-avisos-air .sta-avisos-air_text a{text-decoration:underline}
862@media(min-width:901px){
863  .tgl-avisos-air{padding:10px 35px;font-size:17px}
864  .tgl-avisos-air .sta-avisos-air_container .sta-avisos-air_close{top:50%;margin-top:-16px}
865  .tgl-avisos-air .sta-avisos-air_max{max-width:1240px;margin:0 auto}
866}
867/*Fin tgl-avisos-air*/
868
869/* for corporate login */
870.tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-corporate.hideLogin {
871  display: none;
872}
873.tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-corporate:not(.hideLogin) {
874  display: inline-block;
875}
876.tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-corporate .sta-menus-air_morebtns-element-wrapper{
877  display: flex;
878  align-items: center;
879  justify-content: center;
880}
881.tgl-menus-air:not(.sta-menu-white) .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-wrapper > div#cms-login > div > button svg {
882  fill: #000;
883}
884.tgl-menus-air:not(.sta-menu-white) .sta-menus-air_nav-morebtns-element:hover > .sta-menus-air_morebtns-element-wrapper > div#cms-login > div > button svg,
885.tgl-menus-air .sta-menus-air_nav-morebtns-element:hover > .sta-menus-air_morebtns-element-wrapper > div#cms-login > div > button svg {
886  fill: #000;
887}
888.tgl-menus-air .sta-menus-air_nav-morebtns-element > .sta-menus-air_morebtns-element-wrapper > div#cms-login > div > button span {
889  font-size: 20px;
890  width: 33px;
891  height: 33px;
892}
893@media(min-width:500px) {
894  .tgl-menus-air .sta-menus-air_nav-morebtns-element.sta-corporate {
895    padding: 5px 16px;
896  }
897}
898/* end for corporate login */
899
900/* Test A/B */
901
902.tgl-menus-air.testAB .sta-menus-air_nav{background-color: #0B2952 !important;}
903.tgl-menus-air.testAB .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-wrapper {border-color: #fff !important;}
904.tgl-menus-air.testAB .sta-menus-air_action-btn-text{color:#0B2952 !important;}
905.tgl-menus-air.testAB .sta-menus-air_nav-action-btn .sta-menus-air_action-btn-text{color:#0B2952 !important;}
906.tgl-menus-air.testAB .sta-menus-air_nav-action-btn{background-color: #fff !important; border-color: #fff !important;}
907.tgl-menus-air.testAB .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-icon:before{color:#fff !important;}
908.tgl-menus-air.testAB .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-text{color:#fff !important;}
909.tgl-menus-air.testAB .sta-menus-air_nav-morebtns-element .sta-menus-air_morebtns-element-text{color: #fff !important;}
910.tgl-menus-air.testAB .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-text{color:#fff !important}
911.tgl-menus-air.testAB .sta-menus-air_nav-wrapper .sta-menus-air_nav-btns-element .sta-menus-air_btns-element-icon::before{color: #fff !important;}
912</style>
913  <!-- END Critical css -->
914
915  <!-- THEME -->
916  
916<script type="module">
917    import {importFonts} from '/templates/cadenas/corporativaair/js/libraries/keytelFunctions.js';
918    // import { importFonts } from '/src/libraries/keytelFunctions.js';
919
920    (function () {
921        const themeFonts = [
922            { family: 'Catamaran', weights: '100;200;300;400;500;600;700;800;900' },
923            { family: 'Catamaran', weights: '100;200;300;400;500;600;700;800;900' },
924            { family: 'Catamaran', weights: '100;200;300;400;500;600;700;800;900' },
925        ];
926        importFonts(themeFonts);
927    })();
928</script>
928
929
930<style>
931	/* =========================
932		DEFAULT VALUES
933	========================== */
934	:root{
935
936		/* Colors */
937		--color-principal: #000;
938
939		--color-background: #f3f3f3;
940		--color-cards: #fff;
941
942		--color-text: #000;
943		--color-text-secondary: #ffffff;
944
945		--color-text-buttons: #fff;
946		--color-shadow-box: #0000001a;
947
948		/* Fonts */
949		--font-title: 'Roboto', sans-serif;
950		--font-subtitle: 'Roboto', sans-serif;
951		--font-body: 'Roboto', sans-serif;
952
953		--font-size-base: clamp(14px, 2vw, 16px);
954		--font-size-h5: clamp(15px, 2.5vw, 18px);
955		--font-size-h4: clamp(17px, 3vw, 20px);
956		--font-size-h3: clamp(21px, 3.5vw, 26px);
957		--font-size-h2: clamp(28px, 4vw, 34px);
958		--font-size-h1: clamp(36px, 4.5vw, 56px);
959
960		--font-size-buttons: clamp(16px, 2.5vw, 18px);
961		--font-size-buttons-small: clamp(14px, 2vw, 16px);
962
963		/* Radius */
964		--radius-elements: 16px;
965		--radius-buttons: 100px;
966		--radius-buttons-secondary: 100px;
967
968		/* Spacing*/
969		--spacing-title: clamp(16px, 3vw, 24px);
970		--spacing-subtitle: clamp(16px, 3vw, 24px);
971
972		--spacing-items: clamp(16px, 3vw, 24px);
973
974		--spacing-items-image: clamp(16px, 3vw, 24px);
975		--spacing-items-title: clamp(12px, 2vw, 16px);
976		--spacing-items-subtitle: clamp(12px, 2vw, 16px);
977
978	}
979
980	/* ==========
981		OVERRIDES
982	============= */
983	/*#region Colors*/
984	@supports (color: #530b34) {
985		:root { --color-principal: #530b34; }
986	}
987
988	@supports (color: #ffffff) {
989		:root { --color-background: #ffffff; }
990	}
991
992	@supports (color: ) {
993		:root { --color-cards: ; }
994	}
995
996	@supports (color: ) {
997		:root { --color-text: ; }
998	}
999
1000	@supports (color: ) {
1001		:root { --color-text-secondary: ; }
1002	}
1003
1004	@supports (color: ) {
1005		:root { --color-text-buttons: ; }
1006	}
1007
1008	@supports (color: ) {
1009		:root { --color-shadow-box: ; }
1010	}
1011	/*#endregion Colors*/
1012
1013	@supports (font-family: Catamaran) {
1014		:root { --font-title: Catamaran, sans-serif; }
1015	}
1016
1017	@supports (font-family: Catamaran) {
1018		:root { --font-subtitle: Catamaran, var(--font-title), sans-serif; }
1019	}
1020
1021	@supports (font-family: Catamaran) {
1022		:root { --font-body: Catamaran, sans-serif; }
1023	}
1024
1025	/*Clamping values using GOOGLE recomended ratios*/
1026	@supports (font-size: ) {
1027		:root { --font-size-base: clamp(calc( * 0.875), 2vw, ); }
1028	}
1029
1030	@supports (font-size: ) {
1031		:root { --font-size-h1: clamp(calc( * 0.82), 4vw, ); }
1032	}
1033
1034	@supports (font-size: ) {
1035		:root { --font-size-h2: clamp(calc( * 0.82), 4vw, ); }
1036	}
1037
1038	@supports (font-size: ) {
1039		:root { --font-size-h3: clamp(calc( * 0.8), 3.5vw, ); }
1040	}
1041
1042	@supports (font-size: ) {
1043		:root { --font-size-h4: clamp(calc( * 0.85), 3vw, ); }
1044	}
1045
1046	@supports (font-size: ) {
1047		:root { --font-size-h5: clamp(calc( * 0.85), 2.5vw, ); }
1048	}
1049
1050	@supports (font-size: ) {
1051		:root { --font-size-buttons: clamp(calc( * 0.88), 2.5vw, ); }
1052	}
1053
1054	@supports (font-size: ) {
1055		:root { --font-size-buttons-small: clamp(calc( * 0.85), 2vw, ); }
1056	}
1057 
1058	/*#endregion Fonts*/
1059
1060	/*#region Radius*/
1061	@supports (border-radius: ) {
1062		:root { --radius-elements: ; }
1063	}
1064
1065	@supports (border-radius: ) {
1066		:root { --radius-buttons: ; }
1067	}
1068
1069	@supports (border-radius: ) {
1070		:root { --radius-buttons-secondary: ; }
1071	}
1072	/*#endregion Radius*/
1073
1074	/*#endregion Spacing*/
1075	@supports (margin: ) {
1076		:root { --spacing-title: clamp(calc( * 0.7), 3vw, ); }
1077	}
1078
1079	@supports (margin: ) {
1080		:root { --spacing-subtitle: clamp(calc( * 0.7), 3vw, ); }
1081	}
1082
1083	@supports (margin: ) {
1084		:root { --spacing-items: clamp(calc( * 0.7), 3vw, ); }
1085	}
1086
1087	@supports (margin: ) {
1088		:root { --spacing-items-image: clamp(calc( * 0.7), 3vw, ); }
1089	}
1090
1091	@supports (margin: ) {
1092		:root { --spacing-items-title: clamp(calc( * 0.75), 2vw, ); }
1093	}
1094
1095	@supports (margin: ) {
1096		:root { --spacing-items-subtitle: clamp(calc( * 0.75), 2vw, ); }
1097	}
1098	/*#endregion Spacing*/
1099</style>
1100
1101  <!-- END THEME-->
1102
1103  <link rel="canonical" href="https://www.hoteldonablanca.com/fr/home" />
1104  <link rel="preload" href="/templates/cadenas/air/css/style.css?_=202504220925" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
1105  <noscript><link rel="stylesheet" href="/templates/cadenas/air/css/style.css?_=202504220925"></noscript>
1106
1107  <!-- Arabic Style -->
1108  <link rel="preload" href="/templates/cadenas/air/css/arStyle.css?_=202403070948" as="style" onload="this.onload=null;'fr' === 'ar' ? this.rel='stylesheet' : false"/>
1109  <noscript><link rel="stylesheet" href="/templates/cadenas/air/css/arStyle.css?_=202428061420"></noscript>
1110  <!-- END Arabic Style -->
1111
1112  
1113  <link rel="preload" class="gamaCromatica" href="/templates/cadenas/air/css/colors/530b34.css?_=202410081021" as="style" onload="this.onload=null;this.rel='stylesheet'">
1114  <noscript><link rel="stylesheet" href="/templates/cadenas/air/css/colors/530b34.css?_=202410081021"></noscript>
1115  
1116
1117  <!-- SWIPER IMPORT -->
1118  <link rel="preload" href="/js/libraries/swiper/swiper.min.css?_=202405290837" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
1119  <noscript><link rel="stylesheet" href="/js/libraries/swiper/swiper.min.css?_=202405290837"></noscript>
1120  
1120<script src="/js/libraries/swiper/swiper.js?_=202405290837" defer></script>
1120
1121  <!-- END SWIPER IMPORT -->
1122
1123  <!-- SCROLL -->
1124  
1124<script src="/templates/cadenas/corporativaair/js/data-scroll.js" defer></script>
1124
1125  <!-- END SCROLL -->
1126
1127  <!-- Plantilla fuente dual -->
1128  
1128<script>
1129    (function() {
1130        if ("".trim() === "") {
1131          var link = document.createElement("link");
1132          link.id = "font-preload";
1133          link.rel = "preload";
1134          link.href = "/templates/cadenas/air/css/fonts/Dual-font.css?_=202428061342";
1135          link.as = "style";
1136          link.onload = function() {this.onload = null;this.rel = "stylesheet";};
1137          document.head.appendChild(link);
1138        }
1139    })();
1140  </script>
1140
1141
1142  <!-- Fuente por variable -->
1143  <style>
1144    :root {
1145      --mainFont: '';
1146      --bodyFont: '';
1147      --subtitleFont: '';
1148      --backgroundColor: #f3f3f3;
1149    }
1150  </style>
1151  <link rel="preconnect" href="https://fonts.googleapis.com">
1152  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1153    
1153<script>
1154    const mainTitleFont = "";
1155    const bodyFont = "";
1156    const subtitleFont = "";
1157    function espaciosPorMas(texto) {return texto.replace(/ /g, "+");}
1158    if (!subtitleFont || subtitleFont.trim() === "") {
1159      document.documentElement.style.setProperty("--subtitleFont", bodyFont || mainTitleFont || "Catamaran");
1160    }
1161    if (mainTitleFont && bodyFont) {
1162      var linkTitle = document.createElement("link");
1163      linkTitle.rel = "stylesheet";
1164      linkTitle.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("")+"&display=swap";
1165      document.head.appendChild(linkTitle);
1166      var linkBody = document.createElement("link");
1167      linkBody.rel = "stylesheet";
1168      linkBody.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("")+"&display=swap";
1169      document.head.appendChild(linkBody);
1170      if (subtitleFont && subtitleFont !== mainTitleFont && subtitleFont !== bodyFont) {
1171        var linkSubtitle = document.createElement("link");
1172        linkSubtitle.rel = "stylesheet";
1173        linkSubtitle.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("")+"&display=swap";
1174        document.head.appendChild(linkSubtitle);
1175      }
1176    } else if(mainTitleFont && !bodyFont){
1177      document.documentElement.style.setProperty("--bodyFont", mainTitleFont);
1178      var link = document.createElement("link");
1179      link.rel = "stylesheet";
1180      link.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("")+"&display=swap";
1181      document.head.appendChild(link);
1182      if (subtitleFont && subtitleFont !== mainTitleFont) {
1183        var linkSubtitle = document.createElement("link");
1184        linkSubtitle.rel = "stylesheet";
1185        linkSubtitle.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("")+"&display=swap";
1186        document.head.appendChild(linkSubtitle);
1187      }
1188    } else {
1189      var link = document.createElement("link");
1190      link.rel = "stylesheet";
1191      link.href = "https://fonts.googleapis.com/css2?family="+espaciosPorMas("Catamaran")+"&display=swap";
1192      document.head.appendChild(link);
1193    }
1194  </script>
1194
1195
1196  
1197
1198  <link rel="preload" href="/fonts/icons.css" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
1199  <noscript><link rel="stylesheet" href="/fonts/icons.css"></noscript>
1200
1201  <link rel="preload" href="/templates/cadenas/air/fonts/icomoon/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
1202  <noscript><link rel="stylesheet" href="/templates/cadenas/air/fonts/icomoon/style.css"></noscript>
1203
1204  <link rel="preload" href="/newicons/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
1205  <noscript><link rel="stylesheet" href="/newicons/style.css"></noscript>
1206
1207  <link rel="shortcut icon" href="/templates/cadenas/air/images/hotels/SYN3536/favicon.ico" />
1208  <link rel="alternate" hreflang="x-default" href="https://www.hoteldonablanca.com/en/home"/>
1209<link rel="alternate" hreflang="fr" href="https://www.hoteldonablanca.com/fr/home"/>
1210<link rel="alternate" hreflang="es" href="https://www.hoteldonablanca.com/"/>
1211<link rel="alternate" hreflang="en" href="https://www.hoteldonablanca.com/en/home"/>
1212<link rel="alternate" hreflang="de" href="https://www.hoteldonablanca.com/de/home"/>
1213
1214
1215
1216  
1216<script rel="preload" src="/js/libraries/common/14.9.5.min.js" as="script"></script>
1216
1217  
1217<script src="/ja/controlCookies.js?_=202010261030" as="script"></script>
1217
1218
1219
1220  <!-- Google Tag Manager -->
1221  
1221<script>
vendor: 353 bytes, lines 1221-1226
1221
1222    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1223    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1224    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1225    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1226    })(window,document,'script','dataLayer','
1226GTM-WVW86LK
vendor: 7 bytes, lines 1226-1227
1226');
1227  
1227</script>
1227
1228  <!-- End Google Tag Manager -->
1229
1230  
1230<script type="text/javascript">
1231    if(!!(navigator.userAgent.match(/Trident/) && !navigator.userAgent.match(/MSIE/))){
1232      var cssFilesArr = ["/templates/cadenas/air/css/style.css?_=202111161200", "/templates/cadenas/air/css/colors/530b34.css?_=202403070948","/fonts/icons.css","/templates/cadenas/air/fonts/icomoon/style.css","https://fonts.googleapis.com/css2?family=Catamaran:wght@400;600;700&display=swap"];
1233      function loadcssfile(cssFilesArr){
1234        for(var x = 0; x < cssFilesArr.length; x++) {
1235          var fileref=document.createElement("link");
1236          fileref.setAttribute("rel", "stylesheet");
1237          fileref.setAttribute("type", "text/css");
1238          fileref.setAttribute("href", cssFilesArr[x]);
1239          document.getElementsByTagName("head")[0].appendChild(fileref);
1240        }
1241      };
1242      loadcssfile(cssFilesArr);
1243    }
1244  </script>
1244
1245
1246  <!-- Google Analytic -->
1247  
1247<script>var codhotUA = "G-SHBXZYLS9Z";</script>
1247  
1248  <!-- END Google Analytic -->
1249
1250
1251  <!-- Style Buttons Contenidos -->
1252  <style>.tableGrande{overflow:auto;width:100%;}.tableGrande table{width:100%;border:1px solid #000;border-collapse: collapse;}.tableGrande table th,.tableGrande table td{border:1px solid #000;padding:5px;}.tableGrande table tr:nth-child(even) {background-color: #dddddd;}ul.listaPersonalizada {padding-left: 20px;display: inline-block;text-align: left;}ul.listaPersonalizada li{list-style: disc;}</style>
1253  <!-- End Style Buttons Contenidos -->
1254
1255  <!-- Cookies v6 -->
1256  
1256<script type="text/javascript" src="/modulos/buscador_V6/templates/forms/js/cookies.min.js?_=2609241127"></script>
1256
1257  <!-- End Cookies v6 -->
1258
1259  <!-- Codigo Free Hotel -->
1260  <style>.editorial-content-button{display:none}.tgl-linksfoot-air .sta-linksfoot-air_element a .sta-linksfoot-air_element-header .sta-linksfoot-air_header-title:after{display:none !important}.sta-menus-air_links-wrapper li:first-child {display:none !important;}:root {--backgroundColor:#fff !important;}/*section:not([html="MENU/tgl-enginepage-air_list"]):not([html="MENU/tgl-enginepage-air"]) {--backgroundColor:#fff !important;}*/:root:root:root:root:root:root:root:root .sta-intro-air_title{color:#474242 !important}.tgl-linksfoot-air{margin-top:0px}.tgl-socialRedes-air{display:none;}section[html="MENU/tgl-enginepage-air_list"], section[html="MENU/tgl-enginepage-air"] {background-color:#f3f3f3 !important  }.sta-hero-title{text-transform: unset !important;}#header, #header * { --header-bg-scrolled: black !important;}.footer-v2-wrapper .footer-v1-certs-grid{grid-template-columns: repeat(auto-fit, minmax(151px, 1fr)) !important;}.footer-v2-wrapper .footer-v1-cert-item img{max-height: 106px !important;}</style> 
1260<script>document.addEventListener('DOMContentLoaded', function () {  var paths = ['gastro-bar','mejor-tarifa-garantizada-en-nuestra-web','best-rate-guaranteed','servicios','services','frequently-asked-questions','preguntas-mas-frecuentes'];   if (paths.some(p => window.location.pathname.includes(p))) {    var el = document.querySelector('.tgl-breadcrumbs-air');    if (el) { el.style.backgroundColor = '#fff'; }  }});</script>
1260
1261  <!-- End Codigo Free Hotel -->
1262
1263    
1263<script>
1264        const { group: engine_group, hotel_code: engine_hotel_code } = {"version_cms":"2026-09-26 00:23:20","web_type":"WI","hotel_code":"SYN3536","group":"asociados","hotel_id":3536,"config":{"app_code":"cms-engine","theme_values":{"mainColor":"#530b34","thirdColor":"#4a90e2","colorFont":"#00111b","headerColorDynamicText":"#ffffff","STgoldTier":"#ab9662","STsilverTier":"#939798","STblueTier":"#506caf","fontFamily4":"Montserrat , sans-serif","resizableImages":false,"fontFamily1":"Roboto , sans-serif","fontFamily2":"DroidSerif","fontFamily3":"Icons","custom_blur":"blur(40px)","custom_padding":"20px","secondColor":"#5ca70a","calendarColor":"#ffffff","backgroundColor":"#00111b","backgroundEngine":"(255,255,255,0)","headerColorFont":"#ffffff","engineColorFont":"#530b34","headerColorIcons":"#ffffff","defaultColor":null},"dropdown_position":"bottom","isolate":0,"show_date_format":"minified","show_modal_view":false,"id_button_engine":null,"links":{"transportLink":{"value":null,"icon":"e90b","target":"","showIn":"","text":{"es":{"translatable_value":"Transportes"},"ca":{"translatable_value":"Transports"},"en":{"translatable_value":"Transport"},"it":{"translatable_value":"Trasporto"},"de":{"translatable_value":"Transport"},"pt":{"translatable_value":"Transporte"},"ru":{"translatable_value":"\u0422\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442"},"nl":{"translatable_value":"Vervoer"},"fr":{"translatable_value":"Transport"},"bg":{"translatable_value":"\u0422\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442"},"vi":{"translatable_value":"V\u1eadn t\u1ea3i"},"sl":{"translatable_value":"Transferji"},"ja":{"translatable_value":"\u79fb\u7ba1"}},"url":[]},"activitiesLink":{"value":null,"showIn":"","icon":"e908","target":"","text":{"es":{"translatable_value":"Actividades"},"ca":{"translatable_value":"Activitats"},"en":{"translatable_value":"Activities"},"it":{"translatable_value":"Attivit\u00e0"},"de":{"translatable_value":"Aktivit\u00e4ten"},"pt":{"translatable_value":"Atividades"},"ru":{"translatable_value":"\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f"},"nl":{"translatable_value":"Activiteiten"},"fr":{"translatable_value":"Activit\u00e9s"},"bg":{"translatable_value":"\u0414\u0435\u0439\u043d\u043e\u0441\u0442\u0438"},"vi":{"translatable_value":"C\u00e1c ho\u1ea1t \u0111\u1ed9ng"},"sl":{"translatable_value":"Dejavnosti"},"ja":{"translatable_value":"\u6d3b\u52d5\u5185\u5bb9"}},"url":[]},"rentLink":{"value":null,"icon":"e909","showIn":"","target":"","url":[],"text":{"es":{"translatable_value":"Rentacar"},"ca":{"translatable_value":"Rentacar"},"en":{"translatable_value":"Rent a car"},"it":{"translatable_value":"Rent a car"},"de":{"translatable_value":"Rent a car"},"pt":{"translatable_value":"Rent a car"},"hu":{"translatable_value":"Rent a car"},"ar":{"translatable_value":"Rent a car"},"gl":{"translatable_value":"Rent a car"},"zi":{"translatable_value":"Rent a car"},"tr":{"translatable_value":"Rent a car"},"fr":{"translatable_value":"Rent a car"},"nl":{"translatable_value":"Rent a car"},"ru":{"translatable_value":"Rent a car"},"bg":{"translatable_value":"\u041a\u043e\u043b\u0438 \u043f\u043e\u0434 \u043d\u0430\u0435\u043c"},"vi":{"translatable_value":"Thu\u00ea m\u1ed9t chi\u1ebfc xe"},"sl":{"translatable_value":"Rentacar"},"sk":{"translatable_value":"Rentacar"},"ja":{"translatable_value":"\u30ec\u30f3\u30bf\u30ab\u30fc"}}}},"back_drop":false,"last_searchs_extended":true,"show_texts":false,"theme":"roundedThemeV2","positions":{"engine_position":"relative"},"engine_active":true,"prices_active":true,"default_lang":"autodetect","max_rooms":10,"ignore_synergy_config":true,"max_adults":8,"default_adults":2,"max_childs":4,"default_childs":0,"outer_web":true,"enable_wi_url":true,"focus_on_modal_view":false,"drop_down_list_type":false,"engine_visible":true,"enable_promotion_code":true,"engine_type":"standard"},"currency_code":"EUR","i18n":{"translationControl":{"tag":"translationControl"},"precio_subtotal":{"tag":"Montant du sous-total"},"mejor precio garantizado":{"tag":"prix minimum garanti"}
1264,"habitaci\u00f3n":{"tag":"chambre","has_plural":1,"plural":"Chambres"},"ni\u00f1o":{"tag":"enfant","has_plural":1,"plural":"enfants"},"entrada":{"tag":"entr\u00e9e"},"salida":{"tag":"d\u00e9part"},"adulto":{"tag":"adulte","has_plural":1,"plural":"adultes"},"aceptar":{"tag":"accepter"},"confirmar":{"tag":"Confirmer"},"vuelo + hotel":{"tag":"Vol + H\u00f4tel"},"aplicar":{"tag":"appliquer"},"c\u00f3digo promocional":{"tag":"code promotionnel"},"hotel":{"tag":"h\u00f4tel","has_plural":1,"plural":"h\u00f4tels"},"Insertar c\u00f3digo promocional":{"tag":"enter promo code"},"vuelo_mas_hotel_link":{"tag":null},"destino":{"tag":"destination"},"*Ni\u00f1os de 2 a 11 a\u00f1os":{"tag":"*Enfants de 2 \u00e0 11 ans"},"buscar":{"tag":"Rechercher"},"buscar por destino o por hotel":{"tag":"Rechercher par destination ou par h\u00f4tel"},"ir al listado de hoteles":{"tag":"Aller au listing des h\u00f4tels"},"no se han encontrado destinos con este nombre":{"tag":"Aucune destination avec ce nom trouv\u00e9e"},"tus \u00faltimas b\u00fasquedas":{"tag":"Vos derni\u00e8res recherches"},"\u00bfQuieres a\u00f1adir un traslado?":{"tag":"Vous souhaitez ajouter un transfert?"},"test":{"tag":null},"hoteles en":{"tag":"hotels in"},"clean_and_safe_link":{"tag":null},"insertar c\u00f3digo promocional":{"tag":"Ins\u00e9rer code promotionnel"},"tengo un c\u00f3digo de descuento":{"tag":"J\u2019ai un code promotionnel"},"aplicado":{"tag":"Appliqu\u00e9"},"c\u00f3digo descuento":{"tag":"Code promo"},"tengo un c\u00f3digo promocional":{"tag":"J\u2019ai un code promotionnel"},"rent_link":{"tag":null},"transfers_link":{"tag":null},"activities_link":{"tag":null},"transferencias":{"tag":"Transferts"},"alquileres":{"tag":"Rent a car"},"actividades":{"tag":"Activit\u00e9s"},"transportes":{"tag":"Transport"},"\u00bfA d\u00f3nde te gustar\u00eda ir?":{"tag":"O\u00f9 aimeriez-vous aller ?"},"Elige el destino o el hotel":{"tag":"Choisissez la destination ou l'h\u00f4tel"},"\u00bfCu\u00e1ndo quieres ir?":{"tag":"Quand souhaitez-vous y aller ?"},"\u00bfCu\u00e1ndo?":{"tag":"Quand ?"},"Hu\u00e9spedes":{"tag":"H\u00f4tes"},"restricci\u00f3n : Anticipaci\u00f3n m\u00ednima {value} d\u00edas":{"tag":"R\u00e9servation anticip\u00e9e: {value} jours"},"restricci\u00f3n : Estancia m\u00ednima {value} noches":{"tag":"Dur\u00e9e de s\u00e9jour minimum: {value} jours"},"restricci\u00f3n : No se permite salida permitir salida":{"tag":"D\u00e9part non disponible"},"restricci\u00f3n : No se permitir entrada":{"tag":"Arriv\u00e9e non disponible"},"* Estos precios son orientativos y podr\u00edan variar":{"tag":"* Ces prix sont donn\u00e9s \u00e0 titre indicatif et peuvent varier."},"* Precios aproximados":{"tag":"*\u00a0 Prix approximatifs."},"* Precios aproximados en {currency}":{"tag":"*\u00a0 Prix approximatifs en {currency}"},"* Precios aproximados para 2 personas.":{"tag":"*\u00a0 Prix approximatifs pour 2 personnes."},"para 2 personas.":{"tag":"pour 2 personnes."},"ocupacion":{"tag":"occupants"},"eliminar adulto":{"tag":"Remove an adult"},"a\u00f1adir adulto":{"tag":"Add an adult"},"eliminar ni\u00f1o":{"tag":"Remove a child"},"a\u00f1adir un ni\u00f1o":{"tag":"Add a child"},"eliminar habitacion completa":{"tag":"Remove entire room"},"eliminar una habitacion":{"tag":"Remove a room"},"a\u00f1adir otra habitacion":{"tag":"Ajouter une autre chambre"},"confirmar busqueda":{"tag":"Confirm search reservation"},"busca destino":{"tag":"Search for a hotel or destination"},"elige fecha":{"tag":"Select reservation date"},"elige ocupantes":{"tag":"Select occupants"},"codigo promo":{"tag":"Enter promotional code"},"cerrar busqueda":{"tag":"Close reservation search"},"coincidencia texto":{"tag":null},"a\u00f1adir ni\u00f1o":{"tag":"add a child"},"edad del ni\u00f1o":{"tag":"\u00e2ge de l'enfant","has_plural":1,"plural":"\u00e2ge des enfants"},"a\u00f1o":{"tag":"an","has_plural":1,"plural":"ans"},"motor":{"tag":"Reserver"},"siguiente":{"tag":"suivant"},"anterior":{"tag":"pr\u00e9c\u00e9dent"},"aceptar y continuar":{"tag":"Accepter et continuer"}},"lang_info":{"code":"FR","syn2_code":"fr","date_format":"DD\/MM\/YYYY","decimal_separator":",","thous
1264and_separator":"."},"avail_url":"https:\/\/www.hoteldonablanca.com\/fr\/disponibilite.html","currencies":[{"id":1,"code":"EUR","symbol":"\u20ac","name":"Euro","ratio":1,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[]},{"id":2,"code":"USD","symbol":"$","name":"Dollar des Etats-Unis","ratio":1.13751,"decimals":2,"main":1,"position":true,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[{"code":"BB","position":true,"thousand_separator":",","decimal_separator":"."},{"code":"UG","position":true,"thousand_separator":",","decimal_separator":"."},{"code":"US","position":true,"thousand_separator":",","decimal_separator":"."}]},{"id":4,"code":"GBP","symbol":"\u00a3","name":"United Kingdom Pound Sterling","ratio":0.86062,"decimals":2,"main":1,"position":true,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[]},{"id":5,"code":"ARS","symbol":"ARS","name":"Peso argentin","ratio":1728.9997,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":20,"code":"MAD","symbol":"MAD","name":"Dirham marocain","ratio":10.93773,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":28,"code":"AUD","symbol":"AUD","name":"Dollar australien","ratio":1.6177,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":29,"code":"AZN","symbol":"AZN","name":"Manat azerba\u00efdjanais","ratio":1.93379,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":41,"code":"BRL","symbol":"BRL","name":"R\u00e9al br\u00e9silien","ratio":5.889,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":43,"code":"BGN","symbol":"BGN","name":"Lev bulgare","ratio":1.9558,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":46,"code":"CAD","symbol":"CAD","name":"Dollar canadien","ratio":1.60943,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":50,"code":"CLP","symbol":"CL$","name":"Peso chilien","ratio":1095.56649,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":51,"code":"CNY","symbol":"CN\u00a5","name":"Chinese Yuan Renminbi","ratio":7.6302,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":52,"code":"COP","symbol":"COP","name":"Peso colombien","ratio":3816.48963,"decimals":0,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":55,"code":"NZD","symbol":"NZ$","name":"Dollar n\u00e9o-z\u00e9landais","ratio":2.0049,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":58,"code":"CUC","symbol":"CUC","name":"Peso cubain Convertible","ratio":1.13752,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":60,"code":"CZK","symbol":"CZK","name":"Couronne tch\u00e8que","ratio":24.399,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":61,"code":"DKK","symbol":"DKK","name":"Couronne danoise","ratio":7.4756,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":63,"code":"DOP","symbol":"DOP","name":"Peso dominicain","ratio":67.59057,"decimals":2,"main":0,"position":false,"thous
1264and_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":72,"code":"GEL","symbol":"GEL","name":"Lari g\u00e9orgien","ratio":2.95848,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":80,"code":"HKD","symbol":"HKD","name":"Dollar de Hong-Kong","ratio":8.9148,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":81,"code":"HUF","symbol":"HUF","name":"Forint hongrois","ratio":366.15,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":83,"code":"INR","symbol":"INR","name":"Roupie indienne","ratio":109.0511,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":84,"code":"IDR","symbol":"IDR","name":"Rupiah indon\u00e9sienne","ratio":20407.14,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":87,"code":"ILS","symbol":"ILS","name":"Isra\u00ebli Sheqel nouveau","ratio":3.45903,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":89,"code":"JPY","symbol":"JPY","name":"Yen japonais","ratio":180.57,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":94,"code":"KRW","symbol":"KRW","name":"Won de la Cor\u00e9e","ratio":1547.55781,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":103,"code":"CHF","symbol":"CHF","name":"Franc Suisse","ratio":0.9409,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":109,"code":"MYR","symbol":"MYR","name":"Ringgit Malaisien","ratio":4.6457,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":114,"code":"MXN","symbol":"MXN","name":"Peso mexicain","ratio":20.1525,"decimals":2,"main":0,"position":false,"thousand_separator":",","decimal_separator":".","use_symbol":false,"override":false,"exception":[]},{"id":125,"code":"NOK","symbol":"NOK","name":"Couronne norv\u00e9gienne","ratio":10.7895,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":131,"code":"PEN","symbol":"PEN","name":"Nuevo Sol p\u00e9ruvien","ratio":3.85722,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":132,"code":"PHP","symbol":"PHP","name":"Peso philippin","ratio":71.328,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":133,"code":"PLN","symbol":"PLN","name":"Zloty polonais","ratio":4.3823,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":134,"code":"QAR","symbol":"QAR","name":"Riyal qatari","ratio":4.14057,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":135,"code":"RON","symbol":"RON","name":"Leu roumain","ratio":5.2779,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":136,"code":"RUB","symbol":"RUB","name":"Rouble russe","ratio":96.46387,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":141,"code":"SAR","symbol":"SAR","name":"Riyal saoudien","ratio":4.2657,"decimals":2,"main":0,"position":false,"thous
1264and_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":145,"code":"SGD","symbol":"SGD","name":"Dollar de Singapour","ratio":1.4549,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":149,"code":"ZAR","symbol":"ZAR","name":"Rand sud-africain","ratio":18.6836,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":154,"code":"SEK","symbol":"SEK","name":"Couronne su\u00e9doise","ratio":11.2645,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":159,"code":"THB","symbol":"THB","name":"Baht tha\u00eflandais","ratio":38.057,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":163,"code":"TRY","symbol":"TRY","name":"Nouvelle livre turque","ratio":55.5332,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":167,"code":"AED","symbol":"AED","name":"Dirham des \u00c9mirats Arabes Unis","ratio":4.17754,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":172,"code":"VND","symbol":"VND","name":"Viet Nam Dong","ratio":29552,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":173,"code":"XOF","symbol":"CFA","name":"CFA d\u2019Afrique de l\u2019ouest","ratio":655.957,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]}]};
1265        window.frontLoader = window.frontLoader || {}; 
1266        if (engine_group && !window.frontLoader.group) {
1267            window.frontLoader.group = engine_group;
1268        }
1269        if(engine_hotel_code && !window.frontLoader.hotel_code){
1270            window.frontLoader.hotel_code = engine_hotel_code;
1271        }
1272    </script>
1272
1273  
1273<script>
1274    window.dataSeo = {
1275      favicon  : location.origin + "/templates/cadenas/air/images/hotels/SYN3536/favicon.ico",
1276      metaHome : "Séjournez au Doña Blanca au centre de Jerez, près des bodegas, du flamenco et des monuments, avec chambres confortables et petit-déjeuner buffet.",
1277      imgFirst : "",
1278      indice   : "https://www.hoteldonablanca.com/fr/home",
1279      idioma   : "fr",
1280      hotel    : {
1281        url       : location.origin,
1282        id        : "SYN3536",
1283        name      : "Hotel Doña Blanca",
1284        stars     : "3",
1285        address   : "Bodegas, 11",
1286        city      : "Jerez de la Frontera",
1287        province  : "Cádiz",
1288        country   : "Espagne",
1289        cp        : "11402",
1290        textTel   : "",
1291        tel       : "+34 956348761",
1292        text2Tel   : "",
1293        tel2      : "",
1294        
1295        whatsapp  : "658904524",
1296        
1297        fax       : "",
1298        mail      : "[email protected]",
1299        check_in  : "00:00",
1300        check_out : "00:00",
1301        coord     : {
1302          lat : "36.68213375",
1303          log : "-6.13457717"
1304        }
1305      },
1306      opinions  : {
1307        nota    : "0",
1308        max     : "10",
1309        min     : "0",
1310        count   : "0"
1311      },
1312      seo       : {
1313        text1   : "",
1314        text2   : ""
1315      }
1316    }
1317  </script>
1317
1318
1319  <!-- Structured Data Hotel -->
1320<script>
1321(function () {
1322
1323  var path = window.location.pathname;
1324
1325  // MISMO estilo de lógica que tu "IF ... ENDIF"
1326  var _show_structured_data = (
1327    path === '/' ||
1328    path === '/home' ||
1329    path.indexOf('/home') !== -1
1330  );
1331
1332  if (!_show_structured_data) return;
1333
1334  var script = document.createElement('script');
1335  script.type = 'application/ld+json';
1336  script.title = "Hotel";
1337
1338  script.text = JSON.stringify({
1339    "@context": "https://schema.org",
1340    "@type": ["Hotel", "LocalBusiness"],
1341    "name": "Hotel Doña Blanca",
1342    "url": "https://www.hoteldonablanca.com/fr/home",
1343    "logo": "/templates/cadenas/air/images/hotels/SYN3536/favicon.ico",
1344    "image": "",
1345    "description": "Séjournez au Doña Blanca au centre de Jerez, près des bodegas, du flamenco et des monuments, avec chambres confortables et petit-déjeuner buffet.",
1346    "address": {
1347      "@type": "PostalAddress",
1348      "streetAddress": "Bodegas, 11",
1349      "addressLocality": "Jerez de la Frontera",
1350      "postalCode": "11402",
1351      "addressCountry": "Espagne"
1352    },
1353    "starRating": {
1354      "@type": "Rating",
1355      "ratingValue": "3"
1356    },
1357    "geo": {
1358      "@type": "GeoCoordinates",
1359      "latitude": 36.68213375,
1360      "longitude": -6.13457717
1361    },
1362    "priceRange": "",
1363    "telephone": "+34 956348761",
1364    "faxNumber": "",
1365    "hasMap": "",
1366    "sameAs": "https://www.google.com/maps?cid=3901835637097558095",
1367    "email": "[email protected]"
1368    
1369    
1370  });
1371
1372  document.head.appendChild(script);
1373
1374})();
1375</script>
1375
1376  <!-- END Structured Data Hotel -->
1377</head>
1378
1379<body class="">
1380  <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 1380-1381
1380
1381  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1381GTM-WVW86LK
vendor: 86 bytes, lines 1381-1382
1381" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1382  
1382<!-- End Google Tag Manager (noscript) -->
1383
1384  <!-- Cookies -->
1385  <div cookie html="MENU/tpl-cookis.html">
1386  <!--
1387    Clase extra:
1388    "sta-idiomas" : activa el selector de idiomas dentro de las cookies
1389    "sta-backBlack" : Black version
1390  -->
1391  <input tabindex="-1" type="checkbox" id="sta-cookies" aria-label="open cookies" checked>
1392  <div class="tpl-cookie ">
1393    <input tabindex="-1" type="checkbox" id="sta-cookies_config">
1394  
1395    <div class="sta-cookie_table">
1396      <div class="sta-cookie_cell">
1397        <div class="sta-cookie_content">
1398          <div class="sta-cookie_content2">
1399            <div class="sta-cookie_logo">
1400              <div class="" tag="g_cookies_logo"></div>
1401              <div class="sta-cookie_idi">
1402                <li class="sta-menus-air_languages-element">
1403  <a href="https://www.hoteldonablanca.com/" rel="alternate" hreflang="es" class="sta-menus-air_element-btn"
1404    tabindex="0">Español</a>
1405</li>
1406<li class="sta-menus-air_languages-element">
1407  <a href="https://www.hoteldonablanca.com/en/home" rel="alternate" hreflang="en" class="sta-menus-air_element-btn"
1408    tabindex="0">English</a>
1409</li>
1410<li class="sta-menus-air_languages-element">
1411  <a href="https://www.hoteldonablanca.com/de/home" rel="alternate" hreflang="de" class="sta-menus-air_element-btn"
1412    tabindex="0">Deutsch</a>
1413</li>
1414<li class="sta-menus-air_languages-element">
1415  <a href="" rel="alternate" hreflang="fr" class="sta-menus-air_element-btn sta-active"
1416    tabindex="0">Français</a>
1417</li>
1418              </div>
1419            </div>
1420            <div class="sta-cookie_info">
1421              <div class="sta-cookie_texto" tag="g_cookies_intro">Nous utilisons des cookies propriétaires et tiers à des fins d'analyse sur l'utilisation du Web, personnalisons le contenu en fonction de vos préférences et des publicités personnalisées basées sur un profil issu de la collecte de vos habitudes de navigation. Pour plus d'informations, vous pouvez lire notre politique de cookies. Vous pouvez accepter tous les cookies via le bouton "Accepter" ou vous pouvez configurer ou refuser leur utilisation en cliquant sur "Configurer ". <a href="/FR/cookies.html" target="_blank">Politique de cookies</a></div>
1422              <div class="sta-cookie_table">
1423                <div class="sta-cookie_cell">
1424                  <label class="sta-cookie_config" for="sta-cookies_config">Configurer</label>
1425                </div>
1426                <div class="sta-cookie_cell">
1427                  <button type="button" class="sta-cookie_config fn-disableAll fn-confirm">Tout rejeter</button>
1428                </div>
1429                <div class="sta-cookie_cell">
1430                  <button type="button" class="sta-cookies_confirm fn-confirm">Accepter</button>
1431                </div>
1432              </div>
1433            </div>
1434            <div class="sta-cookies_config">
1435              <ul class="sta-cookies_lista">
1436                <li>
1437                  <div class="sta-cookies_cont">
1438                    <div class="sta-cookies_title" tag="g_cookie_title_necesarias">Cookies techniques essentiels</div>
1439                    <div tag="g_cookie_cont_necesarias">Ils sont nécessaires pour gérer la navigation sur le Web ou pour garder l'utilisateur connecté. Ils ne peuvent pas être désactivés car cela affecterait le fonctionnement du site Web.</div>
1440                    <label class="sta-cookies_label sta-disabled">
1441                      <span class="sta-cookies_icon"><span></span></span>
1442                    </label>
1443                  </div>
1444                </li>
1445                <li>
1446                  <div class="sta-cookies_cont">
1447                    <div class="sta-cookies_title" tag="g_cookie_title_person">Cookies de personnalisation</div>
1448                    <div tag="g_cookie_cont_person">Nécessaire pour se souvenir de certaines préférences de l'utilisateur.</div>
1449                    <label class="sta-cookies_label">
1450                      <input type="checkbox" checked id="functional">
1451                      <span class="sta-cookies_icon"><span></span></span>
1452                    </label>
1453                  </div>
1454                </li>
1455                <li>
1456                  <div class="sta-cookies_cont">
1457                    <div class="sta-cookies_title" tag="g_cookie_title_anali">Cookies analytiques</div>
1458                    <div tag="g_cookie_cont_anali">Ils nous aident, ainsi que des tiers, à collecter des informations sur l'utilisation du site Web, afin de réaliser des analyses statistiques afin d'améliorer la structure et le contenu.</div>
1459                    <label class="sta-cookies_label">
1460                      <input type="checkbox" checked id="analytics">
1461                      <span class="sta-cookies_icon"><span></span></span>
1462                    </label>
1463                  </div>
1464                </li>
1465                <li>
1466                  <div class="sta-cookies_cont">
1467                    <div class="sta-cookies_title" tag="g_cookie_title_publi">Cookies publicitaires comportementaux</div>
1468                    <div tag="g_cookie_cont_publi">Ils aident à collecter les habitudes de navigation de l'utilisateur pour créer un profil de ses centres d'intérêt et leur montrer des publicités adaptées à eux.</div>
1469                    <label class="sta-cookies_label">
1470                      <input type="checkbox" checked id="publicity">
1471                      <span class="sta-cookies_icon"><span></span></span>
1472                    </label>
1473                  </div>
1474                </li>
1475              </ul>
1476              <div class="sta-cookie_table">
1477                 <div class="sta-cookie_cell">
1478                  <button type="button" class="sta-cookies_confirm fn-confirm">Confirmer la sélection</button>
1479                </div>
1480                <div class="sta-cookie_cell">
1481                  <button type="button" class="sta-cookie_config fn-disableAll fn-confirm">Tout rejeter</button>
1482                </div>
1483                <div class="sta-cookie_cell">
1484                  <button type="button" class="sta-cookie_config fn-enableAll fn-confirm">Tout accepter</button>
1485                </div>
1486              </div>
1487            </div>
1488          </div>
1489        </div>
1490      </div>
1491    </div>
1492  </div>
1493</div>
1494
1495  <!-- End Cookies -->
1496
1497
1498<!-- Alertas -->
1499<div alertas class="tgl-globalAlertas-air">
1500  
1501  
1502</div>
1503<!-- END alertas -->
1504
1505<!-- Header -->
1506  <aside class="tgl-menus-air sta-menu-white sta-book-fixed _sta-book-aside sta-show-links">
1507    <nav class="site-nav background-color font-white" data-scroll="">
1508    <!-- HEADER -->
1509    <header class="header hv-1" id="header">
1510        <div class="header-content">
1511            <a href="https://www.hoteldonablanca.com/fr/home" class="logo">
1512                <img src="/templates/cadenas/air/images/hotels/SYN3536/logoofi.png" alt="Hotel Doña Blanca">
1513            </a>
1514
1515            <div class="left-section">
1516                <button class="menu-btn" id="menuBtn" onclick="toggleMenu()">Menu</button>
1517                <div class="separator"></div>
1518                <a href="/FR/contactez-nous.html" class="contactar-link">Contactez-nous</a>
1519            </div>
1520
1521            <div class="right-section">
1522                <div class="user-section">
1523                    <button class="user-icon-btn">
1524                        
1525                    </button>
1526                </div>
1527
1528                <div class="language-selector">
1529                    <button class="lang-btn" onclick="toggleLanguage()">
1530                        <span id="currentLang">Es</span>
1531                    </button>
1532                    <ul class="lang-dropdown" id="langDropdown">
1533                        <li class="sta-menus-air_languages-element">
1534  <a href="https://www.hoteldonablanca.com/" rel="alternate" hreflang="es" class="sta-menus-air_element-btn"
1535    tabindex="0">Español</a>
1536</li>
1537<li class="sta-menus-air_languages-element">
1538  <a href="https://www.hoteldonablanca.com/en/home" rel="alternate" hreflang="en" class="sta-menus-air_element-btn"
1539    tabindex="0">English</a>
1540</li>
1541<li class="sta-menus-air_languages-element">
1542  <a href="https://www.hoteldonablanca.com/de/home" rel="alternate" hreflang="de" class="sta-menus-air_element-btn"
1543    tabindex="0">Deutsch</a>
1544</li>
1545<li class="sta-menus-air_languages-element">
1546  <a href="" rel="alternate" hreflang="fr" class="sta-menus-air_element-btn sta-active"
1547    tabindex="0">Français</a>
1548</li>
1549                    </ul>
1550                </div>
1551                <button class="reservar-btn" onclick="handleReservar()">Réserver</button>
1552            </div>
1553        </div>
1554    </header>
1555
1556    <!-- BARRA INFERIOR MOBILE -->
1557    <div class="mobile-bottom-bar" id="mobileBottomBar">
1558        <button class="mobile-contactar-btn" onclick="window.location.href='/FR/contactez-nous.html'"></button>
1559        <button class="reservar-btn mobile-reservar-btn" onclick="handleReservar()">Réserver</button>
1560    </div>
1561
1562    <!-- MENÚ OVERLAY -->
1563    <div class="menu-overlay" id="menuOverlay">
1564        <div class="menu-content" id="menuContent">
1565
1566            <div class="menu-column " data-section="Hotel Doña Blanca" data-link="https://www.hoteldonablanca.com/fr/home">
1567                <h3 onclick="handleMenuClick(this)">Hotel Doña Blanca</h3>
1568                <ul>
1569
1570                </ul>
1571            </div>
1572            <div class="menu-column " data-section="Chambres" data-link="https://www.hoteldonablanca.com/fr/chambres">
1573                <h3 onclick="handleMenuClick(this)">Chambres</h3>
1574                <ul>
1575
1576                    <li>
1576<a href="https://www.hoteldonablanca.com/fr/chambre-double-avec-terrasse">Chambre double avec terrasse</a></li>
1577                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-double-standard">Chambre double standard</a></li>
1578                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-interieure">Chambre Intérieure</a></li>
1579                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-double-avec-lit-double">Chambre double avec lit double</a></li>
1580                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-familiale">Chambre Familiale</a></li>
1581                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-simple">Chambre Simple</a></li>
1582                    <li><a href="https://www.hoteldonablanca.com/fr/chambre-triple">Chambre Triple</a></li>
1583                </ul>
1584            </div>
1585            <div class="menu-column " data-section="Services" data-link="https://www.hoteldonablanca.com/fr/services">
1586                <h3 onclick="handleMenuClick(this)">Services</h3>
1587                <ul>
1588
1589                </ul>
1590            </div>
1591            <div class="menu-column " data-section="Galerie" data-link="https://www.hoteldonablanca.com/fr/galerie">
1592                <h3 onclick="handleMenuClick(this)">Galerie</h3>
1593                <ul>
1594
1595                    <li><a href="https://www.hoteldonablanca.com/fr/chambres">Chambres</a></li>
1596                    <li><a href="https://www.hoteldonablanca.com/fr/home">Hotel Doña Blanca</a></li>
1597                </ul>
1598            </div>
1599            <div class="menu-column " data-section="Destination" data-link="https://www.hoteldonablanca.com/fr/destination">
1600                <h3 onclick="handleMenuClick(this)">Destination</h3>
1601                <ul>
1602
1603                </ul>
1604            </div>
1605            <div class="menu-column " data-section="Contactez-nous" data-link="https://www.hoteldonablanca.com/fr/contactez-nous">
1606                <h3 onclick="handleMenuClick(this)">Contactez-nous</h3>
1607                <ul>
1608
1609                </ul>
1610            </div>
1611        </div>
1612    </div>
1613
1614    <!-- SUBMENU MOBILE -->
1615    <div class="submenu-view" id="submenuView">
1616        <button class="submenu-back" onclick="closeSubmenu()"></button>
1617        <div class="submenu-content">
1618            <h2 class="submenu-title" id="submenuTitle"></h2>
1619            <ul class="submenu-links" id="submenuLinks"></ul>
1620        </div>
1621    </div>
1622    
1623</nav>
1624
1625<style>        
1626:root .site-nav {
1627    /* Theme Colors */
1628    --header-bg-scrolled: var(--color-background, #fff);
1629    --header-shadow: rgba(0, 0, 0, 0.1);
1630    
1631    /* Text Colors */
1632    --text-light: #fff;
1633    --text-dark: var(--color-text, #333333);
1634    
1635    /* Overlay */
1636    --overlay-bg: rgba(0, 0, 0, 0.7);
1637    --overlay-blur: blur(3px);
1638}
1639
1640/* .site-nav * {margin: 0;padding: 0;box-sizing: border-box;} */
1641
1642/* FUENTES */
1643/* Títulos de sección del menú */
1644.site-nav .menu-column h3, .site-nav .submenu-title {font-family: var(--font-body);}
1645/* Subelementos del menú */
1646.site-nav .menu-column a, .site-nav .submenu-links a {font-family: var(--font-body);}
1647/* Botones y enlaces del header */
1648.site-nav .menu-btn, .site-nav .contactar-link, .site-nav .reservar-btn, .site-nav .lang-btn, .site-nav #langDropdown .sta-menus-air_element-btn {font-family: var(--font-body);}
1649
1650/* WHITE ICON */
1651.site-nav #header:not(.scrolled) .header-content .logo img {filter: brightness(0) invert(1);}
1652.site-nav #header .header-content .logo img {transition: transform 0.3s ease, filter 0.3s ease;}
1653
1654/* BIG ICON */
1655body:not(:has(main .cabecera-air.version-3)):not(:has(main .cabecera-air.version-4)) .site-nav.big-logo .header.hv-1:not(.scrolled) .header-content .logo img {transform: scale(1.5) translateY(14px);}
1656@media (max-width: 800px) {body:not(:has(main .cabecera-air.version-3)):not(:has(main .cabecera-air.version-4)) .site-nav.big-logo .header.hv-1:not(.scrolled) .header-content .logo img {transform: scale(1.5) translateY(14px) translateX(15px) !important;}}
1657
1658/* NAV */
1659.site-nav {position: relative;z-index: 499;}
1660
1661/* mantener comportamiento fixed de cada bloque */
1662.site-nav > .header, .site-nav > .menu-overlay, .site-nav > .submenu-view, .site-nav > .mobile-bottom-bar {position: fixed;}
1663
1664/* Background-color */
1665:root .site-nav.background-color {--header-bg-scrolled: #530b34;}
1666
1667/* Font-white */
1668:root .site-nav.font-white {--text-dark: #fff;}
1669
1670/* HEADER PRINCIPAL */
1671.sta-fixed .site-nav .header {position: fixed !important;}
1672.site-nav .header {position: absolute;top: 0;left: 0;right: 0;z-index: 499;transition: background-color 0.5s ease, box-shadow 0.5s ease;}
1673.site-nav .header.scrolled {background-color: var(--header-bg-scrolled);box-shadow: 0 2px 10px var(--header-shadow);}
1674.site-nav .header-content {max-width: 1400px;margin: 0 auto;padding: 20px 30px;display: flex;align-items: center;justify-content: space-between;}
1675
1676/* LOGO */
1677.site-nav .logo {position: absolute;left: 50%;transform: translateX(-50%);cursor: pointer;}
1678.site-nav .logo img {height: 50px;width: auto;}
1679
1680/* LADO IZQUIERDO - Desktop */
1681.site-nav .left-section {display: flex;align-items: center;gap: 25px;}
1682.site-nav .menu-btn {color: var(--text-light);text-decoration: none;font-size: 15px;cursor: pointer;transition: opacity 0.3s ease;border: none;background: none;}
1683.site-nav .header.scrolled .menu-btn {color: var(--text-dark);}
1684.site-nav .menu-btn:hover {opacity: 0.7;}
1685.site-nav .separator {width: 1px;height: 20px;background: var(--text-light);transition: background-color 0.5s ease;}
1686.site-nav .header.scrolled .separator {background: var(--text-dark);}
1687.site-nav .contactar-link {color: var(--text-light) !important;text-decoration: none;font-size: 15px;cursor: pointer;transition: opacity 0.3s ease;}
1688.site-nav .header.scrolled .contactar-link {color: var(--text-dark) !important;}
1689.site-nav .contactar-link:hover {opacity: 0.7;}
1690
1691/* LADO DERECHO - Desktop */
1692.site-nav .right-section {display: flex;align-items: center;gap: 20px;z-index: 1;}
1693
1694/* USER ICON SECTION */
1695.site-nav .user-section {position: relative;display: flex;align-items: center;}
1696.site-nav .user-icon-btn:has( > div:empty) {display: none;}
1697.site-nav .user-icon-btn {background: none;border: none;cursor: pointer;padding: 5px;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease;border: 1.5px solid var(--text-light);border-radius: var(--radius-buttons);width: 38px;height: 38px;}
1698.site-nav .user-icon-btn svg {width: 22px;height: 22px;stroke-width: 1px;transition: stroke 0.2s ease;}
1699.site-nav .user-icon-btn .injected-svg[data-src*="briefCase"] * {stroke: var(--text-light) !important;}
1700.site-nav .header.scrolled .user-icon-btn .injected-svg[data-src*="briefCase"] * {stroke: var(--text-dark) !important;}
1701.site-nav .user-icon-btn .injected-svg:not([data-src*="briefCase"]) * {stroke: var(--text-light) !important;}
1702.site-nav .header.scrolled .user-icon-btn .injected-svg:not([data-src*="briefCase"]) * {stroke: var(--text-dark) !important;}
1703.site-nav .header.scrolled .user-icon-btn {color: var(--text-dark);border-color: var(--text-dark);}
1704
1705/* SELECTOR DE IDIOMA */
1706.site-nav .language-selector {position: relative;}
1707.site-nav .lang-btn {display: flex;align-items: center;gap: 8px;background: none;border: none;color: var(--text-light);font-size: 14px;cursor: pointer;transition: opacity 0.3s ease;border: 1.5px solid var(--text-light);border-radius: var(--radius-buttons);padding: 10px;height: 38px;}
1708.site-nav .header.scrolled .lang-btn {color: var(--text-dark);border-color: var(--text-dark);}
1709.site-nav .lang-btn:hover {opacity: 0.7;}
1710.site-nav .lang-icon {width: 18px;height: 18px;}
1711.site-nav .lang-btn::before {content: '\e004';font-size: 18px;font-family: 'Icons';line-height: 1;}
1712.site-nav .lang-btn::after {content: '\e013';font-size: 10px;line-height: 1;font-family: 'Icons';}
1713.site-nav .lang-dropdown {position: absolute;top: 100%;right: 0;margin-top: 10px;background: var(--header-bg-scrolled);border-radius: var(--radius-elements);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;min-width: 150px;padding: 0;list-style: none;}
1714.site-nav .lang-dropdown.active {opacity: 1;visibility: visible;transform: translateY(0);}
1715.site-nav #langDropdown .sta-menus-air_languages-element {list-style: none !important;padding: 0 !important;}
1716.site-nav #langDropdown .sta-menus-air_element-btn {display: block;padding: 15px 20px;cursor: pointer;border-bottom: 1px solid #e0e0e0;transition: background-color 0.2s ease;color: var(--text-dark);font-size: 15px;text-decoration: none;font-weight: 400;position: relative;border-right: unset !important;border-left: unset !important;border-top: unset !important;text-align: start !important;}
1717.site-nav #langDropdown .sta-menus-air_languages-element:last-child .sta-menus-air_element-btn {border-bottom: none;}
1718.site-nav #langDropdown.sta-menus-air_element-btn:hover {background-color: #f5f5f5;}
1719.site-nav #langDropdown .sta-menus-air_element-btn.sta-active {font-weight: bold;}
1720.site-nav #langDropdown .sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active {background: transparent !important;}
1721.site-nav #langDropdown .sta-menus-air_languages-element .sta-menus-air_element-btn {text-transform: lowercase !important;}
1722.site-nav #langDropdown .sta-menus-air_languages-element .sta-menus-air_element-btn::first-letter {text-transform: uppercase !important;}
1723.site-nav a.sta-menus-air_element-btn.sta-active:after {position: absolute;right: 20px;content: "";width: 4px;height: 4px;font-size: 62px;border-radius: 100%;line-height: 0;top: calc(50% - 4px);background: var(--text-dark);}
1724.site-nav #langDropdown .sta-menus-air_element-btn.sta-active:before, .site-nav #langDropdown .sta-menus-air_languages-element .sta-menus-air_element-btn:before {content: '' !important;}
1725
1726/* BOTÓN RESERVAR */
1727.site-nav .header:not(.scrolled) .reservar-btn {background: #ffffff59;backdrop-filter: blur(3px);}
1728.site-nav .reservar-btn {background: var(--color-principal);color: var(--color-text-buttons);border: none;padding-inline: 25px;border-radius: var(--radius-buttons);font-size: 14px;cursor: pointer;transition: transform 0.3s ease, opacity 0.3s ease;font-weight: 500;height: 40px;}
1729
1730/* MENÚ OVERLAY */
1731.site-nav .menu-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-image: url('');background-size: cover;background-position: center;z-index: 496;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, visibility 0.5s ease;}
1732.site-nav .menu-overlay::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--overlay-bg);backdrop-filter: var(--overlay-blur);}
1733.site-nav .menu-overlay.active {opacity: 1;visibility: visible;}
1734.site-nav .menu-content {position: relative;z-index: 1;display: grid;grid-template-columns: repeat(4, 1fr);gap: 80px;max-width: 1200px;padding: 50px;transform: translateY(30px);transition: transform 0.5s ease 0.2s;}
1735.site-nav .menu-overlay.active .menu-content {transform: translateY(0);}
1736.site-nav .menu-column h3 {color: white;font-size: 24px;margin-bottom: 20px;display: flex;align-items: center;gap: 10px;transition: opacity 0.3s ease;}
1737.site-nav:not(.version-2):not(.version-3) .menu-column h3 {align-items: start;}
1738.site-nav .menu-column[data-link]:not([data-link=""]) h3 {cursor: pointer;}
1739.site-nav .menu-column[data-link]:not([data-link=""]) h3:hover {opacity: 0.8;}
1740.site-nav .menu-column[data-link=""] h3 {cursor: default;}
1741.site-nav .menu-column ul {list-style: none;}
1742.site-nav .menu-column li {margin-bottom: 12px;}
1743.site-nav .menu-column a {color: rgba(255, 255, 255, 0.8);text-decoration: none;font-size: 16px;transition: color 0.3s ease, transform 0.3s ease;display: inline-block;}
1744.site-nav .menu-column a:hover {color: white;transform: translateX(5px);}
1745
1746/* MOBILE STYLES */
1747@media (max-width: 800px) {
1748    .site-nav .header-content {padding: 15px 20px;justify-content: flex-start;}
1749    .site-nav .logo {position: static;transform: none;order: 1;margin-right: 20px;}
1750    .site-nav .logo img {height: 40px;width: 100%;object-fit: contain;image-rendering: auto;}
1751    .site-nav .left-section {order: 3;gap: 10px;}
1752    .site-nav .separator, .site-nav .contactar-link {display: none;}
1753    .site-nav .menu-btn {border-radius: var(--radius-buttons);padding-inline: 25px;font-weight: 500;height: 40px;}
1754    .site-nav .header:not(.scrolled) .menu-btn {background: #ffffff59;backdrop-filter: blur(3px);}
1755    .site-nav .menu-btn:hover {opacity: 1;}
1756    .site-nav .right-section {order: 2;margin-left: auto;margin-right: 10px;gap: 10px;}
1757    .site-nav .header-content .reservar-btn {display: none;}
1758    .site-nav .user-icon-btn {padding: 8px;}
1759    .site-nav .user-icon-btn:hover {opacity: 1;}
1760    .site-nav .header.scrolled .menu-btn {color: var(--text-light);background: #000;}
1761    .site-nav .lang-btn {width: 38px;height: 38px;justify-content: center;}
1762    .site-nav .lang-btn:before, .site-nav .lang-btn:after {content: '';}
1763
1764    .site-nav .lang-btn:hover {opacity: 1;}
1765
1766    /* BARRA INFERIOR MOBILE */
1767    .site-nav .mobile-bottom-bar {position: fixed;bottom: 20px;left: 20px;right: 20px;background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(30px);padding: 12px;display: flex;align-items: center;gap: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);border-radius: calc(var(--radius-buttons) + 12px);z-index: 495;transition: opacity 0.3s ease, visibility 0.3s ease;}
1768    .site-nav .mobile-bottom-bar.hidden {opacity: 0;visibility: hidden;}
1769    .site-nav .mobile-contactar-btn {width: 48px;height: 48px;background: white;border: none;border-radius: var(--radius-buttons);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: none;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);flex-shrink: 0;}
1770    .site-nav .phone-icon {width: 22px;height: 22px;stroke: #000;}
1771    .site-nav .mobile-contactar-btn::before {content: '\e07d';font-size: 22px;line-height: 1;font-family: 'Icons';color: #000;}
1772    .site-nav .mobile-reservar-btn {flex: 1;font-size: 20px;height: 48px;}
1773
1774    /* MENÚ MOBILE */
1775    .site-nav .menu-content {grid-template-columns: 1fr;gap: 0;padding: 100px 30px 30px;width: 100%;max-width: 100%;overflow-y: auto;max-height: 100vh;align-items: flex-start;}
1776    .site-nav .menu-column {border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 20px 0;}
1777    .site-nav .menu-column:last-child {border-bottom: none;}
1778    .site-nav .menu-column h3 {font-size: 20px;font-weight: 400;cursor: pointer;user-select: none;margin: unset;}
1779    .site-nav .menu-column h3:hover {opacity: 1;}
1780    .site-nav .menu-column ul {display: none;}
1781    .site-nav .menu-column h3::after {content: '\e0b4';margin-left: auto;font-family: 'Icons';font-size: 16px;line-height: 1;}
1782    .site-nav .menu-column a:hover {transform: none;}
1783
1784    /* SUBMENU MOBILE */
1785    .site-nav .submenu-view {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-image: url('');background-size: cover;background-position: center;z-index: 500;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease;}
1786    .site-nav .submenu-view::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--overlay-bg);backdrop-filter: var(--overlay-blur);}
1787    .site-nav .submenu-view.active {opacity: 1;visibility: visible;}
1788    .site-nav .submenu-content {position: relative;z-index: 1;padding: 100px 30px 30px;height: 100%;overflow-y: auto;}
1789    .site-nav .submenu-back {position: absolute;top: 20px;left: 20px;background: none;border: none;color: white;font-size: 25px;cursor: pointer;z-index: 2;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
1790    .site-nav button.submenu-back:after {content: '\e099';font-family: 'icons';}
1791    .site-nav .submenu-title {color: white;font-size: 24px;font-weight: 400;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
1792    .site-nav .submenu-title.clickable {cursor: pointer;display: flex;align-items: center;gap: 10px;}
1793    .site-nav .submenu-title.clickable::after {content: '\e084';font-size: 20px;opacity: 0.4;margin-top: 2px;font-family: 'icons';line-height: 1;transform: rotate(315deg);}
1794    .site-nav .submenu-links {list-style: none;}
1795    .site-nav .submenu-links li {margin-bottom: 20px;}
1796    .site-nav .submenu-links a {color: white;text-decoration: none;font-size: 20px;display: block;transition: none;font-weight: 300;}
1797    main.global-container.sta-init-space:not(.sta-dispo):not(.sta-mainDispo) {padding-top: 74px !important;}
1798}
1799
1800@media (min-width: 801px) {
1801    .site-nav .mobile-bottom-bar, .site-nav .submenu-view {display: none;}
1802    .site-nav .reservar-btn:hover {opacity: 0.95;}
1803    .site-nav .menu-column[data-link]:not([data-link=""]) h3::after {font-size: 18px;content: '\e084';opacity: 0.4;margin-top: 8px;font-family: 'icons';line-height: 1;transform: rotate(315deg);}
1804}
1805
1806body:has(.menu-overlay.active) .site-nav .header:not(.scrolled) .logo > img {
1807    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(48deg) brightness(110%) contrast(102%);
1808}
1809
1810.site-nav .loginStatesWrapper {z-index: 496 !important;}
1811.site-nav .user-icon-btn:not(:has(#cms-login)) {display: none !important;}
1812.site-nav .global-container.sta-init-space:not(.sta-dispo):not(.sta-mainDispo) {padding-top: 80px !important;}
1813.tgl-menus-air.sta-dispo .site-nav .header {position: relative !important;}
1814.tgl-menus-air.sta-dispo .mobile-bottom-bar {display: none !important;}
1815</style>
1816
1817<script>
1818    // Scroll effect
1819    window.addEventListener('scroll', function() {
1820        const header = document.getElementById('header');
1821        const mainContainer = document.querySelector('main.global-container');
1822        const secondChild = mainContainer ? mainContainer.children[1] : null;
1823        const hasSpecialHero = secondChild && (secondChild.classList.contains('hero-container') || secondChild.classList.contains('tgl-cover-air') || secondChild.classList.contains('cabecera-air') || secondChild.classList.contains('thanks-module'));
1824        const hasDispoMenu = document.querySelector('.tgl-menus-air.sta-dispo');
1825        
1826        if (hasDispoMenu) {
1827            header.classList.add('scrolled');
1828        } else if (!hasSpecialHero) {
1829            header.classList.add('scrolled');
1830        } else if (window.scrollY > 50) {
1831            header.classList.add('scrolled');
1832        } else {
1833            header.classList.remove('scrolled');
1834        }
1835    });
1836
1837    // Toggle menu
1838    function toggleMenu() {
1839        const overlay = document.getElementById('menuOverlay');
1840        const menuBtn = document.getElementById('menuBtn');
1841        const bottomBar = document.getElementById('mobileBottomBar');
1842        const header = document.getElementById('header');
1843        const isActive = overlay.classList.contains('active');
1844        
1845        overlay.classList.toggle('active');
1846        document.body.style.overflow = overlay.classList.contains('active') ? 'hidden' : '';
1847        
1848        if (!isActive) {
1849            header.classList.remove('scrolled');
1850        } else {
1851            window.dispatchEvent(new Event('scroll'));
1852        }
1853        
1854        menuBtn.textContent = isActive ? 'Menu' : 'Fermer';
1855        
1856        if (window.innerWidth <= 800 && bottomBar) {
1857            if (isActive) {
1858                bottomBar.classList.remove('hidden');
1859            } else {
1860                bottomBar.classList.add('hidden');
1861            }
1862        }
1863    }
1864
1865    // Handle menu click
1866    function handleMenuClick(element) {
1867        const column = element.parentElement;
1868        const link = column.dataset.link;
1869        
1870        // Desktop: ir al enlace solo si tiene data-link
1871        if (window.innerWidth > 800) {
1872            if (link && link !== '') {
1873                window.location.href = link;
1874            }
1875            return;
1876        }
1877        
1878        // Mobile: abrir submenu
1879        const section = column.dataset.section;
1880        const subsections = column.querySelectorAll('ul li a');
1881        
1882        if (subsections.length === 0) {
1883            // Si no hay subsecciones, ir al enlace
1884            if (link && link !== '') {
1885                window.location.href = link;
1886            }
1887            return;
1888        }
1889        
1890        openSubmenu(element.textContent, subsections, link);
1891    }
1892
1893    // Open submenu (mobile)
1894    function openSubmenu(title, links, mainLink) {
1895        const submenuView = document.getElementById('submenuView');
1896        const submenuTitle = document.getElementById('submenuTitle');
1897        const submenuLinks = document.getElementById('submenuLinks');
1898        
1899        submenuTitle.textContent = title;
1900        submenuLinks.innerHTML = '';
1901        
1902        // Si tiene enlace principal, hacer el título clickeable
1903        if (mainLink && mainLink !== '') {
1904            submenuTitle.classList.add('clickable');
1905            submenuTitle.onclick = function() {
1906                window.location.href = mainLink;
1907            };
1908        } else {
1909            submenuTitle.classList.remove('clickable');
1910            submenuTitle.onclick = null;
1911        }
1912        
1913        links.forEach(link => {
1914            const li = document.createElement('li');
1915            const a = document.createElement('a');
1916            a.href = link.href;
1917            a.textContent = link.textContent;
1918            li.appendChild(a);
1919            submenuLinks.appendChild(li);
1920        });
1921        
1922        submenuView.classList.add('active');
1923        document.body.style.overflow = 'hidden';
1924    }
1925
1926    // Close submenu
1927    function closeSubmenu() {
1928        const submenuView = document.getElementById('submenuView');
1929        submenuView.classList.remove('active');
1930    }
1931
1932    // Toggle language dropdown
1933    function toggleLanguage() {
1934        const dropdown = document.getElementById('langDropdown');
1935        dropdown.classList.toggle('active');
1936    }
1937
1938    // Función para limpiar menu-columns sin clase show-childs
1939    function checkAndCleanMenuColumns() {
1940        const menuColumns = document.querySelectorAll('#menuOverlay .menu-column');
1941        menuColumns.forEach(column => {
1942            if (!column.classList.contains('sta-child')) {
1943                const ul = column.querySelector('ul');
1944                if (ul) {
1945                    const lis = ul.querySelectorAll('li');
1946                    lis.forEach(li => li.remove());
1947                }
1948            }
1949        });
1950    }
1951
1952    // Inicializar
1953    document.addEventListener('DOMContentLoaded', function() {
1954        // Idioma activo
1955        let currentLangCode = 'Es';
1956        let foundLang = false;
1957        
1958        // Intentar obtener el idioma del atributo lang del HTML
1959        const htmlLang = document.documentElement.getAttribute('lang');
1960        if (htmlLang) {
1961            currentLangCode = htmlLang;
1962            foundLang = true;
1963        }
1964        
1965        // Si no se encontró en el HTML, buscar el elemento activo
1966        if (!foundLang) {
1967            const activeLink = document.querySelector('.sta-menus-air_languages-element .sta-menus-air_element-btn.sta-active');
1968            if (activeLink) {
1969                const activeLang = activeLink.getAttribute('hreflang');
1970                if (activeLang) {
1971                    currentLangCode = activeLang;
1972                }
1973            }
1974        }
1975        
1976        // Formatear: primera letra mayúscula, resto minúsculas
1977        currentLangCode = currentLangCode.charAt(0).toUpperCase() + currentLangCode.slice(1).toLowerCase();
1978        
1979        document.getElementById('currentLang').textContent = currentLangCode;
1980        
1981        // Limpiar items sin hijos
1982        checkAndCleanMenuColumns();
1983    });
1984
1985    // Close dropdown when clicking outside
1986    document.addEventListener('click', function(e) {
1987        const langSelector = document.querySelector('.language-selector');
1988        if (!langSelector.contains(e.target)) {
1989            document.getElementById('langDropdown').classList.remove('active');
1990        }
1991    });
1992
1993    // Handle Reservar button
1994    function handleReservar() {
1995        const element = document.getElementById('default_sygy_element_engine');
1996        if (element) {
1997            if (window.innerWidth <= 800) {
1998                window.document.dispatchEvent(new CustomEvent("showModalEngine"));
1999            } else {
2000                const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
2001                window.scrollTo({ top: elementPosition - 120, behavior: 'smooth' });
2002            }
2003        } else {
2004            window.location.href = 'https://www.hoteldonablanca.com/fr/reserver';
2005        }
2006    }
2007
2008    // Cerrar menú idiomas al hacer scroll
2009    window.addEventListener('scroll', function() {
2010        const container = document.querySelector('.tgl-menus-air.sta-dispo');
2011        // Solo ejecutar si está dentro del contenedor especificado
2012        if (container) {
2013            const menuDropdown = document.getElementById('langDropdown');
2014            if (menuDropdown && menuDropdown.classList.contains('active')) {
2015                menuDropdown.classList.remove('active');
2016            }
2017        }
2018    });
2019
2020    document.addEventListener('DOMContentLoaded', function() {window.dispatchEvent(new Event('scroll'));});
2021</script>
2021
2022  </aside>
2023<!-- END Header -->
2024
2025<main class="global-container">
2026  
2027  <h1 style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;">Hôtel Doña Blanca au centre de Jerez</h1>
2028  
2029  
2030
2031<div class="hero-container sta-videoMovil" style="visibility:hidden" data-scroll="">
2032
2033    <section class="tpl-hero-air" data-video-bg="cefkn90qyd" data-carousel='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/1#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/21#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/17#Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca","name":"Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca"},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/20#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""}]'>
2034        <div class="sta-hero-bg-video"></div>
2035        <div class="sta-hero-carousel"></div>
2036        
2037        <!-- Video thumbnail (solo versión 2) -->
2038        <div class="sta-hero-video-thumb" data-video-id="">
2039            <div class="wistia_embed wistia_async_ controlsVisibleOnLoad=false playButton=false autoPlay=true muted=true" style="width:100%;height:100%;">&nbsp;</div>
2040        </div>
2041        
2042        <div class="sta-hero-content">
2043            <div class="sta-hero-left">
2044                <h2 class="sta-hero-title">Séjournez au cœur de Jerez</h2>
2045                <span class="sta-hero-subtitle"></span>
2046                
2047                <!-- Botones (versión 2 y 3) -->
2048                <div class="sta-hero-buttons">
2049                    <a href="https://www.hoteldonablanca.com/fr/reserver" class="sta-hero-btn sta-hero-btn-primary"></a>
2050                    <a href="" class="sta-hero-btn sta-hero-btn-secondary"></a>
2051                    <button class="sta-hero-btn-video" onclick="openVideoModal()"></button>
2052                </div>
2053                
2054                <!-- Motor (versión 1 y 2) -->
2055                <div class="sta-hero-engine-container">
2056                    <div class="sta-hero-engine"><!-- GLOBAL Motor MONO -->
2057<script src="/modulos/myTrackings_V2/templates/public/utils/ads.min.js?_=202607070800" async></script>
vendor: 1 bytes, line 2057
2057
2058<script src="/modulos/myTrackings_V2/templates/public/js/myTrackings_V2.min.js?_=202607070800" async></script>
2058
2059
2060<script>
2061    var {config: engine_config, lang_info, i18n, currencies, group, hotel_id, hotel_code, web_type, currency_code, ...resto} = {"version_cms":"2026-09-26 00:23:20","web_type":"WI","hotel_code":"SYN3536","group":"asociados","hotel_id":3536,"config":{"app_code":"cms-engine","theme_values":{"mainColor":"#530b34","thirdColor":"#4a90e2","colorFont":"#00111b","headerColorDynamicText":"#ffffff","STgoldTier":"#ab9662","STsilverTier":"#939798","STblueTier":"#506caf","fontFamily4":"Montserrat , sans-serif","resizableImages":false,"fontFamily1":"Roboto , sans-serif","fontFamily2":"DroidSerif","fontFamily3":"Icons","custom_blur":"blur(40px)","custom_padding":"20px","secondColor":"#5ca70a","calendarColor":"#ffffff","backgroundColor":"#00111b","backgroundEngine":"(255,255,255,0)","headerColorFont":"#ffffff","engineColorFont":"#530b34","headerColorIcons":"#ffffff","defaultColor":null},"dropdown_position":"bottom","isolate":0,"show_date_format":"minified","show_modal_view":false,"id_button_engine":null,"links":{"transportLink":{"value":null,"icon":"e90b","target":"","showIn":"","text":{"es":{"translatable_value":"Transportes"},"ca":{"translatable_value":"Transports"},"en":{"translatable_value":"Transport"},"it":{"translatable_value":"Trasporto"},"de":{"translatable_value":"Transport"},"pt":{"translatable_value":"Transporte"},"ru":{"translatable_value":"\u0422\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442"},"nl":{"translatable_value":"Vervoer"},"fr":{"translatable_value":"Transport"},"bg":{"translatable_value":"\u0422\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442"},"vi":{"translatable_value":"V\u1eadn t\u1ea3i"},"sl":{"translatable_value":"Transferji"},"ja":{"translatable_value":"\u79fb\u7ba1"}},"url":[]},"activitiesLink":{"value":null,"showIn":"","icon":"e908","target":"","text":{"es":{"translatable_value":"Actividades"},"ca":{"translatable_value":"Activitats"},"en":{"translatable_value":"Activities"},"it":{"translatable_value":"Attivit\u00e0"},"de":{"translatable_value":"Aktivit\u00e4ten"},"pt":{"translatable_value":"Atividades"},"ru":{"translatable_value":"\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f"},"nl":{"translatable_value":"Activiteiten"},"fr":{"translatable_value":"Activit\u00e9s"},"bg":{"translatable_value":"\u0414\u0435\u0439\u043d\u043e\u0441\u0442\u0438"},"vi":{"translatable_value":"C\u00e1c ho\u1ea1t \u0111\u1ed9ng"},"sl":{"translatable_value":"Dejavnosti"},"ja":{"translatable_value":"\u6d3b\u52d5\u5185\u5bb9"}},"url":[]},"rentLink":{"value":null,"icon":"e909","showIn":"","target":"","url":[],"text":{"es":{"translatable_value":"Rentacar"},"ca":{"translatable_value":"Rentacar"},"en":{"translatable_value":"Rent a car"},"it":{"translatable_value":"Rent a car"},"de":{"translatable_value":"Rent a car"},"pt":{"translatable_value":"Rent a car"},"hu":{"translatable_value":"Rent a car"},"ar":{"translatable_value":"Rent a car"},"gl":{"translatable_value":"Rent a car"},"zi":{"translatable_value":"Rent a car"},"tr":{"translatable_value":"Rent a car"},"fr":{"translatable_value":"Rent a car"},"nl":{"translatable_value":"Rent a car"},"ru":{"translatable_value":"Rent a car"},"bg":{"translatable_value":"\u041a\u043e\u043b\u0438 \u043f\u043e\u0434 \u043d\u0430\u0435\u043c"},"vi":{"translatable_value":"Thu\u00ea m\u1ed9t chi\u1ebfc xe"},"sl":{"translatable_value":"Rentacar"},"sk":{"translatable_value":"Rentacar"},"ja":{"translatable_value":"\u30ec\u30f3\u30bf\u30ab\u30fc"}}}},"back_drop":false,"last_searchs_extended":true,"show_texts":false,"theme":"roundedThemeV2","positions":{"engine_position":"relative"},"engine_active":true,"prices_active":true,"default_lang":"autodetect","max_rooms":10,"ignore_synergy_config":true,"max_adults":8,"default_adults":2,"max_childs":4,"default_childs":0,"outer_web":true,"enable_wi_url":true,"focus_on_modal_view":false,"drop_down_list_type":false,"engine_visible":true,"enable_promotion_code":true,"engine_type":"standard"},"currency_code":"EUR","i18n":{"translationControl":{"tag":"translationControl"},"precio_subtotal":{"tag":"Montant du sous-total"},"mejor precio garantizado":{"tag":"prix minimum garanti"}
2061,"habitaci\u00f3n":{"tag":"chambre","has_plural":1,"plural":"Chambres"},"ni\u00f1o":{"tag":"enfant","has_plural":1,"plural":"enfants"},"entrada":{"tag":"entr\u00e9e"},"salida":{"tag":"d\u00e9part"},"adulto":{"tag":"adulte","has_plural":1,"plural":"adultes"},"aceptar":{"tag":"accepter"},"confirmar":{"tag":"Confirmer"},"vuelo + hotel":{"tag":"Vol + H\u00f4tel"},"aplicar":{"tag":"appliquer"},"c\u00f3digo promocional":{"tag":"code promotionnel"},"hotel":{"tag":"h\u00f4tel","has_plural":1,"plural":"h\u00f4tels"},"Insertar c\u00f3digo promocional":{"tag":"enter promo code"},"vuelo_mas_hotel_link":{"tag":null},"destino":{"tag":"destination"},"*Ni\u00f1os de 2 a 11 a\u00f1os":{"tag":"*Enfants de 2 \u00e0 11 ans"},"buscar":{"tag":"Rechercher"},"buscar por destino o por hotel":{"tag":"Rechercher par destination ou par h\u00f4tel"},"ir al listado de hoteles":{"tag":"Aller au listing des h\u00f4tels"},"no se han encontrado destinos con este nombre":{"tag":"Aucune destination avec ce nom trouv\u00e9e"},"tus \u00faltimas b\u00fasquedas":{"tag":"Vos derni\u00e8res recherches"},"\u00bfQuieres a\u00f1adir un traslado?":{"tag":"Vous souhaitez ajouter un transfert?"},"test":{"tag":null},"hoteles en":{"tag":"hotels in"},"clean_and_safe_link":{"tag":null},"insertar c\u00f3digo promocional":{"tag":"Ins\u00e9rer code promotionnel"},"tengo un c\u00f3digo de descuento":{"tag":"J\u2019ai un code promotionnel"},"aplicado":{"tag":"Appliqu\u00e9"},"c\u00f3digo descuento":{"tag":"Code promo"},"tengo un c\u00f3digo promocional":{"tag":"J\u2019ai un code promotionnel"},"rent_link":{"tag":null},"transfers_link":{"tag":null},"activities_link":{"tag":null},"transferencias":{"tag":"Transferts"},"alquileres":{"tag":"Rent a car"},"actividades":{"tag":"Activit\u00e9s"},"transportes":{"tag":"Transport"},"\u00bfA d\u00f3nde te gustar\u00eda ir?":{"tag":"O\u00f9 aimeriez-vous aller ?"},"Elige el destino o el hotel":{"tag":"Choisissez la destination ou l'h\u00f4tel"},"\u00bfCu\u00e1ndo quieres ir?":{"tag":"Quand souhaitez-vous y aller ?"},"\u00bfCu\u00e1ndo?":{"tag":"Quand ?"},"Hu\u00e9spedes":{"tag":"H\u00f4tes"},"restricci\u00f3n : Anticipaci\u00f3n m\u00ednima {value} d\u00edas":{"tag":"R\u00e9servation anticip\u00e9e: {value} jours"},"restricci\u00f3n : Estancia m\u00ednima {value} noches":{"tag":"Dur\u00e9e de s\u00e9jour minimum: {value} jours"},"restricci\u00f3n : No se permite salida permitir salida":{"tag":"D\u00e9part non disponible"},"restricci\u00f3n : No se permitir entrada":{"tag":"Arriv\u00e9e non disponible"},"* Estos precios son orientativos y podr\u00edan variar":{"tag":"* Ces prix sont donn\u00e9s \u00e0 titre indicatif et peuvent varier."},"* Precios aproximados":{"tag":"*\u00a0 Prix approximatifs."},"* Precios aproximados en {currency}":{"tag":"*\u00a0 Prix approximatifs en {currency}"},"* Precios aproximados para 2 personas.":{"tag":"*\u00a0 Prix approximatifs pour 2 personnes."},"para 2 personas.":{"tag":"pour 2 personnes."},"ocupacion":{"tag":"occupants"},"eliminar adulto":{"tag":"Remove an adult"},"a\u00f1adir adulto":{"tag":"Add an adult"},"eliminar ni\u00f1o":{"tag":"Remove a child"},"a\u00f1adir un ni\u00f1o":{"tag":"Add a child"},"eliminar habitacion completa":{"tag":"Remove entire room"},"eliminar una habitacion":{"tag":"Remove a room"},"a\u00f1adir otra habitacion":{"tag":"Ajouter une autre chambre"},"confirmar busqueda":{"tag":"Confirm search reservation"},"busca destino":{"tag":"Search for a hotel or destination"},"elige fecha":{"tag":"Select reservation date"},"elige ocupantes":{"tag":"Select occupants"},"codigo promo":{"tag":"Enter promotional code"},"cerrar busqueda":{"tag":"Close reservation search"},"coincidencia texto":{"tag":null},"a\u00f1adir ni\u00f1o":{"tag":"add a child"},"edad del ni\u00f1o":{"tag":"\u00e2ge de l'enfant","has_plural":1,"plural":"\u00e2ge des enfants"},"a\u00f1o":{"tag":"an","has_plural":1,"plural":"ans"},"motor":{"tag":"Reserver"},"siguiente":{"tag":"suivant"},"anterior":{"tag":"pr\u00e9c\u00e9dent"},"aceptar y continuar":{"tag":"Accepter et continuer"}},"lang_info":{"code":"FR","syn2_code":"fr","date_format":"DD\/MM\/YYYY","decimal_separator":",","thous
2061and_separator":"."},"avail_url":"https:\/\/www.hoteldonablanca.com\/fr\/disponibilite.html","currencies":[{"id":1,"code":"EUR","symbol":"\u20ac","name":"Euro","ratio":1,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[]},{"id":2,"code":"USD","symbol":"$","name":"Dollar des Etats-Unis","ratio":1.13751,"decimals":2,"main":1,"position":true,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[{"code":"BB","position":true,"thousand_separator":",","decimal_separator":"."},{"code":"UG","position":true,"thousand_separator":",","decimal_separator":"."},{"code":"US","position":true,"thousand_separator":",","decimal_separator":"."}]},{"id":4,"code":"GBP","symbol":"\u00a3","name":"United Kingdom Pound Sterling","ratio":0.86062,"decimals":2,"main":1,"position":true,"thousand_separator":".","decimal_separator":",","use_symbol":true,"override":false,"exception":[]},{"id":5,"code":"ARS","symbol":"ARS","name":"Peso argentin","ratio":1728.9997,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":20,"code":"MAD","symbol":"MAD","name":"Dirham marocain","ratio":10.93773,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":28,"code":"AUD","symbol":"AUD","name":"Dollar australien","ratio":1.6177,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":29,"code":"AZN","symbol":"AZN","name":"Manat azerba\u00efdjanais","ratio":1.93379,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":41,"code":"BRL","symbol":"BRL","name":"R\u00e9al br\u00e9silien","ratio":5.889,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":43,"code":"BGN","symbol":"BGN","name":"Lev bulgare","ratio":1.9558,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":46,"code":"CAD","symbol":"CAD","name":"Dollar canadien","ratio":1.60943,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":50,"code":"CLP","symbol":"CL$","name":"Peso chilien","ratio":1095.56649,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":51,"code":"CNY","symbol":"CN\u00a5","name":"Chinese Yuan Renminbi","ratio":7.6302,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":52,"code":"COP","symbol":"COP","name":"Peso colombien","ratio":3816.48963,"decimals":0,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":55,"code":"NZD","symbol":"NZ$","name":"Dollar n\u00e9o-z\u00e9landais","ratio":2.0049,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":58,"code":"CUC","symbol":"CUC","name":"Peso cubain Convertible","ratio":1.13752,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":60,"code":"CZK","symbol":"CZK","name":"Couronne tch\u00e8que","ratio":24.399,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":61,"code":"DKK","symbol":"DKK","name":"Couronne danoise","ratio":7.4756,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":63,"code":"DOP","symbol":"DOP","name":"Peso dominicain","ratio":67.59057,"decimals":2,"main":0,"position":false,"thous
2061and_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":72,"code":"GEL","symbol":"GEL","name":"Lari g\u00e9orgien","ratio":2.95848,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":80,"code":"HKD","symbol":"HKD","name":"Dollar de Hong-Kong","ratio":8.9148,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":81,"code":"HUF","symbol":"HUF","name":"Forint hongrois","ratio":366.15,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":83,"code":"INR","symbol":"INR","name":"Roupie indienne","ratio":109.0511,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":84,"code":"IDR","symbol":"IDR","name":"Rupiah indon\u00e9sienne","ratio":20407.14,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":87,"code":"ILS","symbol":"ILS","name":"Isra\u00ebli Sheqel nouveau","ratio":3.45903,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":89,"code":"JPY","symbol":"JPY","name":"Yen japonais","ratio":180.57,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":94,"code":"KRW","symbol":"KRW","name":"Won de la Cor\u00e9e","ratio":1547.55781,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":103,"code":"CHF","symbol":"CHF","name":"Franc Suisse","ratio":0.9409,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":109,"code":"MYR","symbol":"MYR","name":"Ringgit Malaisien","ratio":4.6457,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":114,"code":"MXN","symbol":"MXN","name":"Peso mexicain","ratio":20.1525,"decimals":2,"main":0,"position":false,"thousand_separator":",","decimal_separator":".","use_symbol":false,"override":false,"exception":[]},{"id":125,"code":"NOK","symbol":"NOK","name":"Couronne norv\u00e9gienne","ratio":10.7895,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":131,"code":"PEN","symbol":"PEN","name":"Nuevo Sol p\u00e9ruvien","ratio":3.85722,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":132,"code":"PHP","symbol":"PHP","name":"Peso philippin","ratio":71.328,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":133,"code":"PLN","symbol":"PLN","name":"Zloty polonais","ratio":4.3823,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":134,"code":"QAR","symbol":"QAR","name":"Riyal qatari","ratio":4.14057,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":135,"code":"RON","symbol":"RON","name":"Leu roumain","ratio":5.2779,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":136,"code":"RUB","symbol":"RUB","name":"Rouble russe","ratio":96.46387,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":141,"code":"SAR","symbol":"SAR","name":"Riyal saoudien","ratio":4.2657,"decimals":2,"main":0,"position":false,"thous
2061and_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":145,"code":"SGD","symbol":"SGD","name":"Dollar de Singapour","ratio":1.4549,"decimals":2,"main":1,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":149,"code":"ZAR","symbol":"ZAR","name":"Rand sud-africain","ratio":18.6836,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":154,"code":"SEK","symbol":"SEK","name":"Couronne su\u00e9doise","ratio":11.2645,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":159,"code":"THB","symbol":"THB","name":"Baht tha\u00eflandais","ratio":38.057,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":163,"code":"TRY","symbol":"TRY","name":"Nouvelle livre turque","ratio":55.5332,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":167,"code":"AED","symbol":"AED","name":"Dirham des \u00c9mirats Arabes Unis","ratio":4.17754,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":172,"code":"VND","symbol":"VND","name":"Viet Nam Dong","ratio":29552,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]},{"id":173,"code":"XOF","symbol":"CFA","name":"CFA d\u2019Afrique de l\u2019ouest","ratio":655.957,"decimals":2,"main":0,"position":false,"thousand_separator":".","decimal_separator":",","use_symbol":false,"override":false,"exception":[]}]};
2062	window.frontLoader = window.frontLoader || {};	
2063	window.frontLoader['cms-engine'] = {config: {...engine_config, ...resto}, i18n};
2064
2065	if (lang_info && !window.frontLoader.lang_info) {
2066        window.frontLoader.lang_info = lang_info;
2067    }
2068
2069    if (currencies && !window.frontLoader.currencies) {
2070        window.frontLoader.currencies = currencies;
2071    }
2072
2073    if (group && !window.frontLoader.group) {
2074        window.frontLoader.group = group;
2075    }
2076
2077    if (hotel_id && !window.frontLoader.hotel_id) {
2078        window.frontLoader.hotel_id = hotel_id;
2079    }
2080
2081    if (hotel_code && !window.frontLoader.hotel_code) {
2082        window.frontLoader.hotel_code = hotel_code;
2083    }
2084
2085    if (web_type && !window.frontLoader.web_type) {
2086        window.frontLoader.web_type = web_type;
2087    }
2088
2089    if (currency_code && !window.frontLoader.currency_code) {
2090        window.frontLoader.currency_code = currency_code;
2091    }
2092
2093    
2094    const migration  = true;
2095    if (!migration) {
2096		window.frontLoader['cms-engine'].config = _.defaults({
2097			engine_visible:false,
2098		}, window.frontLoader['cms-engine'].config);
2099	}
2100</script>
2100
2101<div>
2102    <div id="default_sygy_element_engine" ></div>
2103</div>
2104<script
2105        src="/igm/synergycms_searchengine/build/static/js/main.js?_=2609241127">
2106</script>
2106
2107
2108<!--  -->
2109 </div>
2110                </div>
2111            </div>
2112            
2113            <!-- Imagen derecha (solo versión 3) -->
2114            <div class="sta-hero-right">
2115                <div class="sta-hero-carousel-v3"></div>
2116                <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/1#Hotel Doña Blanca_Jerez de la Frontera_Hôtel Doña Blanca au centre de Jerez">
2117                <div class="sta-hero-bg-video"></div>
2118            </div>
2119        </div>
2120        
2121        <!-- Scroll (solo versión 1) -->
2122        <div class="sta-hero-scroll">
2123            <div class="sta-hero-scroll-arrow"></div>
2124            <span class="sta-hero-scroll-text"></span>
2125        </div>
2126        
2127
2128    </section>
2129    
2130    
2131    <!-- Modal de video compartida entre versiones -->
2132    <div class="sta-hero-video-modal" id="videoModal">
2133        <button class="sta-hero-video-modal-close" onclick="closeVideoModal()">×</button>
2134        <div class="sta-hero-video-modal-content" id="modalVideoContainer">
2135        </div>
2136    </div>
2137</div>
2138<style>
2139.tgl-menus-air{z-index: 202 !important};
2140
2141.sta-hero-engine-container{z-index: 100;}
2142
2143
2144 /* VARIABLES Y CONFIGURACIÓN */
2145.hero-container {position: relative; visibility: visible !important;}
2146.hero-container.background-color {--backgroundColor: ;}
2147.hero-container.background-color.show-version-3 .sta-hero-left {background-color: var(--backgroundColor) !important;}
2148.hero-container.font-white.show-version-3 .sta-hero-title,
2149.hero-container.font-white.show-version-3 .sta-hero-subtitle,
2150.hero-container.font-white.show-version-3 .sta-hero-btn-video {color: var(--color-text-secondary) !important;}
2151.hero-container.font-white.show-version-3 .sta-hero-btn-video::before {background: var(--color-text-secondary) !important;}
2152.hero-container.font-white.show-version-3 .sta-hero-btn-video::after {border-left-color: var(--color-text) !important;}
2153
2154 /* CONTENEDOR PRINCIPAL */
2155.tpl-hero-air {position: relative;width: 100%;padding-top: 80px;min-height:100vh;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;background-repeat: no-repeat;font-family: var(--font-body);}
2156.tpl-hero-air:not(.show-version-3) {background-image: url('') !important;}
2157
2158 /* VIDEO DE FONDO */
2159.sta-hero-bg-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;display: none;overflow: hidden;}
2160.sta-hero-bg-video .wistia_embed {width: 100%;height: 100%;}
2161.sta-hero-bg-video .wistia_embed video {object-fit: cover !important;width: 100% !important;height: 100% !important;}
2162.sta-hero-bg-video iframe {position: absolute;top: 50%;left: 50%;width: 100vw;height: 100vh;transform: translate(-50%, -50%);object-fit: cover;}
2163.sta-hero-bg-video::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;pointer-events: none;}
2164.hero-container.no-filter .sta-hero-bg-video::after {display: none;}
2165
2166 /* CONTENIDO Y LAYOUT */
2167.sta-hero-content {width: 100%;max-width: 1400px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: var(--color-text-secondary);position: relative;}
2168.sta-hero-left {width: 100%;}
2169.sta-hero-right {display: none;}
2170
2171 /* TÍTULOS Y SUBTÍTULOS */
2172.sta-hero-title {font-family: var(--font-title) !important;font-weight: 600;line-height: 1.1;margin-bottom: var(--spacing-title);letter-spacing: 1px;text-transform: uppercase;font-size: calc(var(--font-size-h2) * 1.65);}
2173.sta-hero-subtitle {font-family: var(--font-subtitle) !important;font-weight: 300;line-height: 1.5;margin-bottom: calc(var(--spacing-subtitle) * 1.67);display: block;font-size: var(--font-size-h3);}
2174
2175 /* BOTONES GENERALES */
2176.sta-hero-btn {display: inline-block;padding: 15px 0px;color: var(--color-text-secondary);text-decoration: none;font-size: var(--font-size-buttons-small);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;transition: all 0.3s ease;cursor: pointer;margin-top: var(--spacing-items);}
2177.sta-hero-btn-primary {position: absolute;bottom: 0;left: 0;width: 100%;background: var(--color-principal);color: var(--color-text-buttons);border: none;border-radius: 0;text-align: center;padding: 18px 0;margin: 0;z-index: 10;display: inline-block;}
2178.sta-hero-btn-primary:hover {background: color-mix(in srgb, var(--color-principal) 85%, #000);color: var(--color-text-buttons);}
2179.sta-hero-buttons {display: none;}
2180.sta-hero-btn-video {display: none;}
2181.sta-hero-btn-secondary {display: none;}
2182
2183 /* MODAL DE VIDEO */
2184.sta-hero-video-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 9999;align-items: center;justify-content: center;}
2185.sta-hero-video-modal.active {display: flex;}
2186.sta-hero-video-modal-content {width: 90%;max-width: 1200px;aspect-ratio: 16/9;position: relative;}
2187.sta-hero-video-modal-close {position: absolute;top: -20px;right: 0;color: var(--color-text-secondary);font-size: 32px;
2187cursor: pointer;background: none;border: none;padding: 10px;}
2188
2189 /* CARRUSEL DE IMÁGENES */
2190.sta-hero-carousel {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;}
2191.sta-hero-carousel-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 0;}
2192.sta-hero-carousel-item.active {opacity: 1;}
2193.sta-hero-carousel-v3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;display: none;}
2194
2195 /* SCROLL INDICATOR */
2196.sta-hero-scroll {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;z-index: 1;color: var(--color-text-secondary);animation: bounce 2s infinite;cursor: pointer;}
2197.sta-hero-scroll-arrow {width: 2px;height: 25px;background: var(--color-text-secondary);position: relative;margin-bottom: 8px;}
2198.sta-hero-scroll-arrow::after {content: '';position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid var(--color-text-secondary);}
2199.sta-hero-scroll-text {font-size: calc(var(--font-size-base) * 0.75);font-weight: 300;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
2200@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0);}40% {transform: translateX(-50%) translateY(-10px);}60% {transform: translateX(-50%) translateY(-5px);}}
2201
2202 /* ENGINE (MOTOR DE RESERVAS) */
2203.sta-hero-engine {width: 100%;max-width: 3200px;margin-top: var(--spacing-items);}
2204
2205 /* VERSION 1 - ESTILOS COMPLETOS */
2206.show-version-1 .tpl-hero-air[data-video-bg] .sta-hero-bg-video {display: block;}
2207.show-version-1 .tpl-hero-air[data-video-bg] {background-image: none}
2208.show-version-1 .w-bottom-bar {display: none !important;}
2209.show-version-1 .sta-hero-title {padding: 0 20px;}
2210.show-version-1 .sta-hero-subtitle {margin-bottom: calc(var(--spacing-subtitle) * 2.08);padding: 0 20px;font-size: calc(var(--font-size-h3) * 0.85);}
2211.show-version-1 .sta-hero-content {margin-bottom: calc(var(--spacing-subtitle) * 2.08);}
2212.show-version-1 .sta-hero-left {display: flex;flex-direction: column;align-items: center;}
2213.show-version-1 .sta-hero-engine {margin-top: 0;}
2214
2215/* VERSION 1 - Configuración texto abajo */
2216.show-version-1.text-down .sta-hero-content {margin-bottom: 0;}
2217.show-version-1.text-down .sta-hero-subtitle {max-width: 900px;margin-bottom: calc(var(--spacing-subtitle) * 2.92);}
2218.show-version-1.text-down .sta-hero-scroll {display: none;}
2219.show-version-1.text-down .sta-hero-btn-primary {display: inline-block;}
2220
2221/* VERSION 1 - Configuración motor abajo */
2222.show-version-1.motor-down .tpl-hero-air {align-items: stretch;}
2223.show-version-1.motor-down .sta-hero-content {margin-bottom: 0;padding-bottom: 0;}
2224.show-version-1.motor-down .sta-hero-engine-container {bottom: 30px;left: 50%;width: 100%;max-width: 1400px;padding: 0 20px;box-sizing: border-box;}
2225.show-version-1.motor-down .sta-hero-scroll {display: none;}
2226.show-version-1.motor-down .sta-hero-btn-primary {display: none;}
2227
2228/* VERSION 1 - Texto abajo + Motor abajo combinados */
2229.show-version-1.text-down .tpl-hero-air {align-items: flex-end;padding-bottom: 30px;}
2230.show-version-1.text-down.motor-down .sta-hero-engine-container {position: relative;bottom: auto;left: auto;transform: none;max-width: none;padding: 0;}
2231
2232 /* VERSION 2 - ESTILOS COMPLETOS */
2233.show-version-2 .tpl-hero-air {justify-content: flex-start;}
2234.show-version-2 .tpl-hero-air[data-video-bg] .sta-hero-bg-video {display: block;}
2235.show-version-2 .tpl-hero-air[data-video-bg] {background-image: none }
2236.show-version-2 .sta-hero-content {align-items: flex-start;justify-content: center;text-align: left;}
2237.show-version-2 .sta-hero-btn-primary {display: block;width: 100%;background: var(--color-cards);color: var(--color-text);border: none;border-radius: var(--radius-buttons);text-align: center;position: relative;padding: 15px 0px;margin-top: var(--spacing-items);}
2238.show-version-2 .sta-hero-engine {left: 0;padding-left: 0;width: 100%;max-width: 1200px;margin-top: 0;display: flex;}
2239
2240/* VERSION 2 - Video Thumbnail */
2241.sta-hero-video-thumb {display: none;}
2242.sta-hero-video-thumb .wistia_embed {width: 100%;height: 100%;pointer-events: none;}
2243.show-version-2 .sta-hero-video-thumb {display: block;position: absolute;border-radius: calc(var(--radius-elements) / 2);overflow: hidden;cursor: pointer;z-index: 2;box-shadow: 0 4px 12px rgba(0,0,0,0.4);transition: all 0.3s ease;}
2244.show-version-2 .sta-hero-video-thumb:hover {transform: scale(1.05);}
2245.show-version-2 .sta-hero-video-thumb::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;background: rgba(255,255,255,0.15);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 50%;pointer-events: none;transition: all 0.3s ease;z-index: 1;}
2246.show-version-2 .sta-hero-video-thumb::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%);width: 0;height: 0;border-left: 16px solid var(--color-text-secondary);border-top: 10px solid transparent;border-bottom: 10px solid transparent;z-index: 2;pointer-events: none;}
2247.show-version-2 .sta-hero-video-thumb:hover::after {background: rgba(255,255,255,0.25);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
2248
2249 /* VERSION 3 - ESTILOS COMPLETOS */
2250.show-version-3 .tpl-hero-air {padding-top: 0;background-image: none !important;min-height: 0;}
2251.show-version-3 .tpl-hero-air::before {display: none;}
2252.show-version-3 .sta-hero-content {flex-direction: column;align-items: stretch;max-width: 100%;height: 100%;}
2253.show-version-3 .sta-hero-left {flex: 1;display: flex;flex-direction: column;justify-content: center;padding-top: 60px;text-align: left;color: var(--color-text);}
2254.show-version-3 .sta-hero-right {display: flex;flex: 1;align-items: center;justify-content: center;overflow: hidden;position: relative;}
2255.show-version-3 .sta-hero-right img {width: 100%;height: 100%;object-fit: cover;border-radius: 0;}
2256.show-version-3 .sta-hero-right[data-video-bg] img {display: none;}
2257.show-version-3 .sta-hero-right[data-video-bg] .sta-hero-bg-video {display: block;position: absolute;}
2258.show-version-3 .sta-hero-right .sta-hero-carousel-v3 {display: block;}
2259.show-version-3 .sta-hero-title {color: var(--color-text);margin-bottom: var(--spacing-title);text-transform: none;font-weight: 700;}
2260.show-version-3 .sta-hero-subtitle {color: var(--color-text);font-size: var(--font-size-h5);margin-bottom: calc(var(--spacing-subtitle) * 1.25);line-height: 1.6;}
2261.show-version-3 .sta-hero-buttons {display: flex;gap: var(--spacing-items-title);}
2262.show-version-3 .sta-hero-btn-primary {display: none;}
2263.show-version-3 .sta-hero-btn-secondary {display: flex;padding: 15px 40px;background: var(--color-principal);color: var(--color-text-buttons);text-decoration: none;font-size: var(--font-size-base);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;border: none;border-radius: var(--radius-buttons);transition: all 0.3s ease;cursor: pointer;margin: 0;align-items: center;justify-content: center;}
2264.show-version-3 .sta-hero-btn-video {display: inline-flex;align-items: center;gap: 10px;padding: 15px 8px;background: transparent;color: var(--color-text);border: none;text-decoration: none;font-size: var(--font-size-base);font-weight: 600;cursor: pointer;position: relative;}
2265.show-version-3 .sta-hero-btn-video::before {content: '';display: inline-block;width: 50px;height: 50px;background: var(--color-text);border-radius: 50%;position: relative;flex-shrink: 0;}
2266.show-version-3 .sta-hero-btn-video::after {content: '';position: absolute;left: 34px;top: 50%;transform: translate(-50%, -50%);width: 0;height: 0;border-left: 14px solid var(--color-text-secondary);border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
2267.show-version-3 .sta-hero-engine-container {margin-top: 0;position: absolute;bottom: 90px;}
2268.show-version-3 .sta-hero-scroll {display: none;}
2269
2270 /* RESPONSIVE - MOBILE (BASE) */
2271.show-version-2 .sta-hero-content {padding-top: 400px;padding-left: 20px;padding-right: 20px;padding-bottom: 30px;}
2272.show-version-2 .sta-hero-left {padding: 0;}
2273.show-version-2 .sta-hero-title {font-size: calc(var(--font-size-h2) * 0.94);padding: 0;}
2274.show-version-2 .sta-hero-subtitle {font-size: var(--font-size-h3);padding: 0;}
2275.show-version-2 .sta-hero-video-thumb {top: 330px;left: 20px;right: auto;width: 190px;height:110px;}
2276.show-version-2 .sta-hero-scroll {display: none;}
2277
2278.show-version-3 .sta-hero-content {padding: 0;}
2279.show-version-3 .sta-hero-left {padding: 100px 20px 30px 20px;}
2280.show-version-3 .sta-hero-right {padding: 0;}
2281.show-version-3 .sta-hero-title {font-size: calc(var(--font-size-h2) * 0.94);}
2282.show-version-3 .sta-hero-subtitle {font-size: var(--font-size-base);}
2283.show-version-3 .sta-hero-btn-secondary,
2284.show-version-3 .sta-hero-btn-video {justify-content: center;height: 50px;}
2285
2286@media (max-width: 968px) {
2287.show-version-1.text-left .sta-hero-content {align-items: flex-start;text-align: left;}
2288.show-version-1.text-left .sta-hero-left {align-items: flex-start;}
2289.show-version-1.text-left .sta-hero-title {text-align: left;}
2290.show-version-1.text-left .sta-hero-subtitle {text-align: left;}
2291.tpl-hero-air {height: calc(100vh - 75px);}
2292}
2293
2294@media (max-width: 969px) {
2295.show-version-3 .sta-hero-engine-container {left: 0;}
2296}
2297
2298@media (max-width:375px) {
2299.show-version-2 .sta-hero-video-thumb {top:350px;}
2300}
2301
2302 /* RESPONSIVE - TABLET (641px+) */
2303@media (min-width: 641px) {
2304.sta-hero-title {font-size: calc(var(--font-size-h2) * 1.42);}
2305.sta-hero-subtitle {font-size: var(--font-size-h5);}
2306
2307/* Version 1 Tablet */
2308.show-version-1.text-down .tpl-hero-air {padding-bottom: 150px;}
2309
2310/* Version 2 Tablet */
2311.show-version-2 .sta-hero-content {padding-top: 400px;padding-left: 40px;padding-right: 40px;padding-bottom: 30px;}
2312.show-version-2 .sta-hero-left {padding: 0;}
2313.show-version-2 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.32);padding: 0;}
2314.show-version-2 .sta-hero-subtitle {padding: 0;}
2315.show-version-2 .sta-hero-video-thumb {width: 210px;height: 130px;top: 330px;left: 40px;}
2316.show-version-2 .sta-hero-video-thumb::after {width: 40px;height: 40px;}
2317.show-version-2 .sta-hero-video-thumb::before {border-left: 15px solid var(--color-text-secondary);border-top: 9px solid transparent;border-bottom: 9px solid transparent;}
2318
2319/* Version 3 Tablet */
2320.show-version-3 .sta-hero-content {flex-direction: column;padding: 0;}
2321.show-version-3 .sta-hero-left {padding: 100px 40px 30px 40px;}
2322.show-version-3 .sta-hero-right {min-height: 400px;}
2323.show-version-3 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.24);}
2324.show-version-3 .sta-hero-buttons {flex-direction: row;}
2325}
2326
2327@media (min-width: 801px) {
2328.show-version-1.motor-down .sta-hero-scroll {display: none;}
2329.show-version-1.motor-down .sta-hero-engine-container {display: block;position: absolute;transform: translateX(-50%)}
2330.show-version-1.text-down .sta-hero-subtitle {margin-bottom: calc(var(--spacing-subtitle) * 1.25);}
2331.tpl-hero-air:not(.show-version-3) {background-image: url('https://synergy.booking-channel.com/api/hotels/3536/medias/1#Hotel Doña Blanca_Jerez de la Frontera_Hôtel Doña Blanca au centre de Jerez') !important;}
2332}
2333
2334 /* RESPONSIVE - DESKTOP (969px+) */
2335@media (min-width: 969px) {
2336.sta-hero-title {font-size: calc(var(--font-size-h2) * 1.53);}
2337.sta-hero-subtitle {font-size: calc(var(--font-size-h3) * 1.08);}
2338.sta-hero-btn-primary {display: none;}
2339
2340/* Version 1 Desktop */
2341.show-version-1.text-down .tpl-hero-air {padding-bottom: 180px;}
2342.show-version-1.text-down.motor-down .tpl-hero-air {padding-bottom: 30px;}
2343
2344/* Version 2 Desktop */
2345.show-version-2 .sta-hero-video-thumb {width: 270px;height: 150px;top: 120px;right: 80px;left: auto;}
2346.show-version-2 .sta-hero-video-thumb::after {width: 60px;height: 60px;}
2347.show-version-2 .sta-hero-video-thumb::before {border-left: 20px solid var(--color-text-secondary);border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
2348.show-version-2 .sta-hero-content {padding-top: 180px;padding-left: 0;padding-right: 0;}
2349.show-version-2 .sta-hero-left {padding: 0;}
2350.show-version-2 .sta-hero-title {padding: 0 60px;}
2351.show-version-2 .sta-hero-subtitle {font-size: calc(var(--font-size-h3) * 1.23);padding: 0 60px;}
2352
2353/* Version 3 Desktop */
2354.show-version-3 .sta-hero-content {flex-direction: row;padding: 0;height: 100vh;}
2355.show-version-3 .sta-hero-left {padding: 80px 0px;justify-content: center;}
2356.show-version-3 .sta-hero-right {border-radius: var(--radius-elements) 0 0 var(--radius-elements);padding-top: 90px;}
2357.show-version-3 .sta-hero-right img {border-radius: var(--radius-elements) 0 0 var(--radius-elements);}
2358.show-version-3 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.42);padding: 0 60px;}
2359.show-version-3 .sta-hero-subtitle {font-size: var(--font-size-h5);max-width: 500px;padding: 0 60px;}
2360.show-version-3 .sta-hero-engine {display: flex;}
2361.show-version-3 .sta-hero-buttons {padding: 0 60px;}
2362}
2363
2364@media (min-width: 969px) and (max-height: 780px) {
2365.show-version-2 .sta-hero-content {padding-top: 0px;}
2366.show-version-2 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.17);}
2367.show-version-2 .sta-hero-video-thumb {display: none;}
2368.show-version-3 .sta-hero-subtitle {font-size: calc(var(--font-size-base) * 0.81);}
2369.show-version-3 .sta-hero-engine-container {bottom:40px;}
2370.show-version-3 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.17);}
2371}
2372
2373@media (max-height: 700px) {
2374.show-version-2 .sta-hero-video-thumb {top: 250px;}
2375.show-version-2 .sta-hero-content {padding-top:350px;}
2376}
2377
2378@media (min-width:1201px) {
2379.show-version-3 .sta-hero-title {font-size: calc(var(--font-size-h2) * 1.88);padding: 0;}
2380.show-version-3 .sta-hero-subtitle {font-size: var(--font-size-h3);max-width: 600px;padding: 0;}
2381.show-version-3 .sta-hero-buttons {padding: 0;}
2382.show-version-3 .sta-hero-left {padding: 160px 60px;}
2383
2384/* Version 2 Desktop 1201px+ */
2385.show-version-2 .sta-hero-left {padding: 0 60px;}
2386.show-version-2 .sta-hero-title {padding: 0;}
2387.show-version-2 .sta-hero-subtitle {padding: 0;}
2388}
2389
2390/* QUITAR MOTORES */
2391.show-version-1.no-engine .sta-hero-engine-container,
2392.show-version-2.no-engine .sta-hero-engine-container,
2393.show-version-3.no-engine .sta-hero-engine-container {display: none !important;}
2394
2395/* Quitar boton video */
2396.hero-container.no-video .sta-hero-btn-video{display: none !important;}
2397
2398    
2399</style>
2400<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
vendor: 2 bytes, line 2400
2400
2401<script>
2402    (function () {
2403        var mobileImg = '';
2404
2405        if (!mobileImg || /^\$/.test(mobileImg.trim())) return;
2406        if (!window.matchMedia('(max-width: 767px)').matches) return;
2407
2408
2409        var heroRightImg = document.querySelector('.sta-hero-right img');
2410        if (heroRightImg) heroRightImg.src = mobileImg;
2411    })();
2412
2413    // Modal de video
2414    var activeModalVideoId = '';
2415
2416    document.querySelectorAll('.sta-hero-video-thumb').forEach(function(thumb) {
2417        thumb.addEventListener('click', function() {
2418             openVideoModal(thumb.getAttribute('data-video-id'));
2419        });
2420    });
2421
2422    function getHeroModalVideoId() {
2423        var thumb = document.querySelector('.sta-hero-video-thumb[data-video-id]');
2424        var thumbVideoId = thumb ? thumb.getAttribute('data-video-id') : '';
2425        var fallbackId = '';
2426        var resolved = (thumbVideoId || fallbackId || '').trim();
2427        return resolved;
2428    }
2429
2430    function renderModalWistiaIframe(container, videoId) {
2431        container.innerHTML = '<iframe src="https://fast.wistia.net/embed/iframe/' + encodeURIComponent(videoId) + '?autoplay=1&playsinline=1" title="Video" allow="autoplay; fullscreen" allowfullscreen frameborder="0" style="width:100%;height:100%;position:absolute;top:0;left:0;"></iframe>';
2432    }
2433
2434    function openVideoModal(videoIdFromClick) {
2435        var container = document.getElementById('modalVideoContainer');
2436        var modal = document.getElementById('videoModal');
2437        var videoId = (videoIdFromClick || getHeroModalVideoId() || '').trim();
2438
2439        if (!videoId || videoId.indexOf('{_MENU_') === 0) {
2440            return;
2441        }
2442
2443        activeModalVideoId = videoId;
2444        container.innerHTML = '';
2445
2446        var embedDiv = document.createElement('div');
2447        embedDiv.className = 'wistia_responsive_padding';
2448        embedDiv.style.padding = '56.25% 0 0 0';
2449        embedDiv.style.position = 'relative';
2450
2451        var innerDiv = document.createElement('div');
2452        innerDiv.className = 'wistia_responsive_wrapper';
2453        innerDiv.style.height = '100%';
2454        innerDiv.style.left = '0';
2455        innerDiv.style.position = 'absolute';
2456        innerDiv.style.top = '0';
2457        innerDiv.style.width = '100%';
2458
2459        var videoDiv = document.createElement('div');
2460        videoDiv.className = 'wistia_embed wistia_async_' + videoId + ' videoFoam=true controlsVisibleOnLoad=true playbar=true playButton=true volumeControl=true fullscreenButton=true settingsControl=true qualityControl=true';
2461        videoDiv.style.height = '100%';
2462        videoDiv.style.position = 'relative';
2463        videoDiv.style.width = '100%';
2464
2465        innerDiv.appendChild(videoDiv);
2466        embedDiv.appendChild(innerDiv);
2467        container.appendChild(embedDiv);
2468
2469        modal.classList.add('active');
2470
2471        if (window._wq) {
2472            window._wq.push({
2473                id: videoId,
2474                options: {
2475                    controlsVisibleOnLoad: true,
2476                    playbar: true,
2477                    playButton: true,
2478                    volumeControl: true,
2479                    fullscreenButton: true,
2480                    settingsControl: true,
2481                    qualityControl: true,
2482                    playbackRateControl: true
2483                },
2484                onReady: function(video) {
2485                    video.play();
2486                }
2487            });
2488        }
2489
2490        setTimeout(function() {
2491            if (!container.querySelector('iframe')) {
2492                renderModalWistiaIframe(container, videoId);
2493            }
2494        }, 1600);
2495    }
2496
2497    function closeVideoModal() {
2498        var modal = document.getElementById('videoModal');
2499        var container = document.getElementById('modalVideoContainer');
2500        var videoId = activeModalVideoId || getHeroModalVideoId();
2501
2502        if (window._wq && videoId) {
2503            window._wq.push({
2504                id: videoId,
2505                onReady: function(video) {
2506                    video.pause();
2507                    video.time(0);
2508                }
2509            });
2510        }
2511
2512        container.innerHTML = '';
2513        modal.classList.remove('active');
2514    }
2515    
2516    document.getElementById('videoModal')?.addEventListener('click', function(e) {
2517        if (e.target === this) {
2518            closeVideoModal();
2519        }
2520    });
2521
2522    // Video de fondo (funciona en versiones 1, 2 y 3)
2523    document.addEventListener('DOMContentLoaded', function() {
2524        document.querySelectorAll('[data-video-bg]').forEach(element => {
2525            const videoId = element.getAttribute('data-video-bg');
2526            const heroRight = element.querySelector('.sta-hero-right');
2527            const isVersion3 = element.closest('.hero-container').classList.contains('show-version-3');
2528            
2529            // Seleccionar el contenedor correcto según la versión
2530            const videoContainer = isVersion3 
2531                ? (heroRight ? heroRight.querySelector('.sta-hero-bg-video') : null)
2532                : element.querySelector('.sta-hero-bg-video');
2533            
2534            const carouselContainer = isVersion3 
2535                ? element.querySelector('.sta-hero-carousel-v3')
2536                : element.querySelector('.sta-hero-carousel');
2537            
2538            // PRIORIDAD: Si hay video, mostrar video y NO carrusel
2539            if (videoContainer && videoId && videoId.trim() !== '') {
2540                videoContainer.innerHTML = `<div class="wistia_embed wistia_async_${videoId} fitStrategy=cover autoPlay=true muted=true playbar=false controlsVisibleOnLoad=false endVideoBehavior=loop playButton=false volumeControl=false fullscreenButton=false settingsControl=false qualityControl=false playbackRateControl=false copyLinkAndThumbnailEnabled=false" style="width:100%;height:100%;position:absolute;pointer-events:none;">&nbsp;</div>`;
2541                videoContainer.style.display = 'block';
2542                
2543                // Ocultar carrusel si hay video
2544                if (carouselContainer) {
2545                    carouselContainer.style.display = 'none';
2546                }
2547                
2548                // VERSION 3: Ocultar imagen estática si hay video
2549                if (isVersion3 && heroRight) {
2550                    const img = heroRight.querySelector('img');
2551                    if (img) img.style.display = 'none';
2552                }
2553                
2554                return; // Salir, no procesar carrusel
2555            }
2556        });
2557        
2558        // Carrusel de imágenes automático (solo si NO hay video)
2559        document.querySelectorAll('[data-carousel]').forEach(element => {
2560            const videoId = element.getAttribute('data-video-bg');
2561            const carouselData = element.getAttribute('data-carousel');
2562            const heroRight = element.querySelector('.sta-hero-right');
2563            const isVersion3 = element.closest('.hero-container').classList.contains('show-version-3');
2564            const isNoFilter = element.closest('.hero-container').classList.contains('no-filter');
2565            
2566            // Seleccionar el contenedor correcto según la versión
2567            const carouselContainer = isVersion3 
2568                ? element.querySelector('.sta-hero-carousel-v3') 
2569                : element.querySelector('.sta-hero-carousel');
2570            
2571            let hasValidCarousel = false;
2572            
2573            // Solo mostrar carrusel si NO hay video Y hay datos válidos
2574            if ((!videoId || videoId.trim() === '') && carouselContainer && carouselData && carouselData.trim() !== '' && carouselData !== '[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/1#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/21#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/17#Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca","name":"Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca"},{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/20#Hotel Do\u00f1a Blanca_Jerez de la Frontera_H\u00f4tel Do\u00f1a Blanca au centre de Jerez","name":""}]' && carouselData !== '') {
2575                try {
2576                    const images = JSON.parse(carouselData);
2577                    
2578                    if (Array.isArray(images) && images.length > 0) {
2579                        hasValidCarousel = true;
2580                        
2581                        // Mostrar carrusel y ocultar background-image
2582                        carouselContainer.style.display = 'block';
2583                        element.style.backgroundImage = 'none';
2584                        
2585                        // Crear items del carrusel
2586                        images.forEach((img, index) => {
2587                            const item = document.createElement('div');
2588                            item.className = 'sta-hero-carousel-item';
2589                            if (index === 0) item.classList.add('active');
2590                            item.style.backgroundImage = isNoFilter ? `url('${img.url}')` : `linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('${img.url}')`;
2591                            carouselContainer.appendChild(item);
2592                        });
2593                        
2594                        // VERSION 3: Ocultar imagen estática si hay carrusel
2595                        if (isVersion3 && heroRight) {
2596                            const img = heroRight.querySelector('img');
2597                            if (img) img.style.display = 'none';
2598                        }
2599                        
2600                        // Auto-rotación cada 5 segundos
2601                        if (images.length > 1) {
2602                            let currentIndex = 0;
2603                            
2604                            setInterval(() => {
2605                                const items = carouselContainer.querySelectorAll('.sta-hero-carousel-item');
2606                                items[currentIndex].classList.remove('active');
2607                                currentIndex = (currentIndex + 1) % items.length;
2608                                items[currentIndex].classList.add('active');
2609                            }, 5000);
2610                        }
2611                    }
2612                } catch (e) {
2613                    console.error('Error parsing carousel data:', e);
2614                }
2615            }
2616            
2617            // Si no hay carrusel válido, ocultarlo para mostrar la imagen de fondo
2618            if (!hasValidCarousel && carouselContainer) {
2619                carouselContainer.style.display = 'none';
2620            }
2621        });
2622    });
2623    
2624
2625
2626    // Ocultar video thumb si no hay video Wistia
2627    document.addEventListener('DOMContentLoaded', function() {
2628        document.querySelectorAll('.sta-hero-video-thumb').forEach(thumb => {
2629            const videoId = thumb.getAttribute('data-video-id');
2630            if (!videoId || videoId.trim() === '') {
2631                thumb.style.display = 'none';
2632            } else {
2633                thumb.style.removeProperty('display');
2634            }
2635        });
2636    });
2637
2638    // Scroll smooth
2639    document.addEventListener('DOMContentLoaded', function() {
2640        const scrollElement = document.querySelector('.sta-hero-scroll');
2641        if (scrollElement) {
2642            scrollElement.addEventListener('click', function() {
2643                window.scrollBy({
2644                    top: window.innerHeight,
2645                    behavior: 'smooth'
2646                });
2647            });
2648        }
2649    });
2650
2651    document.addEventListener('click', function (e) {
2652    if (window.innerWidth <= 801) return;
2653    const dateContainer = e.target.closest('[class*="dateContainer-"]');
2654    if (!dateContainer) return;
2655    requestAnimationFrame(function check() {
2656      const datepicker = document.querySelector('[class*="datepicker-"]');
2657      if (datepicker) {
2658        const bottom = datepicker.getBoundingClientRect().bottom + window.scrollY;
2659        window.scrollTo({ top: bottom / 3, behavior: 'smooth' });
2660      } else {
2661        requestAnimationFrame(check);
2662      }
2663    });
2664  });
2665
2666</script>
2666
2667
2668  <section class="featured fill" id="featured-117810" data-scroll="">
2669    <div class="featured-wrapper">
2670        <div class="featured-header">
2671            <h2 class="featured-title">Découvrez nos services</h2>
2672        </div>
2673        <div class="featured-content">
2674
2675            <div class="featured-item">
2676                <div class="featured-item-icon newicons-recepcin-24h"></div>
2677                <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/13#Hotel Doña Blanca_Jerez de la Frontera_Réception ouverte 24h/24" alt="Réception ouverte 24h/24" class="featured-image" data-key="img"/>
2678                <h3 class="featured-item-title" data-key="title">Réception ouverte 24h/24</h3>
2679                <span class="featured-item-description" data-key="descriptionShort"></span>
2680                <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
2681                    
2682                <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
2683            </div>
2684            <div class="featured-item">
2685                <div class="featured-item-icon icoGlobal-253-desayuno"></div>
2686                <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/14#Hotel Doña Blanca_Jerez de la Frontera_Petit-déjeuner buffet" alt="Petit-déjeuner buffet" class="featured-image" data-key="img"/>
2687                <h3 class="featured-item-title" data-key="title">Petit-déjeuner buffet</h3>
2688                <span class="featured-item-description" data-key="descriptionShort"></span>
2689                <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
2690                    
2691                <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
2692            </div>
2693            <div class="featured-item">
2694                <div class="featured-item-icon newicons-parking-cubierto"></div>
2695                <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/15#Hotel Doña Blanca_Jerez de la Frontera_Parking souterrain" alt="Parking souterrain" class="featured-image" data-key="img"/>
2696                <h3 class="featured-item-title" data-key="title">Parking souterrain</h3>
2697                <span class="featured-item-description" data-key="descriptionShort"></span>
2698                <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
2699                    
2700                <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
2701            </div>
2702            <div class="featured-item">
2703                <div class="featured-item-icon newicons-consigna-equipaje"></div>
2704                <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/16#Hotel Doña Blanca_Jerez de la Frontera_Consigne à bagages" alt="Consigne à bagages" class="featured-image" data-key="img"/>
2705                <h3 class="featured-item-title" data-key="title">Consigne à bagages</h3>
2706                <span class="featured-item-description" data-key="descriptionShort"></span>
2707                <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
2708                    
2709                <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
2710            </div>
2711        </div>
2712        <div class="featured-bottom-line"></div>
2713    </div>
2714</section>
2715<style>
2716
2717.featured{
2718    --textColor: var(--color-text);
2719    --textColor: var(--color-text);
2720    --swiper-navigation-color: #fff;
2721    --groupSize: 6;
2722
2723    color: var(--textColor);
2724
2725    width: 100%;
2726    display: flex;
2727    justify-content: center;
2728    overflow:hidden;
2729    position: relative;
2730    background-color: var(--color-background);
2731
2732    &.background-color{
2733        --background-color: ;
2734        background-color: var(--background-color);
2735    }
2736    &.font-white{
2737        --textColor: #FFFFFF;
2738    }
2739    &.fill{
2740        .featured-content-wrapper{
2741            display: flex;
2742            flex-direction: column;
2743            justify-content: space-around;
2744            @media (min-width: 1024px){
2745                flex-direction: row;
2746                gap: 96px;
2747                padding-inline: 0;
2748            }
2749        }
2750        .featured-item{
2751            width: auto;
2752            flex: 1;
2753        }
2754    }
2755
2756    .featured-wrapper{
2757        padding: 40px 25px;
2758        width: 100%;
2759        max-width: 1250px;
2760        display: flex;
2761        flex-direction: column;
2762        box-sizing: border-box;
2763
2764        @media (min-width: 1024px){
2765            padding: 35px 100px;
2766        }
2767    }
2768
2769    .featured-header{
2770        text-align: center;
2771        display: flex;
2772        align-items: center;
2773        gap: 24px;
2774        margin-bottom: 48px;
2775
2776        &::before,
2777        &::after{
2778            content: '';
2779            flex: 1;
2780            height: 1px;
2781            background-color: var(--textColor);
2782        }
2783
2784        .featured-title{
2785            font-size: var(--font-size-h2);
2786            font-family: var(--font-title);
2787            font-weight: 700;
2788            margin: 0;
2789            display: -webkit-box;
2790            -webkit-box-orient: vertical;
2791            -webkit-line-clamp: 3;
2792            overflow: hidden;
2793            @media (min-width: 1024px){
2794                flex: 0 1 60%;
2795            }
2796        }
2797        @media (min-width: 1024px){
2798            gap: 48px;
2799            .featured-title{
2800                flex: unset;
2801            }
2802        }
2803    }
2804
2805    .featured-content{
2806        width: 100%;
2807        display: flex;
2808        flex-direction: row;
2809        justify-content: center;
2810        row-gap: 36px;
2811        column-gap: 96px;
2812        position: relative;
2813        box-sizing: border-box;
2814        @media (min-width: 1024px){
2815            flex-direction: column;
2816            row-gap: 48px;
2817        }
2818    }
2819    .featured-content-wrapper{
2820        position:relative;
2821        display: grid;
2822        grid-template-columns: 1fr;
2823        grid-template-rows: repeat(var(--groupSize), 1fr);
2824        width: 200px;
2825        margin-bottom: 24px;
2826        gap: 36px;
2827        &:not(:last-child):after{
2828            content: '';
2829            position: absolute;
2830            right: calc(-96px / 2);
2831            width: 1px;
2832            height: 100%;
2833            background-color: var(--textColor);
2834        }
2835        @media (min-width: 1024px){
2836            min-height: 90px;
2837            width: 100%;
2838            grid-template-rows: 1fr;
2839            grid-template-columns: repeat(var(--groupSize), 1fr);
2840            margin: 0;
2841            gap: 48px 96px;
2842            padding-inline: 48px;
2843            &:not(:last-child):after{
2844                content: '';
2845                position: absolute;
2846                left: 50%;
2847                bottom: -24px;
2848                width: 100%;
2849                height: 1px;
2850                background-color: var(--textColor);
2851                transform: translateX(-50%);
2852            }
2853        }
2854    }
2855    .featured-item{
2856        position: relative;
2857        display: flex;
2858        flex-direction: row;
2859        align-items: center;
2860        justify-content: start;
2861        gap: 8px;
2862        min-width: 50px;
2863        flex: 1;
2864
2865        .featured-item-icon{
2866            font-size: 36px;
2867            color: var(--textColor);
2868        }
2869        .featured-image{
2870            display: none;
2871        }
2872        .featured-item-title{
2873            font-size: var(--font-size-base);
2874            font-family: var(--font-body);
2875            font-weight: 400;
2876            text-align: left;
2877            margin: 0;
2878        }
2879        .featured-item-description{
2880            display: none;
2881            font-family: var(--font-body);
2882        }
2883
2884        @media (min-width: 1024px){
2885            flex-direction: column;
2886            align-items: center;
2887            justify-content: flex-start;
2888
2889            &:not(:first-child):before{
2890                position: absolute;
2891                content: " ";
2892                height: 100%;
2893                width: 1px;
2894                background-color: var(--textColor);
2895                left: calc(-96px / 2);
2896            }
2897            .featured-item-title{
2898                text-align: center;
2899            }
2900        }
2901    }
2902
2903    .featured-btn{
2904        display: none;
2905    }
2906    
2907    .featured-bottom-line{
2908        bottom: 0;
2909        left: 0;
2910        width: 100%;
2911        height: 1px;
2912        margin-top: 16px;
2913        background-color: var(--textColor);
2914    }
2915
2916    &.variant-2{
2917        position: relative;
2918        --textColor: #FFFFFF;
2919        .featured-wrapper{
2920            padding: 0;
2921            gap: 64px;
2922            @media (min-width: 600px){
2923                max-width: 100%;
2924            }
2925        }
2926        
2927        .featured-header{
2928            position: absolute;
2929            z-index: 10;
2930            width: 100%;
2931            top: 40px;
2932            justify-content: center;
2933            &::before,
2934            &::after{
2935                display: none;
2936            }
2937            @media (min-width: 600px){
2938                top: 70px;
2939            }
2940        }
2941        .featured-title{
2942            max-width: 850px;
2943        }
2944        .featured-content-wrapper{
2945            padding:0;
2946        }
2947        .featured-content{
2948            flex-direction: row;
2949        }
2950        .featured-item{
2951            position: relative;
2952            padding: 160px 20px 100px 20px;
2953            justify-content: center;
2954            flex-direction: column;
2955            gap: 24px;
2956            min-width: 100vw;
2957            box-sizing: border-box;
2958            &::before{
2959                content: '';
2960                position: absolute;
2961                top: 0;
2962                left: 0;
2963                width: 100%;
2964                height: 100%;
2965                background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%);
2966                z-index: 1;
2967            }
2968            .featured-item-icon{
2969                display:none;
2970            }
2971            .featured-image{
2972                position:absolute;
2973                z-index: 0;
2974                top: 0;
2975                left: 0;
2976                display: block;
2977                width: 100%;
2978                height: 100%;
2979                object-fit: cover;
2980
2981                @media (min-width: 600px){
2982                    width: 100vw;
2983                    object-position: center;
2984                }
2985            }
2986            .featured-item-title{
2987                position: relative;
2988                z-index: 2;
2989                font-size: var(--font-size-h2);
2990                font-weight: 700;
2991                text-align: center;
2992            }
2993            .featured-item-description{
2994                position: relative;
2995                z-index: 2;
2996                display: block;
2997                text-align: center;
2998                overflow: hidden;
2999                text-overflow: ellipsis;
3000                font-size: var(--font-size-base);
3001                max-width: 850px;
3002            }
3003            @media (min-width: 1024px){
3004                padding: 155px 20px 100px 20px;
3005            }
3006            @media (min-width: 600px){
3007                min-width: 100%;
3008                width: 100%;
3009                padding-bottom: 70px;
3010                justify-content: start;
3011                .featured-item-description{
3012                    height: auto;
3013                }
3014            }
3015        }
3016        .featured-bottom-line{
3017            display: none;
3018        }
3019        .swiper-pagination{ 
3020            --swiper-theme-color: #fff;
3021            --swiper-pagination-color: #fff;
3022            position: absolute;
3023            top: unset;
3024            bottom: 40px;
3025            left: 25px;
3026            right: 25px;
3027            width: 40%;
3028            margin: auto;
3029        }
3030        .swiper-pagination-progressbar{
3031            background: rgba(243, 243, 243, 0.5);
3032        }
3033        .swiper-button-next,
3034        .swiper-button-prev{
3035            right: 48px;
3036            width: 24px;
3037            transition: all 0.3s ease;
3038            &.swiper-button-prev{
3039                right: 0px;
3040                left: 48px;
3041            }
3042            svg path {
3043                fill:transparent;
3044            }
3045            &:after{
3046                display: none;
3047            }
3048            &:hover {
3049                color:var(--color-principal);
3050            }
3051            @media (max-width: 600px){
3052                display:none;
3053            }
3054        }
3055        .featured-btn{
3056            display: flex;
3057            padding: 16px 24px;
3058            justify-content: center;
3059            align-items: center;
3060            font-size: var(--font-size-buttons);
3061            background-color: var(--color-principal);
3062            color: var(--color-text-buttons);
3063            border: 1px solid var(--color-principal);
3064            border-radius: var(--radius-buttons);
3065            transition: all 0.3s ease;
3066            z-index: 2;
3067            &:hover{
3068                background-color: transparent;
3069                color: var(--color-principal);
3070            }
3071        }
3072    }
3073}
3074    
3075</style>
3076
3077<script type="module">
3078import {initializeSwiper} from '/templates/cadenas/corporativaair/js/libraries/keytelFunctions.js';
3079
3080const CONFIG_FEATURED = {
3081    GROUP_SIZE: parseInt('4') || 5,
3082};
3083
3084
3085
3086function init_featured(menuId) {
3087    const module = document.querySelector(`#featured-${menuId}`);
3088    const container = module?.querySelector('.featured-content');
3089    const itemList = Array.from(container.children);
3090
3091    const groupSize = window.innerWidth >= 1024 
3092        ? CONFIG_FEATURED.GROUP_SIZE 
3093        : Math.ceil(itemList.length / 2);
3094    
3095    if ( !container) return;
3096    
3097    // Calcular groupSize según la resolución
3098    
3099    
3100    // Establecer la variable CSS groupSize dinámicamente
3101    module.style.setProperty('--groupSize', groupSize);
3102    
3103    let variant = 'default';
3104
3105    if (module?.classList.contains('variant-2')) {
3106        variant = 'variant-2';
3107    } else if (module?.classList.contains('variant-3')) {
3108        variant = 'variant-3';
3109    }
3110    
3111    switch(variant) {
3112        case 'variant-2':
3113            const swiperConfig = {
3114                loop: true,
3115                slidesPerView: 1,
3116                spaceBetween: 0,
3117                pagination: {
3118                    el: ".featured .swiper-pagination",
3119                    clickable: true,
3120                    type: "progressbar",
3121                },
3122                navigation: {
3123                    addIcons: false,
3124                    nextEl: '.featured .swiper-button-next',
3125                    prevEl: '.featured .swiper-button-prev',
3126                    enabled: false,
3127                },
3128                breakpoints: {
3129                    600: {
3130                        pagination: false,
3131                        navigation: {
3132                            enabled: true,
3133                        }
3134                    },
3135                },
3136            }
3137            initializeSwiper(container, itemList, swiperConfig, 
3138                {
3139                    showButtons:true,
3140                    prevButton: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left-icon lucide-chevron-left"><path d="m15 18-6-6 6-6"/></svg>',
3141                    nextButton: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right-icon lucide-chevron-right"><path d="m9 18 6-6-6-6"/></svg>'
3142                });
3143            break;
3144        default:
3145            groupItems(container, itemList, groupSize);
3146            break;
3147    }
3148
3149}
3150
3151// Función para agrupar elementos y agregarlos al contenedor
3152function groupItems(container, itemList, groupSize){
3153    container.innerHTML = '';
3154
3155    for (let i = 0; i < itemList.length; i += groupSize) {
3156        const wrapper = document.createElement('div');
3157        wrapper.className = 'featured-content-wrapper';
3158        
3159        const group = itemList.slice(i, i + groupSize);
3160        
3161        group.forEach((child) => {
3162            wrapper.appendChild(child);
3163        });
3164        
3165        wrapper.setAttribute('data-items', group.length);
3166        container.appendChild(wrapper);
3167    }
3168}
3169
3170document.addEventListener("DOMContentLoaded", () => {
3171    init_featured('117810');
3172});
3173</script>
3173
3174  <section class="editorial-content invert sta-notReserva sta-pretitleNone sta not-Btn background-color" id="editorial-content-117791" data-scroll="">
3175    <div class="editorial-content-container">
3176        <div class="editorial-content-image-wrapper" data-wistia-id="">
3177            <img class="editorial-content-image" src="https://synergy.booking-channel.com/api/hotels/3536/medias/17#Photo du hall d’entrée de l’Hôtel Doña Blanca" alt="" />
3178        </div>
3179        <div class="editorial-content-wrapper">
3180            <span class="editorial-content-highlight"></span>
3181            <h2 class="editorial-content-title">Hotel Doña Blanca</h2>
3182            <span class="editorial-content-subtitle"></span>
3183            <span class="editorial-content-description"><p>Bienvenue dans notre hôtel au <b>cœur de Jerez</b>, un cadre privilégié pour découvrir l’une des <b>villes les plus fascinantes de Cadix</b>. Situé dans le centre historique, notre établissement allie avec harmonie <b>élégance intemporelle</b> et <b>confort contemporain</b>, en proposant des <b>chambres soigneusement conçues</b> et dotées de tout le confort moderne pour un séjour des plus raffinés.<br/><br/>Depuis l’hôtel, vous accédez facilement à certains des <b>sites les plus emblématiques de la ville</b>, tels que la cathédrale, l’Alcázar et les célèbres bodegas de Jerez, où tradition et culture se rencontrent.<br/><br/>Si vous recherchez un hôtel à Jerez bénéficiant d’un emplacement central exceptionnel et de services de grande qual
3183ité, vous avez trouvé votre adresse idéale. Réservez dès maintenant et laissez-vous séduire par une expérience authentique et inoubliable.<br/></p></span>
3184            <a href="" class="editorial-content-button"></a>
3185       </div>
3186        
3187    </div>
3188</section>
3189
3190<style>
3191.editorial-content {
3192    --textColor: var(--color-text);
3193    --inline-padding: 100px;
3194    --backgroundColor: var(--color-background);
3195    background-color: var(--backgroundColor);
3196
3197    width: 100%;
3198    box-sizing: border-box;
3199
3200    &.background-color{
3201        --backgroundColor: ;
3202    }
3203    &.font-white{
3204        --textColor: #FFFFFF;
3205    }
3206    @media (max-width: 599px) {
3207        &.hide-image{
3208            .editorial-content-image-wrapper{
3209                display: none;
3210            }
3211        }
3212        &.center{
3213            &.variant-2{
3214                .editorial-content-highlight{
3215                display: flex;
3216                flex-direction: row;
3217                align-items: center;
3218                line-height: 1;
3219                &::after {
3220                    min-width: 20%;
3221                }
3222                &::before {
3223                    min-width: 20%;
3224                    content: '';
3225                    position: relative;
3226                    display: flex;
3227                    height: 1px;
3228                    background-color: currentColor;
3229                    opacity: 0.3;
3230                    flex-grow: 1;
3231                    margin-right: 16px;
3232                }
3233            }
3234            }
3235            .editorial-content-container{
3236                text-align: center;
3237            }
3238            .editorial-content-button{
3239                align-self: center;
3240            }
3241        }
3242    }
3243    @media (min-width: 1024px) {
3244        padding: 0;
3245        &.invert{
3246            .editorial-content-image-wrapper{
3247                order:1;
3248                margin: 35px var(--inline-padding) 35px 0px; 
3249            }
3250            .editorial-content-wrapper{
3251                order:0;
3252                padding-left: var(--inline-padding);
3253                padding-right: 0px;
3254            }
3255        }
3256        &.highlight-left{
3257            .editorial-content-container{
3258                gap: 120px;
3259            }
3260            .editorial-content-image-wrapper{
3261                flex: 0 1 35%;
3262            }
3263            .editorial-content-wrapper{
3264                flex: 0 1 65%;
3265            }
3266        }
3267        &.highlight-center{
3268            &.variant-2{
3269                .editorial-content-highlight{
3270                    &::after {
3271                        min-width: 35%;
3272                    }
3273                    &::before {
3274                        min-width: 35%;
3275                        content: '';
3276                        position: relative;
3277                        display: flex;
3278                        height: 1px;
3279                        background-color: currentColor;
3280                        opacity: 0.3;
3281                        flex-grow: 1;
3282                        margin-right: 16px;
3283                    }
3284                }
3285            }
3286            .editorial-content-highlight-wrapper{
3287                width: 100%;
3288                text-align: center;
3289                padding-top: 35px;
3290                padding-bottom: 30px;
3291                @media (min-width: 1024px) {
3292                    padding-inline: var(--inline-padding);
3293                }
3294            }
3295            .editorial-content-container:after{
3296                content: '';
3297                display: block;
3298                width: 1px;
3299                background-color: var(--textColor);
3300                margin-block: 35px;
3301            }
3302            .editorial-content-image-wrapper{
3303                flex: 0 1 50%;
3304            }
3305
3306            .editorial-content-wrapper{
3307                order: 2;
3308            }
3309            .editorial-content-container:after{
3310                order: 1;
3311            }
3312            &.invert{
3313                .editorial-content-wrapper, .editorial-content-container:after{
3314                    order: unset;
3315                }
3316            }
3317            
3318        }
3319        &.title-left{
3320            @media (min-width: 1024px) {
3321                .editorial-content-image-wrapper,
3322                .editorial-content-wrapper{
3323                    flex: 0 1 50%;
3324                }
3325                .editorial-content-title,
3326                .editorial-content-subtitle{
3327                    padding-block: 24px;
3328                }
3329                &.title-left{
3330                    .editorial-content-subtitle{
3331                        display: block !important;
3332                    }
3333                }
3334            }
3335        }
3336        &.double-column{
3337            .editorial-content-description{
3338                column-count: 2;
3339                column-gap: 24px;
3340            }
3341        } 
3342    }
3343    @media (max-width: 1439px) {
3344        --inline-padding: 35px;
3345    }
3346
3347    &.hide-subtitle{
3348        .editorial-content-subtitle{
3349            display: none;
3350        }
3351    }
3352    &.image-small{
3353        .editorial-content-image-wrapper{
3354            height: 370px;
3355        }
3356        @media (min-width: 1024px) {
3357            .editorial-content-image-wrapper{
3358                height: unset;
3359                flex: 0 1 40%;
3360            }
3361            .editorial-content-wrapper{
3362                flex: 0 1 60%;
3363            }
3364        }
3365    }
3366    &.image-full{
3367        .wistia_embed{
3368            border-radius: 0px;
3369            width: 120% !important;
3370            right: 8% !important;
3371        }
3372        &.variant-2{
3373            .editorial-content-image{
3374                position:  absolute;
3375                width: 115%;
3376                transform: translateX(-7%);
3377                @media (min-width: 1024px) {
3378                    position: inherit;
3379                    width: 100%;
3380                    transform: unset;
3381                }
3382            }
3383            @media (max-width: 1023px) {
3384                .editorial-content-image-wrapper{
3385                    overflow:visible;
3386                    position:relative;
3387                }
3388            }
3389        }
3390        /* .editorial-content-wrapper{
3391            padding-top: 40px
3392        } */
3393        .editorial-content-image-wrapper{
3394            padding:0;
3395            margin: 0;
3396
3397        }
3398        .editorial-content-image{
3399            border-radius: 0;
3400        }
3401    }
3402    
3403    .editorial-content-container {
3404        display:flex;
3405        flex-direction: column;
3406        gap: 8px;
3407        max-width: 100%;
3408        color: var(--textColor);
3409        overflow: hidden;
3410        @media (min-width: 1024px) {
3411            flex-direction: row;
3412            gap:72px;
3413        }
3414    }
3415    .editorial-content-wrapper{
3416        display: flex;
3417        flex-direction: column;
3418        gap: 24px;
3419        box-sizing: border-box;
3420        padding: 40px 24px 40px 24px;
3421        @media (min-width: 1024px) {
3422            flex: 0 1 50%;
3423            padding: 35px var(--inline-padding) 35px 0px;
3424            margin: 0;
3425        }
3426    }
3427    .editorial-content-highlight {
3428        font-family: var(--font-subtitle);
3429        font-size: var(--font-size-base);
3430        font-weight: 700;
3431        letter-spacing: 1px;
3432        text-transform: uppercase;
3433        opacity: 0.9;
3434        position: relative;
3435    }
3436
3437    .editorial-content-title {
3438        font-family: var(--font-title);
3439        font-size: var(--font-size-h2);
3440        font-weight: 700;
3441        margin-bottom: 0px;
3442    }
3443
3444    .editorial-content-subtitle {
3445        font-family: var(--font-subtitle);
3446        font-size: var(--font-size-h3);
3447        line-height: 40px;
3448        font-weight: 500;
3449    }
3450
3451    .editorial-content-description {
3452        font-family: var(--font-body);
3453        font-size: var(--font-size-base);
3454        line-height: 25px;
3455        margin-bottom: 10px;
3456    }
3457
3458    .editorial-content-button {
3459        padding: 16px 24px;
3460        background-color: var(--color-principal);
3461        color: var(--color-text-buttons);
3462        text-decoration: none;
3463        border-radius: var(--radius-buttons);
3464        font-size: var(--font-size-h5);
3465        font-family: var(--font-body);
3466        text-align: center;
3467        align-self: flex-start;
3468        transition: background-color 0.3s ease;
3469        display: none;
3470        &.visible-button {
3471            display: inline-block;
3472        }
3473        &:hover{
3474            background-color: #0f2a3d;
3475        }
3476    }
3477
3478    .editorial-content-image-wrapper {
3479        width: 100%;
3480        height: 500px;
3481        box-sizing: border-box;
3482        overflow: hidden;
3483        margin-top: 15px;
3484        padding: 25px;
3485        position: relative;
3486        border-radius: var(--radius-elements);
3487        
3488        @media (min-width: 1024px) {
3489            flex: 1;
3490            margin:0;
3491            height: unset;
3492            align-self: stretch;
3493            padding: 0;
3494            margin: 35px 0px 35px var(--inline-padding);
3495        }
3496    }
3497    .wistia_embed{
3498        border-radius: var(--radius-elements);
3499        overflow: hidden;
3500        position:relative;
3501    }
3502    .video-wrapper .wistia_embed,
3503    .video-wrapper .wistia_embed iframe {
3504    width: 100%;
3505    height: 100%;
3506    }
3507
3508    .wistia_embed > div {
3509        position: absolute !important;
3510        top: 50%;
3511        left: 50%;
3512        width: 177.78% !important;
3513        height: 100% !important;
3514        transform: translate(-50%, -50%);
3515    }
3516
3517    .editorial-content-image {
3518        width: 100%;
3519        height: 100%;
3520        display: block;
3521        object-fit: cover;
3522        border-radius: var(--radius-elements);
3523        position: absolute;
3524        top: 0;
3525        left: 0;
3526    }
3527
3528    &.variant-2{
3529        .editorial-content-wrapper{
3530            padding-top: 40px;
3531            @media (min-width: 1024px) {
3532            }
3533        }
3534        .editorial-content-highlight{
3535            display: flex;
3536            flex-direction: row;
3537            align-items: flex-end;
3538            line-height: 1;
3539            &::after {
3540                min-width: 50%;
3541                content: '';
3542                position: relative;
3543                display: flex;
3544                height: 1px;
3545                background-color: currentColor;
3546                opacity: 0.3;
3547                flex-grow: 1;
3548                margin-left: 16px;
3549            }
3550        }
3551        .editorial-content-title{
3552            order:1;
3553            @media (min-width: 1024px) {
3554                margin-top: auto;
3555            }
3556        }
3557        .editorial-content-button{
3558            order:2;
3559        }
3560        .editorial-content-subtitle{
3561            display: none;
3562        }
3563    }
3564    &.variant-3{
3565        .editorial-content-container{
3566            justify-content: center;
3567            align-items: center;
3568            flex-direction: column;
3569            height: auto;
3570        }
3571        &.background-image{
3572            --textColor: #FFFFFF;
3573            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%), url("https://synergy.booking-channel.com/api/hotels/3536/medias/17#Photo du hall d’entrée de l’Hôtel Doña Blanca"); ;
3574            background-size: cover;
3575            background-position: center;
3576        }
3577        .editorial-content-highlight,
3578        .editorial-content-title,
3579        .editorial-content-description{
3580            text-align: center;
3581            margin: 0;
3582        }
3583        .editorial-content-wrapper{
3584            flex: 1;
3585            max-width: 1240px;
3586            padding-top: 40px;
3587            @media (min-width: 1024px) {
3588                padding-inline: 100px;
3589            }
3590        }
3591        .editorial-content-subtitle,
3592        .editorial-content-image-wrapper{
3593            display: none;
3594        }
3595        .editorial-content-button{
3596            align-self: center;
3597            margin-top: 24px;
3598        }
3599    }
3600    
3601    .swiper-controls-overlay {
3602        position: absolute;
3603        inset: 0;
3604        z-index: 10;
3605        opacity: 1;
3606        pointer-events: none;
3607        transition: opacity 0.3s ease;
3608        border-radius: var(--radius-elements);
3609        overflow: hidden;
3610        padding: 25px;
3611        .swiper-controls-overlay-wrapper{
3612            background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, transparent 75%);
3613            width: 100%;
3614            height: 100%;
3615            border-radius: var(--radius-elements);
3616        }
3617        @media (min-width: 1024px) {
3618            padding: 0;
3619            opacity: 0;
3620        }
3621    }
3622    
3623    .editorial-content-image-wrapper:hover .swiper-controls-overlay {
3624        opacity: 1;
3625        pointer-events: all;
3626    }
3627    .swiper-nav-wrapper {
3628        position: absolute;
3629        top: 50%;
3630        left: 0;
3631        width: 100%;
3632        transform: translateY(-50%);
3633        display: flex;
3634        justify-content: space-between;
3635        align-items: center;
3636        pointer-events: none;
3637        z-index: 10;
3638        padding: 0 12px;
3639        box-sizing: border-box;
3640    }
3641    
3642    .swiper-button-prev,
3643    .swiper-button-next {
3644        pointer-events: all;
3645        border: none;
3646        border-radius: 50%;
3647        width: 40px;
3648        height: 40px;
3649        display: flex;
3650        align-items: center;
3651        justify-content: center;
3652        cursor: pointer;
3653        transition: all 0.4s ease;
3654        color: white;
3655        font-size: 35px;
3656        @media (min-width: 1024px) {
3657            font-size: 20px;
3658        }
3659    }
3660    @media (max-width: 1023px) {
3661        .swiper-button-prev{
3662            left: 20px;
3663        }
3664        .swiper-button-next{
3665            right: 20px;
3666        }
3667    }
3668    
3669    .swiper-button-prev:hover,
3670    .swiper-button-next:hover {
3671        transform: scale(1.3);
3672    }
3673    
3674    .swiper-button-prev i,
3675    .swiper-button-next i {
3676        font-size: 20px;
3677        color: #333;
3678    }
3679    
3680    .swiper-button-prev::after,
3681    .swiper-button-next::after {
3682        display: none;
3683    }
3684    
3685    .swiper-pagination {
3686        position: absolute;
3687        bottom: 35px;
3688        left: 0;
3689        width: 100%;
3690        display: flex;
3691        justify-content: center;
3692        align-items: center;
3693        gap: 6px;
3694        z-index: 10;
3695        pointer-events: none;
3696        @media (min-width: 1024px) {
3697            bottom: 12px;
3698        }
3699    }
3700    
3701    .swiper-pagination-bullet {
3702        pointer-events: all;
3703        width: 8px;
3704        height: 8px;
3705        border-radius: 50%;
3706        background: rgba(255, 255, 255, 0.6);
3707        opacity: 1;
3708        cursor: pointer;
3709        transition: background 0.2s ease, transform 0.2s ease;
3710    }
3711    
3712    .swiper-pagination-bullet-active {
3713        background: rgba(255, 255, 255, 1);
3714        transform: scale(1.3);
3715    }
3716}
3717.w-bottom-bar,
3718.w-bottom-bar-lower{
3719    display: none !important;
3720}
3721
3722
3723   
3724</style>
3725
3726
3727<script type="module">
3728import {loadWistiaVideos} from '/templates/cadenas/corporativaair/js/libraries/keytelFunctions.js';
3729
3730function moveHighlightText(module ) {
3731    const highlight = module.querySelector('.editorial-content-highlight');
3732    const position = [...module.classList].find(cls => cls.startsWith('highlight-'));
3733    
3734
3735    if (!position || !highlight) return;
3736
3737    switch(position) {
3738        case 'highlight-left':
3739            
3740            const imageWrapper = module.querySelector('.editorial-content-image-wrapper');
3741            if (imageWrapper) {
3742                imageWrapper.querySelector('img').style.display = 'none';
3743                imageWrapper.appendChild(highlight);
3744            }
3745            break;
3746        case 'highlight-center':
3747
3748            const highlightWrapper = document.createElement('div');
3749            highlightWrapper.className = 'editorial-content-highlight-wrapper';
3750            highlightWrapper.appendChild(highlight);
3751            module.insertBefore(highlightWrapper, module.firstChild);
3752            
3753            break;
3754        default:
3755            break;
3756    }
3757    
3758}
3759function moveTitleText( module ) {
3760    const title = module.querySelector('.editorial-content-title');
3761    const subtitle = module.querySelector('.editorial-content-subtitle');
3762    const position = [...module.classList].find(cls => cls.startsWith('title-left'));
3763
3764    if (!position) return;
3765
3766    const imageWrapper = module.querySelector('.editorial-content-image-wrapper');
3767    if (imageWrapper) {
3768        imageWrapper.querySelector('img').style.display = 'none';
3769        if (title) imageWrapper.appendChild(title);
3770        if (subtitle) imageWrapper.appendChild(subtitle);
3771    }
3772}
3773
3774function createImageGallery(module, gallery) {
3775    const wrapper = module.querySelector('.editorial-content-image-wrapper');
3776    if (!wrapper) return;
3777
3778    wrapper.innerHTML = '';
3779    wrapper.classList.add('swiper');
3780    
3781    const swiperWrapper = document.createElement('div');
3782    swiperWrapper.className = 'swiper-wrapper';
3783
3784    gallery.forEach((img, index) => {
3785
3786        const imageWrapper = document.createElement('div');
3787        imageWrapper.className = 'gallery-image-wrapper swiper-slide';
3788        const image = document.createElement('img');
3789        image.className = 'editorial-content-image';
3790        image.src = img.url;
3791        image.alt = img.name || `Image ${index + 1}`;
3792        imageWrapper.appendChild(image);
3793        swiperWrapper.appendChild(imageWrapper);
3794    });
3795    wrapper.appendChild(swiperWrapper);
3796
3797    const overlay = document.createElement('div');
3798    overlay.className = 'swiper-controls-overlay';
3799    const overlayWrapper = document.createElement('div');
3800    overlayWrapper.className = 'swiper-controls-overlay-wrapper';
3801    overlay.appendChild(overlayWrapper);
3802
3803    const navWrapper = document.createElement('div');
3804    navWrapper.className = 'swiper-nav-wrapper';
3805
3806    const prevBtn = document.createElement('button');
3807    prevBtn.className = 'swiper-button-prev';
3808    prevBtn.setAttribute('aria-label', 'Previous slide');
3809    prevBtn.innerHTML = `<div class="newicons-chevron-izquierda"></div>`;
3810
3811    const nextBtn = document.createElement('button');
3812    nextBtn.className = 'swiper-button-next';
3813    nextBtn.setAttribute('aria-label', 'Next slide');
3814    nextBtn.innerHTML = `<div class="newicons-chevron-derecha"></div>`;
3815
3816    navWrapper.appendChild(prevBtn);
3817    navWrapper.appendChild(nextBtn);
3818
3819    const pagination = document.createElement('div');
3820    pagination.className = 'swiper-pagination';
3821
3822    overlayWrapper.appendChild(navWrapper);
3823    overlayWrapper.appendChild(pagination);
3824    wrapper.appendChild(overlay);
3825
3826    new Swiper(wrapper, {
3827        slidesPerView: 1,
3828        spaceBetween: 25,
3829        loop: true,
3830        effect: 'fade',
3831        fadeEffect: {
3832            crossFade: true
3833        },
3834        pagination: {
3835            el: '.swiper-pagination',
3836            clickable: true,
3837        },
3838        navigation: {
3839            nextEl: '.swiper-button-next',
3840            prevEl: '.swiper-button-prev',
3841        },
3842    });
3843}
3844
3845function init_editorialContent(id) {
3846    const module = document.querySelector('#editorial-content-' + id);
3847    const wrapper = module.querySelector('.editorial-content-wrapper');
3848    const imageWrapper = module.querySelector('.editorial-content-image-wrapper');
3849    const button = module.querySelector('.editorial-content-button');
3850    const hasLink = !!button &&
3851        button.textContent.trim() !== '' &&
3852        !!button.getAttribute('href')?.trim();
3853    const imageGallery = {gallery : JSON.parse('[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/17#Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca","name":"Photo du hall d\u2019entr\u00e9e de l\u2019H\u00f4tel Do\u00f1a Blanca"}]')};
3854
3855    if (imageGallery && imageGallery.gallery.length > 0) {
3856        createImageGallery(module, imageGallery.gallery);
3857    }
3858    
3859    if(hasLink) {
3860        module.querySelector('.editorial-content-button').classList.add('visible-button');
3861    }
3862    
3863    let variant = 'default';
3864
3865    if (module?.classList.contains('variant-2')) {
3866        variant = 'variant-2';
3867    } else if (module?.classList.contains('variant-3')) {
3868        variant = 'variant-3';
3869    } else if (module?.classList.contains('variant-4')) {
3870        variant = 'variant-4';
3871    }
3872
3873    switch(variant) {
3874        case 'variant-2':
3875            if (window.innerWidth < 1024) {
3876                if (imageWrapper) {
3877                    wrapper.appendChild(imageWrapper);
3878                }
3879            }
3880            break;
3881        case 'variant-3':
3882            break;
3883        case 'variant-4':
3884            break;
3885        default:
3886            break;
3887    }
3888    if (window.innerWidth >= 600){
3889        moveHighlightText(module);
3890        moveTitleText(module);
3891    }
3892    if(!(module?.classList.contains('highlight-left') || module?.classList.contains('title-left'))){
3893        loadWistiaVideos(module);
3894    }
3895       
3896}
3897document.addEventListener("DOMContentLoaded", () => {
3898    init_editorialContent('117791');
3899});
3900</script>
3900
3901  
3902<div class="tpl-carousel-rooms " data-scroll="">
3903    <div class="sta-carousel-header">
3904        <h2 class="sta-carousel-title">Chambres</h2>
3905        <span class="sta-carousel-description">
3906        <p>Toutes nos options d’hébergement.<br/></p>
3907    </span>
3908    </div>
3909
3910    <div class="sta-carousel-container">
3911        <h2 class="sta-carousel-main-title"></h2>
3912        
3913        <button class="sta-carousel-nav sta-carousel-prev" aria-label="Anterior">
3914            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
3915                <polyline points="15 18 9 12 15 6"></polyline>
3916            </svg>
3917        </button>
3918
3919        <div class="sta-carousel-track-container">
3920            <div class="sta-carousel-track">
3921
3922                <div class="sta-carousel-slide">
3923                    <div class="sta-room-card">
3924                        <div class="sta-room-image-container">
3925                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/5#Hotel Do\u00f1a Blanca_Jerez de la Frontera_","name":""}]'>
3926                               
3927                            </div>
3928                            <div class="sta-room-dots">
3929                                <span class="sta-dot active" data-index="0"></span>
3930                                <span class="sta-dot" data-index="1"></span>
3931                                <span class="sta-dot" data-index="2"></span>
3932                                <span class="sta-dot" data-index="3"></span>
3933                            </div>
3934                        </div>
3935                        <div class="sta-room-content">
3936                            <h3 class="sta-room-title">Chambre double avec terrasse</h3>
3937                            <span class="sta-room-text">
3938                                <p>Élégante et lumineuse, avec terrasse privée invitant à profiter de moments de détente en plein air.<br/></p>
3939                            </span>
3940                            <div class="sta-room-buttons">
3941                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
3942                                <a href="/fr/chambre-double-avec-terrasse" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
3943                            </div>
3944                        </div>
3945                    </div>
3946                </div>
3947                <div class="sta-carousel-slide">
3948                    <div class="sta-room-card">
3949                        <div class="sta-room-image-container">
3950                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/3#Hotel Do\u00f1a Blanca_Jerez de la Frontera_","name":""}]'>
3951                               
3952                            </div>
3953                            <div class="sta-room-dots">
3954                                <span class="sta-dot active" data-index="0"></span>
3955                                <span class="sta-dot" data-index="1"></span>
3956                                <span class="sta-dot" data-index="2"></span>
3957                                <span class="sta-dot" data-index="3"></span>
3958                            </div>
3959                        </div>
3960                        <div class="sta-room-content">
3961                            <h3 class="sta-room-title">Chambre double standard</h3>
3962                            <span class="sta-room-text">
3963                                <p>Confortable et polyvalente, idéale pour profiter d’un séjour agréable avec tout le confort essentiel.<br/></p>
3964                            </span>
3965                            <div class="sta-room-buttons">
3966                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
3967                                <a href="/fr/chambre-double-standard" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
3968                            </div>
3969                        </div>
3970                    </div>
3971                </div>
3972                <div class="sta-carousel-slide">
3973                    <div class="sta-room-card">
3974                        <div class="sta-room-image-container">
3975                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/9#Hotel Do\u00f1a Blanca_Jerez de la Frontera_","name":""}]'>
3976                               
3977                            </div>
3978                            <div class="sta-room-dots">
3979                                <span class="sta-dot active" data-index="0"></span>
3980                                <span class="sta-dot" data-index="1"></span>
3981                                <span class="sta-dot" data-index="2"></span>
3982                                <span class="sta-dot" data-index="3"></span>
3983                            </div>
3984                        </div>
3985                        <div class="sta-room-content">
3986                            <h3 class="sta-room-title">Chambre Intérieure</h3>
3987                            <span class="sta-room-text">
3988                                <p>Calme et fonctionnelle, donnant sur l’intérieur pour garantir un repos optimal dans un environnement paisible.<br/></p>
3989                            </span>
3990                            <div class="sta-room-buttons">
3991                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
3992                                <a href="/fr/chambre-interieure" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
3993                            </div>
3994                        </div>
3995                    </div>
3996                </div>
3997                <div class="sta-carousel-slide">
3998                    <div class="sta-room-card">
3999                        <div class="sta-room-image-container">
4000                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/4#Hotel Do\u00f1a Blanca_Jerez de la Frontera_","name":""}]'>
4001                               
4002                            </div>
4003                            <div class="sta-room-dots">
4004                                <span class="sta-dot active" data-index="0"></span>
4005                                <span class="sta-dot" data-index="1"></span>
4006                                <span class="sta-dot" data-index="2"></span>
4007                                <span class="sta-dot" data-index="3"></span>
4008                            </div>
4009                        </div>
4010                        <div class="sta-room-content">
4011                            <h3 class="sta-room-title">Chambre double avec lit double</h3>
4012                            <span class="sta-room-text">
4013                                <p>Confortable et accueillante, équipée d’un lit double pour un séjour intime et reposant.<br/></p>
4014                            </span>
4015                            <div class="sta-room-buttons">
4016                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
4017                                <a href="/fr/chambre-double-avec-lit-double" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
4018                            </div>
4019                        </div>
4020                    </div>
4021                </div>
4022                <div class="sta-carousel-slide">
4023                    <div class="sta-room-card">
4024                        <div class="sta-room-image-container">
4025                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/11#Hotel Do\u00f1a Blanca_Jerez de la Frontera_","name":""}]'>
4026                               
4027                            </div>
4028                            <div class="sta-room-dots">
4029                                <span class="sta-dot active" data-index="0"></span>
4030                                <span class="sta-dot" data-index="1"></span>
4031                                <span class="sta-dot" data-index="2"></span>
4032                                <span class="sta-dot" data-index="3"></span>
4033                            </div>
4034                        </div>
4035                        <div class="sta-room-content">
4036                            <h3 class="sta-room-title">Chambre Familiale</h3>
4037                            <span class="sta-room-text">
4038                                <p>Spacieuse et confortable, conçue pour les familles souhaitant profiter d’un séjour agréable avec un équilibre parfait entre repos et fonctionnalité.<br/></p>
4039                            </span>
4040                            <div class="sta-room-buttons">
4041                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
4042                                <a href="/fr/chambre-familiale" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
4043                            </div>
4044                        </div>
4045                    </div>
4046                </div>
4047                <div class="sta-carousel-slide">
4048                    <div class="sta-room-card">
4049                        <div class="sta-room-image-container">
4050                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/8#Photo de la chambre individuelle de l\u2019H\u00f4tel Do\u00f1a Blanca","name":"Photo de la chambre individuelle de l\u2019H\u00f4tel Do\u00f1a Blanca"}]'>
4051                               
4052                            </div>
4053                            <div class="sta-room-dots">
4054                                <span class="sta-dot active" data-index="0"></span>
4055                                <span class="sta-dot" data-index="1"></span>
4056                                <span class="sta-dot" data-index="2"></span>
4057                                <span class="sta-dot" data-index="3"></span>
4058                            </div>
4059                        </div>
4060                        <div class="sta-room-content">
4061                            <h3 class="sta-room-title">Chambre Simple</h3>
4062                            <span class="sta-room-text">
4063                                <p>Un espace chaleureux et fonctionnel, idéal pour les voyageurs en solo en quête de repos et de confort dans un cadre paisible.<br/></p>
4064                            </span>
4065                            <div class="sta-room-buttons">
4066                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
4067                                <a href="/fr/chambre-simple" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
4068                            </div>
4069                        </div>
4070                    </div>
4071                </div>
4072                <div class="sta-carousel-slide">
4073                    <div class="sta-room-card">
4074                        <div class="sta-room-image-container">
4075                            <div class="sta-room-images-wrapper" data-img='[{"url":"https:\/\/synergy.booking-channel.com\/api\/hotels\/3536\/medias\/10#Photo de la chambre triple de l\u2019H\u00f4tel Do\u00f1a Blanca","name":"Photo de la chambre triple de l\u2019H\u00f4tel Do\u00f1a Blanca"}]'>
4076                               
4077                            </div>
4078                            <div class="sta-room-dots">
4079                                <span class="sta-dot active" data-index="0"></span>
4080                                <span class="sta-dot" data-index="1"></span>
4081                                <span class="sta-dot" data-index="2"></span>
4082                                <span class="sta-dot" data-index="3"></span>
4083                            </div>
4084                        </div>
4085                        <div class="sta-room-content">
4086                            <h3 class="sta-room-title">Chambre Triple</h3>
4087                            <span class="sta-room-text">
4088                                <p>Spacieuse et confortable, idéale pour les séjours partagés alliant repos, fonctionnalité et atmosphère accueillante.<br/></p>
4089                            </span>
4090                            <div class="sta-room-buttons">
4091                                <a href="/fr/reserver" class="sta-room-btn sta-room-btn-secondary">Réserver</a>
4092                                <a href="/fr/chambre-triple" class="sta-room-btn sta-room-btn-primary">Voir la chambre</a>
4093                            </div>
4094                        </div>
4095                    </div>
4096                </div>
4097            </div>
4098        </div>
4099        <button class="sta-carousel-nav sta-carousel-next" aria-label="Siguiente">
4100            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
4101                <polyline points="9 18 15 12 9 6"></polyline>
4102            </svg>
4103        </button>
4104    </div>
4105    <div class="sta-carousel-indicators"></div>
4106</div>
4107
4108<style>
4109.tpl-carousel-rooms.background-color {--backgroundColor: #000;background-color: var(--backgroundColor) !important;}
4110.tpl-carousel-rooms.font-white .sta-carousel-title,.tpl-carousel-rooms.font-white .sta-carousel-description,.tpl-carousel-rooms.font-white .sta-carousel-main-title {color: #fff !important;}
4111.tpl-carousel-rooms.font-white .sta-carousel-nav {color: #fff !important;border-color: rgba(255, 255, 255, 0.75) !important;}
4112.tpl-carousel-rooms.font-white .sta-carousel-nav:hover {background-color: rgba(255, 255, 255, 0.1) !important;border-color: rgba(255, 255, 255, 0.75) !important;}
4113.tpl-carousel-rooms.font-white.version-1 .sta-carousel-nav {background-color: #fff !important;color: #000 !important;border-color: #fff !important;}
4114.tpl-carousel-rooms.font-white.version-1 .sta-carousel-nav:hover {background-color: #000 !important;color: #fff !important;border-color: #000 !important;}
4115.tpl-carousel-rooms {width: 100%;padding: 60px 20px;position: relative;background-color: var(--color-background);}
4116.tpl-carousel-rooms.version-2 {background-image: url();background-size: cover;background-position: center;position: relative;min-height: 100vh;display: flex;align-items: center;padding-right: 0;}
4117.tpl-carousel-rooms.version-2::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.75);z-index: 1;}
4118.tpl-carousel-rooms.tpl-carousel-rooms.version-2.no-background-image {background-image: none !important;}
4119.tpl-carousel-rooms.version-2.no-background-image::before {display: none;}
4120.tpl-carousel-rooms.version-2 > * {position: relative;z-index: 2;}
4121.tpl-carousel-rooms.version-3 {padding: 80px 0 80px 5%;}
4122.sta-carousel-header {text-align: center;margin-bottom: 50px;max-width: 900px;margin-left: auto;margin-right: auto;}
4123.sta-carousel-title {font-family: var(--font-title) !important;font-size: var(--font-size-h2);font-weight: 700;margin-bottom: 20px;color: var(--color-text);}
4124.sta-carousel-description {font-family: var(--font-body) !important;font-size: var(--font-size-base);line-height: 1.8;color: var(--color-text);}
4125.tpl-carousel-rooms.version-2 .sta-carousel-header {display: none;}
4126.tpl-carousel-rooms.version-3 .sta-carousel-header {text-align: left;margin-bottom: 0;position: absolute;left: 5%;top: 80px;bottom: 0;max-width: 220px;display: flex;flex-direction: column;max-height: 645px;overflow: hidden;}
4127.tpl-carousel-rooms.version-3 .sta-carousel-title {font-size: var(--font-size-h2);font-weight: 800;line-height: 1.1;margin-bottom: 25px;margin-top: 5px;}
4128.tpl-carousel-rooms.version-3 .sta-carousel-description {font-size: var(--font-size-base);max-width: 100%;line-height: 1.6;color: var(--color-text);}
4129.sta-carousel-container {position: relative;max-width: 1400px;margin: 0 auto;padding: 0 60px;}
4130.tpl-carousel-rooms.version-2 .sta-carousel-container {display: grid;grid-template-columns: 380px 1fr;grid-template-rows: 1fr auto;gap: 60px 80px;align-items: center;max-width: none;padding: 0 0 0 80px;}
4131.tpl-carousel-rooms.version-3 .sta-carousel-container {max-width: none;}
4132.sta-carousel-main-title {display: none;}
4133.tpl-carousel-rooms.version-2 .sta-carousel-main-title {display: block;font-family: var(--font-title) !important;font-size: var(--font-size-h1);font-weight: 700;line-height: 1.15;color: #fff;grid-column: 1;grid-row: 1;align-self: center;margin: 0;}
4134.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-main-title {color: var(--color-text);}
4135.sta-carousel-track-container {overflow: hidden;position: relative;height: 101%;}
4136.tpl-carousel-rooms.version-2 .sta-carousel-track-container {grid-column: 2;grid-row: 1;}
4137.sta-carousel-track {display: flex;transition: transform 0.5s ease-in-out;}
4138.sta-carousel-slide {min-width: 100%;padding: 10px;}
4139.tpl-carousel-rooms.version-1 .sta-carousel-slide,.tpl-carousel-rooms.version-3 .sta-carousel-slide {min-width: 50%;}
4140.tpl-carousel-rooms.version-2 .sta-carousel-slide {min-width: 460px;max-width: 460px;}
4141.sta-room-card {background: var(--color-cards);border-radius: var(--radius-elements);overflow: hidden;box-shadow: 0 2px 10px var(--color-shadow-box);transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;}
4142.tpl-carousel-rooms.grey-card .sta-room-card {background: #323232;color: #fff;}
4143.tpl-carousel-rooms.grey-card .sta-room-title{color: #fff;}
4144.tpl-carousel-rooms.version-1 .sta-room-card {border-radius: var(--radius-elements);}
4145.tpl-carousel-rooms.version-2 .sta-room-card {border: none;border-radius: var(--radius-elements);overflow: hidden;}
4146.tpl-carousel-rooms.version-3 .sta-room-card {border-radius: var(--radius-elements);position: relative;min-height: 450px;background: #1a1a1a;overflow: hidden;display: flex;flex-direction: column;}
4147.tpl-carousel-rooms.version-3 .sta-room-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.85) 70%, #1a1a1a 85%, #1a1a1a 100%);z-index: 1;pointer-events: none;}
4148.sta-room-image-container {position: relative;width: 100%;padding-top: 65%;overflow: hidden;}
4149.tpl-carousel-rooms.version-1 .sta-room-image-container {border: 15px solid var(--color-cards);}
4150.tpl-carousel-rooms.version-1.grey-card .sta-room-image-container {border: 15px solid #323232;}
4151.tpl-carousel-rooms .sta-room-images-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
4152.tpl-carousel-rooms .sta-room-images-wrapper .sta-room-image {opacity: 0;transition: opacity 0.5s ease-in-out;pointer-events: none;}
4153.tpl-carousel-rooms.version-1 .sta-room-images-wrapper .sta-room-image{border-radius: calc(var(--radius-elements) - 15px);}
4154.tpl-carousel-rooms .sta-room-images-wrapper .sta-room-image.active {opacity: 1;pointer-events: auto;}
4155.tpl-carousel-rooms.version-2 .sta-room-image-container {padding-top: 0;height: 250px;width: calc(100% - 40px);margin: 20px 20px 0 20px;border-radius: calc(var(--radius-elements) - 15px);overflow: hidden;position: relative;}
4156.sta-room-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
4157.tpl-carousel-rooms.version-2 .sta-room-images-wrapper .sta-room-image {position: absolute;}
4158.tpl-carousel-rooms.version-3 .sta-room-image-container {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-top: 0;height: 100%;overflow: hidden;border-radius: var(--radius-elements);}
4159.tpl-carousel-rooms.version-3 .sta-room-images-wrapper {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
4160.tpl-carousel-rooms.version-3 .sta-room-dots {display: none;}
4161.sta-room-dots {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;z-index: 2;}
4162.sta-dot {width: 6px;height: 6px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);
4162cursor: pointer;transition: all 0.3s ease;}
4163.sta-dot.active {background: #fff;width: 24px;border-radius: 4px;}
4164.tpl-carousel-rooms.version-2 .sta-room-dots {display: flex;bottom: 10px;}
4165.sta-room-content {padding: 25px;flex: 1;display: flex;flex-direction: column;}
4166.tpl-carousel-rooms.version-1 .sta-room-content {padding-top: 10px;}
4167.tpl-carousel-rooms.version-2 .sta-room-content {padding: 30px;}
4168.tpl-carousel-rooms.version-3 .sta-room-content {background: transparent;color: #fff;padding: 25px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;display: flex;flex-direction: column;}
4169.sta-room-title {font-family: var(--font-title) !important;font-size: var(--font-size-h3);font-weight: 700;margin-bottom: 15px;color: var(--color-text);}
4170.tpl-carousel-rooms.version-1 .sta-room-title {margin-top: 0;font-size: var(--font-size-h3);}
4171.tpl-carousel-rooms.version-2 .sta-room-title {font-size: var(--font-size-h3);margin-bottom: 15px;font-weight: bold;}
4172.tpl-carousel-rooms.version-3 .sta-room-title {color: #fff;font-size: var(--font-size-h3);font-weight: 600;margin-bottom: 12px;}
4173.sta-room-text {font-family: var(--font-body) !important;font-size: var(--font-size-base);margin-bottom: 25px;flex: 1;max-height: 170px;overflow: hidden;}
4174.tpl-carousel-rooms.version-2 .sta-room-text {font-size: var(--font-size-base);margin-bottom: 25px;}
4175.tpl-carousel-rooms.version-3 .sta-room-text {color: rgba(255, 255, 255, 0.7);font-size: var(--font-size-base);margin-bottom: 50px;flex: 1;}
4176.sta-room-buttons {display: flex;gap: 12px;}
4177.tpl-carousel-rooms.version-2 .sta-room-buttons {justify-content: center;gap: 15px;}
4178.sta-room-btn {flex: 1;padding:18px;text-align: center;text-decoration: none;font-family: var(--font-body) !important;font-size: var(--font-size-buttons-small);font-weight: 600;border-radius: var(--radius-buttons);transition: all 0.3s ease;cursor: pointer;letter-spacing: 0.5px;display: flex;align-items: center;justify-content: center;}
4179a.sta-room-btn-secondary:visited{color:var(--color-principal)}
4180a.sta-room-btn-primary:visited{color:var(--color-text-buttons)}
4181.sta-room-btn-secondary {background: var(--color-cards);color: var(--color-principal);border: 2px solid var(--color-principal);border-radius: var(--radius-buttons-secondary);}
4182.sta-room-btn-secondary:hover {background: var(--color-principal);color: var(--color-text-buttons) !important; text-decoration: none;}
4183.sta-room-btn-primary {background: var(--color-principal);color: var(--color-text-buttons);border: 2px solid var(--color-principal);}
4184.sta-room-btn-primary:hover {background: var(--color-cards);border-color: var(--color-principal);color: var(--color-principal) !important;text-decoration: none;}
4185.sta-carousel-nav {position: absolute;top: 50%;transform: translateY(-50%);background: var(--color-cards);color: var(--color-text);border: none;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 10;box-shadow: 0 2px 10px var(--color-shadow-box);}
4186.sta-carousel-nav:hover {background: var(--color-cards);box-shadow: 0 4px 15px var(--color-shadow-box);}
4187.sta-carousel-prev {left: 0;}
4188.sta-carousel-next {right: 0;}
4189.tpl-carousel-rooms.version-2 .sta-carousel-prev,.tpl-carousel-rooms.version-2 .sta-carousel-next {position: absolute;grid-column: auto;grid-row: auto;top: auto;bottom: 80px;left: 80px;right: auto;transform: none;background: transparent;border: 3px solid #fff;color: #fff;width: 60px;height: 60px;display: flex;margin-right: 0;}
4190.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-prev,.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-next {border-color: var(--color-text);color: var(--color-text);}
4191.tpl-carousel-rooms.version-2 .sta-carousel-next {left: 160px;}
4192.tpl-carousel-rooms.version-2 .sta-carousel-nav:hover {background: rgba(255, 255, 255, 0.15);border-color: #fff;}
4193.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-nav:hover {background: rgba(0, 0, 0, 0.05);border-color: #000;}
4194.sta-carousel-indicators {display: flex;justify-content: center;gap: 12px;margin-top: 40px;}
4195.sta-carousel-indicators .sta-indicator {width: 40px;height: 4px;background: var(--color-shadow-box);border-radius: 2px;
4195cursor: pointer;transition: all 0.3s ease;}
4196.sta-carousel-indicators .sta-indicator.active {background: var(--color-text);width: 60px;}
4197.tpl-carousel-rooms.version-1.font-white .sta-carousel-indicators .sta-indicator {background-color: #848484;}
4198.tpl-carousel-rooms.version-1.font-white .sta-carousel-indicators .sta-indicator.active {background-color: #fff;}
4199.tpl-carousel-rooms.version-2 .sta-carousel-indicators {display: none;}
4200.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-indicators .sta-indicator {background: rgba(0, 0, 0, 0.2);}
4201.tpl-carousel-rooms.version-2.no-background-image .sta-carousel-indicators .sta-indicator.active {background: #000;}
4202.tpl-carousel-rooms.version-2.font-white .sta-carousel-indicators .sta-indicator {background: rgba(255, 255, 255, 0.4) !important;}
4203.tpl-carousel-rooms.version-2.font-white .sta-carousel-indicators .sta-indicator.active {background: #fff !important;}
4204.tpl-carousel-rooms.version-3 .sta-carousel-indicators {margin-top: 50px;gap: 0;height: 3px;background: var(--color-shadow-box);border-radius: 2px;position: relative;overflow: hidden;max-width: none;margin-left: 0;margin-right: 0;}
4205.tpl-carousel-rooms.version-3 .sta-carousel-indicators .sta-indicator {position: absolute;left: 0;top: 0;height: 100%;background: var(--color-text);border-radius: 2px;transition: width 0.5s ease;width: 0;}
4206.tpl-carousel-rooms.version-3.font-white .sta-carousel-indicators {background-color:#848484 ;}
4207.tpl-carousel-rooms.version-3.font-white .sta-carousel-indicators .sta-indicator {background-color:#fff;}
4208.tpl-carousel-rooms.version-3 .sta-carousel-container {margin-left: 280px;padding: 0 20px 0 40px;}
4209.tpl-carousel-rooms.version-3 .sta-carousel-nav {display: none;}
4210@media (min-width: 968px) {
4211    .tpl-carousel-rooms.version-3 .sta-carousel-indicators {margin-left: 340px;margin-right: 30px;}
4212    .tpl-carousel-rooms.version-3 .sta-room-card{min-height: 600px;}
4213    .tpl-carousel-rooms.version-2 .sta-carousel-next{left: 640px;}
4214    .tpl-carousel-rooms.version-2 .sta-carousel-prev{left: 560px;}
4215    .tpl-carousel-rooms.version-2 .sta-carousel-prev, .tpl-carousel-rooms.version-2 .sta-carousel-next{bottom:-20px}
4216}
4217@media (min-width: 1450px) {
4218    .tpl-carousel-rooms.version-3 .sta-carousel-slide {min-width: 33.333%;}
4219    .tpl-carousel-rooms.version-1 .sta-carousel-slide {min-width: 33.333%;}}
4220@media (min-width: 969px) and (max-width: 1449px) {
4221    .tpl-carousel-rooms.version-3 .sta-carousel-slide {min-width: 50%;}}
4222@media (min-width: 1101px) {
4223    .tpl-carousel-rooms.version-1 .sta-carousel-slide {min-width: 33.333%;}}
4224@media (max-width: 968px) {
4225    .tpl-carousel-rooms.version-2{padding-right: 0;padding-left: 0;}
4226    .tpl-carousel-rooms.version-2 .sta-carousel-prev{left: 50px;}
4227    .tpl-carousel-rooms.version-2 .sta-carousel-next{right: 40px;}
4228    .tpl-carousel-rooms.version-2 .sta-carousel-indicators{left: 70px;bottom: 10px;}
4229    .tpl-carousel-rooms.version-1 .sta-carousel-slide,
4230    .tpl-carousel-rooms.version-3 .sta-carousel-slide {min-width: 50%;}
4231    .tpl-carousel-rooms.version-2 .sta-carousel-slide {min-width: 100%;max-width: 100%;}
4232    .tpl-carousel-rooms.version-2 .sta-carousel-container {grid-template-columns: 1fr;grid-template-rows: auto auto auto;gap: 40px;padding: 0 40px;}
4233    .tpl-carousel-rooms.version-2 .sta-carousel-container::before {font-size: 32px;grid-column: 1;grid-row: 1;text-align: center;}
4234    .tpl-carousel-rooms.version-2 .sta-carousel-track-container {grid-column: 1;grid-row: 2;position: relative;} 
4235    .tpl-carousel-rooms.version-2 .sta-carousel-prev, .tpl-carousel-rooms.version-2 .sta-carousel-next {position: absolute;grid-column: auto;grid-row: auto;top:100%;transform: translateY(-50%);width: 50px;height: 50px;margin-right: 0;background: transparent;border: 2px solid #fff;color: #fff;left: 52%;}
4236    .tpl-carousel-rooms.version-2 .sta-carousel-prev {margin-left: -60px;}
4237    .tpl-carousel-rooms.version-2 .sta-carousel-indicators {grid-column: 1;grid-row: 3;justify-content: center;margin-top: 20px;margin-left: 0;}
4238    .tpl-carousel-rooms.version-3 {padding-left: 0;padding-right: 0;} 
4239    .tpl-carousel-rooms.version-3 .sta-carousel-header {position: relative;
4239left: auto;top: auto;bottom: auto;transform: none;max-width: 100%;margin-bottom: 30px;text-align: left;padding: 0 20px;display: block;} 
4240    .tpl-carousel-rooms.version-3 .sta-carousel-description {display: none;}
4241    .tpl-carousel-rooms.version-3 .sta-carousel-container {margin-left: 0;padding: 0;position: static;}
4242    .tpl-carousel-rooms.version-3 .sta-carousel-nav {display: flex;position: absolute;top: 80px;transform: none;width: 44px;height: 44px;background: transparent;border: 1.5px solid var(--color-text);color: var(--color-text);box-shadow: none;}
4243    .tpl-carousel-rooms.version-3 .sta-carousel-nav:hover {background: rgba(0,0,0,0.08);}
4244    .tpl-carousel-rooms.version-3 .sta-carousel-prev {left: auto;right: 70px;}
4245    .tpl-carousel-rooms.version-3 .sta-carousel-next {right: 20px;}
4246    .tpl-carousel-rooms.version-3.font-white .sta-carousel-nav {border-color: #fff;color: #fff;}
4247    .tpl-carousel-rooms.version-3.font-white .sta-carousel-nav:hover {background: rgba(255,255,255,0.1);} 
4248    .tpl-carousel-rooms.version-3 .sta-carousel-indicators {margin-inline: auto; max-width: 40%;} 
4249    .tpl-carousel-rooms.version-3 .sta-room-card {min-height: 500px;}
4250    .tpl-carousel-rooms.version-3 .sta-room-card::before {background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.85) 70%, #1a1a1a 85%, #1a1a1a 100%) !important;}}
4251
4252@media (max-width: 750px) {
4253    .tpl-carousel-rooms.version-1 .sta-carousel-slide {min-width: 100%;}}
4254@media (max-width: 640px) {
4255.tpl-carousel-rooms {padding: 40px 15px;} 
4256.version-1 .sta-carousel-nav{display: none;}
4257.sta-carousel-header {margin-bottom: 30px;} 
4258.sta-carousel-container {padding: 0 40px;} 
4259.tpl-carousel-rooms.version-1 .sta-carousel-container{padding: 0;}
4260.tpl-carousel-rooms.version-1 .sta-carousel-slide,
4261.tpl-carousel-rooms.version-2 .sta-carousel-slide,
4262.tpl-carousel-rooms.version-3 .sta-carousel-slide {min-width: 100%;} 
4263.tpl-carousel-rooms.version-2 .sta-carousel-slide {max-width: 100%;} 
4264.sta-carousel-nav {width: 40px;height: 40px;}
4265.sta-carousel-nav svg {width: 20px;height: 20px;} 
4266.sta-room-content {padding: 20px;}
4267.sta-room-buttons {flex-direction: row;}
4268.sta-room-btn {padding: 15px;}
4269.tpl-carousel-rooms.version-2 .sta-carousel-container {padding: 0 20px;} 
4270.tpl-carousel-rooms.version-2 .sta-carousel-container::before {font-size: 24px;}
4271.tpl-carousel-rooms.version-2 .sta-carousel-nav {width: 45px;height: 45px;} 
4272.tpl-carousel-rooms.version-3 {padding-top: 40px;}
4273.tpl-carousel-rooms.version-3 .sta-carousel-header {text-align: left;} 
4274.tpl-carousel-rooms.version-3 .sta-carousel-description {display: none;}
4275.tpl-carousel-rooms.version-3 .sta-carousel-container {position: static;}
4276.tpl-carousel-rooms.version-3 .sta-carousel-nav {top: 40px;width: 38px;height: 38px;}
4277.tpl-carousel-rooms.version-3 .sta-carousel-prev {right: 60px;}
4278.tpl-carousel-rooms.version-3 .sta-carousel-next {right: 15px;}
4279.tpl-carousel-rooms.version-3 .sta-room-card {min-height: 550px;} 
4280.tpl-carousel-rooms.version-2 .sta-carousel-main-title{padding: 0 10px;}
4281.tpl-carousel-rooms.version-1 .sta-carousel-indicators {gap: 0;height: 4px;background: var(--color-shadow-box);border-radius: 2px;position: relative;overflow: hidden;max-width: 40%;padding: 0;margin: 40px auto;}
4282.tpl-carousel-rooms.version-1 .sta-carousel-indicators .sta-indicator {position: absolute;left: 0;top: 0;height: 100%;background: var(--color-text);border-radius: 2px;transition: all 0.5s ease;}
4283.tpl-carousel-rooms.version-1.font-white .sta-carousel-indicators {background-color:rgba(255, 255, 255, 0.3);}
4284.tpl-carousel-rooms.version-1.font-white .sta-carousel-indicators .sta-indicator {background-color:#fff;}}
4285@media (max-height: 650px) {
4286.tpl-carousel-rooms.version-3 .sta-room-card {min-height: 500px;}
4287.tpl-carousel-rooms.version-2 .sta-carousel-main-title{align-self: flex-start;}
4288.tpl-carousel-rooms.version-2 .sta-carousel-prev,
4289.tpl-carousel-rooms.version-2 .sta-carousel-next{bottom: 300px;}
4290.tpl-carousel-rooms.version-2 .sta-carousel-indicators{bottom: 280px;}}
4291</style>
4292
4293<script>
4294// ==================== CONFIGURACIÓN DEL CARRUSEL ====================
4295class CarouselRooms {
4296    constructor(element) {
4297        this.carousel = element;
4298        this.track = this.carousel.querySelector('.sta-carousel-track');
4299        this.slides = Array.from(this.track.querySelectorAll('.sta-carousel-slide'));
4300        this.prevButton = this.carousel.querySelector('.sta-carousel-prev');
4301        this.nextButton = this.carousel.querySelector('.sta-carousel-next');
4302        this.indicatorsContainer = this.carousel.querySelector('.sta-carousel-indicators');
4303        
4304        this.currentIndex = 0;
4305        this.slidesPerView = this.getSlidesPerView();
4306        this.totalSlides = this.slides.length;
4307        this.maxIndex = Math.max(0, this.totalSlides - this.slidesPerView);
4308        
4309        this.init();
4310    }
4311
4312    init() {
4313        this.loadImagesFromDataAttr();
4314        this.applyBackgroundImages();
4315        this.createIndicators();
4316        this.updateCarousel();
4317        this.attachEvents();
4318        
4319        // Actualizar en resize
4320        window.addEventListener('resize', () => {
4321            this.slidesPerView = this.getSlidesPerView();
4322            this.maxIndex = Math.max(0, this.totalSlides - this.slidesPerView);
4323            this.createIndicators(); // Recrear indicadores en resize
4324            this.updateCarousel();
4325        });
4326    }
4327    
4328    loadImagesFromDataAttr() {
4329        // Procesar cada carta para cargar imágenes desde data-img
4330        this.slides.forEach(slide => {
4331            const card = slide.querySelector('.sta-room-card');
4332            const imageContainer = card.querySelector('.sta-room-image-container');
4333            const imagesWrapper = card.querySelector('.sta-room-images-wrapper');
4334            const dotsContainer = card.querySelector('.sta-room-dots');
4335            
4336            if (!imageContainer || !imagesWrapper) return;
4337            
4338            const dataImg = imagesWrapper.getAttribute('data-img');
4339            
4340            if (dataImg) {
4341                try {
4342                    const imagesData = JSON.parse(dataImg);
4343                    
4344                    // Limpiar contenido existente
4345                    imagesWrapper.innerHTML = '';
4346                    if (dotsContainer) {
4347                        dotsContainer.innerHTML = '';
4348                    }
4349                    
4350                    // Generar imágenes
4351                    imagesData.forEach((imgData, index) => {
4352                        const img = document.createElement('img');
4353                        img.src = imgData.url;
4354                        img.alt = imgData.name || 'Image ' + (index + 1);
4355                        img.classList.add('sta-room-image');
4356                        
4357                        // La primera imagen es activa por defecto
4358                        if (index === 0) {
4359                            img.classList.add('active');
4360                        }
4361                        
4362                        imagesWrapper.appendChild(img);
4363                        
4364                        // Crear dot correspondiente
4365                        if (dotsContainer) {
4366                            const dot = document.createElement('span');
4367                            dot.classList.add('sta-dot');
4368                            dot.setAttribute('data-index', index);
4369                            
4370                            if (index === 0) {
4371                                dot.classList.add('active');
4372                            }
4373                            
4374                            dotsContainer.appendChild(dot);
4375                        }
4376                    });
4377                } catch (e) {
4378                    console.error('Error al parsear data-img JSON:', e);
4379                }
4380            }
4381        });
4382    }
4383    
4384    applyBackgroundImages() {
4385        // Solo para version-3: aplicar imagen activa como background
4386        if (this.carousel.classList.contains('version-3')) {
4387            this.slides.forEach(slide => {
4388                const card = slide.querySelector('.sta-room-card');
4389                const activeImg = card.querySelector('.sta-room-image.active');
4390                if (activeImg && card) {
4391                    const imgSrc = activeImg.getAttribute('src');
4392                    card.style.backgroundImage = `url(${imgSrc})`;
4393                }
4394            });
4395        }
4396    }
4397
4398    getSlidesPerView() {
4399        const version = this.carousel.classList.contains('version-2') ? 'version-2' :
4400                       this.carousel.classList.contains('version-3') ? 'version-3' : 'version-1';
4401        
4402        const width = window.innerWidth;
4403        
4404        if (width <= 640) {
4405            return 1; // Mobile: 1 slide
4406        } else if (width <= 968) {
4407            return version === 'version-2' ? 1 : 2; // Tablet: 2 slides (1 en version-2)
4408        } else if (version === 'version-3') {
4409            // Para version-3: breakpoints específicos
4410            if (width >= 1450) {
4411                return 3; // 3 slides a partir de 1450px
4412            } else {
4413                return 2; // 2 slides entre 969px y 1449px
4414            }
4415        } else {
4416            return version === 'version-2' ? 1 : 3; // Desktop: 3 slides (1 en version-2)
4417        }
4418    }
4419
4420    createIndicators() {
4421        if (!this.indicatorsContainer) return;
4422        
4423        this.indicatorsContainer.innerHTML = '';
4424        
4425        const isVersion3 = this.carousel.classList.contains('version-3');
4426        const isVersion1 = this.carousel.classList.contains('version-1');
4427        const isMobile = window.innerWidth <= 640;
4428        const numberOfIndicators = this.maxIndex + 1;
4429        
4430        if (isVersion3) {
4431            // Para version-3: crear una sola barra de progreso
4432            const progressBar = document.createElement('div');
4433            progressBar.classList.add('sta-indicator');
4434            this.indicatorsContainer.appendChild(progressBar);
4435            this.indicators = [progressBar];
4436        } else if (isVersion1 && isMobile) {
4437            // Para version-1 en móvil: crear un bullet móvil
4438            const bullet = document.createElement('div');
4439            bullet.classList.add('sta-indicator');
4440            this.indicatorsContainer.appendChild(bullet);
4441            this.indicators = [bullet];
4442        } else {
4443            // Para otras versiones: crear indicadores normales
4444            for (let i = 0; i < numberOfIndicators; i++) {
4445                const indicator = document.createElement('div');
4446                indicator.classList.add('sta-indicator');
4447                if (i === 0) indicator.classList.add('active');
4448                
4449                indicator.addEventListener('click', () => {
4450                    this.goToSlide(i);
4451                });
4452                
4453                this.indicatorsContainer.appendChild(indicator);
4454            }
4455            
4456            this.indicators = Array.from(this.indicatorsContainer.querySelectorAll('.sta-indicator'));
4457        }
4458    }
4459
4460    attachEvents() {
4461        if (this.prevButton) {
4462            this.prevButton.addEventListener('click', () => this.prevSlide());
4463        }
4464        
4465        if (this.nextButton) {
4466            this.nextButton.addEventListener('click', () => this.nextSlide());
4467        }
4468
4469        // Soporte táctil y mouse
4470        let startX = 0;
4471        let currentX = 0;
4472        let isDragging = false;
4473
4474        // Eventos táctiles (móvil)
4475        this.track.addEventListener('touchstart', (e) => {
4476            startX = e.touches[0].clientX;
4477            isDragging = true;
4478        });
4479
4480        this.track.addEventListener('touchmove', (e) => {
4481            if (!isDragging) return;
4482            currentX = e.touches[0].clientX;
4483        });
4484
4485        this.track.addEventListener('touchend', () => {
4486            if (!isDragging) return;
4487            isDragging = false;
4488            
4489            const diff = startX - currentX;
4490            
4491            if (Math.abs(diff) > 50) {
4492                if (diff > 0) {
4493                    this.nextSlide();
4494                } else {
4495                    this.prevSlide();
4496                }
4497            }
4498        });
4499
4500        // Eventos de mouse (desktop)
4501        this.track.addEventListener('mousedown', (e) => {
4502            startX = e.clientX;
4503            isDragging = true;
4504            this.track.style.cursor = 'grabbing';
4505            e.preventDefault(); // Prevenir selección de texto
4506        });
4507
4508        this.track.addEventListener('mousemove', (e) => {
4509            if (!isDragging) return;
4510            currentX = e.clientX;
4511        });
4512
4513        this.track.addEventListener('mouseup', () => {
4514            if (!isDragging) return;
4515            isDragging = false;
4516            this.track.style.cursor = 'grab';
4517            
4518            const diff = startX - currentX;
4519            
4520            if (Math.abs(diff) > 50) {
4521                if (diff > 0) {
4522                    this.nextSlide();
4523                } else {
4524                    this.prevSlide();
4525                }
4526            }
4527        });
4528
4529        // Cuando el mouse sale del track mientras se arrastra
4530        this.track.addEventListener('mouseleave', () => {
4531            if (!isDragging) return;
4532            isDragging = false;
4533            this.track.style.cursor = 'grab';
4534        });
4535
4536        // Establecer cursor inicial
4537        this.track.style.cursor = 'grab';
4538    }
4539
4540    updateCarousel() {
4541        // Obtener el ancho real del primer slide incluyendo gap
4542        const firstSlide = this.slides[0];
4543        if (!firstSlide) return;
4544        
4545        const slideStyles = window.getComputedStyle(firstSlide);
4546        const slideWidth = firstSlide.offsetWidth;
4547        const slideMargin = parseFloat(slideStyles.marginRight) || 0;
4548        const totalSlideWidth = slideWidth + slideMargin;
4549        
4550        // Calcular el offset en píxeles
4551        const offset = -(this.currentIndex * totalSlideWidth);
4552        
4553        this.track.style.transform = `translateX(${offset}px)`;
4554        
4555        // Actualizar botones
4556        if (this.prevButton) {
4557            this.prevButton.disabled = this.currentIndex === 0;
4558            this.prevButton.style.opacity = this.currentIndex === 0 ? '0.75' : '1';
4559        }
4560        
4561        if (this.nextButton) {
4562            this.nextButton.disabled = this.currentIndex >= this.maxIndex;
4563            this.nextButton.style.opacity = this.currentIndex >= this.maxIndex ? '0.75' : '1';
4564        }
4565        
4566        // Actualizar indicadores
4567        if (this.indicators && this.indicators.length > 0) {
4568            const isVersion3 = this.carousel.classList.contains('version-3');
4569            const isVersion1 = this.carousel.classList.contains('version-1');
4570            const isMobile = window.innerWidth <= 640;
4571            
4572            if (isVersion3) {
4573                // Barra de progreso para version-3
4574                const progressBar = this.indicators[0];
4575                const progress = ((this.currentIndex + 1) / (this.maxIndex + 1)) * 100;
4576                progressBar.style.width = `${progress}%`;
4577            } else if (isVersion1 && isMobile) {
4578                // Bullet móvil para version-1 en móvil
4579                const bullet = this.indicators[0];
4580                const totalSlides = this.maxIndex + 1;
4581                const lineWidth = (100 / totalSlides); // Ancho de la línea en porcentaje
4582                const position = (this.currentIndex / totalSlides) * 100; // Posición en porcentaje
4583                bullet.style.width = `${lineWidth}%`;
4584                bullet.style.left = `${position}%`;
4585            } else {
4586                // Indicadores normales para otras versiones
4587                this.indicators.forEach((indicator, index) => {
4588                    indicator.classList.toggle('active', index === this.currentIndex);
4589                });
4590            }
4591        }
4592    }
4593
4594    nextSlide() {
4595        if (this.currentIndex < this.maxIndex) {
4596            this.currentIndex++;
4597            this.updateCarousel();
4598        }
4599    }
4600
4601    prevSlide() {
4602        if (this.currentIndex > 0) {
4603            this.currentIndex--;
4604            this.updateCarousel();
4605        }
4606    }
4607
4608    goToSlide(index) {
4609        if (index >= 0 && index <= this.maxIndex) {
4610            this.currentIndex = index;
4611            this.updateCarousel();
4612        }
4613    }
4614}
4615
4616// ==================== INICIALIZACIÓN ====================
4617document.addEventListener('DOMContentLoaded', () => {
4618    const carouselElements = document.querySelectorAll('.tpl-carousel-rooms');
4619
4620    // Detectar versión en cada carrusel; si no tiene ninguna, asignar version-1
4621    const versions = ['version-1', 'version-2', 'version-3'];
4622    carouselElements.forEach(carousel => {
4623        const hasVersion = versions.some(v => carousel.classList.contains(v));
4624        if (!hasVersion) carousel.classList.add('version-1');
4625    });
4626    
4627    carouselElements.forEach(carousel => {
4628        new CarouselRooms(carousel);
4629    });
4630});
4631
4632// ==================== GALERÍA DE IMÁGENES POR HABITACIÓN ====================
4633// Manejo de múltiples imágenes por habitación en todas las versiones
4634document.addEventListener('DOMContentLoaded', () => {
4635    const carouselContainer = document.querySelector('.tpl-carousel-rooms');
4636    const roomCards = document.querySelectorAll('.tpl-carousel-rooms .sta-room-card');
4637    const isVersion3 = carouselContainer && carouselContainer.classList.contains('version-3');
4638    
4639    roomCards.forEach(card => {
4640        const imageContainer = card.querySelector('.sta-room-image-container');
4641        const imagesWrapper = card.querySelector('.sta-room-images-wrapper');
4642        const images = card.querySelectorAll('.sta-room-image');
4643        const dots = card.querySelectorAll('.sta-dot');
4644        
4645        if (images.length === 0 || dots.length === 0) return;
4646        
4647        let currentImageIndex = 0;
4648        let autoPlayInterval = null;
4649        
4650        // Función para cambiar de imagen
4651        const changeImage = (index) => {
4652            // Remover clase active de todas las imágenes y dots
4653            images.forEach(img => img.classList.remove('active'));
4654            dots.forEach(dot => dot.classList.remove('active'));
4655            
4656            // Agregar clase active a la imagen y dot actual
4657            images[index].classList.add('active');
4658            dots[index].classList.add('active');
4659            
4660            // Para version-3: actualizar el background-image de la card
4661            if (isVersion3) {
4662                const activeImg = images[index];
4663                const imgSrc = activeImg.getAttribute('src');
4664                card.style.backgroundImage = `url(${imgSrc})`;
4665            }
4666            
4667            currentImageIndex = index;
4668        };
4669        
4670        // Evento click en cada dot
4671        dots.forEach((dot, index) => {
4672            dot.addEventListener('click', (e) => {
4673                e.preventDefault();
4674                e.stopPropagation();
4675                changeImage(index);
4676                
4677                // Reiniciar autoplay
4678                clearInterval(autoPlayInterval);
4679                startAutoPlay();
4680            });
4681        });
4682        
4683        // Función para autoplay
4684        const startAutoPlay = () => {
4685            autoPlayInterval = setInterval(() => {
4686                const nextIndex = (currentImageIndex + 1) % images.length;
4687                changeImage(nextIndex);
4688            }, 3000);
4689        };       
4690        // Iniciar autoplay
4691        startAutoPlay();
4692        
4693        // Pausar autoplay al hacer hover
4694        // Para version-3, usar la card en lugar del imageContainer
4695        const hoverTarget = isVersion3 ? card : imageContainer;
4696        
4697        if (hoverTarget) {
4698            hoverTarget.addEventListener('mouseenter', () => {
4699                clearInterval(autoPlayInterval);
4700            });
4701            
4702            // Reanudar autoplay al quitar hover
4703            hoverTarget.addEventListener('mouseleave', () => {
4704                startAutoPlay();
4705            });
4706        }
4707    });
4708});
4709</script>
4709
4710  <section
4711    class="products-promotions variant-3"
4712    id="products-promotions-117792"
4713    data-scroll=""
4714>
4715    <div class="products-promotions-wrapper">
4716        <div class="products-promotions-header">
4717            <h2 class="products-promotions-title">Tout ce que nous pouvons vous offrir</h2>
4718            <div class="products-promotions-description"><p>À l’Hôtel Doña Blanca, chaque séjour devient le point de départ pour découvrir <b>l’énergie de Jerez de la Frontera</b>, de ses caves centenaires et sa <b>vibrante culture flamenco</b> aux rues animées qui invitent à se perdre sans but.<br/><br/><b>Explorez</b>, <b>ressentez</b> et <b>laissez-vous emporter</b> par une ville qui se vit en mouvement, avec des expériences authentiques et des services pensés pour vous accompagner à chaque instant.<br/></p></div>
4719        </div>
4720        <div class="products-promotions-container">
4721
4722            <div class="products-promotions-item">
4723                <div
4724                    class="products-promotions-image-wrapper"
4725                    data-key="wistia"
4726                    data-wistia-id=""
4727                >
4728                    <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/18#Hotel Doña Blanca_Jerez de la Frontera_" alt="Destination" class="products-promotions-image" />
4729                </div>
4730                <div class="products-promotions-info">
4731                    <h3 class="products-promotions-item-title">Destination</h3>
4732                    <span class="products-promotions-item-subtitle"><p>Entrez et découvrez tout ce que Jerez de la Frontera vous réserve.<br/></p></span>
4733
4734                    
4735                        
4736                        <a
4737                            href="/fr/destination"
4738                            class="products-promotions-btn item-btn"
4739                            >Voir plus</a>
4740                        
4741                    
4742
4743                </div>
4744            </div>
4745            <div class="products-promotions-item">
4746                <div
4747                    class="products-promotions-image-wrapper"
4748                    data-key="wistia"
4749                    data-wistia-id=""
4750                >
4751                    <img src="https://synergy.booking-channel.com/api/hotels/3536/medias/19#Hotel Doña Blanca_Jerez de la Frontera_" alt="Services" class="products-promotions-image" />
4752                </div>
4753                <div class="products-promotions-info">
4754                    <h3 class="products-promotions-item-title">Services</h3>
4755                    <span class="products-promotions-item-subtitle">Découvrez tout ce que nous pouvons vous offrir à l’Hôtel Doña Blanca.</span>
4756
4757                    
4758                        
4759                        <a
4760                            href="/fr/services"
4761                            class="products-promotions-btn item-btn"
4762                            >Voir plus</a>
4763                        
4764                    
4765
4766                </div>
4767            </div>
4768            
4769            <div class="swiper-button-prev products-promotions-btn-prev newicons-flecha-izquierda"></div>
4770            <div class="swiper-button-next products-promotions-btn-next newicons-flecha-derecha"></div>
4771            <div class="products-promotions-pagination swiper-pagination"></div>
4772            
4773        </div>
4774        
4775        <div class="products-promotions-footer">
4776            <a href="https://www.hoteldonablanca.com/FR/Tout-ce-que-nous-pouvons-vous-offrir.html" class="products-promotions-btn hidden"></a>
4777        </div>
4778    </div>
4779</section>
4780
4781<style>
4782
4783.products-promotions {
4784    --textColor: var(--color-text);
4785    --colorBackground: var(--color-background);
4786
4787    background-color: var(--colorBackground);
4788    font-family: var(--font-body);
4789    font-size: var(--font-size-base);
4790
4791    &.background-color{
4792        --colorBackground: ;
4793    }
4794    &.font-white{
4795        --textColor: #fff;
4796    }
4797
4798    * {
4799        box-sizing: border-box;
4800    }
4801
4802    .products-promotions-wrapper {
4803        position: relative;
4804        max-width: 1440px;
4805        margin: 0 auto;
4806        padding: 40px 24px;
4807    }
4808
4809    /* --- Header --- */
4810
4811    .products-promotions-header {
4812        text-align: center;
4813        margin-bottom: 48px;
4814        margin-left: auto;
4815        margin-right: auto;
4816        width: 100%;
4817    }
4818
4819    .products-promotions-title {
4820        font-family: var(--font-title);
4821        font-size: var(--font-size-h2);
4822        font-weight: 700;
4823        color: var(--textColor);
4824        margin: 0 0 var(--spacing-title);
4825        letter-spacing: -0.02em;
4826        line-height: 1.2;
4827    }
4828
4829    .products-promotions-description {
4830        font-family: var(--font-body);
4831        font-size: var(--font-size-base);
4832        color: var(--textColor);
4833        line-height: 1.5;
4834    }
4835
4836    /* --- Grid --- */
4837
4838    .products-promotions-container {
4839        display: grid;
4840        grid-template-columns: 1fr;
4841        gap: 48px;
4842    }
4843
4844    /* --- Card --- */
4845
4846    .products-promotions-item {
4847        position: relative;
4848        border-radius: var(--radius-elements);
4849        overflow: hidden;
4850        height: 375px;
4851        background-color: var(--color-cards);
4852        cursor: pointer;
4853        box-shadow: 0 2px 14px var(--color-shadow-box);
4854    }
4855
4856
4857    .products-promotions-image-wrapper {
4858        position: absolute;
4859        inset: 0;
4860        overflow: hidden;
4861        border-radius: inherit;
4862
4863        & > div{
4864            overflow: hidden;
4865            border-radius: var(--radius-elements);
4866        }
4867    }
4868
4869    .products-promotions-image {
4870        width: 100%;
4871        height: 100%;
4872        object-fit: cover;
4873        display: block;
4874    }
4875
4876    /* Overlay gradient */
4877    .products-promotions-item::after {
4878        content: '';
4879        position: absolute;
4880        inset: 0;
4881        background: linear-gradient(
4882            to bottom,
4883            transparent 30%,
4884            rgba(0, 0, 0, 0.25) 55%,
4885            rgba(0, 0, 0, 1) 100%
4886        );
4887        pointer-events: none;
4888    }
4889
4890    /* --- Card info --- */
4891
4892    .products-promotions-info {
4893        position: absolute;
4894        bottom: 0;
4895        left: 0;
4896        right: 0;
4897        padding: 16px;
4898        z-index: 1;
4899    }
4900
4901    .products-promotions-item-title {
4902        font-family: var(--font-title);
4903        font-size: var(--font-size-h3);
4904        font-weight: 700;
4905        color: #fff;
4906        margin: 0 0 var(--spacing-items-title);
4907        line-height: 1.25;
4908    }
4909
4910    .products-promotions-item-subtitle {
4911        display: block;
4912        font-family: var(--font-body);
4913        font-size: var(--font-size-base);
4914        color: #fff;
4915        line-height: 1.5;
4916        margin-bottom: var(--spacing-items-subtitle);
4917    }
4918
4919    /* --- Card button --- */
4920
4921    .products-promotions-btn {
4922        display: inline-block;
4923        padding: 16px 24px;
4924        color: var(--color-text-buttons);
4925        font-family: var(--font-body);
4926        font-size: var(--font-size-buttons);
4927        background-color: var(--color-principal);
4928        font-weight: 500;
4929        text-decoration: none;
4930        border-radius: var(--radius-buttons);
4931        border: 1px solid var(--color-principal);
4932        -webkit-backdrop-filter: blur(6px);
4933        transition: all 0.4s ease;
4934        white-space: nowrap;
4935        &:not(.item-btn) {
4936            margin-top: 64px;
4937        }
4938
4939        &.item-btn {
4940            background-color: transparent;
4941            border: 1px solid #fff;
4942            color: #fff;
4943        }
4944        &.hidden {
4945            display: none;
4946        }
4947    }
4948
4949    .products-promotions-btn:hover {
4950        background-color: color-mix(in srgb, var(--color-principal) 70%, transparent);
4951        border-color: color-mix(in srgb, var(--color-principal) 70%, transparent);
4952
4953        &.item-btn {
4954            background-color: #fff;
4955            border-color: #fff;
4956            color: #000;
4957        }
4958    }
4959
4960    /* --- Footer CTA --- */
4961
4962    .products-promotions-footer {
4963        display: flex;
4964        justify-content: center;
4965    }
4966
4967    .products-promotions-btn-prev,
4968    .products-promotions-btn-next {
4969        display: none;
4970    }
4971    /* --- Responsive base --- */
4972
4973    @media (min-width: 1024px) {
4974        .products-promotions-header {
4975            margin-bottom: 64px;
4976            max-width: 800px;
4977        }
4978        .products-promotions-wrapper {
4979            padding: 35px 100px;
4980        }
4981        .products-promotions-container {
4982            grid-template-columns: repeat(3, 1fr);
4983            gap: 24px;
4984        }
4985        .products-promotions-item {
4986            height: 486px;
4987        }
4988    }
4989
4990    @media (min-width: 600px) and (max-width: 1023px) {
4991        .products-promotions-container {
4992            grid-template-columns: repeat(2, 1fr);
4993            gap: 16px;
4994        }
4995        .products-promotions-item:nth-child(3) {
4996            grid-column: span 2;
4997        }
4998        .products-promotions-footer {
4999            margin-top: 32px;
5000        }
5001        .products-promotions-cta {
5002            width: 100%;
5003            text-align: center;
5004        }
5005    }
5006    
5007
5008    &.variant-2, &.variant-3 {
5009
5010        .products-promotions-container{
5011            display: block;
5012            position: relative;
5013        }
5014
5015        .products-promotions-item {
5016            background-color: var(--color-cards);
5017            box-shadow: 0 4px 12px var(--color-shadow-box);
5018            display: flex;
5019            flex-direction: column;
5020            cursor: unset;
5021            height: auto;
5022        }
5023
5024        .products-promotions-image-wrapper {
5025            position: relative;
5026            inset: unset;
5027            overflow: hidden;
5028            flex-shrink: 0;
5029            height: 220px;
5030            padding: 16px 16px 0px 16px;
5031        }
5032
5033        .products-promotions-image {
5034            width: 100%;
5035            height: 100%;
5036            object-fit: cover;
5037            border-radius: var(--radius-elements);
5038        }
5039
5040        .products-promotions-item::after {
5041            display: none;
5042        }
5043
5044        .products-promotions-info {
5045            position: relative;
5046            bottom: unset;
5047            left: unset;
5048            right: unset;
5049            padding: var(--spacing-items-image);
5050            background-color: var(--color-cards);
5051            display: flex;
5052            flex-direction: column;
5053            gap: 0;
5054            flex: 1;
5055        }
5056
5057        .products-promotions-item-title {
5058            color: var(--color-text);
5059            font-size: var(--font-size-h4);
5060            margin: 0 0 var(--spacing-items-title);
5061        }
5062
5063        .products-promotions-item-subtitle {
5064            color: var(--color-text);
5065            opacity: 0.65;
5066            margin-bottom: var(--spacing-items-subtitle);
5067            display: -webkit-box;
5068            -webkit-line-clamp: 3;
5069            -webkit-box-orient: vertical;
5070            overflow: hidden;
5071        }
5072
5073        .products-promotions-btn.item-btn {
5074            background-color: var(--color-principal);
5075            border-color: var(--color-principal);
5076            color: var(--color-text-buttons);
5077            align-self: flex-start;
5078            margin-top: auto;
5079        }
5080
5081        .products-promotions-btn.item-btn:hover {
5082            background-color: color-mix(in srgb, var(--color-principal) 75%, transparent);
5083            border-color: color-mix(in srgb, var(--color-principal) 75%, transparent);
5084            color: var(--color-text-buttons);
5085        }
5086        .products-promotions-footer{
5087            display: none;
5088        }
5089
5090        /* --- Swiper --- */
5091        
5092
5093        .swiper {
5094            display: block;
5095            overflow: hidden;
5096            padding-bottom: 48px;
5097        }
5098
5099        .swiper-wrapper {
5100            align-items: flex-start;
5101            height: auto;
5102        }
5103
5104        .swiper-slide {
5105            display: flex;
5106        }
5107
5108        .swiper-slide .products-promotions-item {
5109            width: 100%;
5110        }
5111
5112        .products-promotions-pagination {
5113            bottom: 0;
5114            position: relative;
5115            width: 40%;
5116            margin-inline: auto;
5117            display: flex;
5118            align-items: center;
5119            justify-content: center;
5120            gap: 8px;
5121        }
5122
5123        .products-promotions-pagination .swiper-pagination-bullet {
5124            background-color: var(--color-principal);
5125            opacity: 0.3;
5126            width: 52px;
5127            height: 4px;
5128            border-radius: 0;
5129            transition: opacity 0.3s ease, width 0.3s ease;
5130            
5131        }
5132
5133        .products-promotions-pagination .swiper-pagination-bullet-active {
5134            opacity: 1;
5135        }
5136        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
5137            background-color: var(--color-principal);
5138        }
5139
5140        .products-promotions-nav {
5141            display: none;
5142        }
5143
5144        .products-promotions-btn-prev,
5145        .products-promotions-btn-next {
5146            display:flex;
5147            color:var(--color-principal);
5148            font-size: 32px;
5149            width: 60px;
5150            height: 60px;
5151            border-radius: 50%;
5152            border: 1px solid var(--color-principal);
5153            transition: all 0.3s ease;
5154            z-index: 10;
5155            svg{
5156                width: 22px;
5157                height: 22px;
5158                display: block;
5159                svg path {
5160                    fill: var(--color-principal);
5161                }
5162            }
5163            &:hover {
5164                background: var(--color-principal);
5165                border-color: var(--color-principal);
5166                color: var(--color-text-buttons);
5167
5168                svg path {
5169                    fill: var(--color-text-buttons);
5170                }
5171            }
5172            &:after{
5173                content: "";
5174            }
5175        }
5176        @media (min-width: 1024px) {
5177            .products-promotions-wrapper{
5178                padding-inline: 140px;
5179            }
5180            .products-promotions-image-wrapper {
5181                height: 260px;
5182            }
5183
5184            .products-promotions-nav {
5185                position: absolute;
5186                top: 50%;
5187                transform: translateY(-50%);
5188                left: -70px;
5189                right: -70px;
5190                display: flex;
5191                justify-content: space-between;
5192                z-index: 100;
5193            }
5194            .products-promotions-btn-next{
5195                right: -32px;
5196            }
5197            .products-promotions-btn-prev{
5198                left: -32px;
5199            }
5200        }
5201
5202        @media (min-width: 600px) and (max-width: 1023px) {
5203            .products-promotions-item:last-child {
5204                grid-column: span 2;
5205            }
5206            .products-promotions-item:last-child .products-promotions-image-wrapper {
5207                height: 240px;
5208            }
5209        }
5210
5211        @media (max-width: 599px) {
5212            .products-promotions-image-wrapper {
5213                height: 200px;
5214            }
5215        }
5216    }
5217
5218    &.variant-3{
5219        overflow: hidden;
5220        .products-promotions-wrapper{
5221            padding: 40px 24px;
5222            display: flex;
5223            flex-direction: column;
5224            gap: 48px;
5225        }
5226        .products-promotions-header{
5227            margin: unset;
5228            position: relative;
5229            z-index: 2;
5230            &:before {
5231                content: '';
5232                position: absolute;
5233                top: -35px;
5234                bottom: 0;
5235                left: -100vw;
5236                right: -80px;
5237                background-color: var(--colorBackground);
5238                z-index: -1;
5239                pointer-events: none;
5240            }
5241        }
5242        .products-promotions-container{
5243            width: 100%;
5244        }
5245        .products-promotions-footer{
5246            display: none;
5247        }
5248        .swiper{
5249            overflow: visible;
5250        }
5251        .products-promotions-nav {
5252            display: flex;
5253            transform: unset;
5254            position: relative;
5255            top:0;
5256            left: 0;
5257            right: 0;
5258            flex-direction: row;
5259            align-items: center;
5260            gap: 16px;
5261            margin-top: 16px;
5262            justify-content: center;
5263        }
5264        .products-promotions-btn-prev,
5265        .products-promotions-btn-next {
5266            display: flex;
5267            align-items: center;
5268            justify-content: center;
5269            position: relative;
5270            top: 0;
5271            bottom: 0;
5272            left: 0;
5273            right: 0;
5274            transform: unset;
5275        }
5276        @media (min-width: 1024px) {
5277            .products-promotions-wrapper{
5278                padding-left: 100px;
5279                flex-direction: row;
5280                gap: 100px;
5281            }
5282            .products-promotions-header{
5283                max-width: 30%;
5284            }
5285            .products-promotions-title, .products-promotions-description{
5286                text-align: left;
5287            }
5288            .products-promotions-container{
5289                width: 455px;
5290            }
5291            .products-promotions-nav{
5292                justify-content: flex-start
5293            }
5294        }
5295    }
5296}
5297.w-bottom-bar {
5298    display: none !important;
5299    pointer-events: none !important;
5300}
5301</style>
5302
5303<script type="module">
5304import {loadWistiaVideos } from '/templates/cadenas/corporativaair/js/libraries/keytelFunctions.js';
5305
5306    function loadSwiper (module, variant) {
5307        const container = module.querySelector(".products-promotions-container");
5308        const items = Array.from(container.querySelectorAll(".products-promotions-item"));
5309        const id = module.id;
5310
5311         const configs = {
5312            "variant-2": {
5313                slidesPerView: 1,
5314                slidesPerGroup: 1,
5315                spaceBetween: 16,
5316                navigation: {
5317                    nextEl: `#${id} .products-promotions-btn-next`,
5318                    prevEl: `#${id} .products-promotions-btn-prev`,
5319                },
5320                pagination: {
5321                    el: `#${id} .products-promotions-pagination`,
5322                    clickable: true,
5323                    type: 'progressbar',
5324                },
5325                breakpoints: {
5326                    768: { 
5327                            slidesPerView: 2, 
5328                            slidesPerGroup: 2, 
5329                            pagination:{
5330                    clickable: true,
5331                                type: 'progressbar',
5332                            } 
5333                        },
5334                    1024: { 
5335                            slidesPerView: 3, 
5336                            slidesPerGroup: 3, 
5337                            pagination:{
5338                    clickable: true,
5339                                type: 'bullets',
5340                            } 
5341                        },
5342                }
5343            },
5344            "variant-3": {
5345                slidesPerView: 1,
5346                slidesPerGroup: 1, 
5347                spaceBetween: 32,
5348                navigation: {
5349                    nextEl: `#${id} .products-promotions-btn-next`,
5350                    prevEl: `#${id} .products-promotions-btn-prev`,
5351                },
5352                breakpoints: {
5353                    768: { 
5354                        slidesPerView: 2, 
5355                        slidesPerGroup: 2, 
5356                        },
5357                    1024: { 
5358                            slidesPerView: 1, 
5359                            slidesPerGroup: 1, 
5360                    }
5361                }
5362            }
5363        };
5364
5365        const swiperEl = document.createElement("div");
5366        swiperEl.classList.add("swiper");
5367
5368        const swiperWrapper = document.createElement("div");
5369        swiperWrapper.classList.add("swiper-wrapper");
5370
5371        items.forEach(item => {
5372            item.classList.add("swiper-slide");
5373            swiperWrapper.appendChild(item);
5374        });
5375
5376        swiperEl.appendChild(swiperWrapper);
5377        container.insertBefore(swiperEl, container.firstChild);
5378
5379        const navWrapper = document.createElement("div");
5380        navWrapper.classList.add("products-promotions-nav");
5381        const btnPrev = container.querySelector(".products-promotions-btn-prev");
5382        const btnNext = container.querySelector(".products-promotions-btn-next");
5383        container.appendChild(navWrapper);
5384        navWrapper.appendChild(btnPrev);
5385        navWrapper.appendChild(btnNext);
5386
5387        new Swiper(module.querySelector(".swiper"), configs[variant]);
5388    }
5389
5390    function init_products_promotions(id) {
5391        const module = document.getElementById(id);
5392        const variant = module.classList.contains("variant-2") 
5393            ? "variant-2" 
5394            : module.classList.contains("variant-3") 
5395                ? "variant-3" 
5396            : "default";
5397        if (variant === "variant-2" || variant === "variant-3") {
5398            loadSwiper(module, variant);
5399        }
5400
5401        const btnUrl = {
5402            url: ''
5403        }
5404        const btn = module.querySelector('.products-promotions-footer .products-promotions-btn');
5405        if(btnUrl.url){
5406            btn.href = btnUrl.url;
5407        }
5408        if(btn.innerHTML.trim() != ''){
5409            btn.classList.remove('hidden');
5410        }
5411
5412        if (variant === "default") {
5413            const container = module.querySelector(".products-promotions-container");
5414            const items = Array.from(container.querySelectorAll(".products-promotions-item"));
5415            items.slice(3).forEach(item => item.remove());
5416        }
5417
5418        loadWistiaVideos(module);
5419    }
5420
5421    document.addEventListener("DOMContentLoaded", () => init_products_promotions("products-promotions-117792"));
5422</script>
vendor: 2 bytes, line 5422
5422
5423<script>
5424        (function () {
5425    function txt(el) {
5426        return el ? el.textContent.replace(/\s+/g, ' ').trim() : '';
5427    }
5428
5429    function attr(el, name) {
5430        return el ? (el.getAttribute(name) || '').trim() : '';
5431    }
5432
5433    function toAbsoluteUrl(url) {
5434        if (!url) return '';
5435        try {
5436            return new URL(url, location.origin).href;
5437        } catch (e) {
5438            return url;
5439        }
5440    }
5441
5442    function buildSchemaForModule(module) {
5443        var items = [];
5444
5445        module.querySelectorAll('.products-promotions-item').forEach(function (item) {
5446            var title = txt(item.querySelector('.products-promotions-item-title'));
5447            var description = txt(item.querySelector('.products-promotions-item-subtitle'));
5448            var image = toAbsoluteUrl(attr(item.querySelector('.products-promotions-image'), 'src'));
5449            var url = toAbsoluteUrl(
5450                attr(item.querySelector('.products-promotions-btn.item-btn'), 'href') || location.href
5451            );
5452
5453            if (!title) return;
5454
5455            items.push({
5456                "@type": "Offer",
5457                "name": title,
5458                "description": description,
5459                "image": image,
5460                "url": url
5461            });
5462        });
5463
5464        if (!items.length) return;
5465
5466        var schema = {
5467            "@context": "https://schema.org",
5468            "@type": "ItemList",
5469            "name": txt(module.querySelector('.products-promotions-title')),
5470            "itemListElement": items.map(function (offer, index) {
5471                return {
5472                    "@type": "ListItem",
5473                    "position": index + 1,
5474                    "item": offer
5475                };
5476            })
5477        };
5478
5479        var script = document.createElement('script');
5480        script.type = 'application/ld+json';
5481        script.textContent = JSON.stringify(schema);
5482        document.head.appendChild(script);
5483    }
5484
5485    function initSchemas() {
5486        document.querySelectorAll('.products-promotions').forEach(buildSchemaForModule);
5487    }
5488
5489    if (document.readyState === 'loading') {
5490        document.addEventListener('DOMContentLoaded', initSchemas);
5491    } else {
5492        initSchemas();
5493    }
5494})();
5495</script>
5495
5496  <section class="reviews-section version-2" data-scroll="">
5497    <div class="reviews-container">
5498        <div class="reviews-header">
5499            <h2 class="reviews-title">
5500                Témoignages<br><br><b>Votre avis, notre engagement</b>
5501            </h2>
5502            <div class="navigation-buttons">
5503                <button class="nav-btn prev swiper-button-prev-custom"></button>
5504                <button class="nav-btn next swiper-button-next-custom"></button>
5505            </div>
5506        </div>
5507
5508        <div class="swiper reviewsSwiper">
5509            <div class="swiper-wrapper" id="reviewsWrapper">
5510
5511                <div class="swiper-slide">
5512                    <div class="review-card" data-reviewer-name="Nuria">
5513                        <div class="review-header">
5514                            <div class="user-avatar"></div>
5515                            <div class="rating">
5516                                <span class="star">★</span>
5517                                <span class="rating-value">10 / 10</span>
5518                            </div>
5519                        </div>
5520                        <span class="review-text"><p>Hôtel en plein centre de Jerez, entouré de nombreuses boutiques et bars. Chambres spacieuses et très bien décorées, personnel attentionné et agréable. Recommandé à 100%.<br/></p></span>
5521                        <button class="read-more-btn" type="button">En savoir plus</button>
5522                        <div class="review-footer">
5523                            <div class="reviewer-name">Nuria</div>
5524                            <div class="review-date">19/01</div>
5525                        </div>
5526                    </div>
5527                </div>
5528                <div class="swiper-slide">
5529                    <div class="review-card" data-reviewer-name="Agustina">
5530                        <div class="review-header">
5531                            <div class="user-avatar"></div>
5532                            <div class="rating">
5533                                <span class="star">★</span>
5534                                <span class="rating-value">10 / 10</span>
5535                            </div>
5536                        </div>
5537                        <span class="review-text"><p>Tout était très bien. La chambre était très spacieuse et parfaitement propre, et le petit-déjeuner buffet était également très bon.<br/><br/></p></span>
5538                        <button class="read-more-btn" type="button">En savoir plus</button>
5539                        <div class="review-footer">
5540                            <div class="reviewer-name">Agustina</div>
5541                            <div class="review-date">26/01</div>
5542                        </div>
5543                    </div>
5544                </div>
5545                <div class="swiper-slide">
5546                    <div class="review-card" data-reviewer-name="Mónica">
5547                        <div class="review-header">
5548                            <div class="user-avatar"></div>
5549                            <div class="rating">
5550                                <span class="star">★</span>
5551                                <span class="rating-value">10 / 10</span>
5552                            </div>
5553                        </div>
5554                        <span class="review-text"><p>Un établissement très central et confortable, parfait pour découvrir en profondeur le centre de Jerez et ses environs. L’hôtel est propre et récemment rénové, avec un personnel particulièrement aimable et attentionné. Parking dans le même bâtiment, avec accès direct aux chambres. Tout autour s’étend le centre historique, riche en lieux d’intérêt. Vivement recommandé&#8239;!<br/></p></span>
5555                        <button class="read-more-btn" type="button">En savoir plus</button>
5556                        <div class="review-footer">
5557                            <div class="reviewer-name">Mónica</div>
5558                            <div class="review-date">
555804/02</div>
5559                        </div>
5560                    </div>
5561                </div>
5562                <div class="swiper-slide">
5563                    <div class="review-card" data-reviewer-name="Alberto">
5564                        <div class="review-header">
5565                            <div class="user-avatar"></div>
5566                            <div class="rating">
5567                                <span class="star">★</span>
5568                                <span class="rating-value">10 / 10</span>
5569                            </div>
5570                        </div>
5571                        <span class="review-text"><p>Tout était parfait&#8239;! Emplacement, service et chambre spacieuse. Calme absolu en plein centre-ville. Très recommandé.<br/></p></span>
5572                        <button class="read-more-btn" type="button">En savoir plus</button>
5573                        <div class="review-footer">
5574                            <div class="reviewer-name">Alberto</div>
5575                            <div class="review-date">18/02</div>
5576                        </div>
5577                    </div>
5578                </div>
5579            </div>
5580            <div class="swiper-pagination"></div>
5581        </div>
5582
5583        <div class="navigation-buttons-mobile">
5584            <button class="nav-btn prev swiper-button-prev-custom-mobile"></button>
5585            <button class="nav-btn next swiper-button-next-custom-mobile"></button>
5586        </div>
5587    </div>
5588
5589    <!-- Modal -->
5590    <div class="modal-overlay" id="reviewModal">
5591        <div class="modal-content">
5592            <div class="modal-header">
5593                <div class="modal-avatar" id="modalAvatar"></div>
5594                <div class="modal-user-info">
5595                    <div class="modal-name" id="modalName"></div>
5596                    <div class="modal-date" id="modalDate"></div>
5597                </div>
5598                <button class="modal-close" id="modalClose"></button>
5599            </div>
5600            <div class="modal-body">
5601                <div class="modal-rating" id="modalRating"></div>
5602                <div class="modal-text" id="modalText"></div>
5603            </div>
5604        </div>
5605    </div>
5606
5607
5608</section>
5609
5610<style>
5611    @import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Headline:[email protected]&display=swap&text="%27');
5612    /* fuentes */
5613    /* Títulos */
5614    .reviews-section .reviews-title {font-family: var(--font-title)}
5615    /* Subtítulos */
5616    .reviews-section .reviews-subtitle {font-family: var(--font-subtitle)}
5617    /* Cuerpo de texto, botones y enlaces */
5618    .reviews-section .reviewer-name,
5619    .reviews-section .review-text,
5620    .reviews-section .review-date,
5621    .reviews-section .read-more-btn,
5622    .reviews-section .rating-value,
5623    .reviews-section .modal-name,
5624    .reviews-section .modal-date,
5625    .reviews-section .modal-text {font-family: var(--font-body)}
5626    
5627    /* Estilos base */
5628    .reviews-section * {margin: 0;padding: 0;box-sizing: border-box;}
5629    .reviews-section {--backgroundColor: var(--color-background); background-color: var(--backgroundColor);}
5630    .reviews-section:not(.version-3) .swiper-pagination {display: none;}
5631    .reviews-section .reviews-container {max-width: 1300px;margin: 0 auto;padding: 40px 20px;position: relative;border-radius: 8px;}
5632    .reviews-section #reviewsWrapper {display: flex;flex-wrap: nowrap;}
5633    .reviews-section #reviewsWrapper .swiper-slide {flex-shrink: 0;height: 100%;position: relative;}
5634    .reviews-section .reviews-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;padding: 0 40px;}
5635    .reviews-section .reviews-title {font-size: 28px;font-weight: 700;color: var(--color-text);}
5636    .reviews-section .navigation-buttons {display: flex;gap: 10px;}
5637    .reviews-section .navigation-buttons-mobile {display: none;}
5638    .reviews-section .nav-btn {width: 40px;height: 40px;border: 1px solid color-mix(var(--color-text), black 10%);background-color: var(--color-cards);border-radius: var(--radius-buttons);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;}
5639    .reviews-section .nav-btn:hover {background-color: color-mix(var(--color-cards), black 5%);border-color: color-mix(var(--color-text), black 5%);}
5640    .reviews-section .nav-btn::before {content: '';width: 8px;height: 8px;border-top: 2px solid var(--color-text);border-right: 2px solid var(--color-text);}
5641    .reviews-section .nav-btn.prev::before {transform: rotate(-135deg);margin-left: 3px;}
5642    .reviews-section .nav-btn.next::before {transform: rotate(45deg);margin-right: 3px;}
5643    .reviews-section .swiper {width: 100%;padding: 0 40px 20px 40px;overflow: hidden;position: relative;}
5644    .reviews-section .swiper::before {content: "";position: absolute;inset: 0;pointer-events: none;z-index: 10;background: linear-gradient(to right, var(--backgroundColor) 0%, transparent 4%, transparent 96%, var(--backgroundColor) 100%);}
5645
5646    .reviews-section .review-card {background-color: var(--color-cards);border: 1px solid color-mix(var(--color-cards) , black 10%);border-radius: var(--radius-elements);padding: 25px;height: 300px;display: flex;flex-direction: column;position: relative;overflow: hidden;transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
5647    .reviews-section .review-card.expanded {height: auto;}
5648    .reviews-section .review-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
5649    .reviews-section .user-avatar {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 600;color: white;}
5650    .reviews-section .rating {display: flex;align-items: center;gap: 10px;font-weight: 600;color: var(--color-text);font-size: 19px;}
5651    .reviews-section .star {color: #E0D46B;font-size: 22px;}
5652    .reviews-section .review-text {color: var(--color-text);line-height: 1.6;flex-grow: 0;font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);word-break: break-word;height: 100%;}
5653    .reviews-section .review-card.expanded .review-text {-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;}
5654    .reviews-section .read-more-btn {background: none;border: none;color: var(--color-principal);font-size: 13px;font-weight: 600;cursor: pointer;text-align: left;transition: color 0.3s;align-self: flex-start;display: inline-block;position: relative;padding-block: 5px;margin-bottom: 20px;}
5655    .reviews-section .read-more-btn:hover {color: color-mix(var(--color-principal), black 5%);text-decoration: underline;}
5656    .reviews-section .review-footer {display: flex;flex-direction: column;gap: 2px;margin-top: auto; color: var(--color-text)}
5657    .reviews-section .reviewer-name {font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px;}
5658    .reviews-section .review-date {font-size: 13px;}
5659
5660    @media (max-width: 800px) {
5661        .reviews-section .reviews-container {padding: 30px 15px;display: flex;flex-direction: column;}
5662        .reviews-section .reviews-header {flex-direction: row;justify-content: center;align-items: center;gap: 0;padding: 0 10px;order: 1;}
5663        .reviews-section .navigation-buttons {display: none;}
5664        .reviews-section .reviews-title {font-size: 22px;}
5665        .reviews-section .swiper {padding: 0 40px 20px 40px;order: 2;}
5666        .reviews-section .review-card {padding: 20px;height: 290px;}
5667        .reviews-section .navigation-buttons-mobile {display: flex;gap: 10px;justify-content: center;margin-top: 20px;order: 3;}
5668    }
5669
5670    /* font-white */
5671    .reviews-section.font-white {background-color: var(--backgroundColor);}
5672    .reviews-section.font-white .reviews-container {background-color: transparent;}
5673    .reviews-section.font-white .reviews-title {color: white;}
5674    .reviews-section.font-white .nav-btn {background-color: transparent;border-color: rgba(255, 255, 255, 0.3);}
5675    .reviews-section.font-white .nav-btn:hover {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.6);}
5676    .reviews-section.font-white .nav-btn::before {border-top-color: white;border-right-color: white;}
5677    .reviews-section.font-white .review-card {background-color: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}
5678    .reviews-section.font-white .rating {color: white;}
5679    .reviews-section.font-white .review-text {color: white;}
5680    .reviews-section.font-white .reviewer-name {color: white;}
5681    .reviews-section.font-white .review-date {color: rgba(255, 255, 255, 0.7);}
5682
5683    /* Modal */
5684    .reviews-section .modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;backdrop-filter: blur(4px);padding: 20px;}
5685    .reviews-section .modal-overlay.active {opacity: 1;visibility: visible;}
5686    .reviews-section .modal-content {background: white;border-radius: 16px;max-width: 600px;width: 100%;max-height: 90vh;overflow-y: auto;overflow-x: hidden;position: relative;transform: scale(0.9) translateY(20px);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
5687    .reviews-section .modal-overlay.active .modal-content {transform: scale(1) translateY(0);}
5688    /* Scroll Modal */
5689    .reviews-section .modal-content::-webkit-scrollbar {width: 3px;}
5690    .reviews-section .modal-content::-webkit-scrollbar-button {display: none;}
5691    .reviews-section .modal-content::-webkit-scrollbar-track {background: transparent;margin-top: 12px;margin-bottom: 12px;background-color: #0000001a;}
5692    .reviews-section .modal-content::-webkit-scrollbar-thumb {background: #888;border-radius: 8px;}
5693    .reviews-section .modal-header {padding: 30px 30px 20px 30px;border-bottom: 1px solid #f0f0f0;display: flex;align-items: center;gap: 15px;position: sticky;top: 0;background-color: #fff;}
5694    .reviews-section .modal-avatar {width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 600;color: white;flex-shrink: 0;}
5695    .reviews-section .modal-user-info {flex-grow: 1;}
5696    .reviews-section .modal-name {font-size: 16px;font-weight: 700;color: #000;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 4px;}
5697    .reviews-section .modal-date {font-size: 14px;color: #666;}
5698    .reviews-section .modal-close {width: 36px;height: 36px;border: none;background: #f3f3f3;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s;flex-shrink: 0;}
5699    .reviews-section .modal-close:hover {background: #e0e0e0;transform: rotate(90deg);}
5700    .reviews-section .modal-close::before, .reviews-section .modal-close::after {content: '';position: absolute;width: 16px;height: 2px;background: #666;}
5701    .reviews-section .modal-close::before {transform: rotate(45deg);}
5702    .reviews-section .modal-close::after {transform: rotate(-45deg);}
5703    .reviews-section .modal-body {padding: 30px;}
5704    .reviews-section .modal-rating {display: flex;align-items: center;gap: 8px;font-size: 24px;font-weight: 700;color: #000;margin-bottom: 20px;}
5705    .reviews-section .modal-rating .star {color: #E0D46B;font-size: 24px;}
5706    .reviews-section .modal-text {font-size: 16px;line-height: 1.8;color: #333;white-space: pre-wrap;overflow-wrap: break-word;word-break: break-word;hyphens: auto;}
5707
5708    @media (max-width: 800px) {
5709        .reviews-section .modal-content {max-height: 85vh;border-radius: 12px;}
5710        .reviews-section .modal-header {padding: 20px 20px 15px 20px;}
5711        .reviews-section .modal-avatar {width: 50px;height: 50px;font-size: 20px;}
5712        .reviews-section .modal-body {padding: 20px;}
5713        .reviews-section .modal-rating {font-size: 20px;}
5714        .reviews-section .modal-text {font-size: 15px;}
5715    }
5716
5717    /* Modal font-white */
5718    .reviews-section.font-white .modal-overlay {background-color: rgba(0, 0, 0, 0.8);}
5719    .reviews-section.font-white .modal-content {background: #1a1a1a;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);}
5720    .reviews-section.font-white .modal-header {border-bottom-color: rgba(255, 255, 255, 0.1);}
5721    .reviews-section.font-white .modal-name {color: white;}
5722    .reviews-section.font-white .modal-date {color: rgba(255, 255, 255, 0.7);}
5723    .reviews-section.font-white .modal-close {background: rgba(255, 255, 255, 0.1);}
5724    .reviews-section.font-white .modal-close:hover {background: rgba(255, 255, 255, 0.2);}
5725    .reviews-section.font-white .modal-close::before, .reviews-section.font-white .modal-close::after {background: white;}
5726    .reviews-section.font-white .modal-rating {color: white;}
5727    .reviews-section.font-white .modal-text {color: rgba(255, 255, 255, 0.9);}
5728
5729    /* Version-2 */
5730    .reviews-section.version-2 .reviews-container {padding: 60px 100px;position: relative;max-width: 1360px;}
5731    .reviews-section.version-2 .reviews-header {flex-direction: column;align-items: center;text-align: center;gap: 5px;margin-bottom: 40px;}
5732    .reviews-section.version-2 .reviews-title {font-size: 32px;font-weight: 400;}
5733    .reviews-section.version-2 .reviews-subtitle {font-size: 32px;font-weight: 700;display: block;}
5734    .reviews-section.version-2 .review-text {-webkit-line-clamp: 3;}
5735    .reviews-section.version-2 .navigation-buttons, .reviews-section.version-3 .navigation-buttons {position: absolute;width: 100%;left: 0;top: calc(50% + 15px);transform: translateY(-50%);flex-direction: row;justify-content: space-between;padding: 0 20px;pointer-events: none;}
5736    .reviews-section.version-2 .nav-btn, .reviews-section.version-3 .nav-btn {width: 50px;height: 50px;background-color: unset;box-shadow: unset;border: none;pointer-events: all;}
5737    .reviews-section.version-2 .nav-btn.prev::before, .reviews-section.version-3 .nav-btn.prev::before {transform: rotate(-135deg);margin-left: 3px;}
5738    .reviews-section.version-2 .nav-btn.next::before, .reviews-section.version-3 .nav-btn.next::before {transform: rotate(45deg);margin-right: 3px;}
5739    .reviews-section.version-2 .swiper {position: relative;}
5740    .reviews-section.version-2 .review-card {background-color: var(--color-cards);border: noneuser-avatar;box-shadow: 0 4px 12px var(--color-shadow-box);padding: 30px;border-radius: var(--radius-elements);margin-bottom: 60px;height: 180px;justify-content: space-between;gap: 20px;overflow: visible;}
5741    .reviews-section.version-2 .read-more-btn {position: absolute;bottom: 30px;right: 30px;order: unset;padding-block: unset;margin-bottom: unset;}
5742    .reviews-section.version-2 .review-card.expanded {height: auto;}
5743    .reviews-section.version-2 .review-header {flex-direction: column;align-items: flex-start;gap: 15px;margin-bottom: 0;order: 2;}
5744    .reviews-section.version-2 .user-avatar {position: absolute;bottom: -55px;left: 20px;width: 40px;height: 40px;font-size: 18px;}
5745    .reviews-section.version-2 .rating {order: 2;font-size: 19px;}
5746    .reviews-section.version-2 .review-footer {position: absolute;bottom: -55px;left: 75px;order: 3;margin-top: 0;padding-top: 0;gap: 2px;}
5747    .reviews-section.version-2 .reviewer-name {font-size: 14px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
5748    .reviews-section.version-2 .review-date {font-size: 14px;}
5749
5750    @media (max-width: 800px) {
5751        .reviews-section.version-2 .reviews-container {padding: 40px 20px;}
5752        .reviews-section.version-2 .reviews-header {order: 1;margin-bottom: 30px;}
5753        .reviews-section.version-2 .reviews-title {font-size: 24px;}
5754        .reviews-section.version-2 .reviews-subtitle {font-size: 24px;}
5755        .reviews-section.version-2 .navigation-buttons {display: none;}
5756        .reviews-section.version-2 .swiper {padding: 0 40px;}
5757        .reviews-section.version-2 .review-card {margin-bottom: 70px;}
5758        .reviews-section.version-2 .user-avatar {left: 25px;bottom: -55px;width: 40px;height: 40px;font-size: 16px;}
5759        .reviews-section.version-2 .review-footer {left: 75px;bottom: -55px;}
5760        .reviews-section.version-2 .navigation-buttons-mobile {display: none;}
5761    }
5762
5763    /* Version-2 font-white */
5764    .reviews-section.font-white.version-2 .reviews-container {background-color: transparent;}
5765    .reviews-section.font-white.version-2 .nav-btn {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}
5766    .reviews-section.font-white.version-2 .review-card {background-color: rgba(255, 255, 255, 0.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
5767
5768    /* Version-3 */
5769    .reviews-section.version-3 .reviews-container {background-color: var(--backgroundColor);padding: 60px 100px;}
5770    .reviews-section.version-3 .reviews-header {flex-direction: column;align-items: flex-start;text-align: left;margin-bottom: 50px;padding: 0 40px;}
5771    .reviews-section.version-3 .reviews-title {font-size: 36px;font-weight: 700;line-height: 1.2;margin: 0 auto;}
5772    .reviews-section.version-3 .reviews-subtitle {display: none;}
5773    .reviews-section.version-3 .swiper {padding: 0 40px 60px 40px;}
5774    .reviews-section.version-3 .review-card {background-color: var(--color-cards);border: none;box-shadow: 0 2px 16px var(--color-shadow-box);padding: 30px 30px 90px 30px;border-radius: var(--radius-elements);position: relative;height: 325px;}
5775    .reviews-section.version-3 .review-card.expanded {height: auto;}
5776    .reviews-section.version-3 .review-card::before {content: '"';position: absolute;top: 85px;right: 25px;font-size: 195px;color: color-mix(var(--color-text), transparent 80%);line-height: 0.25;height: fit-content;}
5777    .reviews-section.version-3 .review-header {flex-direction: column;align-items: flex-start;gap: 15px;margin-bottom: 20px;}
5778    .reviews-section.version-3 .user-avatar {position: absolute;bottom: 24px;left: 30px;width: 45px;height: 45px;font-size: 18px;line-height: 1;}
5779    .reviews-section.version-3 .rating {order: 1;font-size: 22px;font-weight: 700;}
5780    .reviews-section.version-3 .review-text {order: 2;margin-bottom: 0;font-size: 16px;line-height: 1.6;height: 100%;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-word;}
5781    .reviews-section.version-3 .review-card:has(.read-more-btn.hide-modal-button) .review-text {-webkit-line-clamp: 6;}
5782    .reviews-section.version-3 .review-text::before {content: "";position: absolute;top: 245px;left: 0;right: 0;margin-inline: 25px;height: 1px;background-color: color-mix(var(--color-text), transparent 80%)}
5783    .reviews-section.version-3 .review-card.expanded .review-text {-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;}
5784    .reviews-section.version-3 .read-more-btn {order: 2;margin-bottom: unset;}
5785    .reviews-section.version-3 .rating {order: 1;}
5786    .reviews-section.version-3 .review-footer {position: absolute;bottom: 30px;left: 85px;gap: 3px;}
5787    .reviews-section.version-3 .reviewer-name {font-size: 13px;font-weight: 700;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
5788    .reviews-section.version-3 .review-date {font-size: 13px;font-weight: 400;}
5789    .reviews-section.version-3 .swiper-pagination {display: block;bottom: 10px;position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10;width: 100%;left: 0;}
5790    .reviews-section.version-3 .swiper-pagination-bullet {width: 50px;height: 2px;border-radius: 2px;background-color: #d0d0d0;opacity: 1;transition: all 0.3s;display: inline-block;margin: 0 4px !important;}
5791    .reviews-section.version-3 .swiper-pagination-bullet-active {background-color: var(--color-text);}
5792
5793    @media (max-width: 800px) {
5794        .reviews-section.version-3 .reviews-container {padding: 40px 20px;}
5795        .reviews-section.version-3 .reviews-header {margin-bottom: 35px;padding: 0 10px;}
5796        .reviews-section.version-3 .reviews-title {font-size: 28px;}
5797        .reviews-section.version-3 .swiper {padding: 0 40px 60px 40px;}
5798        .reviews-section.version-3 .review-card {padding: 30px 25px 85px 25px;height: 315px;}
5799        .reviews-section.version-3 .user-avatar {bottom: 25px;left: 25px;width: 40px;height: 40px;font-size: 16px;}
5800        .reviews-section.version-3 .review-footer {bottom: 25px;left: 75px;}
5801        .reviews-section.version-3 .rating {font-size: 20px;}
5802        .reviews-section.version-3 .review-text {font-size: 15px;}
5803        .reviews-section.version-3 .navigation-buttons-mobile {display: none;}
5804        .reviews-section.version-3 .review-text::before {top: 235px;}
5805        .reviews-section.version-3 .swiper-pagination {display: flex;justify-content: space-between;padding: 0;max-width: 40%;left: 50%; transform: translateX(-50%);}
5806        .reviews-section.version-3 .swiper-pagination-bullet {flex: 1;margin: 0 !important;border-radius: 0;width: unset;}
5807    }
5808
5809    @media (max-width: 400px) {
5810        .reviews-section.version-3 .review-card::before {font-size: 180px;top: 80px;}
5811    }
5812
5813    .reviews-section .hide-modal-button {color: transparent !important;pointer-events: none;}
5814
5815    /* Version-3 font-white */
5816    .reviews-section.font-white.version-3 .reviews-container {background-color: transparent;}
5817    .reviews-section.font-white.version-3 .review-card {background-color: rgba(255, 255, 255, 0.05);box-shadow: 0 2px 16px rgba(255, 255, 255, 0.08)}
5818    .reviews-section.font-white.version-3 .review-card::before {color: rgba(255, 255, 255, 0.3);}
5819    .reviews-section.font-white.version-3 .swiper-pagination-bullet {background-color: rgba(255, 255, 255, 0.3);}
5820    .reviews-section.font-white.version-3 .swiper-pagination-bullet-active {background-color: white;}
5821    .reviews-section.font-white .read-more-btn {color: #fff;text-decoration: underline;}
5822    .reviews-section.font-white.version-3 .swiper-pagination-bullet-active {background-color: #fff;}
5823
5824    /* Background-color */
5825    .reviews-section.background-color {--backgroundColor: ;}
5826    .reviews-section.background-color .swiper:before {background: linear-gradient(to right, var(--backgroundColor) 0%, transparent 4%, transparent 96%, var(--backgroundColor) 100%);}
5827    .reviews-section.background-color .review-card, .reviews-section.background-color:not(.version-3):not(.version-2) .nav-btn {background-color: color-mix(in srgb, var(--backgroundColor) 80%, white 20%) !important;}
5828    .reviews-section.background-color #reviewModal .modal-header, .reviews-section.background-color #reviewModal .modal-body {background-color: color-mix(in srgb, var(--backgroundColor) 80%, white 20%);}
5829
5830    /* Clase no star review */
5831    .reviews-section.no-star .rating {display: none;}
5832    .reviews-section.no-star #reviewModal #modalRating {display: none;}
5833    .reviews-section.no-star.version-3 .review-header, .reviews-section.no-star.version-2 .review-header {min-height: 30px;}
5834</style>
5835
5836<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 5836
5836
5837<script>
5838    // Colores pastel para los avatares
5839    const userColors = [
5840        '#AA47BD', '#7B1FA2', '#77919D', '#455A65',
5841        '#EC417A', '#C1175C', '#5D6AC0', '#0388D2',
5842        '#00579B', '#0098A7', '#00897B', '#004D40'
5843    ];
5844
5845    // Función para obtener la inicial del nombre
5846    function getInitial(name) {
5847        console.log(name)
5848        return name.charAt(0).toUpperCase();
5849    }
5850
5851    // Función para obtener un color basado en el nombre
5852    function getColorForName(name) {
5853        let hash = 0;
5854        for (let i = 0; i < name.length; i++) {
5855            hash = name.charCodeAt(i) + ((hash << 5) - hash);
5856        }
5857        return userColors[Math.abs(hash) % userColors.length];
5858    }
5859
5860    // Inicializar avatares con colores e iniciales
5861    function initializeAvatars() {
5862        const reviewCards = document.querySelectorAll('.review-card');
5863        
5864        reviewCards.forEach(card => {
5865            const name = card.dataset.reviewerName;
5866            const avatar = card.querySelector('.user-avatar');
5867            const initial = getInitial(name);
5868            const bgColor = getColorForName(name);
5869            
5870            avatar.textContent = initial;
5871            avatar.style.backgroundColor = bgColor;
5872        });
5873    }
5874
5875    // Función para detectar si el texto está truncado
5876    function checkTextOverflow() {
5877        const reviewTexts = document.querySelectorAll('.review-text');
5878        
5879        reviewTexts.forEach((textElement) => {
5880            const card = textElement.closest('.review-card');
5881            const readMoreBtn = card.querySelector('.read-more-btn');
5882
5883            if (textElement.scrollHeight > textElement.clientHeight) {
5884                readMoreBtn.classList.remove('hide-modal-button');
5885            } else {
5886                readMoreBtn.classList.add('hide-modal-button');
5887            }
5888        });
5889    }
5890
5891
5892    // Manejar click en "Ver más"
5893    function initializeModal() {
5894        const readMoreButtons = document.querySelectorAll('.read-more-btn');
5895        const modal = document.getElementById('reviewModal');
5896        const modalClose = document.getElementById('modalClose');
5897        const modalAvatar = document.getElementById('modalAvatar');
5898        const modalName = document.getElementById('modalName');
5899        const modalDate = document.getElementById('modalDate');
5900        const modalRating = document.getElementById('modalRating');
5901        const modalText = document.getElementById('modalText');
5902
5903        readMoreButtons.forEach((btn) => {
5904            btn.addEventListener('click', function(e) {
5905                e.preventDefault();
5906                e.stopPropagation();
5907                
5908                const card = this.closest('.review-card');
5909                const name = card.querySelector('.reviewer-name').textContent;
5910                const date = card.querySelector('.review-date').textContent;
5911                const rating = card.querySelector('.rating-value').textContent;
5912                const text = card.querySelector('.review-text').textContent;
5913                
5914                const initial = getInitial(name);
5915                const bgColor = getColorForName(name);
5916
5917                // Actualizar contenido del modal
5918                modalAvatar.textContent = initial;
5919                modalAvatar.style.backgroundColor = bgColor;
5920                modalName.textContent = name;
5921                modalDate.textContent = date;
5922                modalRating.innerHTML = `<span class="star">★</span><span>${rating}</span>`;
5923                modalText.textContent = text;
5924
5925                // Mostrar modal
5926                modal.classList.add('active');
5927                document.body.style.overflow = 'hidden';
5928            });
5929        });
5930
5931        // Cerrar modal
5932        const closeModal = () => {
5933            modal.classList.remove('active');
5934            document.body.style.overflow = '';
5935        };
5936
5937        modalClose.addEventListener('click', closeModal);
5938        
5939        modal.addEventListener('click', (e) => {
5940            if (e.target === modal) {
5941                closeModal();
5942            }
5943        });
5944
5945        // Cerrar con ESC
5946        document.addEventListener('keydown', (e) => {
5947            if (e.key === 'Escape' && modal.classList.contains('active')) {
5948                closeModal();
5949            }
5950        });
5951    }
5952
5953    // Inicializar Swiper
5954    const swiper = new Swiper('.reviewsSwiper', {
5955        slidesPerView: 1,
5956        spaceBetween: 20,
5957        navigation: {
5958            nextEl: '.swiper-button-next-custom, .swiper-button-next-custom-mobile',
5959            prevEl: '.swiper-button-prev-custom, .swiper-button-prev-custom-mobile',
5960        },
5961        pagination: {
5962            el: '.swiper-pagination',
5963            clickable: true,
5964        },
5965        breakpoints: {
5966            1280: {
5967                slidesPerView: 3,
5968                spaceBetween: 20
5969            },
5970            768: {
5971                slidesPerView: 2,
5972                spaceBetween: 20
5973            }
5974        },
5975        on: {
5976            slideChange: function() {
5977                // Verificar overflow cuando cambia el slide
5978                setTimeout(checkTextOverflow, 100);
5979            }
5980        }
5981    });
5982
5983    // Inicializar todo cuando el DOM esté listo
5984    document.addEventListener('DOMContentLoaded', function() {
5985        initializeAvatars();
5986        
5987        setTimeout(() => {
5988            checkTextOverflow();
5989            initializeModal();
5990        }, 200);
5991    });
5992
5993    // Verificar también cuando cambia el tamaño de la ventana
5994    window.addEventListener('resize', checkTextOverflow);
5995
5996    // Ejemplo para activar el modo font-white (descomentar para probar)
5997    // document.body.classList.add('font-white');
5998    // document.documentElement.style.setProperty('--backgroundColor', '#1a1a1a');
5999
6000    // Ejemplo para activar la version-2 (descomentar para probar)
6001    // document.body.classList.add('version-2');
6002
6003    // Ejemplo para activar la version-3 (descomentar para probar)
6004    // document.body.classList.add('version-3');
6005</script>
6005
6006
6007<script>
6008document.addEventListener("DOMContentLoaded", () => {
6009    const reviewCards = document.querySelectorAll(".review-card");
6010    if (!reviewCards.length) return;
6011
6012    const reviews = [];
6013    let ratingSum = 0;
6014
6015    reviewCards.forEach(card => {
6016        const author = card.querySelector(".reviewer-name")?.textContent?.trim() || "";
6017        const reviewBody = card.querySelector(".review-text")?.textContent?.trim() || "";
6018        const datePublished = card.querySelector(".review-date")?.textContent?.trim() || "";
6019        const ratingText = card.querySelector(".rating-value")?.textContent?.trim() || "";
6020        const ratingValue = parseFloat(ratingText.split("/")[0]) || 0;
6021
6022        ratingSum += ratingValue;
6023
6024        reviews.push({
6025            "@type": "Review",
6026            "author": { "@type": "Person", "name": author },
6027            "reviewBody": reviewBody,
6028            "datePublished": datePublished,
6029            "reviewRating": {
6030                "@type": "Rating",
6031                "ratingValue": ratingValue,
6032                "bestRating": "10",
6033                "worstRating": "1"
6034            }
6035        });
6036    });
6037
6038    const mainEntity = {
6039        "@context": "https://schema.org",
6040        "@type": "Product",               // Cambiar a "Service" o el tipo que corresponda si no es un producto
6041        "name": document.querySelector(".reviews-title")?.textContent?.trim() || "Opiniones",
6042        "review": reviews
6043    };
6044
6045    if (reviews.length > 1) {
6046        mainEntity.aggregateRating = {
6047            "@type": "AggregateRating",
6048            "ratingValue": (ratingSum / reviews.length).toFixed(1),
6049            "reviewCount": reviews.length,
6050            "bestRating": "10",
6051            "worstRating": "1"
6052        };
6053    }
6054
6055    const script = document.createElement("script");
6056    script.type = "application/ld+json";
6057    script.textContent = JSON.stringify(mainEntity, null, 2);
6058    document.head.appendChild(script);
6059});
6060</script>
6060
6061
6062  <section class="map " data-map-config='{
6063    "mainMarker": {
6064        "lat": "36.68213375",
6065        "lng": "-6.13457717"
6066    },
6067    "markers": [
6068        {
6069            "lat": "",
6070            "lng": "",
6071            "icon": ""
6072        },
6073        {
6074            "lat": "",
6075            "lng": "",
6076            "icon": ""
6077        },
6078        {
6079            "lat": "",
6080            "lng": "",
6081            "icon": ""
6082        },
6083        {
6084            "lat": "",
6085            "lng": "",
6086            "icon": ""
6087        }
6088    ],
6089  "settings": {
6090    "zoom": "",
6091    "zoomStatic": "",
6092    "styleIdMap": ""
6093  }
6094}' data-scroll="">
6095    <div class="map-container" id="map-object">
6096        <div class="map-container-label">
6097            <div class="map-label-icon newicons-mapa"></div>
6098            <span class="map-label-text"></span>
6099        </div>
6100    </div>
6101    <div class="map-info-container">
6102        <div class="map-info-header">
6103            <h2 class="map-title">Hotel Doña Blanca</h2>
6104            <span class="map-stars">***</span>
6105        </div>
6106        <div class="map-info-body">
6107            <div class="map-info-body-wrapper">
6108                <div class="map-label">Adresse</div>
6109                <div class="map-info-text">C. Bodegas 11</div>
6110                <div class="map-info-text">11402 - Jerez de la Frontera</div>
6111                <div class="map-info-text">Cádiz</div>
6112                <div class="map-info-text">Espagne</div>
6113            </div>
6114            <div class="map-info-body-wrapper">
6115                <div class="map-label">Téléphone</div>
6116                <div class="map-info-text">+34 956348761</div>
6117            </div>
6118            <div class="map-info-body-wrapper">
6119                <div class="map-label">Email</div>
6120                <div class="map-info-text">[email protected]</div>
6121            </div>
6122        </div>
6123        <div class="map-info-footer">
6124            <div class="map-label">Nos réseaux sociaux</div>
6125            <div class="map-socials">
6126                
6127                <a href="https://www.instagram.com/donablancahotel/" target="_blank" class="newicons-instagram map-social-btn"></a>
6128                
6129                
6130                <a href="https://www.facebook.com/HotelDonaBlanca/?locale=es_ES" target="_blank" class="newicons-facebook map-social-btn"></a>
6131                
6132                
6133                
6134                
6135                
6136                
6137                
6138                <a href="https://api.whatsapp.com/send/?phone=658904524&text&app_absent=0" target="_blank" class="newicons-whatsapp map-social-btn"></a>
6139                
6140            </div>  
6141        </div>
6142
6143    </div>
6144</section>
6145
6146<style>
6147    @media (min-width: 1024px){
6148    .map.left-box .map-info-container{left: 100px; right: 0 !important;}
6149  }
6150.map{
6151    --textColor: var(--color-text);
6152    --background-color: var(--color-background);
6153
6154    display: flex;
6155    flex-direction: column;
6156    width: 100%;
6157    position: relative;
6158    background-color: var(--background-color);
6159
6160    &.background-color{
6161        --background-color: ;
6162    }
6163    &.font-white{
6164        --textColor: #ffffff;
6165    }
6166    &.hide-socials{
6167        .map-info-footer{
6168            display: none;
6169        }
6170    }
6171    @media (max-width: 1023px){
6172        &.map-lg{
6173            .map-container{
6174                height: 850px;
6175            }
6176        }
6177    
6178        &.map-sm{
6179            .map-container{
6180                height: 440px;
6181            }
6182        }
6183    }
6184    .map-container{
6185        width: 100%;
6186        height: 570px;
6187        background-color: rgba(127, 255, 212, 0.137);
6188        position: relative;
6189        overflow: hidden;
6190        @media (min-width: 1024px){
6191            height: 100vh;
6192        }
6193        .map-container-label{
6194            display: flex;
6195            padding: 16px;
6196            background-color: var(--color-cards);
6197            position: absolute;
6198            z-index: 90;
6199            bottom: 0;
6200            left: 50%;
6201            transform: translate(-50%, 100px);
6202            transition: all 1s ease-in-out;
6203            opacity: 0;
6204            border-radius: var(--radius-elements);
6205            box-shadow: 0 0 32px 0 var(--color-shadow-box);
6206            gap: 8px;
6207            align-items: center;
6208            &.visible{
6209                opacity: 1;
6210                transform: translate(-50%, -16px);
6211            }
6212            .map-label-text{
6213                color: var(--textColor);
6214                font-family: var(--font-body);
6215                font-size: var(--font-size-base);
6216            }
6217            .map-label-icon{
6218                font-size: 16px;
6219                color: var(--textColor);
6220            }
6221        }
6222    }
6223    .map-info-container{
6224		gap: 24px;
6225        box-sizing: border-box;
6226        padding: 40px 25px;;
6227        display: flex;
6228        flex-direction: column;
6229        background-color: var(--background-color);
6230        z-index: 3;
6231        & :empty:not([class*="newicons-"]):not(br) {
6232            display: none;
6233        }
6234        @media (min-width: 1024px){
6235            position: absolute;
6236            bottom: 56px;
6237            right: 100px;
6238            width: 450px;
6239            padding: 36px;
6240            justify-content: center;
6241            border-radius: var(--radius-elements);
6242            box-shadow: 0 0 32px 0 var(--color-shadow-box);
6243
6244        }
6245    }
6246    .map-info-header{
6247        display: flex;
6248        flex-direction: column;
6249        &:after{
6250            content: "";
6251            display: block;
6252            width: 100%;
6253            height: 1px;
6254            background-color: var(--textColor);
6255            margin-top: 10px;
6256        }
6257    }
6258    .map-title,
6259    .map-stars{
6260        font-size: var(--font-size-h2);
6261        font-weight: 700;
6262        margin: 0;
6263        font-family: var(--font-title);
6264        color: var(--textColor);
6265        margin-top: 8px;
6266    }
6267    .map-stars{
6268        line-height: 28px;
6269        @media (min-width: 1024px){
6270            line-height: 36px;
6271        }
6272    }
6273    .map-info-body{
6274        display: flex;
6275        flex-direction: column;
6276    }
6277    .map-info-body-wrapper{
6278        display: flex;
6279        flex-direction: column;
6280        &:nth-child(1) .map-label{
6281            margin-top: 0px;
6282        }
6283    }
6284    .map-info-text{
6285      color: var(--textColor);
6286      font-family: var(--font-body);
6287      font-size: var(--font-size-base);
6288      display:flex;
6289      flex-direction: column;
6290    }
6291    .map-label{
6292        font-size: var(--font-size-h5);
6293        font-weight: 700;
6294        margin-top: 24px;
6295        margin-bottom: 8px;
6296        font-family: var(--font-title);
6297        color: var(--textColor);
6298    }
6299    .map-info-footer{
6300        display: flex;
6301        flex-direction: column;
6302        gap: 16px;
6303        .map-label{
6304            margin-top: 0;
6305            margin-bottom: 0;
6306        }
6307    }
6308    .map-socials{
6309        display: flex;
6310        gap: 16px;
6311        font-size: 22px;
6312    }
6313    .map-social-btn{
6314        color: var(--textColor);
6315        font-size: 22px;
6316        text-decoration: none;
6317        transition: color 0.3s ease;
6318        &:hover{
6319            color: var(--color-principal);
6320        }
6321    }
6322
6323    &.variant-2{
6324        box-sizing: border-box;
6325
6326        @media (min-width: 1024px){
6327            flex-direction: row;
6328            padding-right: 100px;
6329            gap: 84px;
6330            min-height: 600px;
6331
6332        }
6333        .map-container{
6334            @media (min-width: 1024px){
6335                height: auto;
6336                flex: 4;
6337            }
6338        }
6339        .map-info-container{
6340            @media (min-width: 1024px){
6341                box-shadow: none;
6342                position:relative;
6343                bottom: 0;
6344                right: 0;
6345                padding: 0;
6346                padding-block: 70px;
6347            }
6348        }
6349        .map-info-header{
6350            &:after{
6351                display: none;
6352            }
6353        }
6354        .map-info-body-wrapper:not(:first-child):has(.map-label:not(:empty)){
6355            &::before{
6356                content: "";
6357                display: block;
6358                width: 100%;
6359                height: 1px;
6360                background-color: var(--textColor);
6361                margin-top: 24px;
6362            }
6363        }
6364        .map-info-footer{
6365            &::before{
6366                content: "";
6367                display: block;
6368                width: 100%;
6369                height: 1px;
6370                background-color: var(--textColor);
6371            }
6372        }
6373        .map-info-footer .map-label{
6374            margin-top: 8px;
6375        }
6376        &.invert{
6377            @media (min-width: 1024px){
6378                padding-right: 0px;
6379                padding-left: 100px
6380            }
6381            .map-info-container{
6382                order:1;
6383            }
6384            .map-container{
6385                order:2;
6386            }
6387        }
6388    }
6389    &.variant-3{
6390		.map-info-container{
6391			order:1;
6392		}
6393		.map-container{
6394			order:2;
6395		}
6396		&.invert{
6397			.map-info-container{
6398				order:2;
6399			}
6400			.map-container{
6401				order:1;
6402			}
6403		}
6404        @media (min-width: 1024px){
6405            flex-direction: column;
6406            gap: 36px;
6407            min-height: 600px;
6408            padding-top: 70px;
6409             &:before, &:after{
6410                content: "";
6411                display: block;
6412                width: 100%;
6413                height: 1px;
6414                background-color: var(--textColor);
6415                width: calc(100% - 200px);
6416                transform: translateX(100px);
6417            }
6418            &:before{
6419                order: 2;
6420                margin-bottom: 20px;
6421            }
6422            .map-container{
6423                order: 2;
6424            }
6425            .map-info-header{
6426                display: none;
6427            }
6428            .map-info-container{
6429                box-shadow: none;
6430                position:relative;
6431                flex-direction: row;
6432                width: 100%;
6433                justify-content: space-between;
6434                bottom: 0;
6435                right: 0;
6436                padding: 0px 100px 0px 100px;
6437                order: 1;
6438            }
6439            .map-info-body{
6440                flex-direction: row;
6441                gap: 80px;
6442                
6443            }
6444            .map-label{
6445                margin-top: 0;
6446            }
6447            &.invert{
6448				padding-top: 0;
6449				padding-bottom: 70px;
6450				&:after{
6451					order: 3;
6452				}
6453				.map-info-container{
6454					order:2;
6455				}
6456				.map-container{
6457					order:1;
6458				}
6459		
6460            }
6461        }
6462		@media (max-width: 1023px){
6463			.map-info-body-wrapper:not(:first-child):has(.map-label:not(:empty)),
6464			.map-info-footer{
6465				&::before{
6466					content: "";
6467					display: block;
6468					width: 100%;
6469					height: 1px;
6470					background-color: var(--textColor);
6471					margin-top: 24px;
6472				}
6473			}
6474		}
6475    }
6476}
6477</style>
6478
6479<script>
6480const MAP_CONFIG = {
6481  GOOGLE_MAPS_API_KEY: 'AIzaSyBIGzkPZFZopcTj0yjaTwhNJUv7tISJI0U',
6482  
6483  // Default Values
6484  defaults: {
6485    zoom: 16,
6486    zoomStatic: 16,
6487    styleIdStatic: 'c288ed2ef43f3efd2386286c',
6488    styleIdMap: 'c288ed2ef43f3efd2386286c',
6489    markerIcon: '/templates/cadenas/air/images/hotels/SYN3536/map-marker.svg'
6490  },
6491  
6492  // DOM Selectors
6493  selectors: {
6494    mapContainer: '.map',
6495    mapObject: '#map-object'
6496  },
6497  
6498  // Google Maps Options
6499  mapOptions: {
6500    mapTypeControl: false,
6501    scaleControl: false,
6502    fullscreenControl: false,
6503    clickableIcons: false,
6504    streetViewControl: false,
6505    disableDefaultUI: false,
6506    gestureHandling: 'cooperative',
6507    scrollwheel: false
6508  },
6509  hintLabels: {
6510    "en": {
6511    "desk": "View interactive map",
6512    "mobile": "Tap to view interactive map"
6513    },
6514    "it": {
6515    "desk": "Visualizza mappa interattiva",
6516    "mobile": "Tocca per vedere la mappa"
6517    },
6518    "de": {
6519    "desk": "Interaktive Karte anzeigen",
6520    "mobile": "Tippen für Karte"
6521    },
6522    "ru": {
6523    "desk": "Открыть карту",
6524    "mobile": "Нажмите, чтобы открыть карту"
6525    },
6526    "ca": {
6527    "desk": "Veure mapa interactiu",
6528    "mobile": "Toca per veure el mapa interactiu"
6529    },
6530    "ar": {
6531    "desk": "عرض الخريطة",
6532    "mobile": "اضغط لعرض الخريطة"
6533    },
6534    "es": {
6535    "desk": "Ver mapa interactivo",
6536    "mobile": "Toca para ver mapa interactivo"
6537    },
6538    "pt": {
6539    "desk": "Ver mapa interativo",
6540    "mobile": "Toque para ver o mapa interativo"
6541    },
6542    "fr": {
6543    "desk": "Voir la carte interactive",
6544    "mobile": "Touchez pour voir la carte interactive"
6545    }
6546  }
6547};
6548
6549function getMapLanguage() {
6550  const lang = (document.documentElement.lang || 'en').toLowerCase().split('-')[0];
6551  return MAP_CONFIG.hintLabels[lang] ? lang : 'en';
6552}
6553
6554function getMapHintLabel(device) {
6555  const lang = getMapLanguage();
6556  return MAP_CONFIG.hintLabels[lang][device] || MAP_CONFIG.hintLabels.en[device];
6557}
6558
6559async function loadGoogleMaps() {
6560  try {
6561    return new Promise((resolve, reject) => {
6562      const script = document.createElement("script");
6563      script.src = 'https://maps.googleapis.com/maps/api/js?key=' + MAP_CONFIG.GOOGLE_MAPS_API_KEY + '&v=weekly';
6564      script.async = true;
6565      script.defer = true;
6566
6567      script.onload = () => {
6568        if (window.google && window.google.maps) {
6569          resolve(window.google.maps);
6570        } else {
6571          reject(new Error("Google Maps no se cargó correctamente"));
6572        }
6573      };
6574      script.onerror = (err) => reject(err);
6575
6576      document.head.appendChild(script);
6577    });
6578  } catch (error) {
6579    console.error('Error cargando scripts del mapa:', error);
6580    return false;
6581  }
6582}
6583
6584/////////////////////////////////////////////////
6585///////////////// MAP RENDER ////////////////////
6586/////////////////////////////////////////////////
6587
6588async function createMarker(config) {
6589  const { map, lat, lng, iconUrl, AdvancedMarkerElement } = config;
6590  
6591  const img = document.createElement('img');
6592  img.src = iconUrl;
6593  img.style.width = '50px';
6594  img.style.height = '50px';
6595  
6596  const marker = new AdvancedMarkerElement({
6597    position: { lat, lng },
6598    map: map,
6599    content: img
6600  });
6601  
6602  return marker;
6603}
6604
6605async function renderMarkers(map, config) {
6606  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
6607  const markers = [];
6608  
6609  // Create main marker
6610  if (config.lat && config.lng) {
6611    const mainMarker = await createMarker({
6612      map,
6613      lat: config.lat,
6614      lng: config.lng,
6615      iconUrl: MAP_CONFIG.defaults.markerIcon,
6616      AdvancedMarkerElement
6617    });
6618    markers.push(mainMarker);
6619  }
6620
6621  // Create additional markers. If no custom icon was chosen for this one,
6622  // fall back to the same icon as the main marker instead of skipping it.
6623  if (config.markers && config.markers.length > 0) {
6624    for (const markerData of config.markers) {
6625      if (markerData.lat && markerData.lng) {
6626        const marker = await createMarker({
6627          map,
6628          lat: parseFloat(markerData.lat),
6629          lng: parseFloat(markerData.lng),
6630          iconUrl: markerData.icon || MAP_CONFIG.defaults.markerIcon,
6631          AdvancedMarkerElement
6632        });
6633        markers.push(marker);
6634      }
6635    }
6636  }
6637  
6638  return markers;
6639}
6640
6641function getMapConfig(element) {
6642  try {
6643    const dataConfig = JSON.parse(element.dataset.mapConfig);
6644    if (!dataConfig || dataConfig === 'none') return null;
6645    
6646    const { markers = [], settings = {} } = dataConfig;
6647    
6648    // Merge settings with defaults
6649    const mergedSettings = {
6650      zoom: parseInt(settings.zoom) || MAP_CONFIG.defaults.zoom,
6651      zoomStatic: parseInt(settings.zoomStatic) || MAP_CONFIG.defaults.zoomStatic,
6652      styleIdStatic: settings.styleIdStatic || MAP_CONFIG.defaults.styleIdStatic,
6653      styleIdMap:  settings.styleIdMap || MAP_CONFIG.defaults.styleIdMap,
6654      staticImage: settings.staticImage || null
6655    };
6656    
6657    // unified config object
6658    return {
6659      lat: parseFloat(dataConfig.mainMarker.lat),
6660      lng: parseFloat(dataConfig.mainMarker.lng),
6661      markers: markers.filter(m => m.lat && m.lng), 
6662      settings: mergedSettings
6663    };
6664  } catch (error) {
6665    console.error('Error parseando configuración del mapa:', error);
6666    return null;
6667  }
6668}
6669
6670async function renderMap(mapElement, config) {
6671  
6672  const mapDiv = document.querySelector(MAP_CONFIG.selectors.mapObject);
6673
6674  const map = new google.maps.Map(mapDiv, {
6675    
6676    center: { lat: config.lat, lng: config.lng },
6677
6678    zoom: config.settings.zoom,
6679    mapId: config.settings.styleIdMap,
6680
6681    ...MAP_CONFIG.mapOptions,
6682    zoomControl: 'ontouchstart' in document.documentElement ? false : true
6683  });
6684
6685  const markers = await renderMarkers(map, config);
6686  
6687  // Add click handler to fade out ::after pseudo-element
6688  mapDiv.addEventListener('click', function handleMapClick() {
6689    mapDiv.classList.add('map-clicked');
6690    // Remove listener after first click
6691    mapDiv.removeEventListener('click', handleMapClick);
6692  }, { once: true });
6693}
6694async function renderStaticMap(mapElement, config) {
6695  const mapDiv = document.querySelector(MAP_CONFIG.selectors.mapObject);
6696  const { lat, lng, settings } = config;
6697  const zoom = settings.zoomStatic || MAP_CONFIG.defaults.zoomStatic;
6698  const styleId = settings.styleIdStatic || MAP_CONFIG.defaults.styleIdStatic;
6699
6700  const width = mapDiv.offsetWidth * 2;
6701  const height = mapDiv.offsetHeight * 2;
6702  const size = width + 'x' + height;
6703
6704  const markerUrl = '/templates/cadenas/air/images/hotels/SYN3536/map-marker.svg';
6705
6706  const staticUrl = 'https://maps.googleapis.com/maps/api/staticmap'
6707    + '?center=' + lat + ',' + lng
6708    + '&zoom=' + zoom
6709    + '&size=' + size
6710    + '&scale=2'
6711    + '&language=' + getMapLanguage()
6712    + '&map_id=' + styleId
6713    + '&key=' + MAP_CONFIG.GOOGLE_MAPS_API_KEY;
6714
6715  // Crear overlay
6716  const overlay = document.createElement('div');
6717  overlay.style.cssText = [
6718    'position: absolute',
6719    'inset: 0',
6720    'background-color: rgba(0,0,0,0)',
6721    'transition: background-color 0.3s ease',
6722    'cursor: pointer',
6723    'z-index: 1',
6724    'display: flex',
6725    'align-items: center',
6726    'justify-content: center'
6727  ].join(';');
6728
6729  const rawHintText = {
6730    desk: "",
6731    mobile: ""
6732  };
6733
6734  // Icono o texto de ayuda
6735  const hint = document.createElement('span');
6736  hint.textContent =
6737    rawHintText?.desk === ""
6738      ? getMapHintLabel('desk')
6739      : rawHintText.desk;
6740  hint.style.cssText = [
6741    'color: white',
6742    'font-family: var(--font-body)',
6743    'font-size: var(--font-size-base)',
6744    'opacity: 0',
6745    'transition: opacity 0.3s ease',
6746    'pointer-events: none',
6747    'text-align: center'
6748  ].join(';');
6749
6750  overlay.appendChild(hint);
6751
6752  overlay.addEventListener('mouseenter', function () {
6753    overlay.style.backgroundColor = 'rgba(0,0,0,0.4)';
6754    hint.style.opacity = '1';
6755  });
6756
6757  overlay.addEventListener('mouseleave', function () {
6758    overlay.style.backgroundColor = 'rgba(0,0,0,0)';
6759    hint.style.opacity = '0';
6760  });
6761
6762  overlay.addEventListener('click', async function () {
6763    // Limpiar mapa estático
6764    mapDiv.style.backgroundImage = '';
6765    overlay.remove();
6766
6767    // Cargar mapa dinámico
6768    try {
6769      await loadGoogleMaps();
6770      await renderMap(mapElement, config);
6771    } catch (err) {
6772      console.error('Error cargando el mapa dinámico:', err);
6773    }
6774  });
6775
6776  const img = new Image();
6777  img.onload = function () {
6778    mapDiv.style.position = 'relative';
6779    mapDiv.style.backgroundImage = "url('" + markerUrl + "'), url('" + this.src + "')";
6780    mapDiv.style.backgroundRepeat = 'no-repeat, no-repeat';
6781    mapDiv.style.backgroundPosition = 'center center, center center';
6782    mapDiv.style.backgroundSize = '50px 50px, cover';
6783    mapDiv.appendChild(overlay);
6784  };
6785
6786  img.onerror = function () {
6787    const fallbackSize = mapDiv.offsetWidth + 'x' + mapDiv.offsetHeight;
6788    const fallbackUrl = staticUrl.replace(size, fallbackSize);
6789    mapDiv.style.backgroundImage = "url('" + markerUrl + "'), url('" + fallbackUrl + "')";
6790    mapDiv.style.backgroundRepeat = 'no-repeat, no-repeat';
6791    mapDiv.style.backgroundPosition = 'center center, center center';
6792    mapDiv.style.backgroundSize = '50px 50px, cover';
6793    mapDiv.appendChild(overlay);
6794  };
6795
6796  img.src = staticUrl;
6797}
6798/////////////////////////////////////////////////
6799/////////////////// INIT MAP ////////////////////
6800/////////////////////////////////////////////////
6801
6802function isInLoadRange(element, offset = 800) {
6803  const rect = element.getBoundingClientRect();
6804  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
6805  
6806  return (
6807    rect.top <= windowHeight + offset &&
6808    rect.bottom >= -offset
6809  );
6810}
6811
6812/**
6813 * Init map when scrolled into view
6814 */
6815async function initMapOnScroll() {
6816  const mapElement = document.querySelector(MAP_CONFIG.selectors.mapContainer);
6817
6818  if (!mapElement) {
6819    console.warn(`Elemento $ no encontrado`);
6820    return;
6821  }
6822
6823  const config = getMapConfig(mapElement);
6824  if (!config) {
6825    console.warn('Configuración del mapa no valida o no encontrada');
6826    return;
6827  }
6828  
6829  let mapLoaded = false;
6830  
6831  const loadMap = async () => {
6832    if (mapLoaded) return;
6833    
6834    mapLoaded = true;
6835    console.log('Cargando mapa...');
6836    
6837    try {
6838      await loadGoogleMaps();
6839      await renderStaticMap(mapElement, config);
6840    } catch (err) {
6841      console.error('Error cargando el mapa:', err);
6842    }
6843  };
6844  
6845  if (isInLoadRange(mapElement)) {
6846    loadMap();
6847    return;
6848  }
6849  
6850  const scrollHandler = () => {
6851    if (isInLoadRange(mapElement)) {
6852      loadMap();
6853      window.removeEventListener('scroll', scrollHandler);
6854    }
6855  };
6856  
6857  window.addEventListener('scroll', scrollHandler, { passive: true });
6858
6859  if(window.innerWidth > 1024) {
6860    return;
6861  }
6862  const container = document.querySelector('.map-container');
6863  const label = container.querySelector('.map-container-label');
6864  const hintLabelText = container.querySelector('.map-label-text');
6865  const rawHintText = {
6866    desk: "",
6867    mobile: ""
6868  };
6869
6870  hintLabelText.textContent =
6871    rawHintText?.mobile === ""
6872      ? getMapHintLabel('mobile')
6873      : rawHintText.mobile;
6874
6875  const observer = new IntersectionObserver((entries) => {
6876    entries.forEach(entry => {
6877      if (entry.isIntersecting) {
6878        label.classList.add('visible');
6879      }
6880    });
6881  }, { threshold: 1 });
6882
6883  observer.observe(container);
6884}
6885
6886/////////////////////////////////////////////////
6887/////////// CONTACT DATA MANAGEMENT /////////////
6888/////////////////////////////////////////////////
6889
6890function processContactData(mapElement) {
6891  const seo = window.dataSeo;
6892  
6893  if (!seo || !seo.hotel) return;
6894  
6895  // Configuration for contact elements
6896  const contactElements = [
6897    { selector: '.sta-tel1', dataKey: 'tel', textKey: 'textTel' },
6898    { selector: '.sta-tel2', dataKey: 'tel2', textKey: 'text2Tel' },
6899    { selector: '.sta-fax', dataKey: 'fax', textKey: null }
6900  ];
6901  
6902  // Process phone and fax elements
6903  for (const config of contactElements) {
6904    const element = mapElement.querySelector('.sta-map-air_info-element ' + config.selector);
6905    const value = seo.hotel[config.dataKey];
6906    
6907    if (element && value) {
6908      element.href = 'tel:' + value;
6909      const displayText = config.textKey ? (seo.hotel[config.textKey] || value) : value;
6910      element.innerHTML = '<span>' + displayText + '</span>';
6911    } else if (element) {
6912      element.remove();
6913    }
6914  }
6915  
6916  // Process Email with automatic font-size adjustment
6917  const mail = mapElement.querySelector('.sta-map-air_info-element .sta-mail');
6918  if (mail && seo.hotel.mail) {
6919    adjustEmailFontSize(mail, seo.hotel.mail, seo.hotel.name);
6920  } else if (mail) {
6921    mail.remove();
6922  }
6923}
6924
6925function adjustEmailFontSize(mailElement, email, hotelName) {
6926  mailElement.href = 'mailto:' + email + '?subject=' + encodeURI(hotelName || '');
6927  
6928  mailElement.innerHTML = '<span>a</span>';
6929  const baselineHeight = mailElement.offsetHeight;
6930  
6931  mailElement.innerHTML = '<span>' + email + '</span>';
6932  
6933  let fontSize = parseInt(window.getComputedStyle(mailElement).fontSize);
6934  let currentHeight = mailElement.offsetHeight;
6935  
6936  const originalTransition = mailElement.style.transition;
6937  mailElement.style.transition = 'none';
6938  
6939  while (currentHeight > baselineHeight && fontSize > 8) {
6940    fontSize--;
6941    mailElement.style.fontSize = fontSize + 'px';
6942    currentHeight = mailElement.offsetHeight;
6943  }
6944  
6945  mailElement.style.transition = originalTransition;
6946}
6947
6948function cleanAddressDuplicates(mapElement) {
6949  const address = mapElement.querySelector('.sta-address');
6950  if (!address) return;
6951  
6952  const cityEl = address.querySelector('.sta-city');
6953  const provinceEl = address.querySelector('.sta-province');
6954  const countryEl = address.querySelector('.sta-country');
6955  
6956  if (!cityEl || !provinceEl || !countryEl) return;
6957  
6958  const city = cityEl.textContent.trim();
6959  const province = provinceEl.textContent.trim();
6960  const country = countryEl.textContent.trim();
6961  
6962  if (city === province || province === country || !province) {
6963    provinceEl.remove();
6964  }
6965  if (city === country || !country) {
6966    countryEl.remove();
6967  }
6968}
6969
6970function cleanSocialMedia(mapElement) {
6971  const socialsSection = mapElement.querySelector('.sta-map-air_info-element.socials');
6972  if (!socialsSection) return;
6973  
6974  const socialLinks = socialsSection.querySelectorAll('a');
6975  const hasLinks = Array.from(socialLinks).some(link => link.href && link.href !== '');
6976  
6977  if (!hasLinks) {
6978    socialsSection.remove();
6979  }
6980}
6981
6982
6983function initDataManagement() {
6984  const mapElement = document.querySelector(MAP_CONFIG.selectors.mapContainer);
6985  if (!mapElement) return;
6986  
6987  try {
6988    cleanAddressDuplicates(mapElement);
6989    processContactData(mapElement);
6990    cleanSocialMedia(mapElement);
6991  } catch (error) {
6992    console.error('Error procesando datos de contacto:', error);
6993  }
6994}
6995
6996/////////////////////////////////////////////////
6997//////////////// INITIALIZATION /////////////////
6998/////////////////////////////////////////////////
6999
7000//Init when DOM is ready
7001if (document.readyState === 'loading') {
7002  document.addEventListener('DOMContentLoaded', () => {
7003    initDataManagement();
7004    initMapOnScroll();
7005  });
7006} else {
7007  initDataManagement();
7008  initMapOnScroll();
7009}
7010</script>
7010
7011  
7012  
7013  
7014  
7015  
7016  
7017  
7018  
7019  
7020  
7021  
7022  
7023  
7024  
7025  
7026  
7027  
7028  
7029  
7030  
7031  
7032  
7033  
7034
7035</main>
7036
7037<footer>
7038  <!-- Visibles -->
7039  
7040  <section class="footer-v2-wrapper " data-scroll="">
7041
7042    <!-- CONTENIDO PRINCIPAL -->
7043    <section class="footer-v2-content">
7044
7045        <!-- Columna Marca -->
7046        <article class="footer-v2-brand">
7047            <img src="/templates/cadenas/air/images/hotels/SYN3536/logoofi.png" alt="Hotel Doña Blanca" class="footer-v2-logo">
7048            <p class="footer-v2-description">Votre hôtel idéal pour découvrir Jerez de la Frontera. Nous avons tout ce que vous recherchez pour vivre une expérience unique en ville.</p>
7049            <nav class="footer-v2-social">
7050                <div class="tgl-socialRedes-air">
7051                    <div class="sta-socialRedes-air_container">
7052                        
7053                        <a href="https://www.instagram.com/donablancahotel/"  aria-label="instagram" target="_blank" class="sta-socialRedes-air_icon icon-instagram" rel="noopener"></a>
7054                        
7055                        
7056                        
7057
7058                        
7059                        <a href="https://www.facebook.com/HotelDonaBlanca/?locale=es_ES" aria-label="facebook" target="_blank" class="sta-socialRedes-air_icon icon-facebook" rel="noopener"></a>
7060                        
7061
7062                        
7063
7064                        
7065                        <a href="" aria-label="youtube" target="_blank" class="sta-socialRedes-air_icon icon-youtube" rel="noopener"></a>
7066                        
7067
7068                        
7069                        <a id="td-d1-telefonolateral-00" href="https://api.whatsapp.com/send/?phone=658904524&text&app_absent=0" aria-label="whatsapp" target="_blank" class="sta-socialRedes-air_icon icon-whatsapp" rel="noopener"></a>
7070                        
7071
7072                        
7073                        <a href="" aria-label="Foursquare" target="_blank" class="sta-socialRedes-air_icon icon-foursquare" rel="noopener"></a>
7074                        
7075
7076                        
7077                        
7078                        <a href="" aria-label="linkedin" target="_blank" class="sta-socialRedes-air_icon icon-linkedin" rel="noopener"></a>
7079                        
7080
7081                        
7082                        <a href="" aria-label="foodspotting" target="_blank" class="sta-socialRedes-air_icon icon-foodspotting" rel="noopener"></a>
7083                        
7084
7085                        
7086                        <a href="" aria-label="tumblr" target="_blank" class="sta-socialRedes-air_icon icon-tumblr" rel="noopener"></a>
7087                        
7088
7089                        
7090                        <a href="" aria-label="vimeo" target="_blank" class="sta-socialRedes-air_icon icon-vimeo" rel="noopener"></a>
7091                        
7092
7093                        
7094                        <a href="" aria-label="flickr" target="_blank" class="sta-socialRedes-air_icon icon-flickr" rel="noopener"></a>
7095                        
7096
7097                        
7098                        <a href="" aria-label="wordpress" target="_blank" class="sta-socialRedes-air_icon icon-wordpress" rel="noopener"></a>
7099                        
7100
7101                        
7102                        <a href="" aria-label="yelp" target="_blank" class="sta-socialRedes-air_icon icon-yelp" rel="noopener"></a>
7103                        
7104
7105                        
7106                        <a href="" aria-label="tiktok" target="_blank" class="sta-socialRedes-air_icon icon-tiktok" rel="noopener"></a>
7107                        
7108                        
7109                    </div>
7110                </div>
7111            </nav>
7112        </article>
7113
7114        <!-- Columna Menú -->
7115        <nav class="footer-v2-nav-col">
7116            <h3 class="footer-v2-nav-title">Points d’intérêt</h3>
7117            <ul class="footer-v1-nav-list">
7118
7119    <li><a href="https://www.hoteldonablanca.com/fr/protection-donnees">Protection des données</a></li>
7120    <li><a href="https://www.hoteldonablanca.com/fr/cookies">Politique de cookies</a></li>
7121    <li><a href="https://www.hoteldonablanca.com/fr/faq">Foire aux questions</a></li>
7122    <li><a href="https://www.hoteldonablanca.com/fr/avis-juridique">Avis Juridique  </a></li>
7123</ul>
7124        </nav>
7125
7126        <!-- Columna Interés -->
7127        <nav class="footer-v2-nav-col">
7128            <h3 class="footer-v2-nav-title">Menu</h3>
7129            <ul class="footer-v1-nav-list">
7130
7131    <li><a href="https://www.hoteldonablanca.com/fr/home">
7131Séjournez au cœur de Jerez</a></li>
7132    <li><a href="https://www.hoteldonablanca.com/fr/chambres">Chambres</a></li>
7133    <li><a href="https://www.hoteldonablanca.com/fr/services">Services</a></li>
7134    <li><a href="https://www.hoteldonablanca.com/fr/galerie">Galerie</a></li>
7135    <li><a href="https://www.hoteldonablanca.com/fr/destination">Destination</a></li>
7136    <li><a href="https://www.hoteldonablanca.com/fr/contactez-nous">Contactez-nous</a></li>
7137</ul>
7138        </nav>
7139
7140        <!-- Columna Certificados -->
7141        <article class="footer-v2-certs-col">
7142            <h3 class="footer-v2-certs-title">Certificats</h3>
7143            <figure class="footer-v1-certs-grid" data-scroll="">
7144
7145    <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
7146    <figcaption class="footer-v1-cert-item"><img src="https://images.booking-channel.com/templates/cadenas/air/images/hotels/SYN3536/1500/andalucia.png"></figcaption>
7147    <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
7148    <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
7149    <figcaption class="footer-v1-cert-item"><img src="https://images.booking-channel.com/templates/cadenas/air/images/hotels/SYN3536/1500/nuevodiseño.png"></figcaption>
7150    <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
7151    <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
7152    <figcaption class="footer-v1-cert-item"><img src="https://images.booking-channel.com/templates/cadenas/air/images/hotels/SYN3536/1500/UE.png"></figcaption>
7153    <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
7154    <!-- ELSE _MENU_HIJO_XT_URL_ENLACE -->
7155    <figcaption class="footer-v1-cert-item"><img src="https://images.booking-channel.com/templates/cadenas/air/images/hotels/SYN3536/1500/juntaandalucia.png"></figcaption>
7156    <!-- ENDIF _MENU_HIJO_XT_URL_ENLACE -->
7157</figure>
7158        </article>
7159
7160    </section>
7161
7162    <!-- FOOTER INFERIOR -->
7163    <footer class="footer-v2-bottom">
7164        <article class="footer-v2-bottom-desk">
7165            <span class="footer-v2-copyright">Hotel Doña Blanca</span>
7166            <span class="footer-v2-powered">Powered by Keytel | Réservation sécurisée</span>
7167        </article>
7168        <article class="footer-v2-bottom-mob">
7169            <span class="footer-v2-powered">Powered by Keytel</span>
7170            <span class="footer-v2-secure">Réservation sécurisée</span>
7171        </article>
7172    </footer>
7173
7174</section>
7175<style>
7176/* =========================
7177   FOOTER V2 - BASE
7178========================== */
7179.footer-v2-wrapper { margin:0; padding: 40px 25px; box-sizing:border-box; font-family:var(--font-body); font-size:var(--font-size-base); line-height:1.5; color:var(--color-text); }
7180.footer-v2-wrapper *, .footer-v2-wrapper *::before, .footer-v2-wrapper *::after { margin:0; padding:0; box-sizing:border-box; }
7181.footer-v2-wrapper ul { list-style:none; }
7182.footer-v2-wrapper a { text-decoration:none; color:inherit; transition:color 0.3s ease; }
7183.footer-v2-wrapper a:hover { color:var(--color-principal); }
7184.footer-v2-wrapper img { max-width:100%; width:fit-content; display:block; object-fit: contain;}
7185@media (min-width: 768px) {.footer-v2-wrapper  {padding: 45px 60px;}}
7186@media (min-width: 1280px) {.footer-v2-wrapper  {padding: 45px 100px;}}
7187
7188/* =========================
7189   CONTENT GRID - DESKTOP
7190========================== */
7191.footer-v2-wrapper .footer-v2-content { display:grid; grid-template-columns:1.3fr 1fr 1fr 1.5fr; gap:40px; padding-bottom:30px; border-bottom:1px solid #c5c5c5; margin-bottom:30px; }
7192
7193/* =========================
7194   BRAND COLUMN
7195========================== */
7196.footer-v2-wrapper .footer-v2-brand { display:flex; flex-direction:column; gap:15px; }
7197.footer-v2-wrapper .footer-v2-logo { height:100px; max-height:100px; }
7198.footer-v2-wrapper .footer-v2-description { font-size:var(--font-size-base); color:var(--color-text); line-height:1.6; font-family:var(--font-body); }
7199
7200/* =========================
7201   REDES SOCIALES (tgl-socialRedes-air)
7202========================== */
7203.footer-v2-wrapper .footer-v2-social { display:flex; gap:15px; align-items:center; margin-top:5px; }
7204.footer-v2-wrapper .tgl-socialRedes-air { position:static !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; display:block; width:100%; margin:0; padding:0; float:none; z-index:auto; background:transparent; border:none; box-shadow:none; transform:none; opacity:1; visibility:visible; pointer-events:auto; }
7205.footer-v2-wrapper .sta-socialRedes-air_container { display:flex; right:unset !important; flex-direction:row; flex-wrap:wrap; align-items:center; gap:15px; margin:0; padding:0; justify-content:flex-start; box-shadow:unset; background-color:unset; animation:unset !important; }
7206.footer-v2-wrapper .sta-socialRedes-air_icon { display:flex !important; align-items:center;
7206 margin-bottom:unset !important; justify-content:center; width:24px; height:24px; color:var(--color-text); font-size:24px; line-height:1; text-decoration:none; transition:color 0.3s ease; background-color:unset !important; background:unset; border:none; padding:0; margin:0; float:none; position:static; }
7207.footer-v2-wrapper .sta-socialRedes-air_icon:hover { background-color:unset; }
7208.footer-v2-wrapper .sta-socialRedes-air_icon::before { font-size:24px !important; color:var(--color-text); display:flex; align-items:center; justify-content:center; width:24px; height:24px; line-height:1 !important; top:unset !important; right:unset !important; left:unset !important; }
7209.footer-v2-wrapper .sta-socialRedes-air_icon:hover::before { color:var(--color-principal); transition:color 0.5s ease; }
7210
7211/* =========================
7212   NAV COLUMNS
7213========================== */
7214.footer-v2-wrapper .footer-v2-nav-col { display:flex; flex-direction:column; }
7215.footer-v2-wrapper .footer-v2-nav-title { font-family:var(--font-title); font-size:var(--font-size-h4); font-weight:700; color:var(--color-text); margin-bottom:var(--spacing-items); }
7216.footer-v2-wrapper .footer-v1-nav-list { display:flex; flex-direction:column; gap:var(--spacing-items-subtitle); }
7217.footer-v2-wrapper .footer-v1-nav-list li a { font-size:var(--font-size-base); color:var(--color-text); font-family:var(--font-body); }
7218
7219/* =========================
7220   CERTIFICADOS
7221========================== */
7222.footer-v2-wrapper .footer-v2-certs-col { display:flex; flex-direction:column; }
7223.footer-v2-wrapper .footer-v2-certs-title { font-family:var(--font-title); font-size:var(--font-size-h4); font-weight:700; color:var(--color-text); margin-bottom:var(--spacing-items); }
7224.footer-v2-wrapper .footer-v1-certs-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap:10px; }
7225.footer-v2-wrapper .footer-v1-cert-item { display:flex; align-items:center; justify-content:center; min-height:70px; padding:10px; }
7226.footer-v2-wrapper .footer-v1-cert-item img { max-width:100%; max-height:60px; object-fit:contain; }
7227
7228/* =========================
7229   BOTTOM
7230========================== */
7231.footer-v2-wrapper .footer-v2-bottom { display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center; }
7232.footer-v2-wrapper .footer-v2-bottom-desk { display:flex; flex-direction:column; align-items:center; gap:5px; }
7233.footer-v2-wrapper .footer-v2-bottom-mob { display:none; }
7234.footer-v2-wrapper .footer-v2-copyright { font-size:var(--font-size-base); color:var(--color-text); font-family:var(--font-body); }
7235.footer-v2-wrapper .footer-v2-powered { font-size:var(--font-size-base); color:var(--color-text); font-family:var(--font-body); }
7236.footer-v2-wrapper .footer-v2-secure { font-size:var(--font-size-base); color:var(--color-text); font-family:var(--font-body); }
7237
7238/* =========================
7239   RESPONSIVE - MOBILE (max-width: 800px)
7240========================== */
7241@media (max-width: 800px) {
7242.footer-v2-wrapper { padding:30px 20px; }
7243.footer-v2-wrapper .footer-v2-content { grid-template-columns:1fr 1fr; gap:25px; }
7244.footer-v2-wrapper .footer-v2-brand { grid-column:1 / -1; }
7245.footer-v2-wrapper .footer-v2-certs-col { grid-column:1 / -1; }
7246.footer-v2-wrapper .footer-v2-logo { height:80px; max-height:80px; }
7247.footer-v2-wrapper .footer-v2-certs-title { margin-top:10px; }
7248.footer-v2-wrapper .footer-v1-certs-grid { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}
7249.footer-v2-wrapper .footer-v2-bottom-desk { display:none; }
7250.footer-v2-wrapper .footer-v2-bottom-mob { display:flex; flex-direction:column; align-items:center; gap:5px; }
7251}
7252
7253/* === BLACK VERSION === */
7254.footer-v2-wrapper.black-version {
7255    --color-text: #fff;
7256    background-color: rgb(71, 66, 66);
7257    .footer-v1-certs-grid .footer-v1-cert-item {background-color: #f3f3f3;border-radius: var(--radius-elements);}
7258    .footer-v2-brand .footer-v2-logo {filter: brightness(0) contrast(1000) invert(1);}
7259}
7260
7261
7262/* === NO SOCIAL MEDIA ===*/
7263.footer-v2-wrapper.no-socials .footer-v2-social {
7264    display: none;
7265}
7266</style>
7267  
7268  
7269  <div html="MENU/tgl-socialRedes-air" class="tgl-socialRedes-air ">
7270  <div class="sta-socialRedes-air_container">
7271    
7272    
7273    <a href="https://www.instagram.com/donablancahotel/"  aria-label="instagram" target="_blank" class="sta-socialRedes-air_icon icon-instagram" rel="noopener"></a>
7274    
7275    
7276    
7277
7278    
7279    <a href="https://www.facebook.com/HotelDonaBlanca/?locale=es_ES" aria-label="facebook" target="_blank" class="sta-socialRedes-air_icon icon-facebook" rel="noopener"></a>
7280    
7281
7282    
7283
7284    
7285    <a href="" aria-label="youtube" target="_blank" class="sta-socialRedes-air_icon icon-youtube" rel="noopener"></a>
7286    
7287
7288    
7289    <a id="td-d1-telefonolateral-00" href="https://api.whatsapp.com/se
7289nd/?phone=658904524&text&app_absent=0" aria-label="whatsapp" target="_blank" class="sta-socialRedes-air_icon icon-whatsapp" rel="noopener"></a>
7290    
7291
7292    
7293    <a href="" aria-label="Foursquare" target="_blank" class="sta-socialRedes-air_icon icon-foursquare" rel="noopener"></a>
7294    
7295
7296    
7297    
7298    <a href="" aria-label="linkedin" target="_blank" class="sta-socialRedes-air_icon icon-linkedin" rel="noopener"></a>
7299    
7300
7301    
7302    <a href="" aria-label="foodspotting" target="_blank" class="sta-socialRedes-air_icon icon-foodspotting" rel="noopener"></a>
7303    
7304
7305    
7306    <a href="" aria-label="tumblr" target="_blank" class="sta-socialRedes-air_icon icon-tumblr" rel="noopener"></a>
7307    
7308
7309    
7310    <a href="" aria-label="vimeo" target="_blank" class="sta-socialRedes-air_icon icon-vimeo" rel="noopener"></a>
7311    
7312
7313    
7314    <a href="" aria-label="flickr" target="_blank" class="sta-socialRedes-air_icon icon-flickr" rel="noopener"></a>
7315    
7316
7317    
7318    <a href="" aria-label="wordpress" target="_blank" class="sta-socialRedes-air_icon icon-wordpress" rel="noopener"></a>
7319    
7320
7321    
7322    <a href="" aria-label="yelp" target="_blank" class="sta-socialRedes-air_icon icon-yelp" rel="noopener"></a>
7323    
7324
7325    
7326    <a href="" aria-label="tiktok" target="_blank" class="sta-socialRedes-air_icon icon-tiktok" rel="noopener"></a>
7327    
7328    
7329
7330  </div>
7331</div>
7332 
7333<style>
7334  .tgl-socialRedes-air{
7335    top: 350px !important;
7336  }
7337</style>
7338  
7339  
7340  
7341  
7342  <!-- End Visibles -->
7343
7344  <!-- Modales -->
7345  
7346  <style>
7347  body:has(.tgl-popoffer-air.fn-open:not(.sta-small-aside)){overflow: hidden;}
7348  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info{margin: 0; width: 100%;display: flex;flex-direction: column;background-color: #000;padding:45px 20px !important;}
7349  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_btns .sta-popoffer-air_btns-element .sta-btn-corp{display: none;}
7350  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_btns .sta-popoffer-air_btns-element{padding: 10px !important;}
7351  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info-title{color:#fff !important;}
7352  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info-subtitle{color:#fff !important;font-weight: normal;padding-top: 20px !important;text-transform: none !important;}
7353  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_price-text{color:#fff !important;font-weight: normal;text-transform: none !important;}
7354  .tgl-popoffer-air.sta-vertical .sta-btn-corp .sta-btn-corp_text{color: #11291f !important;background-color: #c2dcc9 !important;display: inline-block;transition: background-color 300ms ease, color 300ms ease, transform 300ms ease, box-shadow 300ms ease;will-change: background-color, color, transform;padding: 16px 15px !important;border: none !important;}
7355  .tgl-popoffer-air.sta-vertical .sta-btn-corp:hover .sta-btn-corp_text,
7356  .tgl-popoffer-air.sta-vertical .sta-btn-corp:focus .sta-btn-corp_text{background-color: #11291f !important;color: #c2dcc9 !important;}
7357  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_btns{order: 2;padding-top: 0;}
7358  .tgl-popoffer-air.sta-vertical  .sta-popoffer-air_info-price{order:3;padding-top: 35px;}
7359  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info-header{border-bottom: none;padding-bottom: 35px;}
7360  .tgl-popoffer-air.sta-vertical  .sta-popoffer-air_info-date{display: none;}
7361  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info-tag{display: none;}
7362  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_box .sta-popoffer-air_box-wrapper{max-width: 400px !important;margin: 0 auto !important;}
7363  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_multimedia{padding-top: 280px !important;position: relative !important; display: block !important;width: 100% !important;}
7364  .tgl-popoffer-air.sta-vertical .sta-btn-circle .sta-btn-circle_icon.icon-close:before{color: #000 !important;}
7365  .tgl-popoffer-air.sta-vertical .sta-btn-circle:hover .sta-btn-circle_icon.icon-close:before{color: #ffffff !important;}
7366  .tgl-popoffer-air.sta-vertical .sta-btn-circle .sta-btn-circle_icon{border: none !important;background: #ffffff85;backdrop-filter: blur(15px);}
7367  .tgl-popoffer-air.sta-vertical .sta-btn-circle .sta-btn-circle_icon:hover{border: none !important;background: #00000085;}
7368  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_close{top:-275px !important;right: 5px !important;}
7369  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_multimedia .sta-popoffer-air_multimedia-photo{    position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;display: block;width: 100%;height: 100%;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
7370  .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info-price .sta-popoffer-air_price-num{color:#fff !important;}
7371  @media (min-width: 768px){
7372    .tgl-popoffer-air.sta-vertical .sta-popoffer-air_btns{padding-top: 0 !important;}
7373    .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info{ width: 100% !important;margin: 0 !important;}
7374  }
7375  @media (max-height: 680px) {
7376    .tgl-popoffer-air.sta-vertical .sta-popoffer-air_multimedia{padding-top: 160px !important;}
7377    .tgl-popoffer-air.sta-vertical .sta-popoffer-air_close{top:-155px !important;}
7378    .tgl-popoffer-air.sta-vertical .sta-popoffer-air_info{padding:20px 20px !important;}
7379  }
7380</style>
7381
7382<script>
7383  const rawConfig =''
7384  const rawTimer = ''
7385  window.popupConfig = JSON.parse(rawConfig) || {};
7386  window.popupTimer = rawTimer ? parseInt(rawTimer) : 0.5;
7387  
7388</script>
7388
7389<div modales id="tgl-modals">
7390
7391<!-- variables: 
7392  "sta-small-aside" modal pequeña
7393  "sta-init-hide" inicia ocultada
7394-->
7395
7396</div>
7397
7398<div modales>
7399  <!-- Modal hoteles -->
7400  
7401  <!-- END Modal hoteles -->
7402</div>
7403  
7404  
7405  
7406  
7407  
7408  
7409  
7410  <!-- End Modales -->
7411
7412</footer>
7413    
7414
7415
7416<script src="/templates/cadenas/air/js/scripts.js?_=202504220925"></script>
7416
7417
7418
7419
7420
7421</body>
7422</html>
7423
7424
7425
7426
7427
7428 

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.