body {background-color: #f5f5f5;margin:0;font-family: "Inter", arial; font-size: 15px; letter-spacing: -0.01em;color:#262626} body.intranet .hidden-intranet {display: none !important} body:not(.intranet) .hidden-web {display: none !important} #contenedor-odiseo h1, #contenedor-odiseo h2, #contenedor-odiseo h3, #contenedor-odiseo h4, #contenedor-odiseo h5 { letter-spacing: -0.5px;} ul {margin:0; padding:0; list-style:none;} i {font-style: unset;} #contenedor-odiseo {line-height: 1.35em;margin-bottom:10px;} body:not(.manage):not(.widget-cargado) #contenedor-odiseo:before {content:""; position: absolute; left:0; right:0; margin: auto;width: 60px; height:60px; background-size:100%; margin: auto; top:425px;background-repeat: no-repeat;background-image: url("../img/loading-dark.svg"); } body:not(.login):not([data-solicitud="details-reserva"]) #contenedor-odiseo {min-height: 800px;} #contenedor-odiseo a:not(.nostyle-hover) {cursor:pointer;display:inline-block;font-weight:600;border-bottom:1px solid #e5e5e5} #contenedor-odiseo a:not(.nostyle-hover):hover {border-bottom:1px solid #4b4b4b} .error {background-color: #f1e0e0 !important; } b {font-weight: 600;} #cabecera-establecimiento {position:relative;z-index: 999; } /*SWAL POPUPS PRICE LOCK*/ .swal2-popup input:focus, .swal2-popup select:focus {outline: none; border: none;} #odiseo .swal2-popup .swal2-styled.swal2-cancel {background-color: #e2e2e2 !important;} .swal2-popup input[type='text'], .swal2-popup select {width:100%;height: 48px; padding-left: 20px;margin: 0 5px;border: 0;border-radius: 6px;background-color: #eaeaea;font-family: arial;font-size: 15px;transition: all .2s ease;} #txt-codigo-descuento {display:inline-block;border-radius:8px;margin-top:15px;font-size: 20px; color: #83ba55;border:1px solid #83ba55; padding: 8px 12px;} #msg-codigo-descuento {display:block} .swal2-label a {font-weight: bold;} .swal2-checkbox input, .swal2-radio input {height: 18px; width: 18px;} /*SKELETON*/ .skeleton-load {position:relative;} .skeleton-load > * {transition: all .2s ease;} body:not(.precios-ready) .skeleton-load > * {opacity:0;} body:not(.precios-ready) .skeleton-load:before, body:not(.precios-ready) .skeleton-load:after {opacity:1;} .skeleton-load:after {pointer-events:none;animation: loading-fade .6s infinite;content:""; position: absolute; width:100%; height: 15px; opacity:0; border-radius:100px; left:0;top: 0; bottom: 0; margin: auto;} body.precios-ready .skeleton-load:after, body.precios-ready .skeleton-load:before {opacity:0;} /*SCROLLBARS*/ .styled-scrollbars {--scrollbar-foreground: rgb(189, 189, 189); --scrollbar-background: #e5e5e5; /* Foreground, Background */ scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);} .styled-scrollbars::-webkit-scrollbar {width: 5px; /* Mostly for vertical scrollbars */height: 10px; /* Mostly for horizontal scrollbars */} .styled-scrollbars::-webkit-scrollbar-thumb { /* Foreground */background: var(--scrollbar-foreground);border-radius:100px;} .styled-scrollbars::-webkit-scrollbar-track { /* Background */background: var(--scrollbar-background);border-radius:100px;} /*ANIMACIONES*/ @keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 90px 0;} } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } /* .marquee {white-space: nowrap;overflow: hidden;box-sizing: border-box;} .marquee span {display: inline-block;padding-left: 100%;animation: marquee 10s linear infinite;} */ /*MARQUESINA 2024*/ .marquesina {overflow:hidden; position:relative;height: 20px;} .marquee2 { margin: 0 auto; white-space: nowrap; position:absolute; color: gray; } .marquee2 span { display: inline-block; padding-left: 100%; animation: marquee2 12s linear infinite; } .marquee3 span { animation-delay: 6s; } @keyframes marquee2 { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } /*TIMELINE*/ body[data-paso-actual="0"] #barra-estado {display:none;} #barra-estado {display:grid;width: 100%; grid-template-columns: 1018px 27px auto;} #barra-estado #pasos {margin: 0;margin-top: -5px; align-items: stretch;column-gap: 18px;position:relative;display:flex;padding-top:0px;list-style: none; /*width: 100%; max-width: 1018px;*/ margin-bottom:24px;padding: 0; overflow:unset !important; transition: all .2s ease;} .ready-page #pasos {opacity:1;} #barra-estado #pasos .subproceso {/*margin: 0 33px 0 0; margin-right:30px;*/margin: 0;position:relative;border-bottom:2px solid transparent;float:none;} #barra-estado #pasos .subproceso.blocked {cursor: not-allowed} #barra-estado #pasos .subproceso.paso4 {margin-right:0 !important;} body[data-paso-actual="1"] #barra-estado #pasos .subproceso {pointer-events: none;} body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso1 {cursor:pointer;transition: all .2s ease;} body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso1:hover {opacity:0.7;} #barra-estado #pasos .subproceso h2 {margin: 0; line-height:25px; } #barra-estado #pasos .subproceso:not(:last-of-type) h2:after {display:inline-block;content:""; margin-left: 18px;width: 10px; height: 10px; background-size: 10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA1WSURBVHic7d1diKZlHcfx3+y6umsvWulqWlRk5e4qRODxPWZaKWkH0WGkRERFJx3VSYHRFnUURAVGB2GBBmlEB9VqRenSy0GoSeVbiJph6gb5srZuBw9L4zSzM7tz3c81c/8/H/ifX/cF+p+Zfb7PnQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvsdD7ADBHC0nemGRPkt1JXp3kxSTPJPl7koeT3JPkcKfzAQCNvDLJdUl+kOSpJEfXmOeS3JHks0ne1uG8AMAGvDnJDUn+nbWX/vHmtiTvm/PZAYATdEaSryd5IRtb/Mvn10kumeNzAADrdHmSR9N28S+dF5Jcn2THvB4IADi+zyT5T8Zb/kvnQGYfIAQAOllI8rXMZ/EvnXuTnDuH5wMAVtBj+R+bu5OcNf4jAgBLfSr9lv+x+U2SnWM/KAAw844kz6f/DwBHk9wUX6oFAKM7NbN/g++9+JfOF0Z9YgAgn07/hb/SfHTMhwaAyl6e5J/pv+xXmueTXDreowNAXZvhg3/Hm0NJLhrt6QGgqLvTf8mvNfcnOXusCwCAaval/3Jf7/w2yenjXAPAxm3rfQA4AVf2PsAJuCTJtyMPBIANuzX9f7M/0bl+lJsAgEIeSv+FfjLz4fZXAQA17Mj83vbXeg4nuaz9lQDA9J2X/ot8I/Nkkgub3wrASfIhQLaKrf6J+lcl+UmS3b0PApD4AQDm6U1JfhhvDwSAdTs7/f+M32q8PRAA1ml7Ns/rf1uMtwcCwDrdk/6Lu+V4eyAArMON6b+0W463BwLd+BAgW8ntvQ/Q2KlJbom3BwLAcZ2f5Ej6/+beerw9EADW8PP0X9hjjLcHAsBxfCD9l/VY8/3IAwFgRduS3J3+y3qs8fZAAFjF1em/qMcceSAArOJH6b+oxxp5IACsYneSR9J/WY81hyIPBIAVDUkOp/+yHmvkgQCwimvTf1GPOfJAAFjF/vRf1GOOtwcCzW3vfQBo4LYkb0lyce+DjGRfZv+t3t77IACw2exMckf6/7Y+5sgDAWAFZyX5a/ov6rHmcJLLmt0WAEzIniRPpv+yHmvkgQCwiiGzL9PpvazHmgcy+x4EAGAZeSAAFCUPBFiFDJApkwcCQFHyQAAoSh4IAEXJAwGgqCHyQAAoSR4IAEXJA4HyZIBUJA8EgKLkgQBQlDwQAIqSBwJAUUPkgQBQkjwQAIqSBwJlyADhf+SBAFCUPBAAipIHAkBR8kAAKGqIPBAASpIHAkBR8kBgcmSAsDZ5IAAUJQ8EgKLkgQBQlDwQAIoaIg8EgJLkgQBQlDwQ2LJkgHDy5IEAUJQ8EACKkgcCQFHyQAAoaog8EABKkgcCQFFfSv9FPebIA2ECZIDQ3oHIAwGgJHkgABQlDwSAouSBAFDUEHkgAJQkDwSAoirkgdua3RYwKhkgzE+FPPCUzN6SCAAsIQ8EgKLkgQBQlDwQAIoaIg8EgJKuS/9FPebIAwFgFfJAYO5kgNCfPBAAipIHAkBR8kAAKEoeCABFDZEHAkBJ8kAAKEoeCIxGBgiblzwQAIqSBwJAUfJAAChKHggARQ2RBwJASfJAAChKHghsmAwQth55IAAUJQ8EgKLkgQBQlDwQAIoaIg8EgJLkgQBQlDwQWDcZIEyHPBAAipIHAkBR8kAAKEoeCABFDZEHAkBJ8kAAKEoeCPwfGSBM34Ekb408EADK2RV5IACUJA8EgKLkgQBQ1BB5IACUJA8EgKLkgVCYDBDqkgcCQFHyQAAoSh4IAEXJAwGgqCHyQAAoSR4IAEXJA6EAGSCwnDwQAIqSBwJAUfJAAChKHggARQ2RBwJASfJAAChKHggTIgME1kseCABFyQMBoCh5IAAUtSfJU+m/rMcaeSAArGIx8kAAKEkeCABFyQNhC5IBAhslDwSAouSBAFCUPBAAipIHAkBRi5EHAkBJ8kAAKEoeCJuYDBAYy22ZJXR7ex9kJPuSHEnyq94HAYDNZleSg+n/2/pYcyTJ5c1uCwAmZOp54N+SvKLZbQHAhOzNtPPAr7S7KgCYlndl9mU6vZf1GPNMkvPbXRWMz4cAgXl5IMkjSa7pfZAR7Mjs8wA/630QANisppoHPpHktIb3BACTspDke+m/sMeYqxreEwBMzlTzwG+2vCQAmKIp5oF3Nb0hAJiovUmeTv/F3WqOZPbXDQBgDYuZ1tsD9zS9HRiJF1kAvf0iySd6H6Kh83ofANbDDwDAZnBDki/3PkQjL+t9AFgPPwAAtHW09wEAYKv4SPr/232reWfjuwGASVrMtD4EeGHT2wGACZIBAkAxU/wioD82vSEYkQ8BAj3sSvLjJBf0Pkhjd/Y+AABsVlN+GdCVDe8JACZlyq8D3tnwngBgMq5L/0U91kzli4wAoKnFTCv3WzrPJnl9s5sCgInYm+Sp9F/UY81X210VAEzDFHO/pfNIkjOa3RYATMCuJAfTf0mPNUeSXNHstgBgArYluTn9l/SY87lmtwUAEzHV3O/Y3BxfpgYALzHl3O9okt8lOb3ZbQHABCxmurnf0SQPJjmn1WUBwBTsybRzv0NJLm52WwAwAVPP/Q4nubzZbQHABOxKckf6L+kx52PNbgsAJmDKb/c7Nvub3RYATITcDwCKkfsBQDGLkfsBQClyPwAoRu4HAMXI/QCgGLkfABQk9wOAYuR+AFDMELkfAJSyJ8mT6b+kxxq5HwAsI/cDgGLkfgBQjNwPAAqS+wFAMXI/AChmiNwPAEqR+wFAMXI/AChG7gcAxcj9AKAguR8AFCP3A4Bihsj9AKAUuR8AFCP3A4Bi5H4AUIzcDwAKkvsBQDFyPwAoZojcDwBKkfsBQDFyPwAoZmfkfgBQykKSG9N/QY85cj8AWEbuBwDFyP0AoJghcj8AKEXuBwDFyP0AoBi5HwAUI/cDgILkfgBQjNwPAIoZIvcDgFLkfgBQjNwPAIqR+wFAMXI/AChI7gcAxcj9AKCYIXI/AChF7gcAxcj9AKAYuR8AFCP3A4CC5H4AUIzcDwCKGSL3A4BS5H4AUIzcDwCKkfsBQDFyPwAoSO4HAMVcm/4LesyR+wHAMkPkfgBQitwPAIqR+wFAMXI/ACimQu73xWa3BQATIfcDgGLkfgBQzBC5HwCUIvcDgGLkfgBQjNwPAIqR+wFAQfvTf0GPOXI/AFhG7gcAxQyR+wFAKXI/AChG7gcAxcj9AKAYuR8AFCT3A4Bi5H4AUMwQuR8AlCL3A4Bi5H4AUIzcDwCKkfsBQEFyPwAoRu4HAMUMkfsBQClyPwAoRu4HAMXI/QCgGLkfABQk9wOAYuR+AFDMELkfAJQi9wOAYuR+AFCM3A8AipH7AUBBcj8AKEbuBwDFDJH7AUApcj8AKEbuBwDFyP0AoBi5HwAUJPcDgGLkfgBQzGJmH4zrvaTHmgeS7G51WQAwBa9N8mj6L+mxRu4HAMssJDmQ/kt6rDmc5LJmtwUAE/Gh9F/SY47cDwCWOS3Jw+m/pMcauR8ArODj6b+kx5qbIvcDgBXdlf6LeoyR+wHAKi5J/0U9xsj9gLnz50a2kqt7H2AE/0pyTZJ/9D4IAGxWd6b/b+stR+4HAGvYnuSZ9F/aLUfuBwBruCD9F3bL2d/2egBgmob0X9qtxtv9gO78T4it4szeB2jkYGbfZPhi74MAtfkBgK3ilN4HaOChJO9P8mzncwD4AYAtY6svzaeTXJXk8d4HAUj8AMDW8UTvA2zAC0k+mORPvQ8CAFvN7vT/8N7JjtwPADbgsfRf5ic63u4HABt0S/ov9BMZuR8ANLCVXgXs7X4A0Mi5SY6k/3Jfa7zdDwAauzX9F/zx5lCSi0d7egAo6tL0X/Krjbf7AcCIfpr+y36lkfsBwIjentmX6/Re+EvH2/0AYA4+n/5L/9jI/QBgTk5J8sv0X/53Jtk18rMCAEu8Jslf0m/53xu5HwB08Yb0+SHg/iSvm8PzAQCrODfJ7zO/5X8wyTlzeTIA4Lh2JvlWxl38Lyb5RvybPwBsOlckuS/tl/+fk7xnjs8BAJyg0zL7Up4Hs/HFf1+STybZMdcnAABO2vYk707y3SSPZ/1L/4kk30ny3uj7gYla6H0AmJOFJPuSXJRkT5KzkpyZ2ff3P5fkscw+2f+HzP7cf7TPMQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACALv4LKyIrHz0QY1kAAAAASUVORK5CYII=);} #barra-estado #pasos .subproceso h2 span.txtpaso {font-weight: 600;display:inline-block;font-size: 17px;line-height:normal;text-align:center; color:#c5c5c5} #barra-estado #pasos .subproceso h2 span.paso {display:inline-block;display:none;margin: 0px auto;position:absolute;top: -2px; left: -5px; z-index:-1;width: 60px; font-weight: 600; color:white; font-size: 52px; text-align: center; height: 60px; border-radius: 100px;} #barra-estado #pasos .subproceso h2 span.paso:before {z-index:-1;width: 50%;z-index:99; content:""; position:absolute;left:0;top:0px;height:0px;} #barra-estado #boton-opciones {display:none;width: 23px; height:23px; border-radius:5px; background-repeat: no-repeat;background-size: 100%; background-position:center center;background-image: url('../img/share.svg'); } #accesos-rapidos .acceso {cursor:pointer;display:inline-block !important;} #accesos-rapidos .acceso > div, .acceso-directo {line-height:25px;display:inline-flex; gap: 9px; cursor:pointer;} #accesos-rapidos span.acceso-simbolo, .acceso-directo span.acceso-simbolo{display:inline-block;margin: 0px auto;transition: all .2s ease;position:relative;width: 23px; font-weight: 600; color:#565656;background-color:#e2e2e2; font-size: 13px; text-align: center; height: 23px; border-radius: 5px;} #accesos-rapidos span.acceso-simbolo:before, .acceso-directo span.acceso-simbolo:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0;background-size: 13px; background-position:center; background-repeat:no-repeat; } #accesos-rapidos .acceso:hover span.acceso-simbolo, .acceso-directo:hover span.acceso-simbolo {background-color: #d2d2d2} #accesos-rapidos span.acceso-simbolo.guardar-reserva:before {background-image: url('../img/bookmark.svg'); } #accesos-rapidos span.acceso-simbolo.ico-EUR:before {background-image: url('../img/eur.svg');} #accesos-rapidos span.acceso-simbolo.ico-GBP:before {background-image: url('../img/gbp.svg');} #accesos-rapidos .anadir-descuento span.acceso-simbolo:before, .acceso-directo.anadir-descuento span.acceso-simbolo:before {background-size:12px;background-image: url('../img/percent.svg')} #accesos-rapidos span.acceso-txt, .acceso-directo span.acceso-txt {display: inline-flex;align-items: center;font-weight: 600;font-size: 15px;line-height:normal;text-align:center; color:#565656} #accesos-rapidos .acceso.moneda span.acceso-txt {text-transform:uppercase;} #precios-impuestos {margin-top: 25px;display:block;} body[data-paso-actual="0"] #precios-impuestos {display:none;} /*PASO 1*/ body[data-paso-actual="1"] #barra-estado #pasos .subproceso.paso1 h2 span.paso {color: var(--colorHotelActual);animation: pulse2 2s infinite;/*background-color: rgb(29, 29, 29);*/} body[data-paso-actual="1"] #barra-estado #pasos .subproceso.paso1 h2 span.txtpaso {color:var(--colorHotelActual);} /*PASO 2*/ body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso2 h2 span.paso {color: var(--colorHotelActual);animation: pulse2 2s infinite;} /*body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso1 h2 span.paso, body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso1 h2 span.txtpaso {color:#1d1d1d;}*/ body[data-paso-actual="2"] #barra-estado #pasos .subproceso.paso2 h2 span.txtpaso {color:var(--colorHotelActual);} /*PASO 3*/ body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso3 h2 span.paso {color: var(--colorHotelActual);animation: pulse2 2s infinite;} /*body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso1 h2 span.paso, body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso2 h2 span.paso, body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso3 h2 span.paso {} body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso1 h2 span.txtpaso, body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso2 h2 span.txtpaso, */ body[data-paso-actual="3"] #barra-estado #pasos .subproceso.paso3 h2 span.txtpaso {color:var(--colorHotelActual);} body[data-paso-actual="3"] #widget-reservas, body[data-paso-actual="3"] #accesos-rapidos,body[data-paso-actual="3"] #widget-reservas, body[data-paso-actual="21"] #widget-reservas {display:none !important;} body[data-paso-actual="3"] #barra-estado, body[data-paso-actual="21"] #barra-estado {margin-top:30px !important;} /*FEATURES*/ #features-footer {padding: 50px 0 0px 0;display:grid; grid-template-columns: 3fr 5fr; column-gap: 30px;} #features-footer.desplegado {padding-bottom:20px;} #features-footer ul {display: grid; grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;} #features-footer ul li{transition: all .2s ease;border:1px solid transparent;overflow:hidden;border-radius: 8px;position:relative;padding: 14px 14px 10px 14px; margin-top:4px; font-size: 15px;} #features-footer ul li i { background-color: var(--colorHotelActualLight);border-radius:7px;margin-bottom:11px; width: 38px; height:38px;background-size: 43%; background-position:center; background-repeat:no-repeat; display:inline-block;position:relative;} #features-footer ul li span {display:inline-block; height: 40px;} #features-footer ul li span b {font-size: 18px; line-height: 23px;} #features-footer ul li:hover {border:1px solid var(--colorHotelActual);} #features-footer ul li:before {transition: all .2s ease;content:"";z-index:0;background-color: var(--colorHotelActualLight);opacity:0;width:100%; height:100%; position:absolute;left:0; top:0;} #features-footer ul li:hover:before {opacity:0.3;} #features-footer ul li > * {position:relative;z-index:1;} #features-footer ul li:nth-child(n+7) {display:none;} #features-footer.desplegado ul li:nth-child(n+7) {display:revert;} #features-footer.desplegado #mas-features {display:none;} #features-footer #mas-features {margin-top:10px;padding: 14px;} #features-footer #mas-features a {color: var(--colorHotelActual);} #features-footer ul li {grid-template-columns: 1fr;} #features-footer h3 {font-size: 49px;} #features-footer h3 span {display:block;} #features-footer h3 span:first-of-type {color: var(--colorHotelActual);} #features-footer ul li.activa span {} #features-footer > div p {margin: 20px 0; font-size: 18px; line-height: 26px;} #features-footer ul li p {font-size: 15px; line-height:20px;margin: 15px 0;} #features-footer > div {transition: all .2s ease; opacity:1;position:relative;} #features-footer > div.icono-xxl.transicion:before {opacity:0;} #features-footer > div.icono-xxl:before {pointer-events: none;transition: all .2s ease;content:"";left:0;bottom:0;background-size: 100%; background-repeat:no-repeat; background-image: url('https://engine.orbook.es/pro/resources/img/features-footer/discount.svg?23'); position:absolute; opacity:0.05; width: 300px; height:300px; z-index:0;} #features-footer:not(.desplegado) > div.icono-xxl:before {bottom:-40px;width:200px; height:200px;} /*TODOS LOS PASOS*/ * {box-sizing: border-box;} #contenedor-paso .sombrabox {padding: 15px 15px;background-color: white;box-shadow: rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/; transition: all .2s ease;; border-radius:6px; position:relative; overflow:hidden;} #contenedor-paso .minititulo {font-size: 12px; height: 17px; text-transform: uppercase;font-weight: 700;} span.anterior, span.anterior-tarifa {font-weight:400; color:#bb7070;position:relative;overflow:hidden;transition: all .2s ease;} .no-disponible .anterior {display:none !important;} span.anterior .cantidad:before, span.anterior-tarifa .cantidad:before {content:""; height:1px; background-color: #bb7070;width:100%; position:absolute;top:0; bottom:0; left:0; right:0; margin: auto;} span.anterior-tarifa .cantidad, span.anterior .cantidad {position:relative;} span.anterior-tarifa > span {display:inline-block;} span.anterior-tarifa .porcentaje-descuento {background-color: #df0b441f;margin-right:4px;border-radius: 6px;padding: 0 3px;font-size: 11px;font-weight: 700;} .descuento-tarifa-tippy {cursor:pointer;} span.cupones-aplicados { transition: all .2s ease; cursor: pointer;letter-spacing: -0.4px;display: inline-block;margin-top: -2px;text-transform: uppercase;color: #919191;font-size: 14px;vertical-align: middle;border-radius: 2px;font-weight: 600; margin-left: 5px; /*border: 1px solid #c7c7c7;*/ padding: 0 5px 1px 0;} span.cupones-aplicados:hover {opacity:0.8;} span.cupones-aplicados:before {content:"";width:12px; transition: all .2s ease;height:12px;display:inline-block;background-size:10px;background-repeat:no-repeat; background-position:0px 2px;margin-right:2px;filter:grayscale(1); opacity:0.8;background-image: url('../img/etiqueta.svg')} .cupon-reserva-original .reserva-antes span.cupones-aplicados, .cupon-reserva-original .reserva-antes #precio-total span.anterior > *:not(.incentivo){display: inline-block !important;} body:not(.ready-widget) span.cupones-aplicados, body:not(.ready-widget) span.cupones-aplicados:before {/*opacity:0;*/} #finalizar-continuar #impuestos-incluidos {display:block;font-size: 13px; margin-top: 4px;opacity: 0.8;} #powered-by {text-align:right; max-width: 1280px;transition: all .2s ease;margin:0 auto;filter: grayscale(1);opacity: 0.5;} #powered-by:hover {opacity:1; filter: grayscale(0);} #powered-by img {max-width: 148px;} #contenedor-paso #sidebar {grid-area: sidebar; } #contenedor-paso #sidebar #resumen-reserva {border-top: 1px solid #1d1d1d;padding-top: 18px;position:relative;} #contenedor-paso #sidebar #resumen-reserva h2 {font-size: 21.5px; font-weight: 600;margin:0 0 20px 0;} #contenedor-paso #sidebar #resumen-reserva #detalle-reserva {margin:0; padding:0; list-style: none;} #contenedor-paso #sidebar #resumen-reserva #detalle-reserva li {margin:0; padding:0; list-style: none; margin-bottom:6px;display:inline-block;} #contenedor-paso #sidebar #resumen-reserva #detalle-reserva li span:first-of-type {font-weight: 600;margin-right:5px;} #contenedor-paso #sidebar #resumen-reserva .styled-scrollbars {border-bottom:2px solid #1d1d1d;margin-bottom:15px;padding-bottom: 20px;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones {margin:20px 0 0 0; padding:0; list-style: none;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones li {margin:0; padding:0; list-style: none;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab, #contenedor-paso #sidebar #resumen-reserva #resumen-extras > li {width: 100%;line-height:18px; border-top: 1px solid var(--gris4); margin-top: 8px;padding: 9px 0px;position: relative;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab > *, #contenedor-paso #sidebar #resumen-reserva #resumen-extras li > * {display:block;width:100%;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .tit {font-size: 12px; max-width: 230px;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .tit b {text-transform: uppercase;font-weight: 600;margin-right:5px;display:block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 89%;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .tit b:last-of-type {width: 70%;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .tit i {font-weight: 400;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .ocupacion-hab, #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .regimen-hab, #contenedor-paso #sidebar #resumen-reserva .desc-extra { width:70%;font-size: 13px;} #contenedor-paso #sidebar #resumen-reserva .precio-hab {width:100%;height:18px; position: absolute; bottom:0; top: 0px; font-weight: 600; margin: auto; font-size: 14px; height: 19px;} #contenedor-paso #sidebar #resumen-reserva .precio-hab > span {clear:both;float:right; position:relative;} #contenedor-paso #sidebar #resumen-reserva .precio-hab > span:after {width:50px;right:0;left:unset;} #contenedor-paso #sidebar #resumen-reserva #resumen-extras > li .tit {font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 600;} #contenedor-paso #sidebar #resumen-reserva #resumen-extras > li .precio-extra { font-size: 14px;font-weight: 600; text-align:right;} #contenedor-paso #sidebar #resumen-reserva #resumen-extras:not(.new) > li {display:grid; grid-template-columns: auto 70px;} #contenedor-paso #sidebar #resumen-reserva #resumen-extras > li:last-of-type {padding-bottom:20px;} #contenedor-paso #sidebar #resumen-reserva .desc-extra {padding-right: 30%;} body.cupon-aplicado #contenedor-paso #sidebar #resumen-reserva .precio-hab {height:36px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total {margin-bottom:6px;line-height:normal;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header {margin-bottom:4px;font-weight: 600;display:block; width:100%; line-height: 19px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header span {width:100%; line-height:17px;display:block; font-size:13px; font-weight: 400;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion {cursor:pointer;margin-top:10px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion i:before, #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion i {display:inline-block;width:11px; height:14px; background-position: 0px 4px;background-size:10px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion i {margin-right: 6px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total span.anterior {font-size:16px;display:inline-block;overflow:unset;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total span.precio-xl {width:100%;font-size: 28px;margin-top:1px;margin: 0px 0 0px 0;letter-spacing: -1px;font-weight: 600;display:block;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total span.precio-euros {width:100%; display:inline-block;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion.oculto {display:none;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span.actual.skeleton-load:after {max-width:100px;left:0;} body.cupon-aplicado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span.actual {margin-bottom:3px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span#tarifa-cancelacion {transition: all .2s ease;cursor:pointer;width:100%;line-height: 19px;font-size: 13px;opacity:0.7;margin-top: 13px; display: block; border-top: 1px solid var(--gris4);padding: 12px 0 10px 0;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span#tarifa-cancelacion:hover {opacity:1;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span#tarifa-cancelacion b {margin-right: 3px;display:inline-block;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total > span#tarifa-cancelacion:not([data-lightbox-openwith]) {pointer-events: none;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-reservar:before {pointer-events: none;transition:all .3s ease;content:""; z-index:1; opacity:0.2;background-color: var(--colorHotelActual);width: 0;z-index:9; background-size: 10px 10px;height:100%; left:0; position:absolute; animation: animate-stripes 3s linear infinite;background-image:linear-gradient(135deg, rgba(255, 255, 255, .10) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .30) 50%, rgba(255, 255, 255, .10) 75%, transparent 75%, transparent)} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #config-restante {display:inline-block;font-size: 13px;color:var(--colorHotelActual);} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #cupon-lastchance {margin-top:6px;display:inline-block;line-height: 19px;font-size: 13px;opacity: 1;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-reservar {margin-bottom:12px;} body.cupon-aplicado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #cupon-lastchance {display:none;} /*MODALES*/ .modal-wrapper {pointer-events:none;opacity:0;background:rgb(213 213 213 / 80%);font-size:17px;position: fixed; width:100vw; height:100lvh;left:0; top:0;z-index:99999999999;transition: all .15s ease;} .modal-wrapper > span {position: fixed; width:100vw; height:100vh;left:0; top:0;z-index:1;} .modal-wrapper .modal .estructura1:before {content:""; /*background-image: url('../img/tramalinea.png');*/ opacity: 0.4;width:100%; height: 306px; background-color: var(--colorHotelActualLight);left:0; bottom:0;position:absolute;} .modal-wrapper .owl-theme .owl-nav {position:absolute; top:0;bottom:0;width:100%;display: flex;justify-content: space-between;height:0;margin: auto;padding: 0 5px;} .modal-wrapper .owl-theme .owl-nav button {transition: all .2s ease; opacity:0;width: 50px; height: 50px;position:relative; top: -30px;font-size: 26px;} .modal-wrapper .owl-theme .owl-nav button span {color: white !important;} .modal-wrapper .owl-theme .owl-nav.disabled+.owl-dots {position:absolute; bottom:0; width:100%;text-align:right;padding: 15px;} .modal-wrapper .owl-theme:hover .owl-nav button { opacity:1;background-color: rgba(0,0,0,0.5); color: white !important;} .modal-wrapper .owl-theme:hover .owl-nav button:hover {background-color: rgba(0,0,0,0.7) !important;} .modal-wrapper .tabs > div p {line-height:24px;font-size: 16px; margin-bottom:20px;overflow: auto;} .modal-wrapper .extra .tabs > div p {height: 200px;} .modal-wrapper .hotel {width: 1280px; height: 90vh;max-height: 700px;padding-top:0px !important; grid-template-rows: 71px auto;} .modal-wrapper .habitaciones, .modal-wrapper .extra, .modal-wrapper .vista-3d, .modal-wrapper .modal.extra {grid-template-rows: 70px auto !important;padding-top:0 !important;} .modal-wrapper .hotel header, .modal-wrapper .habitaciones header {grid-template-columns:250px auto 60px;} .modal-wrapper .hotel .tabs, .modal-wrapper .habitaciones .tabs{height:100%;} .modal-wrapper .habitaciones, .modal-wrapper .extra, .modal-wrapper .extra, .modal-wrapper .tarifa, .modal-wrapper .regimen {padding: 0 !important;} .modal-wrapper .hotel div.estructura1{display:grid;height:100%; grid-template-rows: auto 260px;column-gap: 15px;width:100%;row-gap: 25px;} .modal-wrapper .hotel div.estructura1 > div.img {transition: all .2s ease;width: 100%;overflow:hidden;height: 100%; } .modal-wrapper .hotel div.estructura1 > div img {/*height:100%; width:100%;*/ /*height:0;width:0;min-height:100%; min-width:100%;*/object-fit: cover;} .modal-wrapper .hotel .tabs > div h3 {font-size:34px;margin-top:-5px;} .modal-wrapper .hotel .tabs > div p {margin: 19px 0 0 0;overflow:auto;} .modal-wrapper .hotel div.estructura1 .contenedor {position:relative; overflow: auto;grid-template-columns: 65fr 35fr; display: grid;column-gap: 20px;} .modal-wrapper .hotel div.estructura1 .contenedor #highlights {margin:8px 0 15px 0; list-style: none; width:100%; padding:0;} .modal-wrapper .hotel div.estructura1 .contenedor #highlights li {font-weight: 600;font-size: 18px;display:inline-block;color: var(--colorHotelActual);} .modal-wrapper .hotel div.estructura1 .contenedor #highlights li:not(:first-of-type):before {content:"";display:inline-block; vertical-align: middle; margin:0 8px;width: 5px; height:5px; background-color: var(--colorHotelActual); border-radius:100px;} .modal-wrapper .hotel div.estructura1 .contenedor > div:nth-of-type(2) {width:100%;bottom:0; left:0;} .modal-wrapper .hotel div.estructura1 .contenedor #lista-servicios {margin:0; list-style:none; padding:0; display:grid;gap: 8px; grid-template-columns: 1fr 1fr;} .modal-wrapper .hotel div.estructura1 .contenedor #lista-servicios li {position:relative;font-size: 14px; line-height:20px; padding: 0 14px;height:47px; border-radius:6px; display:flex; flex-direction: row; align-items: center;} .modal-wrapper .hotel div.estructura1 .contenedor #lista-servicios li img {width: 21px;position:relative;z-index:1; height:21px;margin-right: 20px;min-height:unset; min-width:unset;} .modal-wrapper .hotel div.estructura1 .contenedor #lista-servicios li:before {content:"";z-index:0; position: absolute; width: 41px; height: 41px; opacity:0.15;filter:grayscale(0.4);background-color: var(--colorHotelActual); left:4; top:3; border-radius:100px;} .modal-wrapper .hotel .tabs > div.estructura-galeria .owl-carousel { min-width: 100%;min-height: 100%;height: 0;width: 0;} .modal-wrapper .hotel .tabs > div.estructura-galeria .owl-carousel img {object-fit: cover;} .modal-wrapper .hotel div.estructura2 {display:grid;position:relative;min-width: 100%;min-height: 100%;height: 0;width: 0;grid-template-columns: 40fr 60fr;column-gap: 30px; } .modal-wrapper .hotel div.estructura2 .contenedorR {height:0;width:0;min-height:100%; min-width:100%;} .modal-wrapper .hotel div.estructura2 .contenedorR iframe {height:0;width:0;min-height:100%; min-width:100%;border-radius:10px;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion {display:grid; grid-template-columns: auto 171px;margin: 40px 0;overflow:hidden; border-radius:6px;position: relative;padding: 15px 15px;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion:before { content: "";z-index: 0;position: absolute;width: 100%;height: 100%;opacity: 0.7;filter: grayscale(0.4); opacity: 0.15;filter: grayscale(0.3);background-color: var(--colorHotelActual); /*background-image: url(../img/tramalinea.png); background-color: #f9f9f9;*/left: 0;top: 0;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion address {z-index:9;padding-top:2px;position:relative; font-weight: 600;font-style:normal;line-height:25px;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion a {box-shadow:rgb(70 54 54 / 3%) 0px 6px 11px 0;font-weight:600;z-index:9;position:relative;border-radius:6px;height: 53px;padding-top: 7px;font-size: 15px; line-height: 18px; background-image: url('../img/mapa.svg'); background-repeat:no-repeaT; background-position: 14px center;background-size: 26px; text-align:left; padding-left: 53px;width: 100%; display:blocK;background-color:white;/*border:1px solid #515151*/ } .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion a:hover {box-shadow:rgb(70 54 54 / 5%) 0px 6px 11px 0;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion ul li span {background-image: url('../img/reloj.svg'); padding-left: 25px;display: inline-block; background-size: 15px; background-repeat: no-repeat; background-position: left center;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion ul li { font-size: 16px;border-bottom: 1px solid #ddd;padding: 7px 0 5px 0;margin-bottom:0;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion ul li:first-of-type, .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion ul li:nth-of-type(2) {border-top: 1px solid #ddd;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion ul li b {font-weight: 600;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #distancias {line-height:25px;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #distancias ul {display:grid; grid-template-columns: 1fr 1fr; column-gap:20px;} .modal-wrapper .hotel #opiniones {display:grid; column-gap: 35px;grid-template-columns: 30fr 70fr;height:0;width:0;min-height:100%; min-width:100%;} .modal-wrapper .hotel #opiniones > ul {overflow:auto;display:grid; grid-template-columns: 1fr 1fr;height:0;width:0;min-height:100%; min-width:100%;gap: 20px;padding-right:20px; padding-top:5px;} .modal-wrapper .hotel #opiniones > ul li {padding:0 0 20px;font-size:15px;border-bottom:1px solid var(--gris1);position:relative;} .modal-wrapper .hotel #opiniones > ul li .data { display:grid; grid-template-columns: 42px auto; column-gap: 12px; transition: all .1s ease;width: 100%; font-weight: 600;font-size:15px;} .modal-wrapper .hotel #opiniones > ul li .data span {display:inline-block; margin-right: 4px; max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .modal-wrapper .hotel #opiniones > ul li .data span.plataforma, #opiniones .box .data span:nth-of-type(2), .modal-wrapper .hotel #opiniones ul li .data span:nth-of-type(2) {font-weight: 300;} .modal-wrapper .hotel #opiniones > ul li .data img {border-radius: 100px;height: 42px; width:42px} .modal-wrapper .hotel #opiniones > ul li .data > i {background-image: url('../img/usuario.svg'); background-repeat: no-repeat; background-size: 20px; background-position:center;border-radius: 100px;float:left;height: 38px; width:38px;margin-right: 15px;font-size: 18px; border: 1px solid #1d1d1d;color: #1d1d1d !important;} .modal-wrapper .hotel #opiniones > ul li .data > div {height: 40px; float:left;} .modal-wrapper .hotel #opiniones > ul li p {margin:0;line-height:21px;} .modal-wrapper .hotel #opiniones > ul li .minitag {font-size: 13px;position:absolute;top:2px; right:0px; background:#f3f3f3;align-items: center; color:#808080;justify-content: center; height: 27px;font-weight: 600;text-transform: uppercase;border-radius:6px; padding: 0 8px;display:inline-flex;} .modal-wrapper .hotel #opiniones > ul li .minitag.oly {background-color:#4b6fad; color:white;margin-left:-4px;font-weight: 700;font-size: 11px;padding: 5px 8px 4px 8px;} .modal-wrapper .hotel #opiniones > ul li .minitag.cuc {background-color:#6ea9a7; color:white;margin-left:-4px;font-weight: 700;font-size: 11px;padding: 5px 8px 4px 8px;} .modal-wrapper .hotel #opiniones > ul li .minitag.sys {background-color:#e27a2b; color:white;margin-left:-4px;font-weight: 700;font-size: 11px;padding: 5px 8px 4px 8px;} .modal-wrapper .hotel #opiniones > ul li h4 {margin-bottom: 10px;font-weight: 700;margin-top:15px;} .modal-wrapper .hotel #opiniones > ul li .data .estrellas {height: 18px; margin-bottom: 3px;} .modal-wrapper .hotel #opiniones > ul li .data .autor-data {width: 100%; float:left;} .modal-wrapper .hotel #opiniones > ul li a {float:left; width: 100%; height: 100%;} .modal-wrapper .hotel #opiniones > ul li i.estrella, .modal-wrapper .hotel #opiniones ul li i.estrella-low {display:inline-block;background-image: url('../img/star.svg'); background-repeat: no-repeat; background-size: 100%; width: 15px; height:15px;} .modal-wrapper .hotel #opiniones > ul li i.estrella-low {opacity:0.3;} .modal-wrapper .hotel #opiniones #resumen-opiniones {background-color:#f5f5f5; border-radius:10px;overflow:auto;position:relative;} .modal-wrapper .hotel #opiniones #resumen-opiniones:not(.on) > * {opacity:0;} .modal-wrapper .hotel #opiniones #resumen-opiniones.on > * {opacity:1} .modal-wrapper .hotel #opiniones #resumen-opiniones ul {margin:0; padding:15px;} .modal-wrapper .hotel #opiniones #resumen-opiniones:not(.on):before, .loading-icon {transition: all .1s ease;pointer-events:none; opacity:1;position:absolute;content:""; left:0; right:0; bottom:0; top:0;width: 60px; height:60px; background-size:100%; margin: auto; background-repeat: no-repeat;background-image: url("../img/loading.svg"); } .loading-icon-dark {transition: all .1s ease;pointer-events:none; opacity:1;width: 60px; height:60px; background-size:100%; margin: auto; background-repeat: no-repeat;background-image: url("../img/loading-dark.svg"); } .modal-wrapper .hotel #opiniones #resumen-opiniones ul li {width:100%;border-radius:10px;overflow:hidden;margin: 0 0 15px 0;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li#media-total {background-color:white;font-size: 30px;line-height:32px; text-align:center;position:relative;padding:31px 0 12px 0;margin-bottom:20px;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li#media-total:before { content: "";z-index: 0;position: absolute;width: 100%;height: 100%;opacity: 0.7;filter: grayscale(0.4); opacity: 0.2;filter: grayscale(0.3);background-color: var(--colorHotelActual); /*background-image: url(../img/tramalinea.png); background-color: #f9f9f9;*/left: 0;top: 0;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li#media-total #nota {font-size: 52px;font-weight:600;letter-spacing:-2px;margin-right:3px;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li#media-total > * {position:relative; z-index:1; width:100%;display:inline-block;width:100%;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li#media-total .txt {font-size: 15px; } .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio {width:100%;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio span {display:inline-block;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .barra-nota {width:100%;height:13px;position:relative; background-color: var(--gris1); border-radius:100px;overflow:hidden;margin-top:5px;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .barra-nota i {height:100%; position: absolute; left:0; top:0; background-color: var(--colorHotelActual);border-radius:0 100px 100px 0;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .nombre-servicio {width:50%;text-align:left;font-size:15px; text-transform:lowercase;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .nombre-servicio:first-letter {text-transform: uppercase;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .nota {width:50%;text-align:right;font-size:15px;font-weight: 600;} .modal-wrapper .hotel #opiniones #resumen-opiniones > p {font-size: 15px;padding: 0 20px;line-height:20px;margin-top:30px;} .modal-wrapper .hotel .tabs > div > div h4 {font-weight: 600; font-size: 18px;margin: 0 0 15px 0;} .modal-wrapper .hotel .owl-item {border-radius:6px; overflow:hidden;} .modal-wrapper .vista-3d header {padding: 0 25px;} .modal-wrapper .vista-3d {width: 90vw; height: 90vh;row-gap: 0px !important;padding:0px; grid-template-rows: 67px auto !important;} .modal-wrapper .vista-3d iframe {} .modal-wrapper .habitaciones {width: 800px; height: 90vh;max-height: 913px;row-gap: 0px;padding:0;} .modal-wrapper .habitaciones header.tabbed, .modal-wrapper .tarifa header.tabbed, .modal-wrapper .extra header.tabbed {border-color: transparent; padding: 0 25px 0 25px;} .modal-wrapper .habitaciones header {grid-template-columns:150px auto 40px; } .modal-wrapper .habitaciones .tabs {width:100%; overflow:auto;} .modal-wrapper .habitaciones header.tabbed .tab-menu { justify-content: unset; display:none;} .modal-wrapper .habitaciones header.tabbed .tab-menu li {margin: 0 15px;} .modal-wrapper .habitaciones header.tabbed .tab-menu li:before, .modal-wrapper .habitaciones header.tabbed .tab-menu li.active:before {bottom: 3px;} .modal-wrapper .habitaciones header.tabbed .tab-menu li:not(.active):hover:before {bottom:8px;} .modal-wrapper .habitaciones .contenedor, .modal-wrapper .extra .contenedor {position:relative; overflow: hidden;padding: 0 25px 0 25px;} .modal-wrapper .habitaciones .contenedor {padding: 0 23px 0 25px;} .modal-wrapper .modal:not(.hotel) #lista-servicios:before {content:""; width:calc(100% + 50px); height:100%;opacity: 1; background-color: #f5f5f5;left: -25px;top: 0;position: absolute;} .modal-wrapper .regimen #lista-servicios:before {height: 300%;} .modal-wrapper #lista-servicios {position:relative;margin:0; list-style:none; display:grid;column-gap: 8px; row-gap: 10px;grid-template-columns: 1fr 1fr 1fr;margin-top: 20px;padding: 20px 0 19px 0;} .modal-wrapper .regimen #lista-servicios {grid-template-columns: 1fr 1fr;} .modal-wrapper #lista-servicios li {position:relative;font-size: 15px; line-height:21px; padding: 0 14px;height:47px; border-radius:6px; display:flex; flex-direction: row; align-items: center;} .modal-wrapper #lista-servicios li img {width: 21px;position:relative;z-index:1; height:21px;margin-right: 20px;min-height:unset; min-width:unset;} .modal-wrapper #lista-servicios li > i {font-size: 21px;width: 21px;position:relative;z-index:1; height:21px;margin-right: 24px;min-height:unset; min-width:unset;opacity:0.7;} .modal-wrapper #lista-servicios li:before {content:"";z-index:0; position: absolute; width: 41px; height: 41px; opacity:0.2;background-color: var(--colorHotelActual); filter:grayscale(0.3);left:4px; top:3px; border-radius:100px;} .modal-wrapper .habitaciones .contenedor h3, .modal-wrapper .extra .contenedor h3 {font-size: 30px;} .modal-wrapper .habitaciones .contenedor #highlights, .modal-wrapper .contenedor #subtitulo {margin:8px 0 15px 0; list-style: none; width:100%; padding:0;display:block;} .modal-wrapper .habitaciones .contenedor #highlights li, .modal-wrapper .contenedor #subtitulo {font-weight: 600;font-size: 18px;/*display:inline-block;*/color: var(--colorHotelActual);} .modal-wrapper .habitaciones .contenedor #highlights li:not(:first-of-type):before {content:"";display:inline-block; vertical-align: middle; margin:0 8px;width: 5px; height:5px; background-color: var(--colorHotelActual); border-radius:100px;} .modal-wrapper .habitaciones .owl-carousel {height:400px; overflow:hidden; border-radius:10px; margin-bottom:18px;} .modal-wrapper .habitaciones .owl-carousel .owl-item img {object-fit:cover;} .modal-wrapper .habitaciones .mapa-habitacion {padding: 20px 0px 25px 0; position: relative;} .modal-wrapper .habitaciones .mapa-habitacion iframe {width:100%; height: 400px; border:0;overflow:hidden; border-radius: 10px;} .modal-wrapper .habitaciones .mapa-habitacion:before {content:""; width:calc(100% + 50px); height:100%;opacity: 1; z-index:-1;background-color: #f5f5f5;left: -25px;top: 0;position: absolute;} .modal-wrapper .tarifa {width: 550px; height: 90vh;max-height: 780px;row-gap: 10px;padding:0; grid-template-rows: 70px;} .modal-wrapper .regimen {width: 600px; height: 90vh;max-height: 630px;row-gap: 10px;padding:0; grid-template-rows: 70px;} .modal-wrapper .extra {width: 600px; height: 90vh;max-height: 830px;padding:0;} .modal-wrapper .extra .contenedor {height:100%;} .modal-wrapper .extra .contenedor .nota-pie {display:grid; grid-template-columns: auto 100px;} .modal-wrapper .extra .contenedor .nota-pie .precio {font-size: 24px; font-weight: 600;} .modal-wrapper .extra .contenedor .nota-pie .precio .unidad {font-size: 15px;display:block;font-weight: 400;margin-top:2px;} .modal-wrapper .extra .contenedor img { height: 290px; background-color: #eaeaea;overflow: hidden; border-radius: 10px; margin-bottom: 15px; object-fit:cover; width:100%;} .modal-wrapper .tarifa header.tabbed, .modal-wrapper .regimen header.tabbed {border-color: transparent; padding: 0 25px 0 25px;} .modal-wrapper .tarifa header, .modal-wrapper .regimen header {grid-template-columns:150px auto 40px; } .modal-wrapper .tarifa .tabs, .modal-wrapper .regimen .tabs {width:100%; overflow:auto;} .modal-wrapper .tarifa .tabs > div, .modal-wrapper .regimen .tabs > div {height:100%;} .modal-wrapper .regimen .tabs > div {overflow:hidden; padding: 0 25px;} .modal-wrapper .tarifa header.tabbed .tab-menu, .modal-wrapper .regimen header.tabbed .tab-menu { display:none; justify-content: unset;} .modal-wrapper .tarifa header.tabbed .tab-menu li, .modal-wrapper .regimen header.tabbed .tab-menu li {margin: 0 15px;} .modal-wrapper .tarifa header.tabbed .tab-menu li:before, .modal-wrapper .tarifa header.tabbed .tab-menu li.active:before, .modal-wrapper .regimen header.tabbed .tab-menu li:before, .modal-wrapper .regimen header.tabbed .tab-menu li.active:before {bottom: 3px;} .modal-wrapper .tarifa header.tabbed .tab-menu li:not(.active):hover:before, .modal-wrapper .regimen header.tabbed .tab-menu li:not(.active):hover:before {bottom:8px;} .modal-wrapper .tarifa .contenedor {position:relative; overflow: hidden;padding: 0 25px 0 25px;height:100%;} .modal-wrapper .regimen .contenedor {position:relative; overflow: hidden;} .modal-wrapper .tarifa .contenedor h3, .modal-wrapper .regimen .contenedor h3 {font-size: 30px;} .modal-wrapper .tarifa .contenedor > div:first-of-type {margin-bottom:25px;} .modal-wrapper .regimen .contenedor > div:first-of-type {margin-bottom:0px;} .modal-wrapper .tarifa .contenedor #highlights, .modal-wrapper .regimen .contenedor #highlights, .modal-wrapper .contenedor #subtitulo {margin:8px 0 15px 0; list-style: none; width:100%; padding:0;} .modal-wrapper .tarifa .contenedor #highlights li, .modal-wrapper .regimen .contenedor #highlights li {font-weight: 600;line-height:26px;font-size: 18px;display:inline-block;color: var(--colorHotelActual);} .modal-wrapper .tarifa .contenedor #highlights li:not(:first-of-type):before, .modal-wrapper .regimen .contenedor #highlights li:not(:first-of-type):before {content:"";display:inline-block; vertical-align: middle; margin:0 8px;width: 5px; height:5px; background-color: var(--colorHotelActual); border-radius:100px;} .modal-wrapper .nota-pie {position:absolute; bottom:0; width:100%;overflow:hidden; margin-top:15px;left:0;padding: 22px 25px;display:none;} .modal-wrapper .nota-pie > b {display:block; font-size: 17px;} .modal-wrapper .nota-pie > * {position:relative; z-index:9;} .modal-wrapper .nota-pie p {margin: 13px 0 0 0;line-height:20px !important;font-size: 14px !important;} .modal-wrapper .nota-pie:before {transition: all .2s ease;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--colorHotelActualLight);opacity: 0.4;pointer-events: none;} /*PASO 1*/ body[data-paso-actual="1"] #contenedor-paso.disponibilidad {display: grid; position:relative;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'ficha-hotel ficha-hotel ficha-hotel ficha-hotel sidebar' 'resultado-busqueda resultado-busqueda resultado-busqueda resultado-busqueda sidebar';row-gap: 20px;column-gap: 30px;} body[data-paso-actual="1"][data-tipo-establecimiento="apartamentos"] #contenedor-paso.disponibilidad {grid-template-areas: 'resultado-busqueda resultado-busqueda resultado-busqueda resultado-busqueda sidebar';} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad { display: block; position:relative;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'error-nodispo error-nodispo error-nodispo error-nodispo sidebar' 'resultado-busqueda resultado-busqueda resultado-busqueda resultado-busqueda sidebar';row-gap: 20px;column-gap: 30px;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad .error.no-disponibilidad {background-color: #f8efef !important;margin-bottom:25px;border-radius:6px;padding: 25px;border: 1px solid #e3bebe;} body[data-paso-actual="1"]:not(.widget-cargado) #contenedor-paso.no-disponibilidad .error.no-disponibilidad {display:none;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad .error.no-disponibilidad h3 {font-size: 22px;color:#cf4d4d; margin:0 0 10px 0; font-weight: 600;} body[data-paso-actual="1"] h3#tit-dispo-otros-hoteles {font-weight: 600;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad .error.no-disponibilidad p {margin:0;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad h3 {font-size: 22px;margin-bottom:26px;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad h3 i {width: 16px; height:16px; margin-right:10px; background-size: 8px;background-position: 4px 4px;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad h3 span {color: #6b9f40} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad #resultado-busqueda h3 { margin-bottom: 10px; margin-top: 10px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel {display: grid; height:135px;grid-template-columns: auto 110px;/*grid-template-columns: 482px auto 110px;*/ column-gap: 18px;grid-area: ficha-hotel;padding:20px 17px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header {overflow:hidden;transition:all .2s ease;transition: all .2s ease;/*border-right: 1px solid #e2e2e2;border-radius:6px;*/display:grid; height:96px; grid-template-columns: 150px auto;column-gap: 25px;grid-template-rows: 100%;position:relative;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header:hover{} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header > div {overflow:hidden;margin-bottom:0px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;position:relative;border-right: 1px solid #cecece;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header div .minititulo {margin-bottom:5px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header div h2 {margin: 0;font-size: 21px;line-height: 27px;position:relative;margin-bottom:4px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header div h2:before {display:none;content:""; width: 50px; height: 2px; background-color: #1d1d1d; position:absolute; bottom: -5px;left:0;} /*body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header div span.localizacion:before {display:none; background-image: url('../img/alfiler.svg'); background-size: 13px; display:inline-block; margin-right: 4px;width: 13px; height: 13px;}*/ body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header img {cursor:pointer;height:96px; width:100%;position: relative; z-index:9;border-radius:8px; background-color: #eaeaea;object-fit: cover;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header:before {display:none;opacity:0.3;background-color: var(--gris1); filter: grayscale(0.4); transition:all .2s ease;content:""; pointer-events:none;background-size:cover;position: absolute; left:0; top:0; width: 100%; height: 100%; /*filter:blur(140px) brightness(1);*/} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #datos-hotel {display: flex;flex-direction: column;justify-content: center;gap: 13px;align-items: flex-start; padding-left: 8px;padding-right: 15px; border-right: 1px solid #e2e2e2;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #datos-hotel p {margin:0;width:100%; max-width: 360px;} body[data-paso-actual="1"] #opiniones {cursor:pointer;display: flex;flex-direction: row;justify-content: center;/*align-items: center;*/transition:all .2s ease;} body[data-paso-actual="1"] #opiniones > span {margin-left:10px;font-weight: 600;} body[data-paso-actual="1"] #opiniones img {height: 17px; width: 17px;} body[data-paso-actual="1"] #opiniones a {margin-left:10px; font-weight: 400;color:#808080;margin-top:1px;} body[data-paso-actual="1"] #opiniones a:hover {color:#3f3f3f} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel {display: flex;flex-direction: column;justify-content: center;align-items: center;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a {display:inline-flex;flex-direction: row;border-bottom:0; font-weight: 600;padding: 0px 5px;justify-content: flex-start;border-radius:6px;align-items: center;height: 31px; width:100%;position:relative;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:hover:after {transform: scale(1);opacity:0.9; } body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:hover span {color: var(--colorHotelActual);} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a span {transition: all .2s ease;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.mapa:before {background-image: url('../img/map.svg'); background-size: 18px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.fotos:before {background-image: url('../img/fotos.svg'); background-size: 19px; } body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.vista-3d:before { background-image: url(../img/vista-3d-b.svg?32454565543); background-size: 17px; } body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.mas:before, i.mas-info:before {background-image: url('../img/info.svg');background-size: 19px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:before, i.icono:before {z-index:9;content:"";width: 20px; height: 20px;margin-right:9px;display:inline-block; opacity:0.8; background-repeat:no-repeat;background-position:center center;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:after {transition: all .2s ease;content:"";position:absolute;left:0px; top:0px;width: 30px; height: 30px;transform: scale(0);opacity:0; background-color: var(--colorHotelActualLight);border-radius:100px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel:before{ display:none; transition: all .2s ease; content: ""; position: absolute; left: 0; bottom: 0px; width: 140px; height: 100%; background-color: var(--colorHotelActualLight); /* opacity: 0.5; */ pointer-events: none;} body[data-paso-actual="1"].intranet #contenedor-paso .ficha-hotel {display:none;} body[data-paso-actual="1"].intranet #contenedor-paso.disponibilidad {row-gap: 0px;} #contenedor-paso #resultado-busqueda {margin:0; padding:0;list-style: none;grid-template-columns: 1fr; row-gap: 50px; display:grid;grid-area: resultado-busqueda;} #contenedor-paso.no-disponibilidad #resultado-busqueda {row-gap: 20px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles {margin:0; padding:0; list-style: none;grid-template-columns: 1fr 1fr; grid-gap: 20px;display:grid;} body[data-paso-actual="1"][data-tipo-establecimiento="apartamentos"] #contenedor-paso .habitacion > header {} body[data-paso-actual="1"] #contenedor-paso .habitacion header > * {display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion header > span {font-size: 20px; font-weight: 400;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header > span:before {content:"·"; margin: 0 6px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion {position:absolute;right: 6px; top: 234px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion > span {display:inline-block;margin-left: 1px;cursor:pointer; z-index:5;transition: all .2s ease;direction: rtl;overflow:hidden;background-color: white;border-radius: 5px; height: 30px; width: 29px; position: relative;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion > span:hover {} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span:before {content:"";bottom:0; top:0;margin: auto;position: absolute;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span.vista-3d:before {right: 6px;width: 16px; height: 16px; background-image: url(../img/3d.svg?25443456543); background-size: 16px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span.detalles-habitacion:before { margin: auto;right:9px; width: 11px; height: 11px;background-image: url('../img/mas2.svg?52');background-size: 11px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span.detalles-habitacion > span {text-align:left;color:white;font-size: 12px; font-weight: 600;transition: all .2s linear; transition-delay: 0s;display:inline-block; width: 125px;margin-top:5.5px;padding-left:16px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:hover span.detalles-habitacion > span {color:#1d1d1d;transition-delay: .2s;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:hover span.detalles-habitacion {width: 119px;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header{margin: 0px 0 16px 0;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header > * {font-family: "inter", arial; font-size: 19px !important;} body[data-paso-actual="1"] #contenedor-paso .habitacion header h2 {margin:0 0 4px 0;font-size: 20px;position:relative; padding-top:10px; border-top: 2px solid var(--colorHotelActual)} body[data-paso-actual="1"].modificacion #contenedor-paso .habitacion header h2 {padding-top:0; border-top:0;} body[data-paso-actual="1"] #contenedor-paso .habitacion header h2:before {display:none; left: 0; right: 0; margin: auto;content:"";position: absolute; height:1px; background-color: #1d1d1d; bottom:-3px;width: 200px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete {border:1px solid transparent;/*min-height:529px;*/transition: all .2s ease; overflow:hidden;margin:0;list-style: none;padding: 17px;border-radius: 6px; position: relative;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.hab-repetida {display:none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete > * {position:relative;z-index:1;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete .allotment { background-color: white; background-color: white; top: 236px; height: 29px; left: 5px; padding: 5px 8px 3.5px 10px; font-weight: 700; border-radius: 5px; color: #df0b44; z-index: 5; font-size: 12px; position: absolute; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.seleccionado {/*border: 1px solid var(--colorHotelActual);*/} body[data-paso-actual="1"] #contenedor-paso .habitacion.seleccionado .paquetes-disponibles li.paquete li.regimen:not(.seleccionado) .anadir-regimen {background-color: white; color: var(--colorHotelActual)} body[data-paso-actual="1"] #contenedor-paso .habitacion.seleccionado .paquetes-disponibles li.paquete:not(.seleccionado) {opacity:1;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete:before {display:none;transition: all .2s ease;content:""; position:absolute;left:0; top:0; width: 100%; height: 100%;background-color: var(--colorHotelActual);opacity:0.13; filter: grayscale(0.4); pointer-events: none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete:hover {opacity:1 !important;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:after {display:none;content:""; width:70%; height:100%; position:absolute; left:0; top:0;background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);z-index:1; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete p{overflow:hidden;margin:12px 0 20px 0; line-height:22px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete p span {/*float:left;*/display:inline-block;font-size: 14px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete p:not(.visible) {display:none} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header > * {transition: all .2s ease;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header .nombre-hab {z-index:3;color:var(--colorHotelActual);margin-top:10px;line-height:33px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header .nombre-hab h3 {font-size: 29px;letter-spacing: -1.5px;font-weight: 600; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header .nombre-hab h4 {font-size: 20px; letter-spacing: -1px; font-weight: 500;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header:before {display:none;content: "";z-index:2;position: absolute;background: var(--colorHotelActual);width: 92px;height: 100%; bottom: 0;left: 0;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header {z-index:1;position:relative;width: 100%; overflow:hidden;margin-bottom:10px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header img {cursor:pointer;width: 100%;height:270px;object-fit: cover;border-radius: 8px; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes {z-index:1;display:grid;margin:0; padding:0;list-style: none;position:relative;gap:14px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen {position:relative;transition: all .2s ease;margin:0; height: 44px; align-items: center;padding:0;list-style: none;grid-template-columns: 155px auto 66px;display:grid;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen > div {cursor:pointer;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen > div:hover .tit-regimen {color: var(--colorHotelActual)} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.tit-regimen:after{content:""; position: relative;top: 1px; margin-left: 5px;width:13px; height:13px; background-image: url('../img/info.svg');background-size: 13px;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen[data-disponibilidad="false"] {/*grid-template-columns: 155px auto;*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible:not(.no-disponible-reservable) {display:flex; justify-content: flex-end;padding-right:0;font-size:15px;letter-spacing: normal;height:40px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible.no-disponible-reservable {color: #df0b44;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible.no-disponible-reservable .aviso-no-disponible {font-weight: 400;font-size: 12px; line-height:16px; display: flex; flex-direction: row;grid-row: span 2; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible svg {width: 15px;height:15px;margin-right: 8px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible svg, body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen.no-disponible span {display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen {font-size: 21px;margin-top: -3px;font-weight: 600; letter-spacing: -0.5px; text-align:right; padding-right: 18px;display: grid;align-items: center;grid-template-columns: 115px auto; grid-template-areas:'precio-anterior-cupon precio-actual' 'precio-anterior-cupon precio-actual';} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen[data-mostrar-precios-desc-tarifa-tachados="1"] {gap: 3px;grid-template-areas:'precio-anterior-cupon precio-anterior-tarifa' 'precio-anterior-cupon precio-actual';} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen .actual {min-width: 83px;display:inline-block; grid-area: precio-actual;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen span.anterior {position:relative; grid-area: precio-anterior-cupon;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen span.anterior-tarifa {font-size: 14px;grid-area: precio-anterior-tarifa;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen marquee {position: absolute; right: 0; font-size: 14px;width:100px;color: #b77183;cursor:pointer;} body[data-paso-actual="1"].cupon-aplicado #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen marquee {display:none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.tit-regimen {font-weight: 600;width:100%;-webkit-line-clamp: 1;line-clamp: 1;text-overflow: ellipsis;display:block;overflow: hidden;white-space: nowrap;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .reclamo-regimen {font-weight: 400;color: rgba(0,0,0,0.8);font-size: 13px;display: block; margin-top: 2px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen {border:1px solid var(--colorHotelActual); background-color: var(--colorHotelActual); color:white;/*box-shadow:rgb(70 54 54 / 3%) 0px 6px 11px 0, 0px 1px 4px -1px rgb(0 0 0 / 5%);*/position:relative;height:40px;line-height: 40px; } body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen:before {left:0;top:0;transition:all .2s ease;pointer-events:none;width:0; height: 100%; background-color: var(--colorHotelActual); content:""; position:absolute;background-image: url('../img/tic-fino.svg');background-repeat: no-repeat; background-size: 20px; background-position: center;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen:after {position:absolute;transition: all .2s ease;background-color: var(--colorHotelActual);right:0; bottom:0;width:100%;height:0;content:"";background-image: url(../img/mas.svg);background-size: 13px;background-position:center;background-repeat:no-repeat; color:white;pointer-events: none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen:hover .anadir-regimen:hover:after {/*background-color:#1d1d1d;background-image: url(../img/mas.svg);*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen span {display:inline-block;top:0;transition: all .2s ease;position:relative;position:relative;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen.seleccionado .anadir-regimen:before {width:100%;z-index:3;} li.regimen[data-mealplan="al"] {order:0;} li.regimen[data-mealplan="ad"] {order:1;} li.regimen[data-mealplan="mp"] {order:2;} li.regimen[data-mealplan="pc"] {order:3;} li.regimen[data-mealplan="ti"] {order:4;} body[data-paso-actual="1"]:not(.modificacion) #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen:not(.visible) {display:none;} body[data-paso-actual="1"]:not(.modificacion) #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen, body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete p {transition: all .2s ease;} body[data-paso-actual="1"]:not(.modificacion) #contenedor-paso .habitacion .paquetes-disponibles li.paquete .visible:not(.aparecer) {opacity:0;} body[data-paso-actual="1"]:not(.modificacion) #contenedor-paso .habitacion .paquetes-disponibles li.paquete .visible.aparecer {opacity:1;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.seleccionado ul.regimenes li.regimen:not(.seleccionado) {/*opacity:0.3;*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete:hover:before, body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.seleccionado:before {opacity: 0.2;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas {width:100%; grid-gap: 15px;margin:0; padding:0;list-style: none;display:flex; align-items: stretch;justify-content: space-between;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas[data-numero-tarifas="1"] {/*display:none;*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas[data-numero-tarifas="1"] li span {display:unset;margin-right:6px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li {display:flex; justify-content: center; align-items: center;filter:grayscale(0.1);border-radius:6px;width:100%;position:relative;opacity:1;cursor:pointer;position:relative;text-align:center;font-size: 14px;padding: 8px 7px 7px 7px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:after {width:100%; height:100%; background-color: var(--colorHotelActual);left:0; top:0; opacity:0.10;position:absolute; content:"";} body[data-paso-actual="1"].widget-cargado #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:after {transition: all .2s ease;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:not(.activa) {padding-top: 9px; overflow:hidden;padding-bottom:8px;color:black;opacity:0.9;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:not(.activa):after {opacity: 0.1;filter:grayscale(0.4);} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:not(.activa):hover:after {opacity:0.15;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li:not(.activa):hover {opacity:1;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li.activa {opacity:1;font-weight:600;border:0;color: var(--colorHotelActual); border: 1px solid var(--colorHotelActual);} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li.activa:before, .cintillo.arrow:before {content:""; position:absolute;left: 0;right:0; margin: auto;bottom:-5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--colorHotelActual); clear: both;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete a {margin-left:5px;border-color: #b1b1b1;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.out-of-stock:not(.seleccionado) {pointer-events: none; opacity:0.4;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.selector-tarifas li span {display:block; width:100%;} body[data-paso-actual="1"] #contenedor-paso .habitacion .out-of-stock-tit {color: #df0b44;} body[data-paso-actual="1"] .hide-while-load {transition: all .2s ease;} body[data-paso-actual="1"]:not(.precios-ready) .hide-while-load {opacity:0;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda {display: grid; height:200px;grid-template-columns: 75fr 25fr; padding: 25px 22px;column-gap: 18px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header {overflow:hidden;transition:all .2s ease;border-right: 1px solid #e2e2e2;display:grid; /*border-radius:6px;*/ grid-template-columns: 40% 60%;column-gap: 30px;grid-template-rows: 100%;position:relative;} body[data-paso-actual="1"] #contenedor-paso:not(.no-disponibilidad) .ficha-hotel-multibusqueda header:hover{cursor:pointer;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header:hover:before { } body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header div {overflow:hidden;margin-bottom:0px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;position:relative;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header div h2 {margin: 0;font-size: 21px;margin-bottom:4px;margin-top:6px;position:relative;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header div h2:before {display:none;content:""; width: 50px; height: 2px; background-color: #1d1d1d; position:absolute; bottom: -5px;left:0;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header div span.localizacion:before { background-image: url('../img/alfiler.svg'); background-size: 13px; display:inline-block; margin-right: 4px;width: 13px; height: 13px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header img {position: relative; z-index:9;border-radius:6px;width: 100%; background-color: #eaeaea;height: 100%;object-fit: cover;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header:before {display:none;opacity:0.3;background-color: var(--gris1); filter: grayscale(0.4); transition:all .2s ease;content:""; pointer-events:none;background-size:cover;position: absolute; left:0; top:0; width: 100%; height: 100%; /*filter:blur(140px) brightness(1);*/} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header p {margin:15px 0 0 0;width:100%; max-width: 360px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .opiniones {display: flex;flex-direction: row;justify-content: center;align-items: center;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .opiniones .dot {width: 14px;margin-right:3px; height: 14px; border-radius:100px; border: 1px solid #8cc174; background-color: #8cc174;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .opiniones span {margin-left:10px;font-weight: 600;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde {position:relative;margin:0; padding:15px;list-style:none;display:grid; grid-template-columns: 1fr;align-items: center;justify-content:flex-end;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde .precio {font-size: 21px;font-weight: 600; letter-spacing: -0.5px;height: calc(100% - 53px);} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde > * {position:relative;z-index:9;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde li div span:first-of-type {font-weight:normal; font-size: 15px;display:block;margin-bottom:3px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde:before {content:""; background-color: var(--gris2);transition: all .2s ease; width:100%; height:100%; position:absolute;border-radius:6px;opacity:0.6;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda:hover .precio-desde:before {opacity:0.9;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #info-hotel {width:100%;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel p {margin:0 0 15px 0px; white-space: nowrap; width:90%; overflow: hidden; text-overflow: ellipsis;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo {display: grid; height:200px;grid-template-columns: 600px auto; padding: 22px 20px;column-gap: 18px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header {overflow:hidden;transition:all .2s ease;border-right: 1px solid #e2e2e2;display:grid; /*border-radius:6px;*/ grid-template-columns: 2fr 3fr;column-gap: 30px;grid-template-rows: 100%;position:relative;} body[data-paso-actual="1"] #contenedor-paso:not(.no-disponibilidad) .resultados-hotel-alternativo header:hover{cursor:pointer;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header:hover:before { } body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios {position: relative;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador:not(.on) {opacity:0; pointer-events: none;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador span {background-color: #373737;z-index:9; cursor:pointer;background-size: 9px; background-position: center center;background-repeat: no-repeat; height: 42px; width: 30px;display:block;border-radius:6px;position:absolute; top:0; bottom: 0; margin: auto;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador span:hover {background-color: #1d1d1d;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador {transition: all .2s ease;z-index:9;position:absolute; height:100%;width: 110px; top:0; } body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.next {right:-5px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.next span {right:0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNzkyLjA0OSA3OTIuMDQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNjIyLjk1NSAzNDIuMTI3IDI2OC40MjQgMjAuNTIxYy0yNy4zNi0yNy4zNi03MS42NzctMjcuMzYtOTkuMDM3IDBzLTI3LjM2IDcxLjY3NiAwIDk5LjAzN2wzMDQuNzQ5IDI3Ni40NjgtMzA0Ljc0OSAyNzYuNDY2Yy0yNy4zNiAyNy4zNTktMjcuMzYgNzEuNjc2IDAgOTkuMDM2czcxLjY3NyAyNy4zNiA5OS4wMzcgMGwzNTQuNTMxLTMyMS42MDZjMTQuNzgzLTE0Ljc4MyAyMS4zMDItMzQuNTM4IDIwLjA4NC01My44OTcgMS4xODYtMTkuMzYtNS4zMDEtMzkuMTE0LTIwLjA4NC01My44OTh6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==)} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.next:before {content:"";height:100%; position: absolute; right:0; top:0; width: 100px;z-index:9;background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.prev {left:-5px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.prev:before {content:"";height:100%; position: absolute; left:0; top:0; width: 100px;z-index:9;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios .controlador.prev span {left:0;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNzkyLjA4MiA3OTIuMDgyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJtMzE3Ljg5NiAzOTYuMDI0IDMwNC43NDktMjc2LjQ2N2MyNy4zNi0yNy4zNiAyNy4zNi03MS42NzcgMC05OS4wMzdzLTcxLjY3Ny0yNy4zNi05OS4wMzYgMEwxNjkuMTEgMzQyLjE2MWMtMTQuNzgzIDE0Ljc4My0yMS4zMDIgMzQuNTM4LTIwLjA4NCA1My44OTctMS4yMTggMTkuMzU5IDUuMzAxIDM5LjExNCAyMC4wODQgNTMuODk3bDM1NC41MzEgMzIxLjYwNmMyNy4zNiAyNy4zNiA3MS42NzcgMjcuMzYgOTkuMDM3IDBzMjcuMzYtNzEuNjc3IDAtOTkuMDM2TDMxNy44OTYgMzk2LjAyNHoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+)} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > div {overflow:hidden;padding-right: 15px;margin-bottom:0px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;position:relative;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > div h2 {margin: 0;font-size: 21px;margin-bottom:6px;margin-top:6px;position:relative;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > div h2:before {display:none;content:""; width: 50px; height: 2px; background-color: #1d1d1d; position:absolute; bottom: -5px;left:0;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .localizacion:before {margin-right: 6px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > img {position: relative; z-index:9;border-radius:6px;width: 100%; background-color: #eaeaea;height: 100%;object-fit: cover;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header:before {display:none;opacity:0.3;background-color: var(--gris1); filter: grayscale(0.4); transition:all .2s ease;content:""; pointer-events:none;background-size:cover;position: absolute; left:0; top:0; width: 100%; height: 100%; /*filter:blur(140px) brightness(1);*/} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header p {margin:13px 0 13px 0;width:100%; max-width: 360px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .opiniones {display: flex;flex-direction: row;justify-content: center;align-items: center;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .opiniones .dot {width: 14px;margin-right:3px; height: 14px; border-radius:100px; border: 1px solid #8cc174; background-color: #8cc174;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .opiniones span {margin-left:10px;font-weight: 600;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde {overflow:hidden;width:622px;position:relative;margin:0;list-style:none;white-space: nowrap;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li {overflow:hidden;font-size: 14px;display:inline-block; /*grid-template-rows: 1fr 1fr 3fr;*/cursor:pointer;background-color: #f8f8f8;transition: all .1s ease;border: 1px solid #cfcfcf;border-radius: 6px;width: 166px;height: 100%;margin-right: 13px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li a {border:0 !important;font-weight:inherit;height:100%; width:100%;display:grid;padding: 15px; } body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li:hover {background-color: #f5f5f5;border: 1px solid #a9a9a9;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .mismas-fechas .label-fecha span {color:white;position:relative; left: -16px; width: calc(100% + 32px);display:inline-block !important;padding: 3px 8px 3px 15px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .mismas-fechas .label-fecha:before {} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo li .label-fecha {/*display:flex; align-items:center;*/font-weight: 600;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo li .label-fecha span:last-of-type {display:block;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo li .label-fecha svg {margin: 0 5px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo li .label-noches {} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li .precio {width:100%;line-height: 22px;height:100%;font-size: 20px;font-weight: 600; letter-spacing: -0.4px;display:flex; justify-content: flex-end; flex-direction: column;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li div.precio > span {font-weight:normal; font-size: 13px;display:block;margin-bottom:2px; opacity: 0.6;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo:hover .precio-desde:before {opacity:0.9;} body[data-paso-actual="1"] .grupo-precios li:after {pointer-events:none;animation: loading-fade .6s infinite;content:""; position: absolute; width:300px; height: 15px; opacity:0; border-radius:100px; left:0;} body[data-paso-actual="1"] .grupo-precios li:before {pointer-events:none;animation: loading-fade .6s infinite;content:""; position: absolute; width:100px; height: 15px; opacity:0; border-radius:100px; right:0;} body[data-paso-actual="1"] .multihotel .grupo-precios li:before, body[data-paso-actual="1"] .multihotel .grupo-precios li:after{display:none;} body[data-paso-actual="1"]:not(.precios-ready) .grupo-precios li:before, body[data-paso-actual="1"]:not(.precios-ready) .grupo-precios li:after {opacity:1;} @keyframes loading-fade { 0% { background-color: rgba(0,0,0,0.1); } 50% { background-color: rgba(0,0,0,0.06); } 100% { background-color: rgba(0,0,0,0.1); } } /*incentivos*/ body[data-paso-actual="1"] .regimen.cupon-aplicado span.anterior .incentivo {display:none !important;} body[data-paso-actual="1"] .regimen:not(.cupon-aplicado) span.anterior > *:not(.incentivo) {display:none !important;} #sidebar #resumen-reserva #precio-total:not(.cupon-aplicado) span.anterior, #sidebar #resumen-reserva #precio-total:not(.cupon-aplicado) .cupones-aplicados, #contenedor-paso #sidebar #resumen-reserva li:not(.cupon-aplicado) .anterior {display:none !important;} /*body[data-paso-actual="1"]:not(.cupon-aplicado) span.anterior:before {display:none !important; }*/ body[data-paso-actual="1"] span.anterior .price-locked {transition: all .2s ease;margin-top:9px;cursor:pointer;font-size:19px;text-align:center; min-width: 100px;display:inline-flex; align-items: center; justify-content:center;color: #1d1d1d;border: 1px solid rgba(0,0,0,0.2);height:36px; border-radius: 6px;border-top:0px; } body[data-paso-actual="1"] span.anterior .price-locked i {text-transform: uppercase;color: var(--colorHotelActual);font-size: 10px; font-weight: 500;top:0; position:absolute;} body[data-paso-actual="1"] span.anterior .price-locked b {margin-top:7px;font-weight:400;} body[data-paso-actual="1"] span.anterior .price-locked:hover {background-color: var(--colorHotelActualLight)} #oferta-top {background-color:var(--fresa1); padding:6px 0 3px 0;z-index: 999; position: relative;} #oferta-top p { color:white; font-size: 14px;line-height:normal;} #oferta-top p a {border-bottom: 1px dotted white;} @media (max-width: 1280px) {#oferta-top p {font-size: 13px;padding: 0px 15px;}} /*PASO 2*/ body[data-paso-actual="2"] #contenedor-paso {display: grid; position:relative;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'extras-reserva extras-reserva extras-reserva extras-reserva sidebar' 'datos-reserva datos-reserva datos-reserva datos-reserva sidebar' 'pago-reserva pago-reserva pago-reserva pago-reserva sidebar' 'condiciones condiciones condiciones condiciones sidebar';row-gap: 20px;column-gap: 30px;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) {position:relative;padding-left: 160px;padding-right:80px;padding-top:20px;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):before { background-color: var(--colorHotelActualLight);opacity: 0.7; } body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) header {margin-bottom:30px;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) header p {margin:0;font-size: 15px;line-height:22px; } body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):after {mix-blend-mode: soft-light; background-repeat: no-repeat;opacity:0.6;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):after, body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):before{content: "";width: 100px; top: 15px; position: absolute; left: 15px; height: calc(100% - 30px);border-radius: 8px;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):hover:after {filter:brightness(1.1)} body[data-paso-actual="2"] #contenedor-paso #extras-reserva { grid-area: extras-reserva;} body[data-paso-actual="2"] #contenedor-paso #extras-reserva:after {background-size: 130px;background-image: url(../img/agregar1.svg); background-position: 19px 20px !important;} body[data-paso-actual="2"] #contenedor-paso #extras-reserva #contenedor-extras {display:flex; flex-direction: column;} .box-extras[data-formato="xl"] #lista-extras, .box-extras[data-formato="m2"] #lista-extras, .box-extras[data-formato="m2f"] #lista-extras, .box-extras[data-formato="s"] #lista-extras {grid-template-columns: 1fr 1fr;} .box-extras[data-formato="m3"] #lista-extras {grid-template-columns: 1fr 1fr 1fr; } .box-extras[data-formato="xl"] #lista-extras li .contenido-extra {height:100%;} .box-extras[data-formato="xl"] #lista-extras li > div .box2 {position: absolute;position:absolute; bottom:-1;width:100%; } .box-extras[data-formato="s"] #lista-extras li, .box-extras[data-formato="m2"] #lista-extras li, .box-extras[data-formato="m3"] #lista-extras li {grid-template-columns: 1fr; } .box-extras[data-formato*="m"] #lista-extras li {min-height: unset;padding: 10px 16px;} .box-extras[data-formato*="m"] #lista-extras li > div .box2 {height: 25px;} .box-extras[data-formato="m2f"] #lista-extras li {grid-template-columns: 56px auto;} .box-extras[data-formato="m2f"] #lista-extras li > img {width: 56px; height: 56px;} .box-extras[data-formato="s"] #lista-extras li .contenido-extra {display:grid;height:35px; grid-template-columns: 140px auto;gap:12px;} .box-extras[data-formato="s"] #lista-extras li > div .box2 .precio {padding-top: 0px; padding-right: 10px;font-size: 18px;align-items: center;display:flex;justify-content: flex-end;} .box-extras[data-formato="s"] #lista-extras li > div .box1 {display:flex; align-items: center; height:37px !important;} .box-extras[data-formato="s"] #lista-extras li > div .box1 span {font-size: 14px;line-height: 19px;margin-top:-1px;display: -webkit-box;-webkit-line-clamp: 2; /* Limit to 2 lines */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .box-extras[data-formato*="m"] #lista-extras li .contenido-extra {display:grid;grid-template-columns: 1fr;gap:0;} .box-extras[data-formato*="m"] #lista-extras li > div .box2 .precio {padding-top: 0px; font-size: 18px;align-items: flex-end;display:flex;} .box-extras[data-formato*="m"] #lista-extras li > div .box1 {display:flex;margin-top: 2px; margin-bottom: 10px;} .box-extras[data-formato*="m"] #lista-extras li > div .box1 span {font-size: 14px;line-height: 19px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;} .box-extras[data-formato*="m"] #lista-extras li > div .box1 span, .box-extras[data-formato="s"] #lista-extras li > div .box1 span {font-weight: 400;} .box-extras[data-formato="s"] #lista-extras li > img, .box-extras[data-formato="m2"] #lista-extras li > img, .box-extras[data-formato="m3"] #lista-extras li > img {display:none;} .box-extras[data-formato="s"] #lista-extras li > div p, .box-extras[data-formato*="m"] #lista-extras li > div p {display:none;} #lista-extras {margin: 0 0 15px 0; padding:0;list-style: none; display: grid; grid-gap: 15px; } #lista-extras li {display: grid;grid-template-columns: 120px auto;grid-gap: 20px; overflow:hidden;position:relative;cursor:pointer;transition: all .2s ease;position:relative;padding: 16px;border-radius: 6px; border: 1px solid var(--gris5);min-height: 150px;} #lista-extras li > * {position:relative; height:100%;} #lista-extras li a {position: absolute; left:0; top:0; width:100%; height:100%;z-index:2;border:0;text-decoration: none;;} #lista-extras li > img {width:100%; height:100%; background-color: #eaeaea;object-fit:cover;border-radius:6px;z-index:1;} #lista-extras li > div > * {position:relative; } #lista-extras li > div .box1 {} #lista-extras li > div .box1 span {font-weight: 600; font-size: 15px;} #lista-extras li > div span.anterior {font-weight: 400;font-size: 15px;} #lista-extras li > div p {margin:4px 0 3px 0;max-height:45px;font-size: 13px; line-height:19px;} #lista-extras li > div .box2 {display:grid; grid-template-columns: auto 83px; } #lista-extras li > div .box2 .precio {font-weight: 600; font-size: 20px;padding-top:3px;/*display:flex;align-items: center;*/} #lista-extras li > div .box2 .tipo-precio {font-size: 10px;margin-left:2px;} #lista-extras li > div .box2 .controles {position:relative; z-index:3; justify-content: flex-end;} #lista-extras li > div .box2 .controles i {width: 30px; margin-left: -4px;text-align:center;} #lista-extras li:hover{border-color: var(--gris4); box-shadow: rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/} #lista-extras li:hover:before {background-color: #eaeaea;} #lista-extras li.seleccionado {border-color: var(--colorHotelActual);} #lista-extras li.seleccionado:after {display:none;} #lista-extras li.seleccionado .controles > span {background-color: var(--colorHotelActual) !important; color: white !important; transition: all .2s ease;} #lista-extras li.off {cursor:not-allowed;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva { grid-area: datos-reserva;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva:after {background-size: 180px;background-image: url(../img/personal-information.svg); background-position: 7px 20px !important;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos {margin: 0;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul {display:grid;grid-gap: 15px;margin:0; padding:0; } body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul:nth-of-type(1) {grid-template-columns: 1fr 1fr 1fr;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul:nth-of-type(2) {margin-top: 20px;grid-template-columns: 1fr;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos #observaciones-area > div {position:relative;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos #observaciones-area p {margin: 5px 0px 10px 0px; font-size: 14px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li {display:inline-block;position:relative;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li .form-item {transition: all .2s ease;border:0;padding: 10px 15px;font-size: 16px;-webkit-appearance: none; outline:none;padding-top: 31px; width: 100%; color: #1d1d1d;background-color: transparent; border-radius: 6px;border: 1px solid var(--gris5); height: 58px; cursor: initial; font-weight: 600;background-position: 95% 30px;background-repeat: no-repeat;background-size: 13px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li label {position: absolute!important;z-index: 9;left: 15px;pointer-events: none;transition: all .2s ease; padding: 0 5px 0 0; top: 19px;margin: auto;height: 21px;color: #484c55;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos >ul li .form-item.completado+label, body[data-paso-actual="2"] #contenedor-paso #datos-reserva ul li .form-item:focus+label {top: 6px !important;font-size: 14px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos >ul li .form-item:hover {border-color: var(--gris4);box-shadow: rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li .form-item:focus {border-color: var(--colorHotelActual);box-shadow: rgb(70 54 54 / 3%) 0px 6px 11px 0/*, 0px 1px 4px -1px rgb(0 0 0 / 5%)*/} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li .form-item:focus+label {color: var(--colorHotelActual)} body[data-paso-actual="2"] .msg-form-incompleto {color: #de1a1a; font-weight: 600;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos input.completado:invalid:not(:focus), #form-datos input.error-campo {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuNDk3LDAsMCwxMTQuNTA3LDAsMjU2YzAsMTQxLjUwMywxMTQuNTA3LDI1NiwyNTYsMjU2YzE0MS41MDMsMCwyNTYtMTE0LjUwNywyNTYtMjU2ICAgIEM1MTIsMTE0LjQ5NywzOTcuNDkzLDAsMjU2LDB6IE0yNTYsNDcyYy0xMTkuMzkzLDAtMjE2LTk2LjYxNS0yMTYtMjE2YzAtMTE5LjM5Myw5Ni42MTUtMjE2LDIxNi0yMTYgICAgYzExOS4zOTMsMCwyMTYsOTYuNjE1LDIxNiwyMTZDNDcyLDM3NS4zOTMsMzc1LjM4NSw0NzIsMjU2LDQ3MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNGNzY4NjgiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1NiwxMjguODc3Yy0xMS4wNDYsMC0yMCw4Ljk1NC0yMCwyMFYyNzcuNjdjMCwxMS4wNDYsOC45NTQsMjAsMjAsMjBzMjAtOC45NTQsMjAtMjBWMTQ4Ljg3NyAgICBDMjc2LDEzNy44MzEsMjY3LjA0NiwxMjguODc3LDI1NiwxMjguODc3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0Y3Njg2OCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIyNTYiIGN5PSIzNDkuMTYiIHI9IjI3IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRjc2ODY4Ij48L2NpcmNsZT4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos input.completado:invalid:not(:focus), #form-datos input.error-campo {background-color: rgba(222, 26, 26, 0.05) !important; border-color: rgba(222, 26, 26) !important;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos input.completado:valid:not(:focus) {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjYiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48cGF0aCBkPSJtLjMsMTRjLTAuMi0wLjItMC4zLTAuNS0wLjMtMC43czAuMS0wLjUgMC4zLTAuN2wxLjQtMS40YzAuNC0wLjQgMS0wLjQgMS40LDBsLjEsLjEgNS41LDUuOWMwLjIsMC4yIDAuNSwwLjIgMC43LDBsMTMuNC0xMy45aDAuMXYtOC44ODE3OGUtMTZjMC40LTAuNCAxLTAuNCAxLjQsMGwxLjQsMS40YzAuNCwwLjQgMC40LDEgMCwxLjRsMCwwLTE2LDE2LjZjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtNy44LTguNC0uMi0uM3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzZCOUY0MCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==);} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li select {padding-top:28px !important;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente {display:flex;margin-bottom:5px;color: #565656; flex-direction:column;/*align-items:center;*/} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-out {margin-bottom:-3px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-out .cintillo.off {border-bottom: 0px solid #c5c5c5; color: #939393;cursor:pointer; margin-left: 15px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-out .cintillo.off:hover {color:#1d1d1d; border-bottom: 1px solid #1d1d1d; } body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in.off, body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-out.off {display:none;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in {display:flex; margin-bottom: 10px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in a {color: #7b7b7b; font-weight: 400; margin-left:8px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in svg {height:17px; width: 17px;margin-right:7px;margin-top:2px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in span {font-weight: 600;color: var(--colorHotelActual);font-size: 15px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente #logged-in svg * {fill: var(--colorHotelActual);} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente .tip-descuento-cliente-habitual {cursor:pointer;margin-bottom:20px;position:relative;overflow:hidden;display:flex; justify-content: space-between; border-radius: 6px;padding: 10px 15px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente .tip-descuento-cliente-habitual span {color:#1d1d1d;position:relative; z-index:2; font-size: 14px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente .tip-descuento-cliente-habitual a {position:relative;margin-top:1px; z-index:2; color: var(--colorHotelActual); border: 0px; text-transform: uppercase; font-size: 12px;font-weight: 700;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #login-cliente .tip-descuento-cliente-habitual:hover:after {opacity:0.2;} body[data-paso-actual="2"] #contenedor-paso h3 {margin-bottom: 15px; font-size: 25px;margin-top:6px;font-weight: 600;} body[data-paso-actual="2"] #contenedor-paso ul.legal {list-style: none; padding:20px 0 0 0;margin: 35px 0 10px 0;opacity:0.8; border-top: 1px solid var(--gris5);} body[data-paso-actual="2"] #contenedor-paso ul.legal li {width: 100%; padding:0;margin:0 0 1px 0;} body[data-paso-actual="2"] #contenedor-paso ul.legal li input {margin-right: 8px;margin-left:1px; } body[data-paso-actual="2"] input[type='checkbox'] ~ span, body[data-paso-actual="2"] input[type='checkbox'] {cursor:pointer;font-size: 14px;} body[data-paso-actual="2"] input[type='checkbox'] ~ span:hover, body[data-paso-actual="2"] input[type='checkbox']:hover ~ span, body[data-paso-actual="2"] input[type='checkbox']:hover {opacity:0.8;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva {grid-area: pago-reserva;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #notas-pago:before {content:""; position: absolute; left:0;width: 15px;height: 15px;background-image: url(../img/info.svg);background-size: 15px; top: 11px;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #notas-pago {position: relative;font-size: 14px; padding: 8px 0 30px 34px;border-bottom: 1px solid var(--gris5);} body[data-paso-actual="2"] #contenedor-paso #pago-reserva:after {background-image: url('../img/pago4.svg');background-size: 170px; background-position: -2px 20px !important;} body[data-paso-actual="2"] #contenedor-paso .acceso-directo {padding: 10px 0;} body[data-paso-actual="2"] #contenedor-paso .acceso-directo span.acceso-simbolo {background-color: var(--gris1);} body[data-paso-actual="2"] #contenedor-paso .acceso-directo:hover span.acceso-simbolo {background-color: var(--gris5);} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago {margin: 0 0 15px 0; padding:0;list-style: none; display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr; } body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li {overflow:hidden;position:relative;cursor:pointer;transition: all .2s ease;position:relative;padding: 16px 15px 0px 65px;border-radius: 6px; border: 1px solid var(--gris1);height: 73px;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li > * {position:relative; z-index:1;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li span {font-weight: 600;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li p {margin:0;font-size: 13px;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li:before {z-index:1;transition: all .2s ease;content:""; position: absolute; top: 0; bottom:0; border-radius:6px;margin: auto;left: 15px;background-color: #f3f3f3;height: 34px; width: 34px;background-repeat: no-repeat; background-position:center; background-size:18px; } body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-tipo-pago="recepcion"]:before, body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-icono="recepcion"]:before {background-image: url('../img/reception.svg');} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-tipo-pago="redsys"]:before, body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-icono="tarjeta"]:before {background-image: url('../img/tarjeta.svg');} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-icono="avion-papel"]:before {background-image: url('../img/transfer.svg?2');} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li[data-tipo-pago="gpay"]:before {background-image: url('../img/google.svg');} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li:hover{border-color: var(--gris4);} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li:hover:before {background-color: #eaeaea;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li.seleccionado, #login-cliente .tip-descuento-cliente-habitual {border-color: var(--colorHotelActual);} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li.seleccionado:after, #login-cliente .tip-descuento-cliente-habitual:after {opacity:0.3;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li.seleccionado:before {background-color:var(--colorHotelActual); background-image: url(../img/tic-fino.svg);} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li.off {cursor:not-allowed;} table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #lista-pagos:not(.on) {display:none;} body:not(.manage) #lista-pagos{padding: 0px 0 20px 0px;margin-bottom:15px; border-bottom: 1px solid var(--gris5);} #lista-pagos table {border: 0;border-spacing: 0;border-collapse: collapse;} #lista-pagos table th {font-size: 14px; font-weight:normal;} #lista-pagos table thead, #lista-pagos table tbody {display:block;} #lista-pagos table thead th{font-weight: bold;margin-bottom:11px; } #lista-pagos table thead tr, #lista-pagos table tbody tr{position:relative;display:grid; grid-template-columns: 1fr 1fr 1.5fr 1.5fr;} #lista-pagos table tbody {display:grid; grid-template-rows: 1fr; grid-gap: 8px;} body:not(.manage) #lista-pagos table tbody tr:not(.on) {display:none;} body:not(.manage) #lista-pagos table tbody tr {background-color: var(--gris3); padding: 10px 0; border-radius: 4px;} body:not(.manage) #lista-pagos table tbody tr th:first-child {padding-left: 11px;} #lista-pagos table tbody tr th {position:relative;z-index:1;padding-right: 4px;} /*#lista-pagos table tbody tr th:first-child span {background-color: #1d1d1d; color:white;display:block; width: 15px; height: 15px; border-radius: 4px;text-align:center;}*/ body[data-paso-actual="2"] #contenedor-paso #condiciones { grid-area: condiciones; } body[data-paso-actual="2"] #contenedor-paso #condiciones:after {background-image: url('../img/signature.svg');background-size: 155px; background-position:4px 20px !important;} body[data-paso-actual="2"] #contenedor-paso #condiciones .tabla-condiciones {width:100%; margin:0; list-style:none;padding: 0 ; column-gap: 15px;display:grid; grid-template-columns: 1fr 1fr; } body[data-paso-actual="2"] #contenedor-paso #condiciones .tabla-condiciones li {border:0; padding-bottom:0px;} body#odiseo {padding: 0 !important;} body#odiseo .modal .tabla-condiciones {font-size: 15px;} body#odiseo .tabla-condiciones li {margin:0 0 0 0; border-bottom: 1px solid var(--gris1);padding-bottom:20px;/*padding:12px 15px 14px 15px;background-color:#f1f1f1; border-radius: 6px;*/ } body#odiseo .tab-content .tabla-condiciones li {margin-bottom:16px;} body#odiseo .tabla-condiciones li a {font-weight: normal;} body#odiseo .tabla-condiciones li span b {font-weight: 600;} body#odiseo .tabla-condiciones li span:first-of-type, body#odiseo #pago-reserva .cintillo, body#odiseo #datos-reserva .cintillo, #extras-reserva .cintillo {position:relative;letter-spacing: -0.15px;border-color: #747474;font-size:13px;text-transform: uppercase; display:inline-block; border-bottom:1px solid var(--colorHotelActual);width:unset;font-weight: 700; margin-bottom:15px;display:inline-block; padding: 0 0 1px 0; color:var(--colorHotelActual);} body#odiseo #pago-reserva span[data-tippy-content]:after, .info-tippy:after { content:""; display:inline-block; width: 13px; height: 13px; pointer-events: none;background-image: url(../img/info.svg); opacity:0.5; background-size: 100%;margin-left: 5px;position: relative;top: 2px;} .tippy-popper {z-index: 99999999999 !important;} body#odiseo .tabla-condiciones li span:last-of-type {padding-bottom:0 !important;} body#odiseo .tabla-condiciones li > span:not(:first-of-type) {display:block;padding-bottom:5px;line-height:22px;font-size: 14px;} body[data-paso-actual="2"] #contenedor-paso #condiciones #tarifa-elegida { border-radius: 6px; } body[data-paso-actual="2"] #contenedor-paso #condiciones h4 {font-size: 16px;background-color: #f3f3f3; border-radius: 6px; padding: 9px;font-weight: 600;margin-bottom:13px; padding-bottom:5px; } body#odiseo .tabla-condiciones:first-of-type {margin-bottom:5px;} body[data-paso-actual="2"] #contenedor-paso #condiciones ul.legal {margin-top:25px;} body#odiseo .tabla-condiciones .punto-verde, body#odiseo .tabla-condiciones .punto-rojo, body#odiseo .tabla-condiciones .punto-recargo{border-radius:100px;height:10px; margin-right:8px;width: 10px;background-size: 7px;background-repeat: no-repeat;background-position: center;display:inline-block;} body#odiseo .tabla-condiciones .punto-verde {background-color: #6ca041;} body#odiseo .tabla-condiciones .punto-rojo {background-color: #cf7171;} body#odiseo .tabla-condiciones .punto-recargo {background-color: #a9cc8b;} .enviando-reserva .swal2-title {margin-bottom: 25px;} #swal2-content { line-height: 20px;} .swal2-popup .swal2-title {line-height: 28px;} .swal2-popup .swal2-actions {margin-top: 2em;} .swal2-popup #swal2-content p {margin-bottom:5px !important;} .swal2-popup .swal2-validation-message {background: unset; margin-top:20px;} .swal2-validation-message.info::before {content:"i"; background-color: #fdc88a;} #form-membresia {margin-top:20px;} #form-membresia #fecha-nacimiento {display:grid; margin-top:10px;margin-bottom: 10px;grid-template-columns: 0.5fr 1fr 0.5fr;gap: 15px;} #form-newsletter {display:grid;gap: 15px; grid-template-columns: 1fr 1fr;} #form-membresia input {text-align:center;padding:0 !important;} #form-membresia select {padding: 0 8px;} #form-membresia label {display:block;margin-top:15px;} #form-membresia select option {text-transform: capitalize;} #form-newsletter {margin-top:20px;} /*PASO 3*/ body[data-paso-actual="3"] #contenedor-paso {display: grid; position:relative;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'confirmacion confirmacion confirmacion confirmacion sidebar';row-gap: 20px;column-gap: 30px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion {grid-area: confirmacion;padding: 15px 15px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion header {margin: 0 auto;text-align:center;background-color:#e8f3e3;padding: 20px 32px;border-radius:6px; } body[data-paso-actual="3"] #contenedor-paso #confirmacion header h3 {letter-spacing: -0.5px; font-size: 24px; font-weight: 600; margin-top: 14px;margin-bottom: 15px; } body[data-paso-actual="3"] #contenedor-paso #confirmacion header p {width: 100%; font-size:15px;margin:0;} body[data-paso-actual="3"] #contenedor-paso #confirmacion header span#iconotick {display:inline-block;height: 40px; width: 40px; border-radius: 1000px;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDc4LjM2OSA3OC4zNjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc4LjM2OSA3OC4zNjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxwYXRoIGQ9Ik03OC4wNDksMTkuMDE1TDI5LjQ1OCw2Ny42MDZjLTAuNDI4LDAuNDI4LTEuMTIxLDAuNDI4LTEuNTQ4LDBMMC4zMiw0MC4wMTVjLTAuNDI3LTAuNDI2LTAuNDI3LTEuMTE5LDAtMS41NDdsNi43MDQtNi43MDQgICBjMC40MjgtMC40MjcsMS4xMjEtMC40MjcsMS41NDgsMGwyMC4xMTMsMjAuMTEybDQxLjExMy00MS4xMTNjMC40MjktMC40MjcsMS4xMi0wLjQyNywxLjU0OCwwbDYuNzAzLDYuNzA0ICAgQzc4LjQ3NywxNy44OTQsNzguNDc3LDE4LjU4Niw3OC4wNDksMTkuMDE1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=);background-size: 20px;background-repeat: no-repeat;background-position: center;background-color: #6b9f40;border-color: #6b9f40;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #localizador {border-top: 1px solid var(--gris1); padding-top: 30px; margin-top: 30px;margin-bottom: 30px;text-align:center;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #localizador span:first-of-type {font-size: 15px; text-transform: uppercase;width:100%; font-weight: 700;display:inline-block;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #localizador span:last-of-type {font-size: 30px; font-weight: 600; letter-spacing: 2px;display:inline-block; padding: 15px 13px; border: 1px solid #1d1d1d; border-radius:10px;margin: 10px 0 10px 0;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #localizador p {width: 100%; max-width: 600px;font-size:15px;margin:0 auto;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights {margin:0;padding:0;list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights li {text-align:center; background-color: var(--gris3);display: flex;justify-content: center; align-items: center;flex-direction:column;height: 210px;border-radius:10px; padding: 0 30px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights li span {font-size: 15px; text-transform: uppercase;font-weight: 700; color: var(--fresa1)} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights li h5 {font-size: 20px;font-weight: 600;margin-top:3px;line-height:normal;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights li p {font-size: 15px;margin-top:15px;margin-bottom:0;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion {border-top: 1px solid var(--gris1); padding-top: 30px; margin-top: 30px;margin-bottom: 10px;text-align:center;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion > span:first-of-type {font-size: 15px; text-transform: uppercase;width:100%; font-weight: 700;display:inline-block;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion > span:nth-of-type(2) {width: 100%; max-width: 600px;font-size:15px;margin:0 auto;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion > span#thanks {margin-top: 15px;text-align:center; width: 100%; font-weight: 600;font-size: 15px;display:none;color: var(--fresa1);} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion.success {pointer-events: none;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion.success > span#thanks {display:block;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul {margin:20px auto 0 auto; max-width: 500px;padding:0; list-style: none; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;display:grid; column-gap: 15px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul li {padding: 10px 5px 8px 5px;border-radius: 6px; border: 1px solid var(--gris5); text-align:center;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul li.on {background-color: rgba(248, 248, 248, 1); border-color: #1d1d1d;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul li:hover {border-color: #1d1d1d; cursor:pointer;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul li img {width: 25px; height: 25px;margin-bottom:5px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul li span {font-weight: 600; font-size: 15px; width:100%; display:inline-block;} /*ERROR*/ #error-page {text-align:center;} #error-page #error {padding: 30px;text-align:center;display:flex;align-items: center; flex-direction: column; justify-content: center;background-color: white; border-radius: 10px; max-width: 500px; min-height: 270px;width:90%;margin: 0 auto;box-shadow: rgba(70,54,54,.08) 0 2px 7px 0;} #error-page #error span, .tag-error {display:inline-block; background-color: #eaeaea; text-transform: uppercase; font-size: 12px;font-weight: 600; padding: 2px 8px;border-radius: 3px; color:gray;} #error-page #error img {width: 70px;margin: 0 20px 20px 20px;} #error-page #error h2 {font-size: 24px;margin: 0 0 7px 0;line-height:30px;} #error-page #error p {margin:15px 0 0 0;font-size: 15px;line-height: 23px;} #error-page .boton-negro { width: 130px;line-height:46px; margin-top:20px; height:49px;} @media (min-width: 1279px) { #pasos .subproceso h2 span.paso {top: -1px;} #pasos .subproceso:not(:last-of-type):before {/*position: absolute;content: "";right: 0;width: 215px;height: 1px;background-color: #e2e2e2;top: 12px;margin-left: calc(100% + 37px);*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen:hover {/*opacity:1 !important;*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen:hover:after {height:100%; z-index:2;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen:hover span { top:-30px;opacity:0;} #accesos-rapidos{width:100%;position:absolute;top:-49px;right:0;margin: 0;justify-content: space-between;align-items: stretch;/*position:relative;*/display:flex;padding-top:0px;list-style: none; /*width: 100%; max-width: 1018px;*/ margin-bottom:25px;padding: 0; overflow:unset !important; transition: all .2s ease;} #accesos-rapidos .anadir-descuento span.acceso-simbolo:before {margin-left:1px;} #contenedor-paso #sidebar.fixed > * {position:sticky !important; top:20px;} .modal-wrapper .hotel .tabs > div p {max-height: 144px; overflow:auto;} body #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-ver-carrito {display:none;} } @media (max-width: 1279px) { * { -webkit-tap-highlight-color: transparent; } body {overflow-x: hidden;} #odiseo {background-color: white;max-width: 500px; margin: 0 auto;} #odiseo.intranet {max-width: unset;} #contenedor-odiseo {overflow:hidden;padding: 20px;margin-bottom:0; padding-bottom: 10px; /*background: linear-gradient(to bottom,#f1f1f1 0%,#f1f1f1 223px,#ffffff 240px,#ffffff 100%)*/ background:linear-gradient(to bottom,#f1f1f1 0%,#f1f1f1 151px,#ffffff 300px,#ffffff 100%) } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden} .modal-wrapper {height: 100dvh !important;} #contenedor-paso #sidebar #resumen-reserva {/*overflow:hidden;*/position:fixed;border:0;box-shadow: -1px -8px 12px -4px rgb(0 0 0 / 25%);will-change: auto;transition: all .2s ease;bottom:-106px; height: 106px; z-index:99999;left:0; width: 100% !important;background-color: rgba(255,255,255,1);} body[data-paso-actual="1"] #contenedor-paso #sidebar #resumen-reserva {-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);background-color: rgba(255,255,255,0.7);} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab {line-height:20px;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .tit {font-size: 13px;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .ocupacion-hab, #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .regimen-hab {display:inline-block;font-size:14px;width:unset;} #contenedor-paso #sidebar #resumen-reserva #resumen-habitaciones .resumen-hab .regimen-hab:before {content: " · "} #contenedor-paso #sidebar #resumen-reserva h2 {font-size: 24px;} #finalizar-continuar #impuestos-incluidos {margin-top: 0px;font-size: 12px;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-ver-carrito {display:none !important;} body #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-ver-carrito {margin-top:6px; height:58px;margin-top:6px;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total span.precio-xl {font-size: 27px;} body[data-paso-actual="2"] #contenedor-paso #sidebar #resumen-reserva:before {pointer-events: none;position: absolute; bottom: 0;height:100%; width:100%; content:""; left:0; box-shadow: -1px -14px 91px 2px rgba(255,255,255, 0.7)} body[data-paso-actual="2"].resumen-desplegado #contenedor-paso #sidebar #resumen-reserva:before {display:none;} #accesos-rapidos span.acceso-txt.mobile {display: inline-flex !important;} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva > div { position: absolute;width:100%;left:0; bottom: 0; padding:20px;} body.resumen-asomado:not(.widgetabierto) #contenedor-paso #sidebar #resumen-reserva {bottom:0;} body #resumen-reserva > div {opacity:0;transition: all .2s ease;} body.resumen-cont-shown #resumen-reserva > div {opacity:1;} body.resumen-animation #resumen-reserva{height: 600px;} #overlay-resumen {transition: .4s ease all;content:""; opacity:0; pointer-events:none;left:0; top:0; position: fixed;z-index:9999;height: 100vh;width: 100vw;background-color:#1d1d1d;} .resumen-desplegado #overlay-resumen{opacity:0.7; background-color: #1d1d1d;pointer-events: unset !important;} body:not(.resumen-cont-shown).resumen-asomado #resumen-reserva{background-color:white !important;} body.resumen-desplegado {overflow:hidden;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva {height: 600px; bottom:0;background-color:white;padding-top:0;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva > div {padding:30px 20px 20px 20px;position:relative;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva .styled-scrollbars{ height: 260px;overflow: auto;} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva .hidden-replegado, body.resumen-animation #contenedor-paso #sidebar #resumen-reserva .hidden-replegado {display:none !important;} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-reservar {margin-bottom:0;height:58px;margin-top:6px; padding: 0 5px;background-position-x: 5px;/*background-position-y: 4px;background-size: 21px;background-repeat: no-repeat;background-position: right 17px center;margin-top:17px !important;background-image: url("../img/right-arrow.svg");*/} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar {display:grid; grid-template-columns: 45fr 21fr 30fr;height:69px;gap: 10px;} body.modificacion:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar {grid-template-columns: 65fr 40fr 40fr;} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header {margin-bottom:0px;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total {position:relative;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar {height: calc(100% - 260px - 106px);position:relative;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #boton-reservar {margin:0; position:absolute; bottom:0;left:0;width:100%;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total header#info-conversion {position: absolute;margin:0;width: 200px;right: 0; top: 0;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total>span#tarifa-cancelacion {font-size:14px;} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva #cerrar-resumen {position: absolute;display:flex !important; justify-content:center;align-items: center; right: 19px; top:28px; height:30px; width:30px;} #contenedor-paso #sidebar #resumen-reserva #cerrar-resumen img { height:16px; width:16px;} #contenedor-paso #sidebar #resumen-reserva #detalle-reserva li {width:100%;} #desplegar-resumen {opacity:0;z-index:98;width:15px; height:15px; background-position:center;background-image: url('../img/desplegar.svg');pointer-events: none; background-size: 100%; background-repeat:no-repeat; border-radius:100px;position:absolute;left:20px; margin: auto; } body.resumen-asomado #desplegar-resumen {opacity:1;bottom: 72px;} body.resumen-desplegado #aux {position:absolute; bottom:91px; width:calc(100% - 40px);z-index:99;} body.resumen-desplegado #accesos-rapidos {justify-content: space-between;display: flex;display:none;} #contenedor-paso #sidebar #resumen-reserva span#click-resumen {left:30px;opacity:0.5; bottom:20px;font-weight:600;position:absolute;margin-left:9px;font-size:12px;letter-spacing:normal; text-transform:uppercase;} #contenedor-paso #sidebar #resumen-reserva span#click-resumen:before {content:""; position:absolute; top:-1px; background-size: 100%; width:15px; height:15px; left:-21px;background-image: url(../img/desplegar.svg);} body.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva span#click-resumen {display:none !important;} body:not(.resumen-desplegado) #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total {margin-bottom:1px;} body[data-paso-actual="1"] #barra-estado {display:none;} #barra-estado {grid-template-columns: 1fr;margin-top:6px; margin-bottom:5px;display:none;} #barra-estado #pasos {width:100%;margin-top:0px; margin-bottom:0; align-items: stretch; justify-content: space-between;margin-bottom: 13px; } #barra-estado #pasos .subproceso h2 span.txtpaso {font-size: 16px;width:unset !important;margin-left: 0px;color:#d1d1d1} #barra-estado #pasos .subproceso h2 {margin-bottom:0;width: unset;} #barra-estado #pasos .subproceso {position:relative;z-index:1;display:inline-block;margin-right:0;padding-top: 0px;padding-left: 0px;padding-right:0;box-shadow: none;background-color: transparent !important; margin-right: 0;width:unset;float:none;} #barra-estado #pasos .subproceso h2 span.paso {display:block;position:relative;border-radius:100px;line-height:22px;font-size:12px;width:20px; height:20px;background-color:#d7d7d7;margin-bottom:10px !important;} .paso3 #pasos .subproceso {width:unset !important} body.modal-abierto {overflow: hidden;} .modal-wrapper {background:rgb(0 0 0/60%)} .modal-wrapper .modal {width:100%; height:calc(100vh); top: 0px;row-gap:0px;bottom: unset;max-height:unset;border-radius:0 !important; box-shadow:none; grid-template-rows: 120px auto;} .modal-wrapper .modal.moneda {row-gap: 20px;} .modal-wrapper > .moneda .boton-negro {margin-top:0;} .modal-wrapper .modal.hotel, .modal-wrapper .modal.habitaciones {padding-left:0; padding-right:0;gap: 0px !important;} .modal-wrapper .modal.hotel {padding-top: 0px;grid-template-rows: 100px auto;} .modal-wrapper .modal.hotel > header.tabbed, .modal-wrapper .modal.habitaciones > header.tabbed {padding: 0 25px;} .modal-wrapper .modal.hotel > header.tabbed {padding-bottom: 15px;} .modal-wrapper header.tabbed {overflow:auto;/*height:130px;*/} .modal-wrapper header.tabbed > * {height:unset;} .modal-wrapper header.tabbed h2 {margin-top:25px;height:20px;} .modal-wrapper header.tabbed .tab-menu {display: inline-block;white-space: nowrap;margin-top: 66px; width:100%; overflow-x: auto;} .modal-wrapper header.tabbed .tab-menu li:first-of-type {margin-left:0;} .modal-wrapper .modal:not(.hotel) #lista-servicios:before {width:calc(100% + 25px);} .modal-wrapper .modal.tarifa, .modal-wrapper .modal.regimen, .modal-wrapper .modal.habitaciones {grid-template-rows: 70px auto;} .modal-wrapper .owl-theme .owl-nav {padding: 0 17px;} .modal-wrapper .owl-theme .owl-nav button {opacity:1;background-color: rgba(0,0,0,0.5) !important;color: white !important;width: 38px;} .modal-wrapper .owl-theme .owl-nav button:hover {background-color: rgba(0,0,0,0.5) !important;} .modal-wrapper #cerrar-modal {position:absolute !important; right:20px;top:10px;height:40px; width:40px;} .modal-wrapper .hotel { grid-template-rows: 100px auto;} .modal-wrapper .hotel, .modal-wrapper .habitacion {padding-bottom:0;} .modal-wrapper .hotel .tabs {overflow:auto;} .modal-wrapper .hotel div.estructura1, .modal-wrapper .hotel div.estructura2 {display:flex;flex-direction: column;height:unset;padding-bottom:100px;row-gap:17px;} .modal-wrapper .modal .estructura1:before {display:none;} .modal-wrapper .hotel div.estructura1 .contenedor > div:nth-of-type(2) {margin: 20px 0;} .modal-wrapper .hotel div.estructura1 .contenedor {grid-template-columns: 1fr;overflow:unset;order:2;padding: 0 25px;} .modal-wrapper .hotel div.estructura2 .contenedorL {padding: 0 25px;} .modal-wrapper #highlights li {font-size: 17px !important;} .modal-wrapper div.img {height:240px !important;} .modal-wrapper .hotel div.estructura1>div.img {height:240px;} .modal-wrapper .hotel .tabs > div h3, .modal-wrapper .habitaciones .contenedor h3 {font-size:28px;} .modal-wrapper .hotel .tabs > div h3 br {display:none;} .modal-wrapper .tabs>div p {font-size: 16px; line-height:23px;margin-bottom:0; height: unset;} .modal-wrapper .tabs>div .seguir-leyendo {font-size: 16px;line-height:21px;margin-top:3px;display:inline-block !important;} .modal-wrapper .tabs>div p.text-overflow-mobile {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;} .modal-wrapper .hotel div.estructura2 .contenedorR {height:400px;order:1;} .modal-wrapper .hotel div.estructura2 .contenedorL {order:2;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion {display:block;margin: 20px 0;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion address {margin-bottom:15px;} .modal-wrapper .hotel div.estructura2 .contenedorL #localizacion #direccion a {max-width: 200px;} .modal-wrapper .hotel #opiniones {display:block;padding: 0 25px;} .modal-wrapper .hotel #opiniones #resumen-opiniones > p {margin-top: 0px; font-size: 14px;margin-bottom:10px;} .modal-wrapper .hotel #opiniones > ul {grid-template-columns: 1fr;overflow:hidden;height:unset; min-height:unset;padding-right:0;margin-top:20px;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li {margin-bottom:8px;} .modal-wrapper .hotel #opiniones #resumen-opiniones ul li.nota-servicio .barra-nota {height:10px;} .modal-wrapper .habitaciones .contenedor {padding: 0;overflow:unset;} .modal-wrapper .habitaciones .contenedor > div:not(.img) {padding: 0 25px;} .modal-wrapper .owl-carousel {border-radius:0 !important;} .modal-wrapper .owl-item {border-radius:0 !important;} .modal-wrapper #lista-servicios {grid-template-columns: 1fr 1fr;padding: 20px;} .modal-wrapper #lista-servicios li {font-size: 14px;line-height:19px;} .modal-wrapper .regimen #lista-servicios {padding:20px 0;} .modal-wrapper .hotel div.estructura1 .contenedor > div:nth-of-type(2) {position:relative;padding: 20px 0;} .modal-wrapper .hotel div.estructura1 .contenedor > div:nth-of-type(2):before {width: calc(100% + 50px);height: calc(100% + 120px);content: "";opacity: 1;background-color: #f5f5f5;left: -25px;top: 0;position: absolute;} .modal-wrapper #lista-servicios:before {height: calc(100% + 120px);} .modal-wrapper .habitaciones .tabs {padding-bottom:100px;} .modal-wrapper .habitaciones .mapa-habitacion {padding:0 !important;} .modal-wrapper .habitaciones .mapa-habitacion iframe {border-radius:0 !important;} body:not(.intranet)::-webkit-scrollbar { -webkit-appearance: none; } .styled-scrollbars::-webkit-scrollbar {width: 0px; /* Mostly for vertical scrollbars */height: 10px; /* Mostly for horizontal scrollbars */} body[data-paso-actual="1"] #contenedor-paso.disponibilidad {display:unset;} #contenedor-paso > * {margin-bottom:20px;} /*MULTIHOTEL*/ #contenedor-paso.no-disponibilidad #resultado-busqueda {display:grid;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad h3 {font-size: 20px;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad h3 i { margin-right: 7px; position: relative;top: 2px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo {grid-template-columns: 1fr;height:unset;padding:0;gap: 16px;overflow:unset;margin-bottom: 30px !important;box-shadow: none;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header {grid-template-columns: 1fr;grid-template-rows: 200px auto;gap: 13px; border: 0px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > img {box-shadow: rgb(70 54 54 / 10%) 0px 6px 11px 0;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde {width:unset;overflow-x: auto;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo *::-webkit-scrollbar { display: none; } body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo > .slider-precios {width:calc(100% + 40px);overflow:hidden;position: relative;left: -20px;margin-top:3px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li:first-of-type {margin-left: 20px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde {height: 151px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo .precio-desde li {width: 150px; height: 150px;margin-right: 10px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header > div {padding-right:0px;align-items: center;display: grid; grid-template-areas: 'nombre-hotel nombre-hotel' 'localizacion-hotel opiniones-hotel' 'texto-hotel texto-hotel'; justify-content: flex-start; grid-template-columns: auto 1fr;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div h2 {grid-area: nombre-hotel;margin-bottom:7px;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div .localizacion {display:inline-block;grid-area: localizacion-hotel;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div .localizacion span {display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div #opiniones {grid-area: opiniones-hotel; margin-left: 12px;justify-content: flex-start;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div #opiniones span {font-weight: 400;} body[data-paso-actual="1"] #contenedor-paso .resultados-hotel-alternativo header>div p { grid-area: texto-hotel;display:none;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad .error.no-disponibilidad {padding: 15px;} #contenedor-paso #resultado-busqueda,#contenedor-paso #resultado-busqueda .habitacion, body[data-paso-actual="1"] #contenedor-paso .ficha-hotel {background-color: transparent;box-shadow:none;padding:0;display:block; border-radius:0;} body[data-paso-actual="1"] .grupo-precios li:after {width: 250px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles {grid-template-columns: 1fr;} /*body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete:before {opacity:0.7;}*/ body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete {padding:0; box-shadow:none;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel {height:unset;padding:24px 0px 30px 0px; border: 1px solid var(--gris4);margin-bottom:25px; border-left:0px; border-right:0px;border-radius:0px; border-bottom-color: var(--colorHotelActual);} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:before, i.icono:before {margin-right:6px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header {padding:0;border-right:0;display:block;height:unset;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header div h2 {margin-bottom: 6px; font-size: 21px; line-height: 23px;color: var(--colorHotelActual);margin-top:-2px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header img {width: 98px; height: 98px;position:absolute; right: 0px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #info-hotel {width: calc(100% - 115px);} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel p {font-size: 14.5px;white-space: unset;width:100%;line-height:21px;margin:0px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel header > div {border:0;gap: 16px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #datos-hotel {border-right:0;padding:0; margin-top: 15px;gap: 4px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel { flex-direction: row; justify-content: unset;align-items: center;/*align-items: stretch; justify-content: space-between;*/padding-top: 12px; } body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel.mobile {display:block !important;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a {width: unset;height:19px; margin-right:7px; font-size: 14.5px;padding-left:0px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a:after {display:none !important;opacity:0.7; transform: scale(1);top:-5px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.mapa:before {background-size: 17px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel a.fotos:before {background-size: 17px;margin-left:-1px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #enlaces-hotel:before {display:none;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) header {border-top: 1px solid var(--colorHotelActual);} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) header:before {content: "";margin-bottom:15px;display:block; width: 100%; height: 10px;background-color: var(--colorHotelActualLight); opacity: 0.5; pointer-events: none;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel:before {transition: all .2s ease;content: "";position: absolute; left: 0;bottom:0px; width: 100%; height: 10px;background-color: var(--colorHotelActualLight); opacity: 0.5; pointer-events: none;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #datos-hotel p {margin-bottom: 11px;} @media (max-height: 800px) {body[data-paso-actual="1"] #contenedor-paso .ficha-hotel #datos-hotel p{ display:none; }} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete p {line-height:21px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header {} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion, body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete .allotment {top: 214px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion > span {margin-left:1px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span.detalles-habitacion {width: 29px !important;/*width: 122px !important;*/} body[data-paso-actual="1"] #contenedor-paso .habitacion .shortcuts-habitacion span.detalles-habitacion > span {top:5px;} #contenedor-paso #resultado-busqueda .habitacion:not([data-numerohab="1"]) {border-top: 2px solid var(--colorHotelActual); padding-top:10px;margin-top:30px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete.seleccionado {border-color: transparent;} #contenedor-paso #resultado-busqueda .habitacion:not([data-numerohab="1"]) > header {padding-bottom:30px;} body[data-paso-actual="1"][data-solicitud="modificacion"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete[data-disponibles="0"] ul.regimenes li.regimen .reclamo-regimen {display:none;} body[data-paso-actual="1"][data-solicitud="modificacion"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete {background-color: transparent !important;padding:0;} body[data-paso-actual="1"][data-solicitud="modificacion"] #contenedor-paso #resultado-busqueda .habitacion {border: 0 !important;} body[data-paso-actual="1"][data-solicitud="modificacion"] #contenedor-paso #resultado-busqueda .habitacion > header, body[data-paso-actual="1"][data-solicitud="modificacion"] #extras-reserva header {text-align:center;padding: 16px 0 !important;border-top: 2px solid var(--colorHotelActual) !important;border-bottom: 2px solid var(--colorHotelActual) !important;} body[data-paso-actual="1"][data-solicitud="modificacion"] #widget-reservas #distribucion:before {display:none;} body[data-paso-actual="1"][data-solicitud="modificacion"] #extras-reserva header {margin: 20px 0 20px 0px;} body[data-paso-actual="1"][data-solicitud="modificacion"].nhabs-1 #contenedor-paso .habitacion > header {display:block; margin-bottom:0px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen {grid-template-columns: 103px auto 66px;gap: 12px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen {grid-template-columns: 1fr 1fr;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .reclamo-regimen {display:none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen {padding-right: 0px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.tit-regimen {/*color: var(--colorHotelActual)*/ -webkit-line-clamp: 2;line-clamp: 2; text-overflow: unset; display: -webkit-box;-webkit-box-orient: vertical;white-space: unset;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .reclamo-regimen {font-size: 12px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen .anadir-regimen {font-size: 14px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen {text-align:center;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.tit-regimen:after {display:none;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.tit-regimen:before{content:""; position: relative;top: 1px; margin-right: 5px;width:13px; height:13px; background-image: url('../img/info.svg');background-size: 13px;display:inline-block;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete header img {height: 250px;} body[data-paso-actual="1"] span.anterior .price-locked {min-width: unset; padding: 0 13px;} body[data-paso-actual="1"] span.anterior .price-locked {font-size: 17px;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen {font-size: 19px;} body[data-paso-actual="1"] span.anterior .price-locked i.mobile {display:none !important;} body[data-paso-actual="1"] span.anterior .price-locked i.desktop {display:block !important;} body[data-paso-actual="1"].nhabs-1 #contenedor-paso .habitacion > header {display:none;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header {text-align: center;margin-bottom:20px;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header h2 {width:100%;display:block;margin-bottom:5px;} body[data-paso-actual="1"] #contenedor-paso .habitacion > header > span:before {display:none} body[data-paso-actual="2"] #contenedor-paso {display:block;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):before {display:none;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar):after {display:none;mix-blend-mode: unset;right:0px;left:unset;opacity:0.07;background-position: 7px 40px !important;} body[data-paso-actual="2"] #contenedor-paso >div:not(#sidebar) {border-radius:0;padding: 10px 0 50px 0; box-shadow: none; overflow:unset; background-color: transparent !important;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul {grid-template-columns: repeat(2, 1fr);position:relative;z-index:9;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul:nth-of-type(1) {grid-template-columns: 1fr 1fr;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li:first-of-type {grid-column: 1 / -1;} body[data-paso-actual="2"] #contenedor-paso ul.legal {padding-top: 0px; border:0px;} body[data-paso-actual="2"] #contenedor-paso h3 {color: var(--colorHotelActual);} body[data-paso-actual="2"] #finalizar-continuar #boton-reservar.boton-negro.off {background-color: #1d1d1d !important; color:white !important;} body[data-paso-actual="2"] #finalizar-continuar .boton-negro {font-size: 14px; } body:not(.intranet) .boton-negro span, body:not(.intranet) .boton-negro, body:not(.intranet) a, body:not(.intranet) span, body:not(.intranet) header { -webkit-user-select: none; /* Safari */user-select: none; /* Standard syntax */} #lista-extras li {padding: 14px;} .box-extras .controles span {background-color: var(--gris5)} .box-extras[data-formato="xl"] #lista-extras, .box-extras[data-formato="s"] #lista-extras {grid-template-columns: 1fr;} .box-extras[data-formato*="m"] #lista-extras {grid-template-columns: 1fr 1fr;} .box-extras[data-formato="s"] #lista-extras, .box-extras[data-formato*="m"] #lista-extras {gap: 10px;} .box-extras #lista-extras li {border-color: #d5d5d5;} .box-extras #lista-extras:not(:last-child) {margin-bottom: 35px;} .box-extras[data-formato="s"] #lista-extras {margin-top:5px;} .box-extras[data-formato*="m"] #lista-extras li:nth-of-type(1), .box-extras[data-formato*="m"] #lista-extras li:nth-of-type(2) {border-width: 1px 0px 1px 0px;} .box-extras[data-formato*="m"] #lista-extras li {grid-template-columns: 1fr;min-height: unset;padding: 10px 0px;border-width: 0px 0px 1px 0px;border-radius: 0px;} .box-extras[data-formato*="m"] #lista-extras li.seleccionado {background-color: transparent;} .box-extras[data-formato*="m"] #lista-extras li > div .box1 span {font-weight: 400; max-width: 80%} .box-extras[data-formato="s"] #lista-extras li > div .box1 span {font-weight: 400;} .box-extras[data-formato="s"] #lista-extras li {padding: 0px 0px 5px 0px; border-width: 0px 0px 1px 0px;border-radius: 0px;border:0px;} .box-extras[data-formato="s"] #lista-extras li .contenido-extra {grid-template-columns: 195px auto;align-items:center;} .box-extras[data-formato="s"] #lista-extras li > div .box2 .precio {justify-content:flex-start;} .box-extras[data-formato*="m"] #lista-extras {grid-gap: 0px 20px; margin-bottom:30px;} .box-extras[data-formato*="m"]:last-of-type #lista-extras {margin-bottom:0px;} #lista-extras li.seleccionado:after {display:none;} #lista-extras li > div .box2 {height: 28px;} .box-extras[data-formato*="m"] #lista-extras li > div .box2 .precio {align-items: center;} .box-extras[data-formato*="m"] #lista-extras li > div .box1 {height: 38px;} .box-extras[data-formato="m2f"] #lista-extras li > img {height: 73px; width:100%;} .box-extras[data-formato="m2f"] #lista-extras li {gap: 5px;} .box-extras[data-formato="m2f"] #lista-extras {row-gap: 15px;} body:not(.manage) #lista-pagos table tbody tr {background-color: var(--gris2);} body[data-paso-actual="2"] #contenedor-paso #condiciones .tabla-condiciones li {border:0px;} body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago {grid-template-columns: 1fr;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li .form-item, body[data-paso-actual="2"] #contenedor-paso #pago-reserva #metodos-pago li {border-color: #d5d5d5;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos #observaciones-area p {margin-bottom:15px;} body[data-paso-actual="2"] #contenedor-paso #datos-reserva #form-datos ul li .form-item {border:0px; background-color: var(--gris2)} body[data-paso-actual="2"] #contenedor-paso a:not(.nostyle-hover) {border-color: #9a9a9a;display:unset;} body[data-paso-actual="2"] #contenedor-paso ul.legal li {line-height:22px;margin-bottom:5px;} body#odiseo .tabla-condiciones li {margin-bottom:15px;} body[data-paso-actual="3"] #contenedor-paso {display:block;} body[data-paso-actual="3"] #contenedor-paso #confirmacion {padding:0;} body[data-paso-actual="3"] #contenedor-paso #confirmacion header h3 {line-height:29px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights {grid-template-columns: 1fr;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #highlights li {padding: 15px; margin-bottom:15px;height:unset;background-color: var(--gris2)} body[data-paso-actual="3"] #contenedor-paso #confirmacion #localizador, body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion {padding-top: 20px;margin-top: 20px;} body[data-paso-actual="3"] #contenedor-paso #confirmacion #opinion ul {grid-template-columns: 1fr 1fr 1fr; row-gap:15px;} body[data-paso-actual="2"] #contenedor-paso #condiciones .tabla-condiciones {grid-template-columns: 1fr;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad {display:block;padding: 0; background-color: transparent; border-radius:unset;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda {display:block;height:unset;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header p {display:none;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda header {column-gap: 15px;border-right:0;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde {margin-top:15px;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda .precio-desde .precio {margin-bottom:5px;} body[data-paso-actual="1"] #contenedor-paso.no-disponibilidad .error.no-disponibilidad h3 {line-height:normal;} body[data-paso-actual="1"] #contenedor-paso .ficha-hotel-multibusqueda {padding:0 !important;} body[data-paso-actual="1"] #contenedor-paso .habitacion .paquetes-disponibles li.paquete ul.regimenes li.regimen span.precio-regimen marquee {width:80px;} body[data-paso-actual="1"] span.anterior {order:2; overflow:unset;} #contenedor-paso #sidebar #resumen-reserva #finalizar-continuar #precio-total span.anterior {margin-left:0;} #contenedor-paso #resultado-busqueda > li:not(:last-of-type) {margin-bottom: 15px;} #features-footer {display:block;padding:0 ;text-align:center;margin-bottom: 25px;/*grid-template-columns: 1fr;text-align:center;padding: 5px 20px 30px 20px;*/} #features-footer > * {padding: 0 20px;} #features-footer h3 {font-size: 30px;margin-bottom: 30px;} #features-footer ul {display:block;height:225px;/*grid-template-columns: 1fr 1fr; margin-top:15px;grid-gap: 5px;*/} #features-footer ul li i {height:48px; width: 48px;border-radius:100px;margin-bottom:14px;background-size: 43% 45%;} #features-footer ul li span b {font-size: 19px; line-height:23px; max-width: 300px;display: inline-block;} #features-footer h3 span {display:inline; margin-right:10px;} #features-footer > div:before, #features-footer ul li:before {display:none;} #features-footer > div h3 {padding-top: 20px; border-top: 1px solid var(--gris4)} #features-footer ul li {display: inline;padding: 0; border: 0 !important;} #features-footer ul li p {font-size: 15px; line-height:21px;margin: 10px 0 7px 0;} #features-footer #mas-features {display:none;} #features-footer .owl-dots {width: 100%; height: 15px;margin-top: 15px;} #features-footer .owl-dot {width: 10px; height:10px;border-radius:100px; margin-right:5px; background-color: var(--gris1)} #features-footer .owl-dot.active {background-color: var(--gris4)} .modal-wrapper .nota-pie {position:absolute;width: 100%;bottom:0;} .modal-wrapper .tarifa .contenedor, .modal-wrapper .regimen .contenedor {height:unset;} /*#features-footer ul li:nth-of-type(odd):before {transition: all .2s ease;content:"";z-index:0;background-color: var(--colorHotelActualLight);opacity:0.3;width:100%; height:100%; position:absolute;left:0; top:0;} */ /*MODIFICACIONES*/ body[data-paso-actual="1"].modificacion:not(.resumen-desplegado) #selector-modificacion {opacity:0; pointer-events: none;} body[data-paso-actual="1"].modificacion.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva > div {padding: 30px 20px 0px 20px;} body[data-paso-actual="1"].modificacion.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva > div:nth-of-type(2) {padding-top:0 !important;} body[data-paso-actual="1"].modificacion.resumen-desplegado #contenedor-paso #sidebar #resumen-reserva .styled-scrollbars {height:203px;} body[data-paso-actual="1"].modificacion #widget-reservas #descuentos #campo-descuentos span.minititulo {width:unset;} /*OTROS*/ #powered-by {text-align:center;opacity:0.7; } }