/*---- UTILS -------------------------------------------------------------------------------------------------- */
/* MIXINS FOR EDIT MODE */
/* UTILS */
.content-sizzing {
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
.break-container {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
}
.default-container {
  width: 100% !important;
  /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
  margin-left: inherit;
}
.break-container-mobile {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
}
.common-focus {
  border-radius: 2px;
  box-shadow: 0 0 2px 2px #c5e8f3;
  border: solid 1px #155583;
  outline: none;
}
.required-right:after {
  content: "*";
}
.required-left:before {
  content: "*";
}
.windowed {
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.soft-corners {
  border-radius: 2px;
}
.paginated {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background: white;
  z-index: 9;
}
.paginated__content-size {
  max-width: 1140px;
  margin: auto;
}
.activePaginated {
  overflow-y: hidden;
  height: 0px;
}
.removeScrolling {
  position: relative;
  overflow-y: hidden;
  height: calc(100% + 69px);
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.mod--rounded-skin,
.mod--rounded-skin__class {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.style-anchor {
  color: #155583;
  transition: all 0.3s ease-out;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.unstyle-anchor {
  text-decoration: none;
  color: inherit;
}
.delete-input-style {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.remove-ellipsis {
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.inline-flex {
  display: inline-flex !important;
}
.hidden {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.hidden-children :nth-child(n) {
  display: none !important;
}
.negative-svg-icon svg g,
.negative-svg-icon svg circle {
  stroke: white;
}
.negative-svg-icon svg g path,
.negative-svg-icon svg circle path {
  stroke: white;
  fill: transparent;
}
.negative-svg-icon svg circle {
  fill: white;
}
.space-right {
  margin-right: 0.25em;
}
.space-left {
  margin-left: 0.25em;
}
.mod--centered {
  justify-content: center;
}
.mod--text-centered {
  text-align: center;
}
@keyframes spinner-loading {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.z-background {
  z-index: -1;
}
.z-layout {
  z-index: 0;
}
.z-layer {
  z-index: 1;
}
.z-overlayer {
  z-index: 2;
}
.z-mask {
  z-index: 3;
}
.z-advs {
  z-index: 4;
}
.z-navs {
  z-index: 5;
}
.z-sticky {
  z-index: 6;
}
.z-oversticky {
  z-index: 7;
}
.z-modal {
  z-index: 8;
}
.z-overmodal {
  z-index: 9;
}
.left-cursor {
  animation: slideLeftCursor 0.4s infinite alternate;
}
.right-cursor {
  animation: slideRightCursor 0.4s infinite alternate;
}
.left-cursor-stop {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXpJREFUeNq0VMt1gzAQ1CMNgCugBDqwSqAEuQMfc1QHnHOSO6CEuAOVIHegdKDs6OPIGITym/fWwrCMZoddMfZPeKnIaSle4/XtLzZVfd87Wu00TW4YBlzjBzcVhaFwMTSFdEFEGSAC0iqldG+B0HqyccTNEMj52mAoEnPOPWFaZxDgZZBo7Z6AvECOStqm1pfxeqV0qnSeUc7jw9OJMTznHP96inOdYmOCGqheQojwDGvwzquuU3yLzXA8Piu9XBgTgtxXsbTRq25+3DNrpBmaRb/yKuUl0pDzkd+ygnw6HA4GmySPRfKubYN/S09zpG9B2+XE7wSHoGudiO+gIbkPxBqptXk/9zlxn4ZBKeUwbZsdgDzK8f1MQvymqCiQijUXJ5AW8UiSBwZj8xu1XddZi7L2QEplIBt3xzjiLNcGYQGtcSww9d0uNQZfuABYVhzd7YnmRbWwjNUck2vnMXo49xtVwKZIOvzmsJfo6XjIa4o5lr+r9FOAAQDwBzF/D//WkAAAAABJRU5ErkJggg=="), auto;
  animation: inherit;
}
.right-cursor-stop {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcJJREFUeNq0VdFtwjAQPdH+Y/ivFPHVT0sMgLNBNiD89a8wAWwQNohQB0iYIGyQbpBsYDZw78UODYGEFKlPOiV2zu+Od3eG6J/w8sQZwfbB9s72PfiUIZJsMZtmM85yttC57BgmCAIjhDCz2UzzXtDmeW2R4nBcLQL2lZLofCZKU0lliWCfb0SnxWJRuSyXS2Jy4fs+O1J6l9jYqJY0SSxxjSgi2u+JNhv5xeEumgjR+ctHjfeIPA/eRKsVq9eSb72GCKT4VZXlQ0lHLlv4e7TdEmWZ/eL7t+T4juDH4zBissS/uvaRK3Y9nQYT16LZZx85fFDQgcRWtLRR2C5yZCtlF59Hrrg1sWU8HK7d2uToDARgycbjcbsrQilloZTK0VfNHo6qYeDmv0GeG54GOyx4an35lGUZb1PGpLytTRiG5mpgeCXchBmjlDFJYkxR4KQNBkIY1g3UZAX71kG6RnrXGmdzCYbMe4CsqTFA98iRvWJb79i5yvwB4hgTz0M2FAqZPgDkmEwm2t18wzCdTgvdKNY94LbD0P/1/l2jOF3Ic9Sbimf/ECJIkqBTWqTz+Vz3FmwAPFecDJe70zTpIv0RYAARJ6v70ynSCwAAAABJRU5ErkJggg=="), auto;
  animation: inherit;
}
@keyframes slideLeftCursor {
  0% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNrUlMGNgzAQRSNtA4EKEBW4hJRACS7BJbgDSnAJlOASfN0bJfi6t1k/NF5FkRKw4LJfGgkh+P/7z4xvt/+Grws4bKlHqe9SP1cZexSI917K81LKXEUcYoyyLIsYY2SaJgTcadZxHLMUWGulCpTX/nS2zjnJOW9uq0BrHEad0KhYKlHrukoIQapA3/drq7vEMYdh2BrFsatLcq0CrTEM/AyYAJzN87wVhM8CfNtCPOMGQFRJXgU0nuMgN3mDmi3kmv/xBaDTeyAOjcFpzruRBJr2CSklSHPXdZnI1P3udEQ5AAiJBBF1by8hBowgro8uyN9E7DnWqTg8bndccMRPk6E327116wwjR1OeQaa6FOHMhYMbz22GQ0rzfNukXwEGAKyMyaVM6GQ/AAAAAElFTkSuQmCC"), auto;
  }
  14.28571428571429% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNrUlMGNgzAQRSNtA4EKEBW4hJRACS7BJbgDSnAJlOASfN0bJfi6t1k/NF5FkRKw4LJfGgkh+P/7z4xvt/+Grws4bKlHqe9SP1cZexSI917K81LKXEUcYoyyLIsYY2SaJgTcadZxHLMUWGulCpTX/nS2zjnJOW9uq0BrHEad0KhYKlHrukoIQapA3/drq7vEMYdh2BrFsatLcq0CrTEM/AyYAJzN87wVhM8CfNtCPOMGQFRJXgU0nuMgN3mDmi3kmv/xBaDTeyAOjcFpzruRBJr2CSklSHPXdZnI1P3udEQ5AAiJBBF1by8hBowgro8uyN9E7DnWqTg8bndccMRPk6E327116wwjR1OeQaa6FOHMhYMbz22GQ0rzfNukXwEGAKyMyaVM6GQ/AAAAAElFTkSuQmCC"), auto;
  }
  28.57142857142857% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARhJREFUeNrMVO0JgzAQDaUDRPG/wd9CM4IjOEJGyAh2AnECR3CE4ATFCXSDuEF61xrQUklsU+iDIwHju3v3RcgfoQCTYDQkKeOcGymlgbtmjOHZBom2qiqDQAf2fPfw9KkHSunmDEbsws+Iz77KlyKxUMR0aa1LXdcldAEZhiEIMfDVou97AtX3akewyYeYQc8+Km+rn6bp8wPbZIUmSaLyPOegaNZaR64IlHGgKArs41vXdUYphXflI81JjAPTtu3aCQ9CbIHkR8bbixhyaqIo0uvF5BqQeZomp/emaQiQX/G9b8TS5m8P4zhiCsbDaxIlotQ9lGVplh19GBzJMfJXB0KIr/exHW2VZZnGtorjGOVXez/cBRgAciBB+5F18y0AAAAASUVORK5CYII="), auto;
  }
  42.85714285714286% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrcU8FthDAQdHINGF7ws6iAEqgA8eTpEiiB3ymvUyqwqACogBKgA7hfftCBs+PDUpTcBRPulZFWRgaPh5ldxv4bYipFdfE8b/Z9f6Rn8Qzirq5rnSSJ7rpOK6U0LnkGcd33vSEsikIDq+rDyCxhHMdmlVJCdXKYOYqi2RLCFliy+n4YyhKCHMBlW4deHbqCtW3LKEA2DANbloWlacppW1Jh7WAT8nCWihaDWhyc59kEiCDHcbREsixLa0/p3L+cc0OIw5YQzzZM+qa3ewj6K8HpAfGZiGQYhubXs+x2hsiMJUAQBIzeB3mes6qqYNMbbX9sKS6gEGqhaAsYIFd7BanUroAle9qsd1GLybzX17+123vTNJu3T9OE5bpHMRdCbCpGC/5lxBV69BEQ7jqFfC+xwJDAx++A/wh4ncAfeHEclktyg/EUo02FACqqu0F8CjAAZ3SOQ3DPz1AAAAAASUVORK5CYII="), auto;
  }
  57.14285714285714% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASxJREFUeNrcVNENgyAUfGk6ABoHYAMdQTdwBEZxA0dgBEfADXADuoFuYDkCpmmIhdj+9BLCS4R7x3FI9I9ofkGq27bd7Sy/Rtg0zY4BCCFAPl4/+wvhOI6u9srFVe5JSukI0QT1uq6ufvMcjdachgx2KKUOQq21G0VRgIhjEed8n6Yp+w4YSAIhSNAEzdDUjh5WAbZWuZb0UAtCKAs1rIFd8D3Y9b7x/kGxtJup6zqyqmnbNprnmaxS1D1jjLwltCwL7HmkqOUhHcMwHOmIAd9xulQbpFW0Bx/P4C9weN18O8mysH5SXdcpucdUpypWIcspyEkGq6pKI2rfJnanRJYRsTOgOeKXm+U25DcGY0zsqSdDxMgRQf/EL/2zkVOD14ZRlqXxEWOxxU8BBgAl3ZL1w/+xKwAAAABJRU5ErkJggg=="), auto;
  }
  71.42857142857143% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATxJREFUeNrslMtRhTAUhlE3LoUKGCqghJRACekAS0gHKYESsIOUAEt32AEu3cXzOckd7vVGwh3d+c+cCSTn8Z9HUhT/+Gs8JPa1iBJ5FflI6LQijyLvucHaruv8MAy+LMtV/p+v6Ki6rr2sLtdpJzIppfy6rl9ijMHBEjKIMM45r7X2wWYXDmewhZG11oNlWTzB5HwUqcmCM/arqiLo055jSxm2bAkAO8AaSmBZQcjI5LDWsMAgsiUYjPkGsGUvommaNWSyC1IzGIzjeGK7dbYFOqI/HBnHsW3bM7YphB6ovLkTp5FtLE0K0zTF5mbBwQSjHEAkGt7/5FU6r/q+L+Z5/t37TvNy2VKuIw3kPXDcMOY6Bc6OjFxyti+dhtrqWytzmm0uSJyU8FB9ey/ubgzQhbTfRF6uPZ2fAgwAPeik0Z0cju0AAAAASUVORK5CYII="), auto;
  }
  85.71428571428571% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrslNFtgzAQhp1OYBgAKBOwQRnBmQDYoCPwwjPZADagGxgmgA1gA9jAud91KisCQquo6kN/6QSWue/M77MZ+9dfk6BQFOmzwVXTNCqOY8DL7yRyipgi2Jh/JykoTVPAG5OzL9d1xzzPlRBCRVGERIlVAmgKAiKrqtJwPGnc7yzkU4DN86xsSSk1AAVhAedcF7bnHceZkW6zTrZ/lJAuy8IQBGAEYr7vo6COLQ3DwLIsw/NMw497sKTVxgBCgCOh6zo2TZOOJEkYebsKx/dhGC7EeMXQnkNGDzuwMfh1/OY4juqokGP2Yttu07MyCAK9kfD3GeAve/q+P7xi04KHwIJ8m9EFOBiPZLrjsEZAH3ldliVWm9+SXg6Ap1tXYOfX1LYtK4pioNfLWh/vHXNhTtcbWRN5nsfR46Yqq+u6pdez3WanH15G3DppgA2/dr9eBRgACml0sq5YKAQAAAAASUVORK5CYII="), auto;
  }
  100% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNrslNFtgzAQhp1OYBgAKBOwQRnBmQDYoCPwwjPZADagGxgmgA1gA9jAud91KisCQquo6kN/6QSWue/M77MZ+9dfk6BQFOmzwVXTNCqOY8DL7yRyipgi2Jh/JykoTVPAG5OzL9d1xzzPlRBCRVGERIlVAmgKAiKrqtJwPGnc7yzkU4DN86xsSSk1AAVhAedcF7bnHceZkW6zTrZ/lJAuy8IQBGAEYr7vo6COLQ3DwLIsw/NMw497sKTVxgBCgCOh6zo2TZOOJEkYebsKx/dhGC7EeMXQnkNGDzuwMfh1/OY4juqokGP2Yttu07MyCAK9kfD3GeAve/q+P7xi04KHwIJ8m9EFOBiPZLrjsEZAH3ldliVWm9+SXg6Ap1tXYOfX1LYtK4pioNfLWh/vHXNhTtcbWRN5nsfR46Yqq+u6pdez3WanH15G3DppgA2/dr9eBRgACml0sq5YKAQAAAAASUVORK5CYII="), auto;
  }
}
@keyframes slideRightCursor {
  0% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrUlN1thDAQhInSwEEFhqc8ugRKoASXQAnXAUoFpgOnA0ogHZAOnA6c/ZCR0OmEsY6XjLTC+Gd2PR67KP4b3g/GeokPie+rkmmJoe/70HVdkLa5gtS0bRu01sFaG+Z5hthdQXzfCKkWkET6b68Sqz2h9z4MwxCi3ll4e9I3C6Eex3H9kURFXdc/0vyN458UIPGVe7A9VVItVQN24ZxbdVdKre2qqpbcXdz2hMuyrIS4ZJ/MGBOig7LgHgk37ekHVC3zbLbtIATb9xmapvGnJMBuMRSLQgIk5XxTxBOHxvZjJR4/H+HsBeogZDKakoBvCmfdocuy9BzMWcia07ZD6xlZUpimKdsZkFu8eqQvu4u3MP9R4rV71Br9I6l+5WHqIMFaRHSMTb14fwIMAAaswy7TQCkBAAAAAElFTkSuQmCC"), auto;
  }
  14.28571428571429% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrUlN1thDAQhInSwEEFhqc8ugRKoASXQAnXAUoFpgOnA0ogHZAOnA6c/ZCR0OmEsY6XjLTC+Gd2PR67KP4b3g/GeokPie+rkmmJoe/70HVdkLa5gtS0bRu01sFaG+Z5hthdQXzfCKkWkET6b68Sqz2h9z4MwxCi3ll4e9I3C6Eex3H9kURFXdc/0vyN458UIPGVe7A9VVItVQN24ZxbdVdKre2qqpbcXdz2hMuyrIS4ZJ/MGBOig7LgHgk37ekHVC3zbLbtIATb9xmapvGnJMBuMRSLQgIk5XxTxBOHxvZjJR4/H+HsBeogZDKakoBvCmfdocuy9BzMWcia07ZD6xlZUpimKdsZkFu8eqQvu4u3MP9R4rV71Br9I6l+5WHqIMFaRHSMTb14fwIMAAaswy7TQCkBAAAAAElFTkSuQmCC"), auto;
  }
  28.57142857142857% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNrMVMERgjAQZNSHz0ADMFSQEtIBlBB+PulAOqAE7CAlZKwgJWgHKSHeRpzxAQkizrgzO7lH2Lvc7ZEkP8J+4T1GPBGPxPsWiTvOuaPTtm3rxph/rVoUhQOEEP7sug7CYsm3u4jw6qJ2vxreXwn3RDU6ZRaHj1X7njPGeNM0EL4SL1MWnKo4aCeynB9qXddiGIbz+IJoKyxZy2RZdntPQBX6M89zH4NVVSVSyiTWkheU1toZY+BX8/JvCHRPL9yJ51LQM/1CbCXs13iJ4Bphhh5bazcXBmguMiqK5J8KAxpDDEEp5ebsFoIIuQLVlmVpMfA1K9+jJe/9RgzHpGkKUfnVz554Q/Ww4tjTNlbpQ4ABAIopWwqDS0I8AAAAAElFTkSuQmCC"), auto;
  }
  42.85714285714286% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNrcVNFthDAMpZ0AmAAxARILZISMwAZNN2CDqBMgJoANwgawQcQEGcH1Q6FCJ+4uOe6rlqwgS3nvxX4mSf57pHme27IsHX9rzo6zegew6rqOjDFUVdV2cs2+A3h2zpHWmkBgrQWwuQpaSSkJURQF7QRcb64C62EYaJ5nOhKg75dQMTSAKaVoJ+DyEIvTYji+f1Akm6b5U7kTeGARBQxVvocKtoJC1I4EcIW3XnCItm23AcEJuAwwEN0SpGm6Kw/ycyqE2C6CANY6BpTCaiDAIKP6vat8FHgREgR+E4PCUGCgLTGrrfHkENVna/35AHhdluUp+ziOOH5igJd1XZ8C932/4UdtSZZlDk+9F94NL/2EGmwgrHUGWte1uze0j5Bl4fxiAsmZ8MYl0zQhJ65/o2Vnl34FGADYD4q/BSz61wAAAABJRU5ErkJggg=="), auto;
  }
  57.14285714285714% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrklOGNhCAUhM1VgMb/Ehs4S6AESrAESqADS7AES7AESrAESuD4LmLM5jxwd+/XTUJiMMzMm/egqv4bhr8gnYdhCE3TbPFbvIvUjOMYgFIqIBD33KukGiLvfZjnOWitD4HSaHRcPq7xnGld1x7SdV3DWSD+W0ud2WVZkhNJjuTpnAssKWXYtu37u21bdyfnFTfWWogVGSLEHk4hhJgKbk0H7shuJ3bTNB1ZUnoSeIgqCwEBIEvIAS6TAE0zxiTHspRYcegKkKdxQ+BOFIZyc6ASIcSPE/FxQfwZu55V77quillXMTa1Nzg/EaEQ9ODOrSsippl784pneMbJb2Dc+r73d184iRMcXeGZGT7eBS4Jncfd2ek+YuaVl4zsLAJcGNb+/urcwS8BBgDwfaFe//l4sgAAAABJRU5ErkJggg=="), auto;
  }
  71.42857142857143% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNrsVO2NhCAQ9a6C0wqIFViCJVDCdiAl2AElUALXgXZACW4HbAfcPDMkZBfd8d/+uJdMJHwM770ZaZp/fAJ+KIY364bidjWxV0ol+urK2q1t22itTVrroz1VjIS0LAsO+XKeIhhjUoxxD068SZlvhOScSyxXUThcFkJIANagCKxxASc/hZnneT88DAMOuL7vo/d+n4MKzJesMX5S9loQeIfNAA7kS6AAssEaYwBssV9ig4XEGrLnmTUXdubuOIWCxDNk1mxRkHaCy4yOAGvyHigQZUWBkgBgzUmXWp7v5wkqmIjAuq7NNE0NeTxK/N2tOCpcjTX7rCSJVdlqNRQ9G/gvFEODSe7TEld69vCd6Lpuyx2AhNyzVuLpl4Q9P5sPil+Ku4TVnwADALbIpHm+d8AXAAAAAElFTkSuQmCC"), auto;
  }
  85.71428571428571% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNrsU7FthEAQvJedkB1UgIgIKeFKgNAZJVACHSBXAFRgVwB0cNAAIBqADGfnnRdI2M9hXnpZDjzS6tCJm52d3WXsH38JoWmaI85Hkkae5ykppaLv8lGkaRiGCkiSBMSx5j+bQiznITiFBBmQpilI5YYgokhQgW3byvd9FcexWuzSwrMsqwPZCjzEIyGEiqLomqgsS7XFOI4KloHgskdKBGVRFJx+0mau65r1fc+apmFVVbFpmhjnnJF6lmVZdfMAStEkHaAUquA7Sofqruu+qN6zQ6DMswAJiJEAiWDT0ofw+aZjnP84JkEQXG1A+XTWdPUKd5bYHxk06Sxgwem5hsco8QgoHwIcx9Fu4tP3i3meTcMwyC5xKMB1XZbn+Qfh5Z5tk9sZ3lOMxUF1OoLLwda9UblinWXM6jAMU9u2a5MaineK6R7i7f6vu1/rSH4VnwIMAO0Ld6RgY5mMAAAAAElFTkSuQmCC"), auto;
  }
  100% {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNrsU7FthEAQvJedkB1UgIgIKeFKgNAZJVACHSBXAFRgVwB0cNAAIBqADGfnnRdI2M9hXnpZDjzS6tCJm52d3WXsH38JoWmaI85Hkkae5ykppaLv8lGkaRiGCkiSBMSx5j+bQiznITiFBBmQpilI5YYgokhQgW3byvd9FcexWuzSwrMsqwPZCjzEIyGEiqLomqgsS7XFOI4KloHgskdKBGVRFJx+0mau65r1fc+apmFVVbFpmhjnnJF6lmVZdfMAStEkHaAUquA7Sofqruu+qN6zQ6DMswAJiJEAiWDT0ofw+aZjnP84JkEQXG1A+XTWdPUKd5bYHxk06Sxgwem5hsco8QgoHwIcx9Fu4tP3i3meTcMwyC5xKMB1XZbn+Qfh5Z5tk9sZ3lOMxUF1OoLLwda9UblinWXM6jAMU9u2a5MaineK6R7i7f6vu1/rSH4VnwIMAO0Ld6RgY5mMAAAAAElFTkSuQmCC"), auto;
  }
}
.img-left {
  object-position: left;
}
.img-right {
  object-position: right;
}
.img-top {
  object-position: top;
}
.img-bottom {
  object-position: bottom;
}
/* UTILS - DESKTOP  */
@media (min-width: 1025px) {
  .break-container {
    margin-left: calc((-100vw +  1140px  + 17px) / 2) !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
    margin-right: calc((-100vw +  1140px  + 17px) / 2) !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
    width: 100vw !important;
    /* TODO - NECESARIO PARA ROMPER EL CONTAINER */
  }
  .default-container {
    margin-left: auto !important;
    /* TODO - NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-right: auto !important;
    /* TODO - NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
  }
  .break-container-mobile {
    width: 100% !important;
    /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-left: inherit;
  }
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
  .md\:img-center,
  .md\:img-center img {
    object-position: center;
  }
  .md\:img-left,
  .md\:img-left img {
    object-position: left;
  }
  .md\:img-right,
  .md\:img-right img {
    object-position: right;
  }
  .md\:img-top,
  .md\:img-top img {
    object-position: top;
  }
  .md\:img-bottom,
  .md\:img-bottom img {
    object-position: bottom;
  }
}
/* UTILS  - DESKTOP CONTENT - SIZE */
@media (min-width: 1025px) and (max-width: 1140px) {
  .paginated__content-size {
    padding: 0px 15px;
  }
}
/* UTILS  - ONLY MOBILE */
@media (max-width: 1025px) {
  .sm\:img-left,
  .sm\:img-left img {
    object-position: left;
  }
  .sm\:img-right,
  .sm\:img-right img {
    object-position: right;
  }
  .sm\:img-top,
  .sm\:img-top img {
    object-position: top;
  }
  .sm\:img-bottom,
  .sm\:img-bottom img {
    object-position: bottom;
  }
}
/* COMMON ANIMATIONS */
/* TRANSITIONS */
.common-transition {
  transition: all 0.3s ease-out;
}
/* KEYFRAMES ANIMATIONS */
.animation-show-header-sticky {
  animation: showHeaderSticky 0.5s ease-out forwards;
}
@keyframes showHeaderSticky {
  from {
    top: -55px;
  }
  to {
    top: 0px;
  }
}
.animation-hide-header-sticky {
  animation: hideHeaderSticky 0.5s ease-out forwards;
}
@keyframes hideHeaderSticky {
  from {
    top: 0px;
  }
  to {
    top: -55px;
  }
}
.animation-show-booking-sticky {
  animation: showBookingSticky 0.5s ease-out forwards;
}
@keyframes showBookingSticky {
  from {
    bottom: -60px;
  }
  to {
    bottom: 0px;
  }
}
.animation-hide-booking-sticky {
  animation: hideBookingSticky 0.5s ease-out forwards;
}
@keyframes hideBookingSticky {
  from {
    bottom: 0px;
  }
  to {
    bottom: -60px;
  }
}
.show-right {
  animation: showRight 0.8s 1 ease-out forwards;
}
@keyframes showRight {
  from {
    right: calc(-100% - 30px);
  }
  to {
    right: 0px;
  }
}
.hide-right {
  animation: hideRight 0.8s 1 ease-in forwards;
}
@keyframes hideRight {
  from {
    right: 0px;
  }
  to {
    right: calc(-100% - 30px);
  }
}
.bounce {
  animation: bounce 1s ease-out;
  transform-origin: center bottom;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.follow-btn-animation {
  position: relative;
  background-image: url("../../../content/dam/barcelo/commons/icons/ui/globo.svg");
}
.follow-btn-animation__frame {
  position: absolute;
  top: 0px;
  left: 0px;
}
.follow-btn-animation__frame.fr-1 {
  animation: changeFr1 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-2 {
  z-index: -99;
  animation: changeFr2 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-3 {
  z-index: -99;
  animation: changeFr3 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-4 {
  z-index: -99;
  animation: changeFr4 4.5s linear infinite;
}
.follow-btn-animation__frame.fr-5 {
  z-index: -99;
  animation: changeFr5 4.5s linear infinite;
}
@keyframes changeFr1 {
  0% {
    z-index: 1;
  }
  19% {
    z-index: 1;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr2 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: 1;
  }
  39% {
    z-index: 1;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr3 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: 1;
  }
  59% {
    z-index: 1;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr4 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: 1;
  }
  79% {
    z-index: 1;
  }
  80% {
    z-index: -99;
  }
  100% {
    z-index: -99;
  }
}
@keyframes changeFr5 {
  0% {
    z-index: -99;
  }
  20% {
    z-index: -99;
  }
  40% {
    z-index: -99;
  }
  60% {
    z-index: -99;
  }
  80% {
    z-index: 1;
  }
  100% {
    z-index: 1;
  }
}
/* RTL STYLES - MOBILE FIRST*/
html[dir="rtl"] {
  /* RTL FIXES - RIBBON - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CMP-TITLE - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CTA - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - HEADER & MEGAMENU - MOBILE FIRST*/
  /* RTL - FIXES - MEGAMENU SUBMENU*/
  /* RTL FIXES - SWIPER - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - CALENDAR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - BUTTONS - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - IMPUTS - MOBILE FIRST (~ TABLET)*/
  /* RTL FIXES - FASTBOOKING - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - FORMS - MOBILE FIRST (~ TABLET) */
  /*  RTL FIXES - TYPO - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - TEXT-IMAGE - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - PROGRESS BAR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - ACORDION - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - LAUNCHER - MOBILE FIRST (~ TABLET) */
  /* RLT - SUMMARY GALLERY - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - WEATHER - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - HEADER-DETAIL - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - TINGLE MODAL */
  /* RTL FIXES - CARDS HOTEL - DESKTOP */
  /* RTL FIXES - TRIPADVISOR - MOBILE FIRST (~ TABLET) */
  /* RTL FIXES - COMPARATOR - DESKTOP */
  /* RTL FIXES - TAILWIND */
}
html[dir="rtl"] body {
  direction: rtl;
}
html[dir="rtl"] a[href^="tel:"] {
  direction: ltr;
}
html[dir="rtl"] .c-ribbon__light .cmp-text {
  padding: 5px 0px 5px 35px;
}
html[dir="rtl"] .text-right .cmp-title {
  text-align: left;
}
html[dir="rtl"] .text-left .cmp-title {
  text-align: right;
}
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:after {
  transform: translateY(0.1em) rotate(-180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-right .c-cta:active:after,
html[dir="rtl"] .mod--cta-with-arrow-right.c-cta:active:after {
  transform: translateY(0.1em) translateX(-4px) rotate(-180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-inline .c-cta:after {
  transform: translateX(0px) rotate(180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-inline:hover .c-cta:after {
  transform: translateX(-4px) rotate(180deg);
}
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:after {
  transform: translateY(0.1em) translateX(-0.35rem) rotate(90deg);
}
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:hover:after,
html[dir="rtl"] .mod--cta-with-arrow-down .c-cta:active:after,
html[dir="rtl"] .mod--cta-with-arrow-down.c-cta:active:after {
  transform: translateY(5px) translateX(-0.35rem) rotate(90deg);
}
html[dir="rtl"] .c-megamenu__menu-utils-item-anchor,
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item-anchor {
  flex-flow: row-reverse;
  justify-content: flex-end;
}
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu {
  left: 0px;
  right: auto;
}
html[dir="rtl"] .c-megamenu__menu.c-position-wrapper {
  right: auto;
  left: 0px;
}
html[dir="rtl"] .c-megamenu__menu-utils-item:last-child,
html[dir="rtl"] .c-aside-menu-user-item:last-child {
  margin-left: 0px;
}
html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item:first-child {
  margin-left: 15px;
}
html[dir="rtl"] .header .c-header__switch-logo {
  margin-right: 15px;
  margin-left: 0px;
}
html[dir="rtl"] .c-megamenu__menu-main-item .cmp-icon,
html[dir="rtl"] .c-megamenu__menu-utils-item .cmp-icon {
  transform: rotate(180deg);
}
html[dir="rtl"] .c-megamenu {
  left: auto;
  right: -100vw;
}
html[dir="rtl"] .c-megamenu .c-popover {
  right: auto;
  left: -110vw;
}
html[dir="rtl"] .activeMegamenu .c-header .c-megamenu {
  left: auto;
  right: 0px;
}
html[dir="rtl"] .c-megamenu .c-popover.mod--active {
  left: 0px;
}
html[dir="rtl"] .c-submenu-container .c-submenu-btn__btn svg,
html[dir="rtl"] .c-hotel-card__featured .c-hotel-card__header svg {
  transform: rotate(180deg);
}
html[dir="rtl"] .c-collection-list__list-item {
  margin-left: 30px;
  margin-right: 0px;
}
html[dir="rtl"] .c-submenu-container .cmp-title,
html[dir="rtl"] .c-submenu-container .cmp-title__text {
  text-align: right;
}
html[dir="rtl"] .c-submenu-container .feed-entries .c-feed-entries--item .c-cta .c-launcher__imageside-header-title {
  margin-right: 70px;
  margin-left: 0px;
}
html[dir="rtl"] .c-megamenu__submenu-currency-select select,
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: -5px -840px;
  padding-left: 13%;
}
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow .language-country {
  background-position: calc(100% - 5px) center;
  padding-right: 35px;
  padding-left: 0;
}
html[dir="rtl"] .c-megamenu__submenu-currency-select select {
  padding-right: 0.5rem;
}
html[dir="rtl"] .c-megamenu__submenu-language .c-fieldset .mod--select-arrow {
  padding-left: 0px;
}
html[dir="rtl"] .c-megamenu__submenu.smenu-lang .c-flag-select {
  right: 20px;
}
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-button-next:after,
html[dir="rtl"] .swiper-container-rtl .swiper-button-next {
  left: inherit;
}
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .c-launcher__carousel-carousel .carousel .swiper-button-prev:after,
html[dir="rtl"] .swiper-container-rtl .swiper-button-prev {
  right: inherit;
}
html[dir="rtl"] .datepicker__months .datepicker__month thead tr.datepicker__month-caption th .datepicker__month-button.datepicker__month-button--prev {
  transform: none;
}
html[dir="rtl"] .datepicker__months .datepicker__month thead tr.datepicker__month-caption th .datepicker__month-button.datepicker__month-button--next {
  transform: rotate(180deg);
  margin-left: -1px;
}
html[dir="rtl"] .mod--cta-with-icon .c-cta {
  flex-flow: row-reverse;
}
html[dir="rtl"] .mod--cta-with-arrow-right:after .c-cta {
  transform: rotate(-180deg);
}
html[dir="rtl"] .c-back-bar__back-btn {
  flex-flow: row-reverse;
}
html[dir="rtl"] input[type="text"].mod--select-arrow,
html[dir="rtl"] input[type="tel"].mod--select-arrow,
html[dir="rtl"] input[type="password"].mod--select-arrow,
html[dir="rtl"] input[type="email"].mod--select-arrow,
html[dir="rtl"] input[type="search"].mod--select-arrow,
html[dir="rtl"] input[type="url"].mod--select-arrow,
html[dir="rtl"] input[type="date"].mod--select-arrow,
html[dir="rtl"] input[type="number"].mod--select-arrow,
html[dir="rtl"] input[type="month"].mod--select-arrow,
html[dir="rtl"] input[type="week"].mod--select-arrow,
html[dir="rtl"] input[type="time"].mod--select-arrow,
html[dir="rtl"] select.mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 45px auto;
  background-position: -5px -945px;
  padding-left: 13%;
}
html[dir="rtl"] .inject-fastbooking-true .fastbooking .c-fastbooking__form .c-fieldset .mod--rooms .mod--select-arrow {
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: -5px -840px;
}
html[dir="rtl"] .c-fastbooking__links-add-flight {
  right: auto;
  left: 15px;
  text-align: left;
}
html[dir="rtl"] .c-fastbooking__form .c-fieldset .mod--calendar .right-input input {
  border-left: 1px solid #b1b1b1;
}
html[dir="rtl"] input[type="text"].mod--select-arrow,
html[dir="rtl"] input[type="tel"].mod--select-arrow,
html[dir="rtl"] input[type="password"].mod--select-arrow,
html[dir="rtl"] input[type="email"].mod--select-arrow,
html[dir="rtl"] input[type="search"].mod--select-arrow,
html[dir="rtl"] input[type="url"].mod--select-arrow,
html[dir="rtl"] input[type="date"].mod--select-arrow,
html[dir="rtl"] input[type="number"].mod--select-arrow,
html[dir="rtl"] input[type="month"].mod--select-arrow,
html[dir="rtl"] input[type="week"].mod--select-arrow,
html[dir="rtl"] input[type="time"].mod--select-arrow,
html[dir="rtl"] select.mod--select-arrow {
  padding-left: 13%;
  background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
  background-repeat: no-repeat;
  background-size: 45px auto;
  background-position: 0 -945px;
}
html[dir="rtl"] .c-double-input .left-input {
  margin-left: -1px;
}
html[dir="rtl"] .c-double-input .left-input input {
  border-radius: 0px 2px 2px 0px;
}
html[dir="rtl"] .c-double-input .right-input {
  margin-left: 0px;
}
html[dir="rtl"] .c-double-input .right-input input {
  margin-right: 0px;
  border-radius: 2px 0px 0px 2px;
}
html[dir="rtl"] .cmp-text ul li,
html[dir="rtl"] .c-launcher ul li,
html[dir="rtl"] .c-card ul li,
html[dir="rtl"] .c-card-hotel-list ul li,
html[dir="rtl"] .c-card-hotel__content-body-list ul li {
  padding-left: inherit;
  padding-right: 1em;
}
html[dir="rtl"] .cmp-text ul li:before,
html[dir="rtl"] .c-launcher ul li:before,
html[dir="rtl"] .c-card ul li:before,
html[dir="rtl"] .c-card-hotel-list ul li:before,
html[dir="rtl"] .c-card-hotel__content-body-list ul li:before {
  left: inherit;
  right: 0px;
}
html[dir="rtl"] .cmp-text ul.mod--checks li,
html[dir="rtl"] .c-launcher ul.mod--checks li,
html[dir="rtl"] .c-card ul.mod--checks li,
html[dir="rtl"] .c-card-hotel-list ul.mod--checks li,
html[dir="rtl"] .c-card-hotel__content-body-list ul.mod--checks li {
  padding-left: inherit;
  padding-right: 1.5em;
}
html[dir="rtl"] .cmp-text ol li,
html[dir="rtl"] .c-launcher ol li,
html[dir="rtl"] .c-card ol li,
html[dir="rtl"] .c-card-hotel-list ol li,
html[dir="rtl"] .c-card-hotel__content-body-list ol li {
  padding-left: inherit;
  padding-right: 2em;
}
html[dir="rtl"] .cmp-text ol li:before,
html[dir="rtl"] .c-launcher ol li:before,
html[dir="rtl"] .c-card ol li:before,
html[dir="rtl"] .c-card-hotel-list ol li:before,
html[dir="rtl"] .c-card-hotel__content-body-list ol li:before {
  right: 0px;
}
html[dir="rtl"] .textimage.mod--image-left .c-textimage .icon {
  margin: 0px 0px 0px 0.9rem;
}
html[dir="rtl"] .textimage.mod--image-left .c-textimage .cmp-text {
  text-align: right;
}
html[dir="rtl"] .c-progress-bar__milestone-label,
html[dir="rtl"] .c-progress-bar__goal-label {
  transform: translateX(50%);
}
html[dir="rtl"] .c-progress-bar__milestone-dot,
html[dir="rtl"] .c-progress-bar__goal-dot {
  left: auto;
  right: -9px;
}
html[dir="rtl"] .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal-bar:before {
  right: -100%;
  left: auto;
}
html[dir="rtl"] .c-progress-bar__milestone.mod--active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__milestone.mod--active .c-progress-bar__goal-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--active .c-progress-bar__goal-bar:before {
  left: auto;
  right: 0%;
}
html[dir="rtl"] .c-progress-bar__milestone.mod--last-active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--last-active .c-progress-bar__milestone-bar:before,
html[dir="rtl"] .c-progress-bar__milestone.mod--last-active .c-progress-bar__goal-bar:before,
html[dir="rtl"] .c-progress-bar__goal.mod--last-active .c-progress-bar__goal-bar:before {
  left: auto;
  right: -50%;
}
html[dir="rtl"] .accordion-toggle.mod--icon-right .svg-icon.accordion-arrow {
  transform: rotate(180deg);
}
html[dir="rtl"] .accordion-item.active .accordion-toggle .svg-icon.accordion-arrow {
  transform: rotate(90deg);
}
html[dir="rtl"] .c-gallery-summary__content {
  right: 15px;
}
html[dir="rtl"] .c-gallery-summary__content-icon {
  margin-right: 0;
  margin-left: 6px;
}
html[dir="rtl"] .c-launcher__imageside .c-container-image {
  margin-right: 0px;
  margin-left: 15px;
}
html[dir="rtl"] .mod--image-reverse-m .c-container-image {
  margin-left: 0px;
  margin-right: 15px;
}
html[dir="rtl"] .c-launcher__carousel .carousel {
  margin-right: -15px;
}
html[dir="rtl"] .swiper .swiper-ui__area-prev {
  left: inherit;
  right: 0;
}
html[dir="rtl"] .swiper .swiper-ui__area-next {
  right: inherit;
  left: 0;
}
html[dir="rtl"] .c-gallery-summary {
  margin-right: -15px;
}
html[dir="rtl"] .hotel-weather .c-weather__body-section:first-child {
  border-left: 1px solid #d8d8d8;
  border-right: 0px;
  padding-left: 15px;
  padding-right: inherit;
}
html[dir="rtl"] .hotel-weather .c-weather__body-section:last-child {
  padding-right: 15px;
  padding-left: inherit;
}
html[dir="rtl"] .c-header-detail__nav-wrapper,
html[dir="rtl"] .c-header-detail__nav-left,
html[dir="rtl"] .c-header-detail__nav-right {
  flex-flow: row-reverse;
}
html[dir="rtl"] .c-header-detail .c-hotel-detail__card__list .list__item .c-icon {
  margin: 0px 0px 0px 10px;
}
html[dir="rtl"] .tingle-modal-box__content.headline-white .c-modal__header .cmp-title {
  text-align: left;
  padding-right: inherit;
  padding-left: 16px;
}
html[dir="rtl"] .tingle-modal-box__content.headline-white .tingle-modal__close {
  left: inherit;
  right: 16px;
}
html[dir="rtl"] .c-card-hotel__content-header {
  text-align: right;
}
html[dir="rtl"] .c-card-hotel__content-header-title {
  padding-right: 0px;
  padding-left: 1rem;
}
html[dir="rtl"] .c-card-hotel__content-header-location-link .svg-icon {
  margin-right: inherit;
  margin-left: 0.15em;
}
html[dir="rtl"] .c-card-hotel__content-body-info .c-tripadvisor .svg-icon {
  margin-right: inherit;
  margin-left: 0.35em;
}
html[dir="rtl"] .result__map .c-card-hotel__content-header,
html[dir="rtl"] .result__map .c-card-hotel__content-body {
  padding: 23px 150px 0px 15px;
}
html[dir="rtl"] .result__map .c-card-hotel__content-header {
  text-align: right;
}
html[dir="rtl"] .result__map .c-card-hotel__content-footer .mod--cta-full-width {
  text-align: left;
}
html[dir="rtl"] .c-tripadvisor .ta__dot {
  margin-right: 0px;
  margin-left: 1px;
}
html[dir="rtl"] .c-tripadvisor .ta__dot--half,
html[dir="rtl"] .c-tripadvisor .ta__dot--full {
  margin-right: 0px;
  margin-left: 1px;
}
html[dir="rtl"] .c-tripadvisor .ta__dot--half {
  transform: rotate(180deg);
}
html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar,
html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar {
  padding-left: 16px;
}
html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after,
html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__result .result__comparator-bar:after {
  margin-right: 8px;
  margin-left: 0px;
}
html[dir="rtl"] .text-left {
  text-align: right;
}
html[dir="rtl"] .text-right {
  text-align: left;
}
/* RTL - DESKTOP */
@media (min-width: 1025px) {
  html[dir="rtl"] {
    /* RTL FIXES - HEADER & MEGAMENU - DESKTOP */
    /* RTL FIXES - FASTBOOKING - DESKTOP */
    /* RTL FIXES - FOOTER - DESKTOP*/
    /* RTL FIXES - WEATHER - DESKTOP */
    /* RTL FIXES - HEADER-DETAIL - MOBILE FIRST (~ TABLET) */
    /* RTL FIXES - COMPARATOR - DESKTOP */
  }
  html[dir="rtl"] .c-megamenu {
    left: auto;
    right: auto;
  }
  html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item:first-child {
    margin-left: 0px;
  }
  html[dir="rtl"] .c-megamenu .c-popover {
    left: auto;
  }
  html[dir="rtl"] .c-gallery-summary__content {
    right: 30px;
  }
  html[dir="rtl"] .c-gallery-summary__content-icon {
    margin-left: 8px;
  }
  html[dir="rtl"] .header .c-header__nav-container .c-aside-menu-user-item {
    margin-left: 0;
    margin-right: 20px;
  }
  html[dir="rtl"] .inject-fastbooking-true .c-fastbooking__links-add-flight {
    right: 0px;
    left: auto;
    text-align: right;
  }
  html[dir="rtl"] .inject-fastbooking-true .fastbooking .c-fastbooking__form .c-fieldset .mod--rooms .mod--select-arrow {
    background-image: url("../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png");
    background-repeat: no-repeat;
    background-size: 45px auto;
    background-position: -5px -945px;
  }
  html[dir="rtl"] .c-refooter__logo {
    margin-left: 30px;
  }
  html[dir="rtl"] .hotel-weather .c-weather__body-section:first-child {
    padding-left: 30px;
  }
  html[dir="rtl"] .hotel-weather .c-weather__body-section:last-child {
    padding-right: 30px;
  }
  html[dir="rtl"] .c-header-detail .c-hotel-detail .c-side-content:first-child {
    padding-left: 30px;
    padding-right: inherit;
  }
  html[dir="rtl"] .c-header-detail .c-hotel-detail__card__list .list__item .c-icon {
    margin-left: 15px;
    margin-right: 0px;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body {
    margin-right: 32px;
    margin-left: inherit;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .map-btn-block .svg-icon,
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
    margin-left: 0.5em;
    margin-right: inherit;
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .mode-btn .list-btn-block .svg-icon {
    transform: scaleX(-1);
  }
  html[dir="rtl"] .hotels-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label,
  html[dir="rtl"] .offers-comparator .c-hotels-comparator__body .body__main-nav .main-nav__select label {
    padding: 0 0 0 10px;
  }
}
/* RTL - MOBILE ONLY */
@media (min-width: 320px) and (max-width: 1025px) {
  .mod--align-left-mobile .cmp-title {
    text-align: right;
  }
  .mod--align-right-mobile .cmp-title {
    text-align: left;
  }
}
/*---- INHERITED STYLES --------------------------------------------------------------------------------------- */
.mod--horizontal-card-compact .c-card-hotel {
  width: 90vw;
  max-width: 360px;
  height: auto;
  flex-wrap: wrap;
}
.mod--horizontal-card-compact .c-card-hotel .c-close-btn {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #155583;
}
.mod--horizontal-card-compact .c-card-hotel__image {
  width: 38%;
  height: calc(100% - 65px);
  position: absolute;
}
.mod--horizontal-card-compact .c-card-hotel__image .c-container-image {
  height: 100%;
}
.mod--horizontal-card-compact .c-card-hotel__content-header {
  flex-grow: 1;
  padding: 23px 15px 0px 42%;
}
.mod--horizontal-card-compact .c-card-hotel__content-header-title .c-cta {
  font-size: 16px;
  line-height: 20px;
}
.mod--horizontal-card-compact .c-card-hotel__content-header-location {
  font-size: 14px;
  line-height: 24px;
}
.mod--horizontal-card-compact .c-card-hotel__content-body {
  flex-grow: 1;
  padding: 0px 15px 5px 42%;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-info {
  flex-wrap: wrap;
  flex-flow: column-reverse;
  height: auto;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-info-label {
  display: none;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-info .c-tripadvisor {
  min-width: 100%;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
  font-size: 14px;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
  display: none;
}
.mod--horizontal-card-compact .c-card-hotel__content-body-list {
  font-size: 16px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 58px;
}
.mod--horizontal-card-compact .c-card-hotel__content hr {
  display: none;
}
.mod--horizontal-card-compact .c-card-hotel__content-not-available {
  height: 65px;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 5px 9px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer {
  flex-grow: 0;
  height: 65px;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 5px 9px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer-price {
  flex-flow: column;
  margin: 0px;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
  margin: 0px;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer-price .c-price__value {
  font-size: 22px;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer-price .c-price__currency,
.mod--horizontal-card-compact .c-card-hotel__content-footer-price .c-price__type {
  font-size: 11px;
}
.mod--horizontal-card-compact .c-card-hotel__content-footer .c-cta {
  max-width: 175px;
  margin: 0px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__image {
  height: calc(100% - 50px);
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-header-title {
  padding-right: 0px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body .c-more-info-btn {
  padding: 8px 0px 16px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body-list {
  display: none;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer {
  height: auto;
  border-top: 0px;
  padding: 0px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel,
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link {
  width: 100%;
  padding: 0px 15px 0 150px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link .svg-icon {
  display: none;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link-txt {
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  color: #767676;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount {
  margin-top: 24px;
  height: 50px;
  border-top: 1px solid #d8d8d8;
  padding: 0px 9px;
  flex-wrap: nowrap;
}
.mod--horizontal-card-compact .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer {
  max-width: 128px;
  margin: 0px 15px 0px 0px;
  padding: 6px 15px;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price {
  flex-flow: initial;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip {
  top: 6px;
  right: 5px;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip .bhg-tooltip--icon:after {
  font-size: 12px;
}
.mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .mod--cta-fullbg {
  width: 40%;
}
@media (min-width: 1025px) {
  .mod--horizontal-card-compact .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .mod--cta-fullbg {
    width: 50%;
  }
}
/* ICON COMPONENT */
.icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.icon .c-icon {
  margin: auto;
  line-height: 0px;
  width: 100%;
  height: inherit;
}
.cmp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  height: inherit;
}
.svg-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.svg-icon.mod--blue svg path {
  fill: #155583;
  stroke: #155583;
}
.svg-icon.mod--black svg path {
  fill: #155583;
  stroke: #155583;
}
.svg-icon.mod--red svg path {
  fill: #cc4716;
  stroke: #cc4716;
}
.svg-icon.mod--green svg path {
  fill: #2b8536;
  stroke: #2b8536;
}
/* MODIFIERS */
[class^="mod--size-"],
[class*=" mod--size-"] {
  flex-shrink: 0;
}
.mod--size-8 {
  width: 8px;
  height: 8px;
}
.mod--size-12 {
  width: 12px;
  height: 12px;
}
.mod--size-14 {
  width: 14px;
  height: 14px;
}
.mod--size-16 {
  width: 16px;
  height: 16px;
}
.mod--size-18 {
  width: 18px;
  height: 18px;
}
.mod--size-20 {
  width: 20px;
  height: 20px;
}
.mod--size-24 {
  width: 24px;
  height: 24px;
}
.mod--size-28 {
  width: 28px;
  height: 28px;
}
.mod--size-32 {
  width: 32px;
  height: 32px;
}
.mod--size-38 {
  width: 38px;
  height: 38px;
}
.mod--size-40 {
  width: 40px;
  height: 40px;
}
.mod--size-42 {
  width: 42px;
  height: 42px;
}
.mod--size-48 {
  width: 48px;
  height: 48px;
}
.mod--size-56 {
  width: 56px;
  height: 56px;
}
.mod--size-72 {
  width: 72px;
  height: 72px;
}
.mod--round-icon {
  border-radius: 99999px;
  background: #ffffff;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding: 2px;
}
.mod--round-icon .c-icon {
  border-radius: 99999px;
}
@media (min-width: 1025px) {
  .icon {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
  }
  .mod--size-16-d {
    width: 16px;
    height: 16px;
  }
  .mod--size-20-d {
    width: 20px;
    height: 20px;
  }
  .mod--size-24-d {
    width: 24px;
    height: 24px;
  }
  .mod--size-32-d {
    width: 32px;
    height: 32px;
  }
  .mod--size-40-d {
    width: 40px;
    height: 40px;
  }
  .mod--size-42-d {
    width: 42px;
    height: 42px;
  }
  .mod--size-48-d {
    width: 48px;
    height: 48px;
  }
  .mod--size-72-d {
    width: 72px;
    height: 72px;
  }
  .mod--round-icon-d {
    border-radius: 99999px;
    background: #ffffff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 2px;
  }
  .mod--round-icon-d .c-icon {
    border-radius: 99999px;
  }
}
/* GENERIC MODIFIERS - MOBILE FIRST*/
.mod--text-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.mod--white-text {
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.mod--red-text {
  color: #ba2222;
}
.mod--yellow-text {
  color: #ffb200;
}
.mod--green-text {
  color: #197625;
}
.mod--hidden {
  display: none !important;
  /* TODO - NECESARIO PARA AEMGRID */
}
.mod--show {
  display: block !important;
  /* TODO - NECESARIO PARA AEMGRID */
}
.mod--vr-right {
  border-right: 1px solid white;
  padding-right: 15px;
  margin-right: 15px;
}
.mod--vr-left {
  border-left: 1px solid white;
  padding-left: 15px;
  margin-left: 15px;
}
.mod--outline,
.c-container__grid-wrapper.mod--outline {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #d8d8d8;
}
.mod--outline > .cmp-title,
.c-container__grid-wrapper.mod--outline > .cmp-title {
  display: flex;
  justify-content: center;
}
.mod--outline > .cmp-title:after,
.c-container__grid-wrapper.mod--outline > .cmp-title:after,
.mod--outline > .cmp-title:before,
.c-container__grid-wrapper.mod--outline > .cmp-title:before {
  content: "";
  height: 1px;
  background-color: #d8d8d8;
  flex-grow: 1;
}
.mod--outline > .cmp-title:after,
.c-container__grid-wrapper.mod--outline > .cmp-title:after {
  margin-right: 0px;
}
.mod--outline > .cmp-title:before,
.c-container__grid-wrapper.mod--outline > .cmp-title:before {
  margin-left: 0px;
}
.mod--outline > .cmp-title .cmp-title__text,
.c-container__grid-wrapper.mod--outline > .cmp-title .cmp-title__text {
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 12px;
  position: relative;
  max-width: 90%;
}
.mod--gradient-overlay .cmp-image:after,
.mod--gradient-overlay .c-video:after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 2px;
  transition: all 0.3s ease-out;
}
.mod--remove-gradient-overlay .cmp-image:after,
.mod--remove-gradient-overlay .c-video:after {
  background: transparent;
}
.mod--img-zoom.mod--gradient-overlay:hover .cmp-image:after {
  bottom: -100%;
  opacity: 0;
}
.mod--img-zoom .cmp-image__image {
  transition: all 0.3s ease-out;
}
.mod--img-zoom:hover .cmp-image__image {
  transform: scale(1.15);
}
.mod--img-disabled .cmp-image:before {
  content: "";
  background: white;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
}
.mod--gradient-myb .cmp-image:after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 2px;
}
.mod--gradient-myb .cmp-image:before {
  content: "";
  position: absolute;
  background-image: url("../../../content/dam/barcelo/commons/icons/ui/my_barcelo_white.svg");
  background-repeat: no-repeat;
  z-index: 1;
  background-size: 100% 100%;
  background-position: 0px 0px;
  width: 100%;
  height: 100%;
  max-width: 93px;
  max-height: 24px;
  top: 13px;
  left: 13px;
}
.mod--hover-blue:hover {
  background: #c5e8f3;
}
.mod--hover-green:hover {
  background: #ddecd4;
}
.mod--hover-yellow:hover {
  background: #ffefab;
}
.mod--blue {
  color: #155583;
}
.mod--background-light-blue {
  background: #c5e8f3;
}
.mod--bg-blue-bpro {
  background: #008eaa;
}
.mod--fixed {
  overflow-y: hidden;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}
.mod--stick-top {
  position: fixed;
  z-index: 6;
  top: 0px;
  left: 0px;
  transition: top 0.5s ease-out;
}
.header .c-header.mod--sticky-header-top {
  position: fixed;
  z-index: 7;
  width: 100%;
  padding: 8px 15px;
  top: -55px;
  left: 0px;
  animation: showHeaderSticky 0.5s ease-out forwards;
}
.header .c-header.mod--sticky-header-top.mod--hide-header-sticky {
  animation: hideHeaderSticky 0.5s ease-out forwards;
}
.mod--sticky-header .mod--stick-top {
  top: 55px;
}
.mod--sticky-header .header .c-header.mod--sticky-header-top {
  z-index: 9;
}
.mod--hide-others-sticky .mod--stick-top {
  top: -55px;
  transition: top 1.5s ease-out;
}
.mod--stick-bottom {
  z-index: 6;
  position: fixed;
  bottom: 0px;
  left: 0px;
  animation: showBookingSticky 0.5s ease-out forwards;
}
.mod--stick-bottom.mod--hide-booking-sticky {
  animation: hideBookingSticky 0.5s ease-out forwards;
}
.mod--no-scroll {
  overflow: hidden;
}
/* GENERIC MODIFIERS - DESKTOP  */
@media (min-width: 1025px) {
  .mod--gradient-myb .cmp-image:after {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.65) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 2px;
  }
  .mod--gradient-myb .cmp-image:before {
    content: "";
    background-size: 100% 100%;
    background-position: 0px 0px;
    width: 100%;
    height: 100%;
    max-width: 124px;
    max-height: 32px;
    top: auto;
    left: auto;
    bottom: 43px;
    right: 97px;
  }
}
/*---- HOTEL STYLES ------------------------------------------------------------------------------------------- */
/* HOTEL ROOM LIST - MOBILE FIRST (~ TABLET) */
.hotel-room-list {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
  padding-bottom: 45px;
}
.hotel-room-list .c-hotel-room-list {
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  margin: 0px auto 17px;
  display: flex;
  flex-flow: column;
  overflow: hidden;
  position: relative;
}
.hotel-room-list .c-hotel-room-list__header {
  width: 38%;
  position: relative;
}
.hotel-room-list .c-hotel-room-list__header .c-label {
  width: calc(100% - 8px);
  margin: 4px;
}
.hotel-room-list .c-hotel-room-list__header .c-container-image {
  width: 100%;
  height: 100%;
}
.hotel-room-list .c-hotel-room-list__content-wrapper {
  width: 100%;
  display: flex;
}
.hotel-room-list .c-hotel-room-list__body {
  padding: 14px;
  width: 62%;
  margin-bottom: 40px;
}
.hotel-room-list .c-hotel-room-list__body-wrapper {
  margin-top: 5px;
}
.hotel-room-list .c-hotel-room-list__body-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: visible;
  margin-bottom: -5px;
}
.hotel-room-list .c-hotel-room-list__body-group > .c-hotel-room-list__body-persons .sprite-icon-people {
  height: 22px;
  background-position: -8px -1266px;
  transform: scale(1.13);
}
.hotel-room-list .c-hotel-room-list__body-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #384044;
}
.hotel-room-list .c-hotel-room-list__body-people {
  max-width: none;
  margin-left: 0;
  font-size: 12px;
  margin-top: 9px;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}
.hotel-room-list .c-hotel-room-list__body-persons {
  font-size: 14px;
}
.hotel-room-list .c-hotel-room-list__body-persons .sprite-icon-people {
  background-image: url(../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png);
  background-repeat: no-repeat;
  height: 30px;
  background-size: 38px auto;
  background-position: -8px -1263px;
  transform: scale(1.33);
}
.hotel-room-list .c-hotel-room-list__body-adults,
.hotel-room-list .c-hotel-room-list__body-children {
  font-size: 12px;
}
.hotel-room-list .c-hotel-room-list__body-adults .sprite-icon-adult {
  width: 20px;
  height: 30px;
  background-image: url(../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png);
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-position: -10px -1108px;
}
.hotel-room-list .c-hotel-room-list__body-children .sprite-icon-child {
  width: 22px;
  background-image: url(../../../etc.clientlibs/barcelo/clientlibs/clientlib-base/resources/images/sprite-bhg.png);
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: -9px -1252px;
}
.hotel-room-list .c-hotel-room-list__body-list {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  position: relative;
}
.hotel-room-list .c-hotel-room-list__body-list .sprite-icon-people {
  transform: none;
}
.hotel-room-list .c-hotel-room-list__body-list .sprite-icon-adult {
  background-position: -13px -1108px;
  transform: scale(0.8);
}
.hotel-room-list .c-hotel-room-list__body-list .sprite-icon-child {
  transform: scale(0.8);
}
.hotel-room-list .c-hotel-room-list__body-list-ul {
  margin-top: 2px;
}
.hotel-room-list .c-hotel-room-list__body-list-ul li {
  padding-left: 18px;
}
.hotel-room-list .c-hotel-room-list__body-list-ul li .svg-icon.mod--size-14 {
  position: absolute;
  left: 0px;
}
.hotel-room-list .c-hotel-room-list__body-list-ul li .svg-icon.mod--size-14 svg {
  margin-bottom: -2px;
}
.hotel-room-list .c-hotel-room-list__body-list .c-check-list li {
  margin-bottom: 0px;
}
.hotel-room-list .c-hotel-room-list__body-list .c-check-list li:before {
  font-size: 12px;
}
.hotel-room-list .c-hotel-room-list__footer {
  padding: 10px;
  border-top: 1px solid #d8d8d8;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  z-index: 2;
  background: #ffffff;
  margin-top: -40px;
}
.hotel-room-list .c-hotel-room-list__footer .myb-icon {
  margin-top: -3px;
  cursor: pointer;
  left: 38%;
  position: absolute;
  margin-left: -26px;
}
.hotel-room-list .c-hotel-room-list__footer .myb-icon img {
  max-width: 26px;
}
.hotel-room-list .c-hotel-room-list__footer-price {
  width: 37%;
  margin-top: 3px;
}
.hotel-room-list .c-hotel-room-list__footer-price-tag {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.hotel-room-list .c-hotel-room-list__footer-price-quantity {
  font-size: 22px;
  line-height: 25px;
  font-weight: 700;
}
.hotel-room-list .c-hotel-room-list__footer-price-quantity .c-price__currency,
.hotel-room-list .c-hotel-room-list__footer-price-quantity .c-price__type {
  font-size: 11px;
  line-height: 24px;
  margin-top: 5px;
  font-weight: 500;
}
.hotel-room-list .c-hotel-room-list__footer .c-cta-container {
  max-width: 60%;
  order: 3;
}
.hotel-room-list .c-hotel-room-list__footer-unavailable {
  font-size: 16px;
  margin: auto;
}
.hotel-room-list .c-hotel-room-list__footer-unavailable .cmp-icon {
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  float: left;
  background-position: center center;
  margin-right: 15px;
}
.hotel-room-list .c-hotel-room-list__footer-unavailable-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
}
.hotel-room-list .c-hotel-room-list__footer-unavailable-content {
  display: inline;
}
.hotel-room-list .c-hotel-room-list .mod--available-from {
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column-reverse;
}
@media (min-width: 1025px) {
  .hotel-room-list {
    width: 100% !important;
    /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-left: inherit;
    padding-bottom: 30px;
    width: 100%;
  }
  .hotel-room-list .c-hotel-room-list {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 16px;
    flex-flow: row;
    align-items: center;
  }
  .hotel-room-list .c-hotel-room-list__header {
    width: 360px;
    flex-shrink: 0;
  }
  .hotel-room-list .c-hotel-room-list__header .mod--gradient-overlay .cmp-image:after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
  }
  .hotel-room-list .c-hotel-room-list__header .c-label {
    font-size: 14px;
    font-weight: 500;
    width: auto;
    max-width: 200px;
    margin: 8px;
    right: 0px;
  }
  .hotel-room-list .c-hotel-room-list__body {
    padding: 30px;
    width: 100%;
    margin: unset;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .hotel-room-list .c-hotel-room-list__body-wrapper {
    display: flex;
    align-content: space-between;
    width: 100%;
  }
  .hotel-room-list .c-hotel-room-list__body-group {
    display: initial;
    flex-wrap: initial;
    justify-content: initial;
    overflow: initial;
    margin-bottom: initial;
  }
  .hotel-room-list .c-hotel-room-list__body-title {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
  }
  .hotel-room-list .c-hotel-room-list__body-text {
    max-width: 60%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 10px;
  }
  .hotel-room-list .c-hotel-room-list__body-text .c-cta {
    font-size: 16px;
    line-height: 30px;
  }
  .hotel-room-list .c-hotel-room-list__body-list {
    max-width: 40%;
    flex-shrink: 0;
    margin-left: 4%;
    line-height: 23px;
    margin-top: 9px;
  }
  .hotel-room-list .c-hotel-room-list__body-list .c-check-list li:before {
    font-size: 16px;
  }
  .hotel-room-list .c-hotel-room-list__footer {
    border-top: 0px;
    border-left: 1px solid #d8d8d8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: inherit;
    flex-flow: column;
    padding: 0px 30px;
    margin: 0px;
    width: 25%;
    height: 170px;
    flex-shrink: 0;
    background: unset;
  }
  .hotel-room-list .c-hotel-room-list__footer .myb-icon {
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    left: initial;
  }
  .hotel-room-list .c-hotel-room-list__footer .myb-icon img {
    max-width: fit-content;
  }
  .hotel-room-list .c-hotel-room-list__footer-price {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    margin-bottom: 10px;
    width: auto;
  }
  .hotel-room-list .c-hotel-room-list__footer-price-tag {
    font-size: 14px;
    line-height: 26px;
    text-align: left;
  }
  .hotel-room-list .c-hotel-room-list__footer-price-quantity {
    font-size: 28px;
    line-height: 24px;
    text-align: left;
  }
  .hotel-room-list .c-hotel-room-list__footer-price-quantity .c-price__currency,
  .hotel-room-list .c-hotel-room-list__footer-price-quantity .c-price__type {
    font-size: 16px;
  }
  .hotel-room-list .c-hotel-room-list__footer-price-claim {
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 15px;
    text-align: left;
  }
  .hotel-room-list .c-hotel-room-list__footer .c-cta-container {
    max-width: 80%;
  }
  .hotel-room-list .c-hotel-room-list__footer .c-cta-container .c-cta {
    font-size: 15px;
    font-weight: 700;
  }
  .hotel-room-list .c-hotel-room-list__footer-unavailable > * {
    margin: 4px 0px;
  }
  .hotel-room-list .c-hotel-room-list__footer-unavailable .cmp-icon {
    height: 24px;
    float: none;
  }
  .hotel-room-list .c-hotel-room-list__footer-unavailable-title {
    display: block;
  }
  .hotel-room-list .c-hotel-room-list__footer-unavailable-content {
    display: block;
  }
  .hotel-room-list .c-hotel-room-list .mod--available-from {
    text-align: inherit;
  }
}
/* SPECIFIC STYLES FOR HOTEL ROOM LIST with myb prices */
.hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer {
  align-items: flex-end;
  padding: 6px 4px;
}
.hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer-price.c-price-normal-myb {
  animation: fadeIn 1s;
  margin-right: 6px;
  transform: scale(0.9) translateY(-5px);
}
.hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb {
  animation: fadeIn 1s;
  transition: none;
  transform: scale(0.84) translateX(-6px);
  margin-right: -3px;
  overflow: initial;
}
.hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-cta-container {
  display: flex;
  align-self: center;
}
/* MYB PRICES BY SWITCH ON */
.mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer-price.c-price-normal-myb {
  width: auto;
  transform: scale(0.84);
  transform: scale(0.84) translateY(-5px);
}
.mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb {
  animation: fadeIn 1s;
  transform: scale(0.9);
  flex-shrink: 0;
  margin: 0 6px 0 2px;
  left: initial;
}
@media (min-width: 1025px) {
  .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer {
    flex-wrap: nowrap;
    align-items: center;
  }
  .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer-price.c-price-normal-myb {
    order: 2;
    margin-right: 0;
    width: 70%;
    justify-content: flex-end;
    transform: scale(1);
  }
  .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb {
    order: 1;
    transform: scale(0.84) translateX(-40px);
  }
  .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-cta-container {
    display: flex;
    align-self: center;
  }
  /* MYB PRICES BY SWITCH ON */
  .mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer-price.c-price-normal-myb {
    order: 1;
    margin-bottom: 4px;
    flex-flow: row;
    width: 88%;
    justify-content: flex-end;
  }
  .mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer-price.c-price-normal-myb .c-hotel-room-list__footer-price-tag {
    margin-right: 12px;
    line-height: 1;
  }
  .mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb {
    margin: 0 0 10px 0;
    width: 75%;
    transform: scale(1);
  }
  .mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb .c-price-myb__container {
    width: 100%;
  }
  .mod--myb-switch--active .hotel-room-list .c-hotel-room-my-barcelo-price.c-hotel-room-list .c-hotel-room-list__footer .c-price.c-price-myb .c-price-myb__container .c-price-header .bhg-tooltip {
    display: block;
  }
}
/* C-TRIPADVISOR DETAILS - MOBILE FIRST (~ TABLET) */
.c-tripadvisor-details {
  background-color: #f5f5f5;
  color: #384044;
}
.c-tripadvisor-details .c-tripadvisor {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid #d8d8d8;
  margin: 30px auto;
  padding-bottom: 20px;
}
.c-tripadvisor-details .c-tripadvisor .icon-tripadvisor {
  width: 100%;
  justify-content: center;
  margin-top: -15px;
}
.c-tripadvisor-details .c-tripadvisor .icon-tripadvisor:before {
  font-size: 35px;
  font-weight: 500;
  background-color: #f5f5f5;
  padding: 0px 15px;
}
.c-tripadvisor-details .c-tripadvisor .ta__score {
  margin-right: 17px;
  text-align: center;
}
.c-tripadvisor-details .c-tripadvisor .ta__dots {
  margin-right: 14px;
  justify-content: center;
}
.c-tripadvisor-details .c-tripadvisor .ta__social {
  margin-top: 4px;
}
.c-tripadvisor-details__content-user {
  margin-bottom: 30px;
}
.c-tripadvisor-details__content-user-header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 15px;
}
.c-tripadvisor-details__content-user-header .ta-profile {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-tripadvisor-details__content-user-header .ta-profile .ta-avatar {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 99999px;
  margin-right: 8px;
  position: relative;
}
.c-tripadvisor-details__content-user-header .ta-profile .ta-avatar:before {
  width: 24px;
  height: 24px;
  text-align: center;
  font-family: "barcelo-ui-kit";
  content: "\e916";
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  margin-top: 1px;
}
.c-tripadvisor-details__content-user-header .ta-profile .ta-name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.c-tripadvisor-details__content-user-header .c-timedate {
  font-size: 12px;
}
.c-tripadvisor-details__content-user-header .c-timedate .ta-group:before {
  content: "·";
  font-size: 16px;
  font-weight: 500;
  margin-right: 4px;
}
.c-tripadvisor-details__content-user-message {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: 1px;
  padding: 25px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.c-tripadvisor-details__content-user-message:before {
  font-family: "barcelo-ui-kit";
  content: "\e927";
  position: absolute;
  top: -15px;
  left: 2px;
  color: #ffffff;
  transform: rotate(180deg);
  font-size: 22px;
}
.c-tripadvisor-details__content-user-message .c-tripadvisor {
  height: auto;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
  align-items: center;
  flex-wrap: wrap;
  border: 0px;
  margin: 0px;
  padding-bottom: 10px;
}
.c-tripadvisor-details__content-user-message .c-tripadvisor .ta__dots {
  margin-bottom: 5px;
}
.c-tripadvisor-details__content-user-message .c-tripadvisor .ta__dots .ta__dot {
  width: 14px;
  height: 14px;
}
.c-tripadvisor-details__content-user-message-title {
  flex-grow: 0;
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 54px;
  font-weight: 700;
  margin-bottom: 10px;
}
.c-tripadvisor-details__content-user-message-text {
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 125px;
  font-weight: 300;
  margin-bottom: 15px;
  height: 125px;
  width: 100%;
}
.c-tripadvisor-details__content-user-message-button {
  flex-grow: 0;
  margin-top: auto;
}
.c-tripadvisor-details__content-user-message-button .c-cta {
  font-size: 14px;
}
/* C-TRIPADVISOR-DETAIS - VIEWS - MOBILE FIRST*/
.c-modal-inject.c-modal .c-tripadvisor-details__content-user {
  width: 100%;
  padding: 15px 0px;
  margin: 0px;
}
.c-modal-inject.c-modal .c-tripadvisor-details__content-user-message {
  display: block;
  padding: 0px;
  box-shadow: none;
}
.c-modal-inject.c-modal .c-tripadvisor-details__content-user-message:before {
  content: none;
}
.c-modal-inject.c-modal .c-tripadvisor-details__content-user-message-title,
.c-modal-inject.c-modal .c-tripadvisor-details__content-user-message-text {
  display: inherit;
  height: auto;
  max-height: inherit;
  overflow: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
  text-overflow: inherit;
}
.c-modal-inject.c-modal .c-tripadvisor-details__content-user-message-button {
  display: none;
}
/* C-TRIPADVISOR-DETAILS - DESKTOP  */
@media (min-width: 1025px) {
  .c-tripadvisor-details .c-tripadvisor {
    height: 300px;
    max-width: calc(100% - 30px);
    margin: 65px 15px 0px;
    display: block;
    text-align: center;
  }
  .c-tripadvisor-details .c-tripadvisor .ta__score {
    margin-top: 75px;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    margin-right: 0px;
  }
  .c-tripadvisor-details .c-tripadvisor .ta__dots {
    margin-right: 0px;
  }
  .c-tripadvisor-details .c-tripadvisor .h-rule {
    max-width: 52px;
    margin: 15px auto;
  }
  .c-tripadvisor-details__content {
    display: flex;
    flex-wrap: wrap;
  }
  .c-tripadvisor-details__content-user {
    margin: 15px;
    width: calc(33.3% - 30px);
  }
  .c-tripadvisor-details__content-user-header {
    height: 40px;
    margin-bottom: 8px;
  }
  .c-tripadvisor-details__content-user-header .c-timedate {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .c-tripadvisor-details__content-user-header .c-timedate .ta-group {
    display: block;
  }
  .c-tripadvisor-details__content-user-header .c-timedate .ta-group:before {
    content: none;
  }
  .c-tripadvisor-details__content-user-message {
    padding: 25px 15px;
    height: 300px;
  }
  .c-tripadvisor-details__content-user-message .c-tripadvisor {
    height: auto;
    margin: 0px;
  }
  .c-tripadvisor-details__content-user-message-title {
    font-size: 20px;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 58px;
  }
  /* C-TRIPADVISOR-DETAIS - VIEWS - DESKTOP*/
  .c-modal-inject.c-modal .c-tripadvisor-details__content-user {
    padding: 15px;
  }
}
/* HOTEL RELATED - MOBILE FIRST (~ TABLET) */
.c-hotel-related {
  margin: 30px auto;
  max-width: 1140px;
}
.c-hotel-related__content_description,
.c-hotel-related__content_subtitle {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0px 0px;
}
.c-hotel-related__content_subtitle {
  font-weight: 700;
}
.c-hotel-related__content_cards {
  display: flex;
  flex-wrap: wrap;
}
.c-hotel-related__content_cards .c-card {
  width: calc(50% - 8px);
  margin: 10px 8px;
}
.c-hotel-related__content_cards .c-card:nth-child(even) {
  margin-right: 0px;
}
.c-hotel-related__content_cards .c-card:nth-child(odd) {
  margin-left: 0px;
}
.c-hotel-related__content_cards .c-card-hotel {
  width: 100%;
  max-width: inherit;
  margin: 10px 0px;
}
.c-hotel-related__content_cards.mod--horizontal-card-compact .c-card-hotel .c-card-hotel__content-footer .c-card-hotel__content-footer-price {
  display: none;
}
.c-hotel-related__content_cards.mod--horizontal-card-compact .c-card-hotel .c-card-hotel__content-footer button {
  text-align: center;
}
.c-hotel-related__content_legend {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0px;
}
/* HOTEL RELATED - FASTOBOOKING VIEW - MOBILE FIRST (~ TABLET) */
.c-fastbooking__submenu-calendar .c-hotel-related__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 0px;
}
.c-fastbooking__submenu-calendar .c-hotel-related__content_cards {
  width: calc(100% + 30px) !important;
  /* NECESARIO PARA ROMPER EL CONTAINER */
  margin-left: -15px;
  padding: 0px 20px;
  display: flex;
  flex-wrap: wrap;
}
.c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card {
  width: 100%;
  margin: 10px 0px;
}
.c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(even) {
  margin-right: 0px;
}
.c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(odd) {
  margin-left: 0px;
}
/* HOTEL RELATED - DESKTOP  */
@media (min-width: 1025px) {
  .c-hotel-related {
    /* TODO: REVIEW NORBERTO*/
    min-width: 970px;
    /**/
  }
  .c-hotel-related__content_description {
    font-size: 18px;
    line-height: 28px;
  }
  .c-hotel-related__content_subtitle {
    font-size: 18px;
    line-height: 26px;
  }
  .c-hotel-related__content_cards {
    /* TODO: REVIEW NORBERTO*/
    /**/
  }
  .c-hotel-related__content_cards .c-card,
  .c-hotel-related__content_cards .c-card-hotel {
    width: calc(33.3% - 20px);
    margin: 15px;
  }
  .c-hotel-related__content_cards .c-card:nth-child(even),
  .c-hotel-related__content_cards .c-card-hotel:nth-child(even) {
    margin-right: 15px;
  }
  .c-hotel-related__content_cards .c-card:nth-child(odd),
  .c-hotel-related__content_cards .c-card-hotel:nth-child(odd) {
    margin-left: 15px;
  }
  .c-hotel-related__content_cards .c-card:first-child,
  .c-hotel-related__content_cards .c-card-hotel:first-child {
    margin-left: 0px;
  }
  .c-hotel-related__content_cards .c-card:nth-child(3n),
  .c-hotel-related__content_cards .c-card-hotel:nth-child(3n) {
    margin-right: 0px;
  }
  .c-hotel-related__content_cards .c-card:nth-child(3n + 4),
  .c-hotel-related__content_cards .c-card-hotel:nth-child(3n + 4) {
    margin-left: 0px;
  }
  .c-hotel-related__content_cards .cb-slidy__wrapper {
    justify-content: flex-start;
  }
  .c-hotel-related__content_legend {
    padding: 10px 0px;
  }
  /* HOTEL RELATED - FASTOBOOKING VIEW - MOBILE FIRST */
  .c-fastbooking__submenu-calendar .c-hotel-related__title {
    font-size: 24px;
    line-height: 36px;
    padding: 0px 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_description,
  .c-fastbooking__submenu-calendar .c-hotel-related__content_subtitle {
    padding: 10px 15px 0px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards {
    width: 100% !important;
    /* NECESARIO PARA VOLVER EL CONTAINER A SU ESTADO ORIGINAL */
    margin-left: inherit;
    padding: 0px;
    flex-wrap: nowrap;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card,
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card-hotel {
    /* TODO: REVIEW NORBERTO*/
    width: calc(33.3% - 30px);
    /**/
    margin: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(even) {
    margin-right: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(odd) {
    margin-left: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:first-child {
    margin-left: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(3n) {
    margin-right: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_cards .c-card:nth-child(3n + 4) {
    margin-left: 15px;
  }
  .c-fastbooking__submenu-calendar .c-hotel-related__content_legend {
    padding: 20px 15px;
  }
}
.c-hotel-detail {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0px 0px;
}
.c-hotel-detail__text {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 45px;
}
.c-hotel-detail__aside {
  width: 100%;
}
.c-hotel-detail__aside-card {
  margin-top: 15px;
  margin-bottom: 45px;
}
.c-hotel-detail__aside-card .ribbon {
  margin: 0px 0px 25px 0px;
}
.c-hotel-detail__aside-card .ribbon .c-ribbon__light {
  justify-content: flex-start;
}
.c-hotel-detail__aside-card .ribbon .c-ribbon__light .icon {
  margin-right: 10px;
}
.c-hotel-detail__aside-card-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  margin-top: -14px;
}
.c-hotel-detail__aside-card-title-claim {
  background: #ffffff;
  padding: 0px 12px;
}
.c-hotel-detail__aside-card-title-hotel {
  display: block;
}
.c-hotel-detail__aside-card-header {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 10px;
  padding: 0px 15px;
  display: flex;
}
.c-hotel-detail__aside-card-header-logo {
  min-width: 79px;
  margin-right: 15px;
}
.c-hotel-detail__aside-card-content {
  padding: 0px 15px;
}
@media (min-width: 1025px) {
  .c-hotel-detail {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 80px 0px;
  }
  .c-hotel-detail__text {
    width: 50%;
    max-width: 554px;
    font-size: 18px;
    line-height: 32px;
  }
  .c-hotel-detail__text.--large {
    max-width: 645px;
  }
  .c-hotel-detail__aside {
    width: 45%;
    max-width: 458px;
  }
  .c-hotel-detail__aside.--large {
    max-width: 532px;
  }
  .c-hotel-detail__aside-card {
    width: 100%;
  }
  .c-hotel-detail__aside-card-title {
    font-size: 24px;
    line-height: 28px;
  }
  .c-hotel-detail__aside-card-header {
    margin-top: 23px;
  }
  .c-hotel-detail__aside-card-header-logo {
    min-width: 94px;
  }
  .c-hotel-detail__aside-card-content {
    padding: 0px 30px;
  }
}
/* HEAD HOTEL - MOBILE FIRST (~ TABLET) */
.head-hotel-info {
  background-color: #f5f5f5;
}
.head-hotel-info .c-head-hotel-info {
  max-width: 1140px;
  margin: auto;
}
.head-hotel-info .c-head-hotel-info__booking {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  max-width: 400px;
  width: calc(100% - 30px);
  margin: auto;
  height: 48px;
  z-index: 3;
  top: -34px;
  background-color: #ffffff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  padding: 0 8px;
}
.head-hotel-info .c-head-hotel-info__booking-info {
  display: flex;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.head-hotel-info .c-head-hotel-info__booking-info-price {
  display: flex;
  flex-flow: column;
  margin: 0 5px;
}
.head-hotel-info .c-head-hotel-info__booking-info-price-quantity {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
}
.head-hotel-info .c-head-hotel-info__booking-info-claim {
  position: absolute;
  bottom: -28px;
  max-width: 100%;
  color: #767676;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  top: 54px;
}
.head-hotel-info .c-head-hotel-info__booking-btn {
  height: 40px;
}
.head-hotel-info .c-head-hotel-info__booking-btn .c-cta a {
  color: white;
  text-decoration: none;
}
.head-hotel-info .c-head-hotel-info__booking-buttons {
  height: auto;
  display: flex;
  justify-content: center;
}
.head-hotel-info .c-head-hotel-info__booking-buttons a {
  text-decoration: none;
  color: inherit;
}
.head-hotel-info .c-head-hotel-info__booking-buttons-btn {
  display: flex;
  flex-flow: column;
  height: auto;
  text-align: center;
  align-items: center;
  margin: 0px 5px;
}
.head-hotel-info .c-head-hotel-info__booking-buttons-btn-txt {
  display: none;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover {
  border-radius: 4px;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover-content {
  padding: 5px 10px;
  border-radius: 4px;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover-content .c-social-sharing {
  height: 73px;
  display: flex;
  width: auto;
  flex-flow: nowrap;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover-content .c-social-sharing__content-network {
  display: flex;
  align-items: center;
  margin: 10px;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover-content .c-social-sharing__content-network-logo {
  width: 42px;
  height: 42px;
}
.head-hotel-info .c-head-hotel-info__booking-buttons .c-favorite-share__popover-content .c-social-sharing__content-network-text {
  display: none;
}
.head-hotel-info .c-head-hotel-info__info {
  display: block;
  position: relative;
  top: -18px;
  text-align: center;
  margin: 0px auto;
}
.head-hotel-info .c-head-hotel-info__info-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.head-hotel-info .c-head-hotel-info__info-resources-map {
  display: inline-flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #384044;
  text-decoration: none;
  cursor: pointer;
}
.head-hotel-info .c-head-hotel-info__info-resources-map span {
  text-decoration: underline;
}
.head-hotel-info .c-head-hotel-info__info-resources-map-direction {
  text-decoration: underline;
}
.head-hotel-info .c-head-hotel-info__info-resources-map .icon-pin {
  width: 19px;
  vertical-align: middle;
}
.head-hotel-info .c-head-hotel-info .c-tripadvisor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}
.head-hotel-info .c-head-hotel-info .c-tripadvisor .icon-tripadvisor {
  min-width: 20px;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 8px;
}
.head-hotel-info .c-head-hotel-info .c-tripadvisor .ta__score {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #384044;
  margin-right: 8px;
}
.head-hotel-info .c-head-hotel-info .c-tripadvisor .ta__dots {
  margin-right: 8px;
}
.head-hotel-info .c-head-hotel-info .c-tripadvisor .ta__social {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #767676;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom {
  width: 100%;
  background: #ffffff;
  display: flex;
  max-width: inherit;
  margin: auto;
  justify-content: center;
  padding: 0px;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 0px;
  z-index: 9;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking {
  box-shadow: none;
  max-width: 100%;
  width: 100%;
  top: 0px;
  justify-content: center;
  margin-bottom: 0px;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking-info {
  min-width: inherit;
  align-items: center;
  margin-right: 15px;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking-info-price {
  text-transform: lowercase;
  display: flex;
  align-items: center;
  margin: 0px 8px 0px 0px;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking-info-claim {
  display: none;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking-buttons {
  margin-left: 15px;
  justify-content: center;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__info-title,
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__info-resources {
  display: none;
}
.heroslider.inject-fastbooking-true + .head-hotel-info .c-head-hotel-info__booking {
  top: 20px;
}
.heroslider.inject-fastbooking-true + .head-hotel-info .c-head-hotel-info__info {
  top: 0px;
  padding-top: 30px;
}
.heroslider.inject-fastbooking-true + .head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking {
  top: 0px;
}
/* HEAD HOTEL - MEDIA - DESKTOP */
@media (min-width: 1025px) {
  .head-hotel-info .c-head-hotel-info {
    display: flex;
    flex-flow: row-reverse;
    padding: 40px 0px 45px;
    justify-content: space-between;
    align-items: center;
  }
  .head-hotel-info .c-head-hotel-info__booking {
    justify-content: space-around;
    height: 60px;
    max-width: 100%;
    width: auto;
    min-width: 458px;
    max-width: 565px;
    margin: 0px;
    top: 0;
    margin-bottom: 24px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info {
    font-size: 14px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info-claim {
    text-align: left;
    line-height: inherit;
    top: 68px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info-price-quantity {
    font-size: 24px;
    display: block;
  }
  .head-hotel-info .c-head-hotel-info__booking-btn {
    height: 48px;
  }
  .head-hotel-info .c-head-hotel-info__booking-btn .c-cta {
    min-width: 179px;
    width: 100%;
    height: 48px;
    line-height: 48px;
  }
  .head-hotel-info .c-head-hotel-info__booking-buttons {
    justify-content: space-between;
  }
  .head-hotel-info .c-head-hotel-info__booking-buttons-btn-txt {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
  }
  .head-hotel-info .c-head-hotel-info__info {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    top: 0px;
    max-width: 50%;
    padding: 0;
  }
  .head-hotel-info .c-head-hotel-info__info-title {
    font-size: 36px;
    line-height: 44px;
    width: 100%;
    text-align: left;
  }
  .head-hotel-info .c-head-hotel-info__info-resources {
    display: flex;
    width: 100%;
    flex-flow: row-reverse;
    justify-content: space-between;
    min-width: 400px;
    margin-right: 15px;
  }
  .head-hotel-info .c-head-hotel-info__info-resources-map {
    font-size: 16px;
    line-height: 24px;
  }
  .head-hotel-info .c-head-hotel-info__info .c-tripadvisor {
    margin: 0px;
  }
  .head-hotel-info .c-head-hotel-info.mod--stick-bottom.mod--stick-bottom__booking {
    height: 60px;
    max-width: 100%;
    width: 458px;
    margin: 0px;
    top: 0;
    margin-bottom: 24px;
  }
  .head-hotel-info .c-head-hotel-info.mod--stick-bottom.mod--stick-bottom__booking-info {
    margin-right: 25px;
  }
  .head-hotel-info .c-head-hotel-info.mod--stick-bottom.mod--stick-bottom__booking-buttons {
    margin-left: 25px;
  }
  .heroslider.inject-fastbooking-true + .head-hotel-info .c-head-hotel-info__booking {
    top: 0px;
  }
  .heroslider.inject-fastbooking-true + .head-hotel-info .c-head-hotel-info__info {
    top: 0px;
    padding-top: 0px;
  }
}
/* HEAD HOTEL - DESKTOP - CONTENT SIZE */
@media (min-width: 1025px) and (max-width: 1140px) {
  .head-hotel-info .c-head-hotel-info {
    padding: 20px;
  }
  .head-hotel-info .c-head-hotel-info__info-resources {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.head-hotel-info .c-head-hotel-info__booking-info-price.c-price-normal-myb {
  margin: 2px 8px 0px 0px;
}
.head-hotel-info .c-head-hotel-info.mod--stick-bottom .c-head-hotel-info__booking-info-price.c-price-normal-myb {
  margin: 0px 8px 0px 0px;
}
/* MYB PRICES BY SWITCH ON */
.mod--myb-switch--active .head-hotel-info .c-head-hotel-info__booking-info-price.c-price-normal-myb .c-price__currency {
  display: none;
}
/* MYB PRICES ACTIVATED ON PAGE */
.c-myb-push-banner:not(.hidden) ~ .c-head-hotel-info .c-head-hotel-info__booking {
  width: 100%;
}
.c-myb-push-banner:not(.hidden) ~ .c-head-hotel-info .c-head-hotel-info__booking-info {
  margin-right: 5px;
  min-width: initial;
}
@media (min-width: 1025px) {
  .head-hotel-info .c-head-hotel-info__booking-info-price.c-price-normal-myb {
    margin: 4px 8px 0px 0px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info-price.c-price-normal-myb .c-price__currency {
    letter-spacing: -4px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb {
    flex-shrink: 0;
  }
  .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-card-hotel__content-footer-price-claim {
    margin-bottom: 5px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-price {
    padding-top: 5px;
  }
  .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-price-myb__container {
    padding: 22px 5px 8px 14px;
  }
  /* MYB PRICES BY SWITCH ON */
  .mod--myb-switch--active .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb {
    flex-shrink: 0;
  }
  .mod--myb-switch--active .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-price {
    padding-top: 0px;
  }
  .mod--myb-switch--active .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-price-myb__container {
    padding: 5px 20px 5px 14px;
  }
  .mod--myb-switch--active .head-hotel-info .c-head-hotel-info__booking-info .c-price.c-price-myb .c-price-myb__container .c-price-header .bhg-tooltip {
    display: block;
  }
  /* MYB PRICES ACTIVATED ON PAGE */
  .c-myb-push-banner:not(.hidden) ~ .c-head-hotel-info .c-head-hotel-info__booking-btn .c-cta {
    min-width: initial;
  }
}
/* HOTEL MAP COMPONENT */
.c-hotel-map {
  width: 100%;
  margin: 50px auto;
  position: relative;
  padding-top: 45px;
}
.c-hotel-map__map {
  border: 0px;
  border-top: 1px solid #d8d8d8;
  width: 100%;
  height: 250px;
  margin-bottom: -10px;
}
.c-hotel-map__preview {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 250px;
  background-size: cover;
}
.c-hotel-map__preview .c-container-image {
  height: 100%;
}
.c-hotel-map .c-cta .c-container--breakline:after {
  margin-left: 0px;
}
.c-hotel-map .c-cta .c-container--breakline:before {
  margin-right: 0px;
}
.c-hotel-map__content {
  background: rgba(197, 232, 243, 0.3);
  padding: 35px 18px;
}
.c-hotel-map__content-description {
  font-size: 16px;
  line-height: 24px;
}
.c-hotel-map__content .h-rule {
  max-width: 110px;
  margin: 25px auto;
}
.c-hotel-map__content-address {
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
}
.c-hotel-map__content-links {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.c-hotel-map__content-links-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.c-hotel-map__content .c-textimage {
  margin: 0;
}
.c-hotel-map__content .icon {
  margin: 0;
  margin-right: 10px;
}
.result__map {
  overflow: visible;
}
.result__map .popup-bubble {
  padding: 0px;
  border-radius: 2px;
}
.result__map .popup-bubble-anchor {
  bottom: 40px;
}
.result__map .c-card-hotel {
  width: 90vw;
  max-width: 360px;
  height: auto;
  flex-wrap: wrap;
}
.result__map .c-card-hotel .c-close-btn {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #155583;
}
.result__map .c-card-hotel__image {
  width: 38%;
  height: calc(100% - 65px);
  position: absolute;
}
.result__map .c-card-hotel__image .c-container-image {
  height: 100%;
}
.result__map .c-card-hotel__content-header {
  flex-grow: 1;
  padding: 23px 15px 0px 42%;
}
.result__map .c-card-hotel__content-header-title .c-cta {
  font-size: 16px;
  line-height: 20px;
}
.result__map .c-card-hotel__content-header-location {
  font-size: 14px;
  line-height: 24px;
}
.result__map .c-card-hotel__content-body {
  flex-grow: 1;
  padding: 0px 15px 5px 42%;
}
.result__map .c-card-hotel__content-body-info {
  flex-wrap: wrap;
  flex-flow: column-reverse;
  height: auto;
}
.result__map .c-card-hotel__content-body-info-label {
  display: none;
}
.result__map .c-card-hotel__content-body-info .c-tripadvisor {
  min-width: 100%;
}
.result__map .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
  font-size: 14px;
}
.result__map .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
  display: none;
}
.result__map .c-card-hotel__content-body-list {
  font-size: 16px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 58px;
}
.result__map .c-card-hotel__content hr {
  display: none;
}
.result__map .c-card-hotel__content-not-available {
  height: 65px;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 5px 9px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.result__map .c-card-hotel__content-footer {
  flex-grow: 0;
  height: 65px;
  overflow: hidden;
  flex-wrap: nowrap;
  padding: 5px 9px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.result__map .c-card-hotel__content-footer-price {
  flex-flow: column;
  margin: 0px;
}
.result__map .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
  margin: 0px;
}
.result__map .c-card-hotel__content-footer-price .c-price__value {
  font-size: 22px;
}
.result__map .c-card-hotel__content-footer-price .c-price__currency,
.result__map .c-card-hotel__content-footer-price .c-price__type {
  font-size: 11px;
}
.result__map .c-card-hotel__content-footer .c-cta {
  max-width: 175px;
  margin: 0px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__image {
  height: calc(100% - 50px);
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-header-title {
  padding-right: 0px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body .c-more-info-btn {
  padding: 8px 0px 16px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body-list {
  display: none;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer {
  height: auto;
  border-top: 0px;
  padding: 0px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel,
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link {
  width: 100%;
  padding: 0px 15px 0 150px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link .svg-icon {
  display: none;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link-txt {
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  color: #767676;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount {
  margin-top: 24px;
  height: 50px;
  border-top: 1px solid #d8d8d8;
  padding: 0px 9px;
  flex-wrap: nowrap;
}
.result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer {
  max-width: 128px;
  margin: 0px 15px 0px 0px;
  padding: 6px 15px;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price {
  flex-flow: initial;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
  font-size: 12px;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip {
  top: 6px;
  right: 5px;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip .bhg-tooltip--icon:after {
  font-size: 12px;
}
.result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .mod--cta-fullbg {
  width: 40%;
}
@media (min-width: 1025px) {
  .c-hotel-map {
    height: 756px;
    margin: 70px auto;
    padding: 0px;
    position: relative;
  }
  .c-hotel-map__map {
    height: 756px;
    margin-bottom: 0px;
  }
  .c-hotel-map .c-cta {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 200px;
  }
  .c-hotel-map .c-cta .c-container--breakline:before,
  .c-hotel-map .c-cta .c-container--breakline:after {
    content: none;
  }
  .c-hotel-map__content {
    overflow: hidden;
    width: 100%;
    max-width: 457px;
    height: auto;
    max-height: calc(100% - 184px);
    position: absolute;
    top: 32px;
    left: calc(calc(100% -  1140px ) / 2);
    background: #edf8fb;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    padding: 35px 18px;
  }
  .c-hotel-map__content .h-rule {
    max-width: 100px;
    margin: 20px 0;
  }
  .result__map .c-card-hotel {
    width: 90vw;
    max-width: 360px;
    height: auto;
    flex-wrap: wrap;
  }
  .result__map .c-card-hotel .c-close-btn {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #155583;
  }
  .result__map .c-card-hotel__image {
    width: 38%;
    height: calc(100% - 65px);
    position: absolute;
  }
  .result__map .c-card-hotel__image .c-container-image {
    height: 100%;
  }
  .result__map .c-card-hotel__content-header {
    flex-grow: 1;
    padding: 23px 15px 0px 42%;
  }
  .result__map .c-card-hotel__content-header-title .c-cta {
    font-size: 16px;
    line-height: 20px;
  }
  .result__map .c-card-hotel__content-header-location {
    font-size: 14px;
    line-height: 24px;
  }
  .result__map .c-card-hotel__content-body {
    flex-grow: 1;
    padding: 0px 15px 5px 42%;
  }
  .result__map .c-card-hotel__content-body-info {
    flex-wrap: wrap;
    flex-flow: column-reverse;
    height: auto;
  }
  .result__map .c-card-hotel__content-body-info-label {
    display: none;
  }
  .result__map .c-card-hotel__content-body-info .c-tripadvisor {
    min-width: 100%;
  }
  .result__map .c-card-hotel__content-body-info .c-tripadvisor .ta__score {
    font-size: 14px;
  }
  .result__map .c-card-hotel__content-body-info .c-tripadvisor .ta__reviews {
    display: none;
  }
  .result__map .c-card-hotel__content-body-list {
    font-size: 16px;
    line-height: 28px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 58px;
  }
  .result__map .c-card-hotel__content hr {
    display: none;
  }
  .result__map .c-card-hotel__content-not-available {
    height: 65px;
    overflow: hidden;
    flex-wrap: nowrap;
    padding: 5px 9px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .result__map .c-card-hotel__content-footer {
    flex-grow: 0;
    height: 65px;
    overflow: hidden;
    flex-wrap: nowrap;
    padding: 5px 9px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .result__map .c-card-hotel__content-footer-price {
    flex-flow: column;
    margin: 0px;
  }
  .result__map .c-card-hotel__content-footer-price-claim {
    font-size: 12px;
    margin: 0px;
  }
  .result__map .c-card-hotel__content-footer-price .c-price__value {
    font-size: 22px;
  }
  .result__map .c-card-hotel__content-footer-price .c-price__currency,
  .result__map .c-card-hotel__content-footer-price .c-price__type {
    font-size: 11px;
  }
  .result__map .c-card-hotel__content-footer .c-cta {
    max-width: 175px;
    margin: 0px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__image {
    height: calc(100% - 50px);
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-header-title {
    padding-right: 0px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body .c-more-info-btn {
    padding: 8px 0px 16px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-body-list {
    display: none;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer {
    height: auto;
    border-top: 0px;
    padding: 0px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel,
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link {
    width: 100%;
    padding: 0px 15px 0 150px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-hotel {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link .svg-icon {
    display: none;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo .c-card-hotel__content-footer-location-link-txt {
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    color: #767676;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount {
    margin-top: 24px;
    height: 50px;
    border-top: 1px solid #d8d8d8;
    padding: 0px 9px;
    flex-wrap: nowrap;
  }
  .result__map .c-card-hotel.c-card-hotel-offer .c-card-hotel__content-footer .c-card-coupon__promo-discount .c-offer {
    max-width: 128px;
    margin: 0px 15px 0px 0px;
    padding: 6px 15px;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price {
    flex-flow: initial;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price-claim {
    font-size: 12px;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .c-card-hotel__content-footer-price-claim {
    font-size: 12px;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip {
    top: 6px;
    right: 5px;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .c-card-hotel__content-footer-price .c-price-myb .bhg-tooltip .bhg-tooltip--icon:after {
    font-size: 12px;
  }
  .result__map .popup-bubble-anchor .c-card-hotel.c-card-hotel-my-barcelo-price .mod--hotel-my-barcelo .mod--cta-fullbg {
    width: 40%;
  }
}
@media (max-width: 1140px) and (min-width: 1025px) {
  .c-hotel-map__content {
    left: 2%;
  }
}
.c-hotel-services {
  margin: 20px auto;
}
.c-hotel-services .list-services {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.c-hotel-services .list-services .item-services {
  flex: 1 1 45%;
  margin: 0 10px;
  font-size: 16px;
}
.c-hotel-info {
  display: grid;
  grid: auto auto auto auto / auto;
  grid-template-areas: "gallery" "description" "highlights" "map";
  gap: 30px;
  margin-top: 10px;
}
.c-hotel-info__gallery {
  grid-area: gallery;
  width: 100%;
  position: relative;
  min-height: 225px;
}
.c-hotel-info__gallery .c-cta {
  text-decoration: none;
  color: inherit;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
  z-index: 1;
  transition: all 0.3s ease-out;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}
.c-hotel-info__gallery .c-cta:before {
  font-family: "barcelo-ui-kit";
  content: "\e906";
  margin-right: 9px;
  font-size: 20px;
  vertical-align: text-bottom;
}
.c-hotel-info__gallery .c-cta:hover {
  opacity: 1;
  color: white;
}
.c-hotel-info__gallery .c-cta:hover:before {
  color: white;
}
.c-hotel-info__highlights {
  grid-area: highlights;
  width: 100%;
}
.c-hotel-info__highlights .c-hotel-detail__aside-card {
  margin-bottom: 0;
}
.c-hotel-info__highlights .c-hotel-detail__aside-card .textimage .c-textimage:first-child {
  padding-top: 0;
}
.c-hotel-info__description {
  grid-area: description;
  width: 100%;
  margin-top: -60px;
}
.c-hotel-info__description-header {
  display: flex;
  flex-flow: column;
  background: white;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  width: calc(100% - 30px);
  margin: auto;
  z-index: 1;
  position: relative;
  padding: 0 15px;
}
.c-hotel-info__description-header-title {
  display: none;
}
.c-hotel-info__description-header-booking {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-hotel-info__description-header-booking .c-price {
  flex-shrink: 0;
  padding-right: 15px;
  display: flex;
  flex-flow: column;
}
.c-hotel-info__description-body {
  display: flex;
  flex-flow: column;
}
.c-hotel-info__description-body-title {
  text-align: center;
  margin: 30px 0;
}
.c-hotel-info__description-body__data-sheet {
  width: fit-content;
}
.c-hotel-info__map {
  grid-area: map;
  width: 100%;
}
.c-hotel-info__map .py-3 {
  padding: 0;
}
.c-hotel-info__map .c-hotel-map {
  margin: 0;
  padding: 0;
  height: 100%;
}
.c-hotel-info__map .c-hotel-map__preview,
.c-hotel-info__map .c-hotel-map__map {
  height: 100%;
  min-height: 260px;
}
@media (min-width: 1025px) {
  .tabs .cmp-tabs__tablist {
    margin-right: -15px;
    margin-left: -15px;
  }
  .tabs .cmp-tabs__tab {
    max-width: 20%;
    width: 100%;
    white-space: normal;
    word-break: break-word;
    hyphens: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
  }
  .c-hotel-info {
    display: grid;
    grid: auto auto / calc(58% - 15px) calc(42% - 15px);
    grid-template-areas: "gallery highlights" "description map";
  }
  .c-hotel-info__gallery {
    min-height: 310px;
  }
  .c-hotel-info__gallery .c-cta {
    text-decoration: none;
    color: inherit;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.8;
    z-index: 1;
    transition: all 0.3s ease-out;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
  }
  .c-hotel-info__gallery .c-cta:before {
    font-family: "barcelo-ui-kit";
    content: "\e906";
    margin-right: 9px;
    font-size: 20px;
    vertical-align: text-bottom;
  }
  .c-hotel-info__gallery .c-cta:hover {
    opacity: 1;
    color: white;
  }
  .c-hotel-info__gallery .c-cta:hover:before {
    color: white;
  }
  .c-hotel-info__highlights {
    margin-top: 24px;
  }
  .c-hotel-info__highlights .c-textimage {
    padding: 15px 30px;
  }
  .c-hotel-info__description {
    margin-top: 0px;
  }
  .c-hotel-info__description-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    box-shadow: none;
    width: 100%;
    margin: 0 0 30px;
    flex-flow: row;
    padding: 0;
  }
  .c-hotel-info__description-header-title {
    display: block;
    max-width: 55%;
  }
  .c-hotel-info__description-header .c-price {
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 15px;
    display: flex;
    flex-flow: column;
  }
  .c-hotel-info__description-booking {
    flex-shrink: 0;
  }
  .c-hotel-info__description-body {
    display: flex;
    flex-flow: column;
  }
  .c-hotel-info__description-body-title {
    display: none;
  }
  .c-hotel-info__map {
    min-height: 310px;
  }
}
.c-hotel-features {
  margin: 20px auto;
}
.c-hotel-features .list-features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.c-hotel-features .list-features .item-features {
  flex: 1 1 45%;
  margin: 0 10px;
  font-size: 16px;
}
.c-hotel-gallery {
  margin-top: 15px;
  width: 100%;
}
@media (min-width: 1025px) {
  .c-hotel-gallery {
    height: 542px;
  }
}
.hotel-room-list .c-hotel-room-list {
  margin: 16px 15px;
  width: calc(100% - 30px);
}
/* TABLE - DESKTOP  */
@media (min-width: 1025px) {
  .hotel-room-list .c-hotel-room-list {
    margin: 16px -15px;
    width: calc(100% + 30px);
  }
}