:root {
    /**
     * colors
     */
    --st-patricks-blue: hsl(236, 57%, 28%);
    --amaranth-purple: hsl(335, 88%, 38%);
    --royal-blue-dark: hsl(231, 68%, 21%);
    --chrome-yellow: hsl(39, 100%, 52%);
    --space-cadet-1: hsl(230, 41%, 25%);
    --space-cadet-2: hsl(230, 59%, 16%);
    --winter-sky_50: hsla(335, 87%, 53%, 0.5);
    --purple-navy: hsl(236, 26%, 43%);
    --ksu-purple: hsl(275, 54%, 33%);
    --winter-sky: hsl(335, 87%, 53%);
    --razzmatazz: hsl(335, 87%, 51%);
    --platinum: hsl(0, 0%, 90%);
    --black_70: hsla(0, 0%, 0%, 0.7);
    --rajah: hsl(29, 99%, 67%);
    --white: hsl(0, 0%, 100%);
    --main-riu: #E4002B;
    --basic-800: #343A40;
    --gradient-1: linear-gradient(
            90deg,
            var(--royal-blue-dark) 0,
            var(--ksu-purple) 51%,
            var(--royal-blue-dark)
    );
    --gradient-2: linear-gradient(90deg, var(--razzmatazz), var(--rajah));
    /**
     * typography
     */
    --ff-source-sans-pro: "Source Sans Pro", sans-serif;
    --ff-poppins: "Poppins", sans-serif;
    --ff-foco: "Foco", sans-serif;
    --fs-1: 30px;
    --fs-2: 38px;
    --fs-3: 32px;
    --fs-4: 25px;
    --fs-5: 24px;
    --fs-6: 16px;
    --fs-7: 18px;
    --fs-8: 15px;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    /**
     * border radius
     */
    --radius-4: 4px;
    --radius-12: 12px;
    /**
     * spacing
     */
    --section-padding: 32px;
    /**
     * transition
     */
    --transition-1: 0.15s ease;
    --transition-2: 0.35s ease;
    --cubic-in: cubic-bezier(0.51, 0.03, 0.64, 0.28);
    --cubic-out: cubic-bezier(0.33, 0.85, 0.56, 1.02);
    /**
     * shadow
     */
    --shadow: 0 5px 20px 1px hsla(220, 63%, 33%, 0.1);
}

