.header,
.footer {

}
.body-overflow {
    overflow: hidden;
}
.header button,
.footer button {
    background-color: transparent;
    border: 0;
}
.cookies-inner {
    color: #333333;
    font: 1.8rem/1.2 FuturaStd-Light;
}
.cookies-inner__title {
    color: #f17079;
    font: 3.2rem FuturaStd-Medium;
    text-transform: uppercase;
}

.corporativa .engine--open::before, html:not(.corporativa) .engine--open::before, .ico-snapchat::before, .ico-fa-snapchat::before, .ico-tik-tok::before, .ico-fa-tik-tok::before, .ico-blog::before, .ico-fa-blog::before, .noticia_detalle .blog__video-ico::before, .noticias .blog-post__video-ico::before, .rooms-detail__video-play::before, .introduction__more--plus::before, .ekko-lightbox .close::before, .offers-detail__conditions-text::before, .gallery__play--tour::before, .rooms-detail__player::before, .rooms__video-play::before, .gallery__play::before, .ico-play::before, .ico-fa-play::before, .noticias .blog-filter__reset::before, .ico-loop::before, .ico-volumen-mute::before, .ico-volumen::before, .ico-fa-whatsapp::before, .events-ara__capacity::before, .ico-fa-user::before, .landing-andromeda__info-subtitle::before, .ico-wordpress::before, .ico-fa-wordpress::before, .hotels-link__thawte-ico::before, .certificates__thawte::before, .ico-youtube::before, .ico-fa-youtube::before, .ico-vimeo::before, .ico-fa-vimeo::before, .ico-twitter::before, .ico-fa-twitter::before, .ico-paypal::before, .ico-fa-paypal::before, .ico-pinterest::before, .ico-fa-pinterest::before, .ico-fa-tripadvisor::before, .ico-foursquare::before, .ico-fa-foursquare::before, .ico-instagram::before, .ico-fa-instagram::before, .ico-linkedin::before, .ico-fa-linkedin::before, .ico-flickr::before, .ico-fa-flickr::before, .ico-google-plus::before, .ico-google::before, .ico-fa-google-plus::before, .ico-fa-google::before, .ico-facebook::before, .ico-fa-facebook::before, .ico-fa-mail::before, .introduction__more--minus::before, .cookies-andromeda__close::before, .modal__close::before, .noticia_detalle .blog__modal-close::before, .noticias .blog-post__modal-close::before, body:not(.bookings) .sscroll::before, .map__button::before, .spa-inner__link-arrow::before, .services-inner__description-link::before, .rooms__link::before, .rooms__link-arrow::before, .offers-inner__link::before, .offers-inner__link-arrow::before, .generic__link::before, .generic__link-arrow::before, .events-ara__link::before, .highlights-cancer__inner-link::before, .rooms-aquarius__link::before, .rooms-aquarius__arrow-right::before, .rooms-aquarius__container-link::before, .offers-cancer__arrow-right::before, .breadcrumb__item:not(:first-child)::before, .ekko-lightbox .glyphicon-chevron-right::before, .noticias .blog-filter__arrow-right::before, .noticia_detalle .blog__link::before, .rooms-aquarius__arrow-left::before, .offers-cancer__arrow-left::before, .backgrounds__left-arrow::before, .backgrounds__right-arrow::before, .ekko-lightbox .glyphicon-chevron-left::before, .noticias .blog-filter__arrow-left::before, .noticias .blog-filter__text-icon::before {
    font-family: icons-base;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-transform: none;
}

.noticias .blog-filter__text-icon::before {
    content: "";
}

.noticias .blog-filter__arrow-left::before {
    content: "";
}

.offers-cancer__arrow-left::before, .backgrounds__left-arrow::before, .backgrounds__right-arrow::before, .ekko-lightbox .glyphicon-chevron-left::before {
    content: "";
}

.noticia_detalle .blog__link::before, .rooms-aquarius__arrow-left::before {
    content: "";
}

.noticias .blog-filter__arrow-right::before {
    content: "";
}

.offers-cancer__arrow-right::before, .breadcrumb__item:not(:first-child)::before, .ekko-lightbox .glyphicon-chevron-right::before {
    content: "";
}

