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%;"> </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;"> </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é !<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 ! 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.