.white {
    color: white !important;
}
@charset "UTF-8";
@font-face {
    font-family: "Foco";
    src: url("/headers/ssm/skin_custom/assets/magallanes_28503/fonts/Foco.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Foco";
    src: url("/headers/ssm/skin_custom/assets/magallanes_28503/fonts/Foco-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Foco";
    src: url("/headers/ssm/skin_custom/assets/magallanes_28503/fonts/Foco-Black.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Foco";
    src: url("/headers/ssm/skin_custom/assets/magallanes_28503/fonts/Foco-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
/*
$primary-color: #EE343D;
$primary-color-over: #D23039;
/*-----------------------------------*\
  #HEADER
\*-----------------------------------*/
.u-overflow-hidden {
    overflow: hidden;
}
.header a, .header img, .header span, .header input, .header button, .header .ion-icon,
.footer a, .footer img, .footer span, .footer input, .footer button, .footer .ion-icon {
    display: block;
}
.header {
    font-family: "Foco", sans-serif;
    color: var(--white);
    background: linear-gradient(180deg, #161616, transparent);
    width: 100%;
    padding-block: 14px;
    z-index: 4;
    transition: var(--transition-1);
    font-size: 16px;

}
.header.absolute-header {
    @media (min-width: 768px) {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.header.active {
    color: var(--basic-800);
    position: fixed;
    background-color: #ddd;
    box-shadow: 0 2px 30px hsla(0, 0%, 0%, 0.1);
}
.header.active .language-selector #language-select {
    color: var(--basic-800);
}
.header.active .language-selector:before {
    filter: none !important;
}
.header.active .main__navbar-left--burger {
    filter: none;
}
.header.active .main__navbar-checkin img {
    filter: none;
}
.header.active .main__navbar-checkin button {
    color: #353b41;
}
.header.active .main__navbar-contacto img {
    filter: none;
}
.header.active .main__navbar-contacto button {
    color: #353b41;
}
.header.active .main__navbar-contacto button:after {
    filter: none;
}
.header .opt--desktop {
    display: none !important;
}
@media only screen and (min-width: 1024px) {
    .header .opt--desktop {
        display: flex !important;
    }
}
.header .opt--mobile {
    display: inline-flex !important;
}
@media only screen and (min-width: 1024px) {
    .header .opt--mobile {
        display: none !important;
    }
}
.header .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    &:before, &:after {
        display: none;
    }
}
.header:not(.active) .language-selector:not(.opt--mobile)::after {
    filter: brightness(0) invert(1);
}
.header .main__navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.header .main__navbar-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.header .main__navbar-left--burger {
    filter: invert(1);
    cursor: pointer;
}
.header .main__navbar-left--burger img {
    width: 28px;
}
.header .main__navbar-right > ul {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header .main__navbar-right > ul li .language-selector {
    position: relative; /* Position for the dropdown arrow */
    display: inline-block;
    text-decoration: none;
    min-width: 40px;
    background: none;
    border: 0;
}
.header .main__navbar-right > ul li .language-selector:before {
    content: "";
    background-image: url("/headers/ssm/skin_custom/assets/magallanes_28503/images/icon/world.svg");
    background-repeat: no-repeat;
    filter: invert(1) brightness(10);
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
}
.header .main__navbar-right > ul li .language-selector:after {
    content: "";
    background-image: url("/headers/ssm/skin_custom/assets/magallanes_28503/images/icon/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
}
.header .main__navbar-right > ul li .language-selector select, .header .main__navbar-right ul li .language-selector span {
    cursor: pointer;
    font-size: var(--fs-8);
    font-weight: 700;
    padding: 0 18px 0 28px;
    border: none;
    border-radius: 5px;
    background-color: transparent;
    color: var(--white);
    appearance: none; /* Remove default dropdown arrow */
    -webkit-appearance: none; /* Remove default dropdown arrow for Safari */
    -moz-appearance: none; /* Remove default dropdown arrow for Firefox */
}
@media (max-width: 767px) {
    .header .main__navbar-right > ul li .language-selector span {
        display: none;
    }
}
.header .main__navbar-right > ul li .language-selector select option {
    background: #313131;
}
.header .main__navbar-right > ul li .language-selector select:focus {
    outline: none;
}
.header .main__navbar-right > ul li .btn-rc {
    background: var(--white);
    border: 1px solid hsl(240, 5%, 96%);
    max-height: 32px;
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.3s;
}
@media only screen and (min-width: 1024px) {
    .header .main__navbar-right > ul li .btn-rc {
        width: 150px;
    }
}
.header .main__navbar-right > ul li .btn-rc:hover {
    background-color: #ced4da;
    border-color: #ced4da;
    transition: all 0.3s;
}
.header .main__navbar-right > ul li .btn-rc img {
    height: 16px;
}
.header .main__navbar-right > ul li .btn-rc img.desktop {
    display: none;
}
.header .main__navbar-right > ul li .btn-rc img.mobile {
    display: block;
}
@media only screen and (min-width: 1024px) {
    .header .main__navbar-right > ul li .btn-rc img.desktop {
        display: block;
    }
    .header .main__navbar-right > ul li .btn-rc img.mobile {
        display: none;
    }
}
.header .main__navbar-contacto {
    display: flex;
    align-items: center;
    gap: 4px;
}
.header .main__navbar-contacto > button {
    position: relative;
    color: white;
    font-weight: 700;
    cursor: pointer;
    background: none;
    border: 0;
    /*&:after{
      content: "";
      background-image: url("headers/ssm/skin_custom/assets/magallanes_28503/images/icon/chevron-down.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      pointer-events: none;
      filter: invert(1) brightness(10);
    }*/
}
.header .main__navbar-contacto > button:hover {
    text-decoration: none;
}
.header .main__navbar-contacto > button img {
    filter: invert(1) brightness(10);
    display: inline-block;
}
.header .main__navbar-contacto > button .contact-text {
    display: inline-block;
}
@media (max-width: 767px) {
    .header .main__navbar-contacto > button .contact-text {
        display: none;
    }
}
.header .main__navbar-contacto .dropdown-menu {
    padding: 10px 0;
}
.header .main__navbar-checkin {
    display: flex;
    align-items: center;
    gap: 4px;
}
.header .main__navbar-checkin a {
    color: white;
    position: relative;
    font-weight: 400;
}
.header .main__navbar-checkin img {
    filter: invert(1) brightness(10);
}
.header .sidebar__backdrop {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: -100%;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999;
    transition: opacity 0.5s;
    opacity: 0;
    z-index: 9;
}
.header .sidebar__backdrop.active {
    left: 0px;
    opacity: 1;
    transition: opacity 0.5s;
}
.header .sidebar {
    position: absolute;
    top: 0px;
    left: -435px;
    height: 100vh;
    width: 425px;
    background: white;
    transition: left 0.3s;
    overflow: auto;
    z-index: 10;
}
.header .sidebar.active {
    left: 0px;
    transition: left 0.3s;
}
.header .sidebar__close {
    padding: 16px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}
.header .sidebar__close span {
    color: black;
    font-size: 50px;
    font-weight: 100;
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    line-height: 1;
}
.header .sidebar__close img {
    width: 75px;
}
.header .sidebar__menu {
    padding: 24px;
}
.header .sidebar__menu ul {
    display: flex;
    flex-flow: column;
    gap: 32px;
}
.header .sidebar__menu ul li a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #343A40;
    font-size: 16px;
    font-weight: 600;
}
.header .sidebar hr {
    margin: 32px 0;
    width: 100%;
    opacity: 0.35;
}
.header .sidebar hr.opt--mobile {
    margin: 32px 0 0 0;
}
.header .sidebar__riupro img {
    width: 85px;
}
.header .sidebar__riupro p {
    color: #353b41;
    font-weight: 100;
    margin: 16px 0;
}
.header .sidebar__riupro a {
    background-color: white;
    border: 1px solid #343A40;
    border-radius: 4px;
    color: #343A40;
    text-align: center;
    font-weight: 600;
    display: block;
}
.header .sidebar .wrap-opts--mobile {
    display: flex;
    flex-flow: column;
    gap: 32px;
    margin-top: 32px;
}
.header .sidebar .wrap-opts--mobile .language-selector {
    position: relative; /* Position for the dropdown arrow */
    display: inline-block;
    /*&:after{
      content: "";
      background-image: url("headers/ssm/skin_custom/assets/magallanes_28503/images/icon/chevron-down.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      pointer-events: none;
    }*/
}
.header .sidebar .wrap-opts--mobile .language-selector:before {
    content: "";
    background-image: url("/headers/ssm/skin_custom/assets/magallanes_28503/images/icon/world.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
}
.header .sidebar .wrap-opts--mobile .language-selector select {
    cursor: pointer;
    font-size: var(--fs-8);
    font-weight: 600;
    padding: 0 18px 0 28px;
    border: none;
    border-radius: 5px;
    background-color: transparent;
    color: #343A40;
    appearance: none; /* Remove default dropdown arrow */
    -webkit-appearance: none; /* Remove default dropdown arrow for Safari */
    -moz-appearance: none; /* Remove default dropdown arrow for Firefox */
}
.header .sidebar .wrap-opts--mobile .language-selector select option {
    background: #313131;
}
.header .sidebar .wrap-opts--mobile .language-selector select:focus {
    outline: none;
}
.header .sidebar .wrap-opts--mobile .main__navbar-checkin img {
    filter: none;
}
.header .sidebar .wrap-opts--mobile .main__navbar-checkin a {
    color: #343A40;
    font-weight: 600;
}
.dropdown.currency_selector .dropdown-toggle {
    background: none;
    border: none;
    padding: 0;
    display: inline-block;
}
.dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-left: 0;
}
.header span.currentCurrencySymbol {
    margin: 0 10px 0 8px;
    display: inline-block;
}
.dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down, .dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down * {
    fill: #fff;
}
/* Logo ATOL */
#atol-protected, #atol-protected {
    margin-left: auto;
}
#atol-protected, #atol-protected .title {
    font-family: "Foco", sans-serif;
}
header.header #atol-protected .logo .icon-background-color {
    fill: transparent;
}
header.header #atol-protected .logo .icon-text-color {
    fill: #fff;
}
header.header #atol-protected .title {
    color: #fff;
}
@media (max-width: 767px) {
    header.header #atol-protected {
        padding: 0;
    }
}
header.header .lang-dropdown {
    padding: 10px 0;
    left: auto;
    right: 0;
}
@media (max-width: 767px) {
    header.header .main__navbar-right .open .dropdown-menu {
        right: 0;
        left: auto;
    }
}
/*-----------------------------------*\
  #FOOTER
\*-----------------------------------*/
.footer {
    background-color: #353b41 !important;
    padding: 96px 0 32px;
}
.footer .container {
    max-width: 1500px;
}
.footer__divider {
    margin: 24px 0;
    width: 100%;
    opacity: 0.5;
}
.footer__wrapper {
    display: flex;
    gap: 32px;
    flex-flow: column;
}
@media only screen and (min-width: 768px) {
    .footer__wrapper {
        flex-flow: row;
    }
}
.footer__col {
    flex: 1;
}
.footer__col h2 {
    font-weight: 600;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
}
@media only screen and (min-width: 768px) {
    .footer__col h2 {
        margin-bottom: 48px !important;
        border: none !important;
        padding-bottom: 0px !important;
    }
}
.footer__col h2:after {
    content: "";
    background-image: url("./img/icon/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 11px;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    filter: invert(1) brightness(10);
    transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
    .footer__col h2:after {
        content: none;
    }
}
.footer__col h2#titleReservas {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.footer__col h2.active {
    margin-bottom: 48px;
    border-bottom: none;
    padding-bottom: 0px;
}
.footer__col h2.active:after {
    transform: rotate(180deg);
    transition: all 0.3s;
}
.footer__col-logo {
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 768px) {
    .footer__col-logo {
        justify-content: start;
    }
}
.footer__col-social {
    margin: 24px 0 0 0;
}
.footer__col-social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
@media only screen and (min-width: 768px) {
    .footer__col-social ul {
        justify-content: start;
    }
}
.footer__col-social ul li a {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    background-color: #ced4da;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
    .footer__col-social ul li a {
        width: 46px;
        height: 46px;
    }
}
@media only screen and (min-width: 1200px) {
    .footer__col-social ul li a {
        width: 62px;
        height: 62px;
        transition: all 0.3s;
    }
}
.footer__col-riupro {
    display: flex;
    flex-flow: column;
    align-items: center;
}
@media only screen and (min-width: 768px) {
    .footer__col-riupro {
        align-items: start;
    }
}
.footer__col-riupro img {
    width: 85px;
}
.footer__col-riupro p {
    color: white;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 100;
    margin: 24px 0;
}
.footer__col-riupro a {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 4px;
    color: white;
    text-align: center;
    font-weight: 600;
    display: block;
    width: 100%;
}
.footer__col-app p {
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0px;
    color: white;
}
.footer__col-app p span {
    text-transform: none;
    display: block;
    margin-top: 8px;
    font-weight: 600;
    font-size: 26px;
}
.footer__col-app-download {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}
.footer__col-app-download p {
    color: white;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 18px;
}
.footer__col-app-download--btns {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-flow: row;
}
@media only screen and (min-width: 768px) {
    .footer__col-app-download--btns {
        flex-flow: column;
    }
}
@media only screen and (min-width: 1200px) {
    .footer__col-app-download--btns {
        flex-flow: row;
    }
}
.footer__col-app-download--btns img {
    filter: invert(1) brightness(10);
    width: 40px;
}
.footer__col-aenor {
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 768px) {
    .footer__col-aenor {
        justify-content: start;
    }
}
.footer__list-links {
    display: none;
    opacity: 0.75;
}
@media only screen and (min-width: 768px) {
    .footer__list-links {
        opacity: 1;
        display: block;
    }
}
.footer__list-links.active {
    display: block;
}
.footer__list-links li a {
    color: white;
    font-size: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.footer__list-links li a:hover {
    color: white;
    text-decoration: none;
}
.footer__list-links li:last-child a {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.footer__bottom {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid white;
}
.footer__bottom ul {
    display: flex;
    gap: 12px;
    flex-flow: column;
}
@media only screen and (min-width: 768px) {
    .footer__bottom ul {
        flex-flow: row;
        gap: 32px;
    }
}
.footer__bottom ul li a {
    color: white;
}