.map__button::before, .spa-inner__link-arrow::before, .services-inner__description-link::before, .rooms__link::before, .rooms__link-arrow::before, .offers-inner__link::before, .offers-inner__link-arrow::before, .generic__link::before, .generic__link-arrow::before, .events-ara__link::before, .highlights-cancer__inner-link::before, .rooms-aquarius__link::before, .rooms-aquarius__arrow-right::before, .rooms-aquarius__container-link::before {
    content: "";
}

body:not(.bookings) .sscroll::before {
    content: "";
}

.noticia_detalle .blog__modal-close::before, .noticias .blog-post__modal-close::before {
    content: "";
}

.cookies-andromeda__close::before, .modal__close::before {
    content: "";
}

.introduction__more--minus::before {
    content: "";
}

.ico-fa-mail::before {
    content: "";
}

.ico-facebook::before, .ico-fa-facebook::before {
    content: "";
}

.ico-google-plus::before, .ico-google::before, .ico-fa-google-plus::before, .ico-fa-google::before {
    content: "";
}

.ico-flickr::before, .ico-fa-flickr::before {
    content: "";
}

.ico-linkedin::before, .ico-fa-linkedin::before {
    content: "";
}

.ico-instagram::before, .ico-fa-instagram::before {
    content: "";
}

.ico-foursquare::before, .ico-fa-foursquare::before {
    content: "";
}

.ico-fa-tripadvisor::before {
    content: "";
}

.ico-pinterest::before, .ico-fa-pinterest::before {
    content: "";
}

.ico-paypal::before, .ico-fa-paypal::before {
    content: "";
}

.ico-twitter::before, .ico-fa-twitter::before {
    content: "";
}

.ico-vimeo::before, .ico-fa-vimeo::before {
    content: "";
}

.ico-youtube::before, .ico-fa-youtube::before {
    content: "";
}

.hotels-link__thawte-ico::before, .certificates__thawte::before {
    content: "";
}

.ico-wordpress::before, .ico-fa-wordpress::before {
    content: "";
}

.landing-andromeda__info-subtitle::before {
    content: "";
}

.events-ara__capacity::before, .ico-fa-user::before {
    content: "";
}

.ico-fa-whatsapp::before {
    content: "";
}

.ico-volumen::before {
    content: "";
}

.ico-volumen-mute::before {
    content: "";
}

.noticias .blog-filter__reset::before, .ico-loop::before {
    content: "";
}

.rooms-detail__player::before, .rooms__video-play::before, .gallery__play::before, .ico-play::before, .ico-fa-play::before {
    content: "";
}

.gallery__play--tour::before {
    content: "";
}

.offers-detail__conditions-text::before {
    content: "";
}

.introduction__more--plus::before, .ekko-lightbox .close::before {
    content: "";
}

.rooms-detail__video-play::before {
    content: "";
}

.noticia_detalle .blog__video-ico::before, .noticias .blog-post__video-ico::before {
    content: "";
}

.ico-blog::before, .ico-fa-blog::before {
    content: "";
}

.ico-tik-tok::before, .ico-fa-tik-tok::before {
    content: "";
}

.ico-snapchat::before, .ico-fa-snapchat::before {
    content: "";
}

@font-face {
    font-display: swap;
    font-family: FuturaStd-Light;
    font-style: normal;
    font-weight: normal;
    src: url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/FuturaStd-Light.woff2") format("woff2"), url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/FuturaStd-Light.woff") format("woff");
}
@font-face {
    font-display: swap;
    font-family: FuturaStd-Medium;
    font-style: normal;
    font-weight: normal;
    src: url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/FuturaStd-Medium.woff2") format("woff2"), url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/FuturaStd-Medium.woff") format("woff");
}
@font-face {
    font-display: swap;
    font-family: icons-base;
    font-style: normal;
    font-weight: normal;
    src: url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/icons-base.woff") format("woff"), url("/headers/ssm/skin_custom/assets/magallanes_35887/fonts/icons-base.woff2") format("woff2");
}
html {
    font-family: FuturaStd-Light;
    font-size: 62.5%;
}

.spa-detail__button, .offers-detail__button, .meetingroom .meeting-room__button, .map__button, .spa-inner__button, .rooms__button, .offers-inner__button, .landing-andromeda__info-button, .events-ara__action-link, .contact-inner__form-button, .noticias .blog-post__link, .rooms-aquarius__button, .rooms-aquarius__link, .carrito-top__precio button, .carrito-top__btn-motor, .introduction-inner__button, ._CookieScriptReportPageSaveSettingButton, .btn-primary {
    align-items: center;
    background: #7cccc8;
    border: 0;
    border-radius: 3rem;
    color: white;
    cursor: pointer;
    display: flex;
    font: 1.8rem FuturaStd-Medium;
    height: auto;
    justify-content: center;
    padding: 1.3rem 4rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s;
    width: auto;
}

.fade {
    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fade;
}

.fade-in {
    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fade-in;
}

.fade-out {
    animation-name: fade-out;
}

.fade-no-delay {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fade;
}

.fade-in-to-out {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fade-in-to-out;
}

.slide-to-left {
    animation-delay: 0.2s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: slide-to-left;
}

.slide-to-right {
    animation-delay: 0.2s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: slide-to-right;
}

.fade-left {
    opacity: 0;
    transform: translateX(-15rem);
    transition: transform 1s, opacity 1s;
}
.fade-left--active {
    opacity: 1;
    transform: translateX(0);
}

.fade-right {
    opacity: 0;
    transform: translateX(15rem);
    transition: transform 1s, opacity 1s;
}
.fade-right--active {
    opacity: 1;
    transform: translateX(0);
}

.fade-bottom {
    opacity: 0;
    transform: translateY(25rem);
    transition: transform 1s, opacity 1s;
}
.fade-bottom--active {
    opacity: 1;
    transform: translateY(0);
}

.fade-scale {
    opacity: 0;
    transform: scale(0.4);
    transition: transform 1s, opacity 1s;
}
.fade-scale--active {
    opacity: 1;
    transform: scale(1);
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 20rem, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-in-to-out {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slide-to-left {
    0% {
        opacity: 0;
        transform: translate3d(20rem, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes slide-to-right {
    0% {
        opacity: 0;
        transform: translate3d(-20rem, 0, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes pulse {
    0% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(0.5);
    }
    100% {
        transform: scaleY(1);
    }
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}

.corporativa .engine--animate, html:not(.corporativa) .engine {
    align-items: center;
    background: white;
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: -100%;
    transition-duration: 0.5s;
    visibility: visible;
    width: 100vw;
    z-index: 4;
}

.corporativa .engine--open, html:not(.corporativa) .engine--open {
    top: 0;
}
.corporativa .engine--open::before, html:not(.corporativa) .engine--open::before {
    color: black;
    content: "";
    cursor: pointer;
    display: flex;
    font-size: 4rem;
    position: absolute;
    right: 18rem;
    top: 4rem;
    transform: rotate(45deg);
}
@media (max-width: 569px) {
    .corporativa .engine--open::before, html:not(.corporativa) .engine--open::before {
        left: auto;
        right: auto;
    }
}

html {
    font-family: FuturaStd-Light;
}

body:not(.bookings) .sscroll {
    bottom: 6%;
    opacity: 0;
    position: fixed;
    right: 5%;
    transition: opacity 0.5s, color 0.5s;
    z-index: 2;
}
@media (max-width: 1201px) {
    body:not(.bookings) .sscroll {
        bottom: 15%;
    }
}
body:not(.bookings) .sscroll::before {
    background-color: transparent;
    color: #f17079;
    font-size: 4rem;
    opacity: 0.8;
}
body:not(.bookings) .sscroll:hover::before {
    color: #f17079;
    opacity: 1;
}

.corporativa .engine--internal {
    visibility: hidden;
}
.corporativa body {
    margin-right: 0;
}
@media (min-width: 1201px) {
    .corporativa body {
        width: calc(100% - 23rem);
    }
}
.corporativa .rb_bc .container {
    max-width: 95%;
}
.corporativa .engine {
    bottom: 6rem;
    position: absolute;
    right: 6rem;
}
@media (max-width: 1201px) {
    .corporativa .engine {
        right: 0;
    }
}
@media (max-width: 1202px) {
    .corporativa .engine {
        bottom: 2rem;
        left: 0;
    }
}

@media (min-width: 1201px) {
    .corporativa .engine--animate {
        left: 23rem;
        width: calc(100% - 23rem);
    }
}
.corporativa .engine--vertical {
    width: auto;
}

.header {
    background-color: white;
    border-bottom: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    padding: 1.5rem 3%;
}
.header__official {
    background-color: transparent;
    margin-left: 8%;
    padding-top: 1rem;
    width: 100%;
}
.header__container {
    display: flex;
    width: 100%;
}
.header__container--links {
    justify-content: flex-end;
}
.header__container--dropdowns {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.header__language {
    margin-right: 2rem;
}
.header__agency {
    margin-left: 2rem;
    margin-right: 2rem;
}
.header__logo {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}
.header__engine-button {
    display: flex;
    margin-left: 2rem;
    max-width: initial;
    padding: 0;
    width: auto;
}
.header__booking {
    text-align: center;
}
.bookings .header {
    position: static;
}
.header__container {
    position: relative;
}
@media (max-width: 769px) {
    .header__container {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.header__container--dropdowns {
    justify-content: flex-end;
    order: 1;
    position: static;
}
@media (max-width: 769px) {
    .header__container--dropdowns {
        justify-content: center;
    }
}
.header__container--links {
    width: auto;
}
.header__logo {
    justify-content: flex-start;
    width: auto;
}
.header__official {
    justify-content: flex-end;
    margin-left: 0;
    padding-top: 0;
}
@media (max-width: 769px) {
    .header__official {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}
.header .agency {
    align-items: center;
    display: flex;
    position: relative;
}
.header .agency.open .agency__list {
    display: block;
}
.header .agency__login {
    align-items: center;
    color: #1a1a1a;
    display: flex;
    font: 1.4rem FuturaStd-Medium;
    justify-content: center;
    text-transform: uppercase;
}
.header .agency__login::after {
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    vertical-align: middle;
    width: 0;
}
.header .agency__list {
    background: #7cccc8;
    border-radius: 0;
    display: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: auto;
    z-index: 1000;
}
.header .agency__items {
    padding-bottom: 0.5rem;
}
.header .agency__link {
    align-items: center;
    color: white;
    display: flex;
    font: 1.4rem FuturaStd-Medium;
    padding: 1rem 1.5rem;
    text-transform: inherit;
    transition: color 0.5s, background 0.5s;
}
.header .agency__link:hover {
    background: #f17079;
    color: white;
}
.header .language {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-left: 2rem;
    margin-right: 0;
    order: 1;
}
.header .language.open .language__list {
    display: block;
}
.header .language__text {
    color: black;
    cursor: pointer;
    font: 1.4rem FuturaStd-Medium;
    margin-right: 1rem;
}
.header .language__text--line {
    display: none;
}
.header .language__text--dropdown {
    color: black;
    font: 1.4rem FuturaStd-Medium;
    text-transform: uppercase;
}
.header .language__text--dropdown::after {
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    vertical-align: middle;
    width: 0;
}
.header .language__text--dropdown:hover, .header .language__text--dropdown:focus {
    color: #f17079;
}
.header .language__list {
    background: transparent;
    border-radius: 0;
    display: none;
    float: left;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: auto;
    z-index: 1000;
}
.header .language__link {
    align-items: center;
    color: black;
    display: flex;
    font: 1.4rem FuturaStd-Medium;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    transition: color 0.5s, background 0.5s;
}
.header .language__link:hover, .header .language__link:focus {
    background: #f17079;
    color: white;
}
.header .language__link--active {
    background: #f17079;
    color: white;
}
.header .language__link--active:hover {
    background: #f17079;
    color: white;
}
.header .language__text--dropdown {
    align-items: center;
    background-color: #f8f8f8;
    border-radius: 50%;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}
.header .language__text--dropdown::after {
    display: none;
}
.header .language__item {
    margin-top: 0.8rem;
}
.header .language__link {
    background-color: #f8f8f8;
    border-radius: 50%;
    padding: 1rem;
}
.header .language__link--active {
    background-color: #f17079;
}
.header .logo__img {
    height: auto;
    max-width: 20rem;
}
.header .logo__img--small {
    height: auto;
    max-width: 15rem;
}
.header .logo svg {
    width: 20rem;
}
.header .social {
    text-align: center;
    display: none;
}
.header .social__title {
    color: #1a1a1a;
    font: 1.5rem FuturaStd-Light;
}
.header .social__list {
    display: flex;
    justify-content: center;
}
.header .social__item {
    margin: 0.5rem;
}
.header .social__link {
    align-items: center;
    background: #7cccc8;
    border: 1px solid #1a1a1a;
    border-radius: 50%;
    display: flex;
    height: 4rem;
    justify-content: center;
    position: relative;
    text-decoration: none;
    transition: all 0.2s;
    width: 4rem;
}
.header .social__link:hover {
    background: white;
    border-color: #b3b3b3;
    text-decoration: none;
}
.header .social__link:hover::before {
    color: #b3b3b3;
}
.header .social__link::before {
    color: #1a1a1a;
    font-size: 2.5rem;
    transition: all 0.2s;
}

.engine-button {
    align-items: center;
    display: none;
    justify-content: center;
    margin-left: 1rem;
    max-width: 15rem;
    width: 100%;
    display: flex;
    max-width: inherit;
    order: 2;
    width: auto;
}
.engine-button__link {
    align-items: center;
    background-color: #7cccc8;
    color: white;
    display: flex;
    font: 1.8rem FuturaStd-Medium;
    justify-content: center;
    padding: 0.7rem 2rem;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s background-color, color 0.5s;
    width: 100%;
}
.engine-button__link:hover {
    background-color: #f17079;
    color: white;
}
@media (max-width: 1024) {
    .engine-button {
        display: none;
    }
}
@media (min-width: 769px) {
    .engine-button {
        margin-right: 7rem;
    }
}
.engine-button__link {
    border-radius: 2.5rem;
    padding: 1.5rem 3rem;
}

.official {
    align-items: center;
    display: flex;
}
@media (max-width: 769px) {
    .official {
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 0;
        width: 100%;
    }
}
h1.official__title {
    color: black;
    font: 1.2rem FuturaStd-Light !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: inherit;
    margin: 0;
}
.official__subtitle {
    color: black;
    font: 1.2rem FuturaStd-Light;
    padding-right: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.booking {
    align-items: center;
    display: flex;
    transition: background 0.5s, color 0.5s;
}
.booking__link {
    color: black;
    font: 1.4rem FuturaStd-Medium;
    text-transform: uppercase;
    transition: background 0.5s, color 0.5s;
}
.booking__link:hover, .booking__link:focus {
    color: #f17079;
}

.navbar {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 7%;
    margin-right: 3%;
    margin-left: 0;
    margin-right: 0;
}
.navbar--open .navbar__content {
    left: 0;
}
.navbar__content {
    align-content: space-between;
    background: white;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    left: -100%;
    padding: 4rem 2%;
    position: fixed;
    transition: left 0.5s cubic-bezier(0.01, 0.04, 1, 0.95);
    width: 55rem;
    z-index: 4;
}
@media (max-width: 1025px) {
    .navbar__content {
        width: 100%;
    }
}
.navbar__hamburguer {
    align-items: center;
    display: none;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
}
@media (max-width: 0) {
    .navbar__hamburguer {
        display: flex;
    }
}
.navbar__hamburguer-btn {
    background-color: white;
    border: 0;
    padding: 1rem;
    transition: background-color 0.5s;
}
.navbar__hamburguer-btn:active, .navbar__hamburguer-btn:focus, .navbar__hamburguer-btn:hover {
    background-color: transparent;
}
.navbar__hamburguer-btn:active .navbar__hamburguer-ico, .navbar__hamburguer-btn:focus .navbar__hamburguer-ico, .navbar__hamburguer-btn:hover .navbar__hamburguer-ico {
    background-color: black;
}
.navbar__hamburguer-ico {
    background-color: black;
    content: "";
    display: block;
    height: 0.3rem;
    margin-bottom: 0.5rem;
    width: 3rem;
}
.navbar__hamburguer-ico:last-child {
    margin-bottom: 0;
}
.navbar__hamburguer-text {
    color: white;
    display: none;
    font: 1.1rem FuturaStd-Light;
    justify-content: flex-end;
    padding-right: 1rem;
    width: 100%;
}
.navbar__close {
    display: none;
    padding: 2rem;
}
@media (max-width: 0) {
    .navbar__close {
        display: flex;
    }
}
.navbar__close-inner {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}
.navbar__close-inner:active .navbar__close-ico, .navbar__close-inner:focus .navbar__close-ico, .navbar__close-inner:hover .navbar__close-ico {
    background-color: #f17079;
}
.navbar__close-ico {
    background-color: #7cccc8;
    height: 3.5rem;
    left: 0;
    right: 0;
    transform: rotate(45deg);
    transition: background-color 0.5s;
    width: 0.2rem;
}
.navbar__close-ico:last-child {
    margin-left: -0.2rem;
    transform: rotate(-45deg);
}
.navbar__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.navbar__item {
    align-items: center;
    display: flex;
    padding: 0 1rem;
    text-align: center;
    width: 100%;
}
@media (max-width: 0) {
    .navbar__item {
        margin-bottom: 1rem;
    }
}
.navbar__link {
    align-items: center;
    color: #333333;
    display: flex;
    font: 1.8rem FuturaStd-Medium;
    justify-content: center;
    text-transform: uppercase;
}
.navbar__link--active {
    color: #f17079;
}
@media (max-width: 0) {
    .navbar__link--active {
        color: #f17079;
    }
}
.navbar__link:active, .navbar__link:hover, .navbar__link:focus {
    color: #f17079;
}
.navbar__close {
    padding: 0;
}
.navbar--open .navbar__content {
    left: auto;
    right: 0;
}
.navbar--open .navbar__hamburguer {
    bottom: 2rem;
}
@media (max-width: 769px) {
    .navbar--open .navbar__hamburguer {
        bottom: auto;
    }
}
.navbar--open .navbar__hamburguer-ico {
    margin-bottom: 0;
}
.navbar--open .navbar__hamburguer-ico:first-of-type {
    transform: rotate(45deg);
}
.navbar--open .navbar__hamburguer-ico:nth-of-type(2) {
    margin-top: -0.2rem;
    transform: rotate(-45deg);
}
.navbar--open .navbar__hamburguer-ico:last-of-type {
    opacity: 0;
}
.navbar__hamburguer {
    bottom: 1rem;
    display: flex;
    position: absolute;
    right: 0;
    z-index: 5;
}
@media (max-width: 769px) {
    .navbar__hamburguer {
        bottom: auto;
        left: auto;
        right: 1rem;
        top: 4rem;
    }
}
.navbar__hamburguer-ico {
    transition: opacity 1s, transform 1s;
}
.navbar__content {
    align-content: center;
    left: auto;
    padding-left: 6%;
    padding-right: 6%;
    right: -100%;
    transition: right 1s;
}
.navbar__item {
    border-bottom: 0.1rem solid #cccccc;
    padding: 2rem 0;
}
.header__container--images {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
}
@media (max-width: 569px) {
    .header__container--images {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}
.header__image-extra {
    margin-left: 4rem;
}
@media (min-width: 1025px) {
    .header__image-extra {
        margin-left: 10rem;
    }
}
@media (max-width: 569px) {
    .header__image-extra {
        margin-left: 0;
        margin-top: 1rem;
    }
}
.header__img {
    height: auto;
    max-width: 8rem;
}
#loyalty {
    display: flex;
    align-items: center;
}
.custom-loyalty {
    align-items: center;
    display: flex;
}

.partners {
    align-items: center;
    display: flex;
    margin-left: 2rem;
}
.partners__link {
    color: black;
    font: 1.4rem FuturaStd-Medium;
    text-transform: uppercase;
}
.partners__link:hover {
    color: #f17079;
}

.contact__title {
    color: #1a1a1a;
    font: 1.5rem FuturaStd-Light;
    text-transform: uppercase;
}
.contact__list {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
@media (min-width: 1025px) {
    .contact__list {
        text-align: left;
    }
}
.contact__item {
    margin: 0.5rem 0;
    width: 100%;
}
.contact__item--address .contact__label {
    display: none;
}
.contact__label {
    color: #333333;
    font: 1.6rem FuturaStd-Light;
}
.contact__element {
    color: #333333;
    font: 1.6rem FuturaStd-Light;
}
.contact__element--link {
    color: #333333;
}
.contact__element--link:hover {
    color: #f17079;
}
.contact__element--phone {
    color: #333333;
}
.contact__element--phone:hover {
    color: #f17079;
}
.contact__extra {
    color: #333333;
    font-size: 1.6rem;
}
.contact__item {
    margin-bottom: 0.2rem;
    margin-top: 0;
}

.social {
    text-align: center;
}
.social__title {
    color: #1a1a1a;
    font: 1.5rem FuturaStd-Light;
}
.social__list {
    display: flex;
    justify-content: center;
}
.social__item {
    margin: 0.5rem;
}
.social__link {
    align-items: center;
    background: #f8f8f8;
    border: 1px solid transparent;
    border-radius: 50%;
    display: flex;
    height: 3rem;
    justify-content: center;
    position: relative;
    text-decoration: none;
    transition: all 0.2s;
    width: 3rem;
}
.social__link:hover {
    background: #f17079;
    border-color: transparent;
    text-decoration: none;
}
.social__link:hover::before {
    color: white;
}
.social__link::before {
    color: black;
    font-size: 1.8rem;
    transition: all 0.2s;
}
.social__title {
    display: none;
}
@media (min-width: 1025px) {
    .social__list {
        justify-content: flex-start;
    }
}

.certificates {
    align-items: center;
    display: flex;
    justify-content: center;
}
.certificates__author {
    color: #333333;
    font: 1.6rem FuturaStd-Light;
    margin: 0.5rem 1rem;
    text-transform: inherit;
    transition: color 0.5s;
}
.certificates__author:hover, .certificates__author:focus {
    color: #f17079;
}
.certificates__thawte {
    color: #999999;
    font-size: 5rem;
}

.footer {
    background: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer__info {
    align-content: center;
    align-items: center;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 4rem 5%;
    width: 50%;
}
@media (max-width: 1025px) {
    .footer__info {
        padding: 3rem 4%;
    }
}
@media (max-width: 769px) {
    .footer__info {
        justify-content: center;
        width: 100%;
    }
}
.footer__logos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
@media (max-width: 341px) {
    .footer__logos {
        flex-direction: column;
    }
}
.footer__logo {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 3rem;
    width: auto;
}
@media (max-width: 1201px) {
    .footer__logo {
        width: 50%;
    }
}
@media (max-width: 341px) {
    .footer__logo {
        padding-right: 0;
    }
}
.footer__logo:first-child {
    border-right: 0.1rem solid transparent;
}
@media (max-width: 769px) {
    .footer__logo:first-child {
        justify-content: flex-end;
    }
}
@media (max-width: 341px) {
    .footer__logo:first-child {
        border-bottom: 0.1rem solid transparent;
        border-right: 0;
        justify-content: center;
        margin-bottom: 3rem;
        padding-bottom: 3rem;
        width: 100%;
    }
}
.footer__logo:last-child {
    padding-left: 3rem;
}
@media (max-width: 769px) {
    .footer__logo:last-child {
        justify-content: flex-start;
    }
}
@media (max-width: 341px) {
    .footer__logo:last-child {
        justify-content: center;
        padding-left: 0;
    }
}
.footer__hotels-link, .footer__contact, .footer__generic-links, .footer__language, .footer__social, .footer__certificates {
    width: 100%;
}
.footer__hotels-link {
    margin-top: 4rem;
}
.footer__contact {
    padding-bottom: 4rem;
    padding-top: 4rem;
    width: 100%;
}
.footer__generic-links, .footer__language {
    margin-bottom: 4rem;
}
.footer__social {
    margin-bottom: 2rem;
}
.footer__image {
    height: auto;
    width: 50%;
}
@media (max-width: 769px) {
    .footer__image {
        display: none;
    }
}
.footer .logo__img {
    height: auto;
    max-width: 15vw;
}
.footer .logo__img--small {
    height: auto;
    max-width: 15rem;
}
.footer .logo svg {
    width: 15vw;
}
.footer .generic-links {
    margin-bottom: 2rem;
}
.footer .generic-links__list {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
@media (max-width: 1025px) {
    .footer .generic-links__list {
        justify-content: center;
    }
}
.footer .generic-links__item {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.footer .generic-links__item:not(:last-child)::after {
    background-color: #333333;
    content: "";
    display: none;
    height: 1rem;
    margin: auto 1rem;
    margin-top: auto;
    width: 0.1rem;
}
@media (min-width: 569px) {
    .footer .generic-links__item:not(:last-child)::after {
        display: inline-block;
    }
}
@media (min-width: 569px) {
    .footer .generic-links__item {
        width: auto;
    }
}
.footer .generic-links__link {
    color: #333333;
    font: 1.4rem FuturaStd-Light;
    text-transform: uppercase;
}
.footer .generic-links__link:hover {
    color: #f17079;
}
@media (min-width: 1025px) {
    .footer .generic-links__list {
        justify-content: flex-start;
    }
}
.footer .generic-links__item {
    margin-bottom: 0.5rem;
}
.footer__logo {
    padding-right: 25%;
    width: auto;
}
.footer__logo:nth-of-type(2) {
    display: none;
}
.footer__logo:first-of-type {
    padding-left: 0;
}
@media (max-width: 1201px) {
    .footer__logo:first-of-type {
        justify-content: center;
    }
}
@media (max-width: 1201px) {
    .footer__logo {
        padding-right: 0;
        width: 100%;
    }
}
.footer__logos {
    order: -1;
}
@media (min-width: 1201px) {
    .footer__logos {
        justify-content: flex-end;
        width: 15%;
    }
}
.corporativa .footer__logos {
    display: none;
}
.footer__info {
    padding-bottom: 8rem;
    padding-top: 10rem;
}
@media (min-width: 1201px) {
    .footer__info {
        width: 45%;
    }
    html:not(.corporativa) .footer__info {
        padding-left: 0;
        width: 35%;
    }
}
@media (min-width: 1201px) {
    .corporativa .footer__image {
        width: 55%;
    }
}
.footer__language {
    display: none;
}
.footer__contact {
    padding-bottom: 2rem;
    padding-top: 1rem;
}
.footer__social {
    margin-bottom: 0;
}
@media (min-width: 1025px) {
    .footer__certificates {
        justify-content: flex-start;
    }
}

.background {
    background-color: gray;
    height: 20rem;
}
.navbar-hotels__list {
    background-color: #fff;
    border-radius: 0.5rem;
    display: none;
    left: 0;
    margin-top: 2rem;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 330px;
}
.navbar-hotels__list {
    -webkit-box-shadow: 0.2rem 0 2rem rgba(0,0,0,.2);
    box-shadow: 0.2rem 0 2rem rgba(0,0,0,.2);
    left: -320px;
    top: auto;
    z-index: 1;
}
.navbar-hotels__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.navbar-hotels__item:not(:last-child) {
    border-bottom: 0.1rem solid hsla(0,0%,80%,.5);
}
.navbar-hotels__link--dropdown {
    color: #000;
    font: 18px/1.2 FuturaStd-Light;
    font: 1.8rem/1.2 FuturaStd-Light;
    padding: 1rem 1.5rem;
    width: 100%;
}
.dropdown-menu>li>a.navbar-hotels__link--dropdown:active, .dropdown-menu>li>a.navbar-hotels__link--dropdown:focus, .dropdown-menu>li>a.navbar-hotels__link--dropdown:hover {
    color: #f17079;
    background: none;
}
.dropdown-menu>li>a.navbar-hotels__link--dropdown {
    white-space: normal;
}
.hotels-link__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.hotels-link__title {
    display: none;
}
.hotels-link__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.hotels-link__item {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    width: 100%;
}
.hotels-link__hotel {
    color: #f17079;
    font: 1.6rem/1.2 FuturaStd-Medium;
    transition: color 0.2s linear;
}
.hotels-link__link, .hotels-link__hotel {
    text-transform: uppercase;
}
@media (min-width: 1025px) {
    .hotels-link__container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .hotels-link__item {
        align-items: center;
        display: flex;
        width: auto;
    }
    .hotels-link__item:first-of-type::after {
        background-color: #f17079;
        border-radius: 0;
        content: "";
        display: block;
        height: 1.5rem;
        margin: auto 2rem;
        transform: rotate(0);
        width: 0.1rem;
    }
}