@charset "UTF-8";

/*------------- DESKTOP -------------*/

/* Fonts */

@font-face {
    font-family: 'Avenir Roman'; font-style:normal; font-weight: 400;
    src: url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-roman/Avenir-Roman.eot');
    src: local('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-roman/Avenir-Roman'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-roman/Avenir-Roman.woff') format('woff'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-roman/Avenir-Roman.otf') format('opentype'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-roman/Avenir-Roman.svg#Avenir-Roman') format('svg');
}

@font-face {
    font-family: 'Avenir Medium'; font-style:normal; font-weight: 600;
    src: url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-medium/Avenir-Medium.eot');
    src: local('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-medium/Avenir-Medium'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-medium/Avenir-Medium.woff') format('woff'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-medium/Avenir-Medium.otf') format('opentype'),
    url('/headers/ssm/skin_custom/assets/magallanes_33834/fonts/avenir-medium/Avenir-Medium.svg#Avenir-Medium') format('svg');
}

/* General */

body{margin: 0; overflow-x:hidden;}

header *, footer * {font-family: 'Avenir Roman', sans-serif;}

input {-webkit-tap-highlight-color: rgba(0,0,0,0); }

textarea, select, input, button {outline: none;}
:focus {outline-color: transparent; outline-style: none;}

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none;  -webkit-appearance: none;}


/* Sidebar*/

#phones{min-height: 100vh; background: #3d3d3d; position: absolute; width: 510px; overflow: hidden; right:0; transition: 0.3s; z-index: 19; height: fit-content;}

#phones .close{display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%}

#phones .close a{width:15px; height: 15px; margin:24px 28px;}

#phones .phones_content{margin:24px 28px;}

#phones .phones_content .title h3{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 32px; line-height: 34px;  color: #fff; margin: 0 0 8px 0;}

#phones .phones_content .title h6{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; color:#fff; margin: 0}

#phones .phones_content .spain{margin-top: 40px;}

#phones .phones_content .spain button{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; color: #8D8556; border: 1px solid #AEA780; background:transparent; padding: 20px 60px; cursor: pointer}

#phones .phones_content .spain button .free{margin: 0 0 0 10px; font-size:8px; color:#c3bfa4; text-transform: uppercase;}

#phones .phones_content .spain button:hover, #phones .phones_content .spain button:hover .free{border-color:#ffffff; color:#ffffff;}

#phones .phones_content hr{margin: 56px 0; height: 0px; border:0; border-top:1px solid #6D6D69;}

#phones .phones_content .countries h4{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; color: #ffffff;}

#phones .phones_content .countries ul{list-style: none; margin-block-start: 0; padding-inline-start: 0px; width: 100%;}

#phones .phones_content .countries ul li{font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #AEA780; margin-bottom: 10px; width: 45%; margin-right: 5%; float: left; height: 30px;}

#phones .phones_content .countries ul li .lang{border: 1px solid #c3bfa4; padding: 2px 4px; margin-right: 5px; font-size: 12px;}

#phones .phones_content .countries ul li .free{margin: 0 0 0 10px; font-size:8px; color:#c3bfa4; text-transform: uppercase;}


/* Header */

header{padding: 15px 0px; border-bottom: 1px solid #EFEDE6; background: #fff;}
header ul {
    padding-inline-start: 40px;
    margin: 16px 0;
}

.toggler{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.mobile_phone{display: none;}

.brand{position: relative; width:165px; left: 0; right: 0; margin: auto;}

@media (max-width: 639px) {
    .brand {
        margin: 0;
    }
}

.brand img{width: 100%;}

.left_menu, .right_menu{width: 25%;}

.left_menu > ul, .right_menu > ul{display: flex; flex-direction: row; justify-content: flex-start; gap:40px;list-style: none;align-items:center; margin: 0}

.right_menu{margin-right: 40px; display: flex; justify-content: flex-end;}

.left_menu > ul li a, .right_menu > ul li a{font-family: 'Avenir Medium'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; color:#3d3d3d; text-decoration: none;}

.left_menu > ul li a:hover, .right_menu > ul li a:hover{color:#000;}

.right_menu > ul li a{display: flex; flex-direction: row; justify-content: flex-start; align-content:flex-end;}

.right_menu > ul li a .icon{width: 20px; height: 20px; margin-right: 10px; margin-top: -2px;}

.right_menu > ul li section#loyalty,
.right_menu > ul li section#loyalty #logoutLink {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    .right_menu > ul li section#loyalty .hinameuser > img,
    .right_menu > ul li section#loyalty .namepalladium img {
        display: none;
    }

    .right_menu ul li section#loyalty .hoverRewards .userMenuRewardsList a,
    .right_menu ul li section#loyalty .hoverRewards .userMenuRewardsList button {
        color: white !important;
        background: inherit;
        border: none;
        font-size: 14px;
        padding: 0;
        line-height: 16px;
    }

    .right_menu ul li section#loyalty ul.userMenuRewardsList {
        gap: 4px;
        margin: 4px 0;
    }

    .right_menu > ul li section#loyalty:hover,
    .right_menu > ul li section#loyalty .hoverRewards,
    .right_menu > ul li section#loyalty .hinameuser,
    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover,
    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover .nameuser {
        background: #3d3d3d !important;
        color: white !important;
        min-height: 120px;
    }

    .right_menu > ul li section#loyalty .elementsRewards .namepalladium {
        background: #3d3d3d !important;
        color: white !important;

    }

    .right_menu > ul li section#loyalty .hoverRewards .userDataRewards {
        border-bottom: 1px solid white;
        border-top: 1px solid white;
        padding: 5px 10px;
    }
}

@media (max-width: 992px) {
    .right_menu > ul li section#loyalty {
        display: block;
        margin-right: 0;
        min-width: 110px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 10px;
        border-radius: 2px 2px 0 0;
    }

    .right_menu > ul li section#loyalty .elementsRewards {
        display: flex;
        flex-direction: row-reverse;
        gap: 10px;
        align-items: center;
        height: 70px;
        padding-bottom: 10px;
    }

    .right_menu > ul li section#loyalty .elementsRewards .namepalladium {
        border: none;
        background-color: inherit;
    }

    .right_menu > ul li section#loyalty img {
        margin-right: 0;
        height: 24px;
    }

    .right_menu > ul li section#loyalty .elementsRewards .namepalladium > img {
        position: absolute;
        right: 260px;
        top: 90px;
    }

    .right_menu > ul li section#loyalty .hinameuser {
        align-items: flex-end;
        padding: 20px 45px 20px 0;
        min-width: 120px;
        margin-top: 12px;
        border-radius: 2px 2px 0 0;
    }

    .right_menu > ul li section#loyalty .hinameuser,
    .right_menu > ul li section#loyalty .nameuser {
        text-align: right;
        flex-direction: column;
    }

    .right_menu > ul li section#loyalty .hinameuser > img {
        position: absolute;
        margin-right: -30px !important;
    }

    .right_menu > ul li section#loyalty .hoverRewards {
        display: none;
        position: absolute;
        background: #fff;
        color: #3d3d3d;
        width: fit-content;
        border-radius: 0 0 2px 2px;
        flex-direction: column;
        top: 80px;
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        right: 25px;
    }

    .right_menu > ul li section#loyalty .userDataRewards {
        border-bottom: 1px solid rgba(61, 61, 61, 0.4);
        padding: 15px;
    }

    .right_menu > ul li section#loyalty .userDataRewards > img {
        min-width: 176px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsType,
    .right_menu > ul li section#loyalty .userDataRewardsID,
    .right_menu > ul li section#loyalty .userDataRewardsPoints {
        font-size: 10px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsID {
        background: #41695b96;
        color: #fff;
        border-radius: 2px;
        padding: 0 3px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsRow {
        display: flex;
        gap: 5px;
        justify-content: flex-start;
    }

    .right_menu > ul li section#loyalty .hoverRewards {
        color: #3d3d3d;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList {
        padding: 15px;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li {
        display: block;
        color: #3d3d3d;
        padding-left: 0;
        text-align: left;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li a {
        color: #3d3d3d;
    }

    .right_menu > ul li section#loyalty .hinameuser:hover .hoverRewards {
        display: flex;
    }

    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover,
    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover .nameuser {
        color: #3d3d3d;
    }

    .right_menu > ul li section#loyalty .hinameuser:hover,
    .right_menu > ul li section#loyalty:hover {
        background: white;
    }
}

@media (min-width: 992px) {
    .right_menu > ul li section#loyalty {
        display: flex;
        cursor: pointer;
        align-items: center;
    }

    .right_menu > ul li section#loyalty .elementsRewards {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
    }

    .right_menu > ul li section#loyalty img {
        filter: brightness(1);
    }

    .right_menu > ul li section#loyalty .namepalladium {
        border: none;
        background-color: inherit;
    }

    .right_menu > ul li section#loyalty .hinameuser > img,
    .right_menu > ul li section#loyalty .namepalladium > img {
        padding: 0 !important;
        height: 16px;
    }

    .right_menu > ul li section#loyalty .hinameuser {
        padding-left: 10px;
    }

    .right_menu > ul li section#loyalty .hinameuser,
    .right_menu > ul li section#loyalty .nameuser {
        gap: 5px;
        padding: 10px 10px 10px 0;
        align-items: center;
    }

    .right_menu > ul li section#loyalty .hoverRewards {
        display: none;
        position: absolute;
        background: #fff;
        color: #3d3d3d;
        width: 100%;
        border-radius: 2px;
        flex-direction: column;
        top: 0;
        margin-left: -15px;
        padding: 50px 10px 15px;
        box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.24);
        z-index: -1;
        min-width: 175px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsRow {
        display: flex;
        gap: 5px;
        justify-content: flex-start;
    }

    .right_menu > ul li section#loyalty .userDataRewardsID {
        font-size: 10px;
        background: #41695b96;
        color: #fff;
        border-radius: 2px;
        padding: 0 3px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsType {
        font-size: 11px;
    }

    .right_menu > ul li section#loyalty .userDataRewards {
        border-top: 1px solid rgba(61, 61, 61, 0.4);
        border-bottom: 1px solid rgba(61, 61, 61, 0.4);
        padding: 5px;
    }

    .right_menu > ul li section#loyalty .hoverRewards {
        color: #3d3d3d;
    }

    .right_menu > ul li section#loyalty .hoverRewards .userMenuRewards {
        padding: 5px;
    }

    .right_menu > ul li section#loyalty .userDataRewards > img {
        width: fit-content;
        height: 18px;
        margin-right: 0;
        margin-bottom: 3px;
    }

    .right_menu > ul li section#loyalty .userDataRewards > img {
        min-width: 140px;
    }

    .right_menu > ul li section#loyalty .userDataRewardsRow {
        display: flex;
        gap: 5px;
        justify-content: flex-start;
    }

    .right_menu > ul li section#loyalty .userDataRewardsPoints {
        font-size: 10px;
        margin-top: 3px;
    }

    .right_menu > ul li section#loyalty .hoverRewards {
        color: #3d3d3d;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li {
        color: #3d3d3d;
        width: 100%;
        display: block;
        text-align: left;
        padding: 2px 0;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li button {
        border: none;
        background-color: inherit;
        padding: 0;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li a {
        color: #3d3d3d;
        width: 100%;
        display: block;
    }

    .right_menu > ul li section#loyalty .userMenuRewardsList li:hover,
    .right_menu > ul li section#loyalty .userMenuRewardsList li a:hover {
        color: #41695b !important;
    }

    .right_menu > ul li section#loyalty .hinameuser:hover .hoverRewards {
        display: flex;
    }

    .right_menu > ul li section#loyalty .hinameuser:hover {
        cursor: auto;
    }

    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover .namepalladium,
    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover,
    .right_menu > ul li section#loyalty .elementsRewards .hinameuser:hover .nameuser {
        color: #3d3d3d;
    }
}

/* Fast booking */

#fastbooking{width: 100%; max-width:1440px; margin: 0 auto; }

#fastbooking .mobile_cta, #fastbooking .mobile_fastbooking_close{display: none;}

#fastbooking form {display: inline-flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; padding: 40px 0 0 0;}

#fastbooking form > div{display: flex; flex-direction: column; justify-content: center;}

#fastbooking form > div{border: 1px solid #AEA780; width: 25%; padding: 14px 16px; border-right: 0;}

#fastbooking form > div:last-child{border: 0; padding: 0;}

#fastbooking form > div > button{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; gap: 10px; background: #9A7611; color:#fff; height: 68px; border:1px solid #9A7611; cursor:pointer;}

#fastbooking form > div > button:hover{background: #674D26}

#fastbooking form label{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; display: flex; align-items: center; text-transform: uppercase; color:#3d3d3d;}

#fastbooking form input, #fastbooking form input::placeholder{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; display: flex; align-items: center; color: #3D3D3D; border:0; margin-top: 8px;}

#fastbooking form input::placeholder{opacity: 1}


/* Hoteles */

#hoteles-container {max-width: 1440px!important; width:100%; margin: 0 auto; display: flex!important; flex-direction: row; justify-content: space-between; align-items: center; border: 1px solid #aea780; margin-top: -1px;}

#hoteles-container .hotel-destination__content{margin: 45px 60px;width: 100%; display: inline-flex;  justify-content: space-around;}

#hoteles-container .hotel-destination__button{position: absolute; margin-top: 280px; width: 100%; max-width: 1400px; border-top: 0.5px solid #c3c1ba; padding-top: 15px; background: #fff;}

#hoteles-container .hotel-destination__country-title, #hoteles-container .hotel-destination__city-title, #hoteles-container .hotel-destination__hotel-title{font-family: 'Avenir Roman'; font-style: normal; font-weight: 800; font-size: 16px; line-height: 18px; display: flex; align-items: center; color: #3D3D3D; margin-bottom: 32px; color:#aea781;}

#hoteles-container .hotel-destination__country, #hoteles-container .hotel-destination__hotel, #hoteles-container .hotel-destination__hotel{min-height: 300px;}

#hoteles-container .hotel-destination__country-list, #hoteles-container .hotel-destination__city-list, #hoteles-container .hotel-destination__hotel-list {padding: 0;}

#hoteles-container .hotel-destination__city, #hoteles-container .hotel-destination__hotel {border-left:0.5px solid #c3c1ba; padding-left: 50px;}

#hoteles-container .hotel-destination__country-list li, #hoteles-container .hotel-destination__city-list li, #hoteles-container .hotel-destination__hotel-list li{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; display: flex;
    align-items: center; color: #3D3D3D; padding-bottom: 18px}

#hoteles-container .hotel-destination__country-list li a, #hoteles-container .hotel-destination__city-list li a, #hoteles-container .hotel-destination__hotel-list li a{text-decoration: none; color:#3d3d3d;}

#hoteles-container .hotel-destination__button-group{display: flex; justify-content: end; gap:10px}

#hoteles-container .hotel-destination__button-group button.hotel-destination__button-remove{border: 1px solid #AEA780; background: #fff; font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #8D8556; padding: 10px 35px; cursor: pointer;}

#hoteles-container .hotel-destination__button-group button.hotel-destination__button-remove:hover{color: #674D26;}

#hoteles-container .hotel-destination__button-group button.hotel-destination__button-select{background: #AEA780; border: 1px solid #AEA780; font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #fff; padding: 10px 35px; cursor: pointer;}

#hoteles-container .hotel-destination__button-group button.hotel-destination__button-select:hover{background: #8D8556; border: 1px solid #8D8556;}

#hoteles-container .hotel-destination__button a{position: absolute; font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #3D3D3D; text-decoration: none; font-weight: 700; margin-top: 10px; margin-left: 10px;}

#hoteles-container .hotel-destination__button a::after{content: ''; width: 20px; height: 10px; background:url("/headers/ssm/skin_custom/assets/magallanes_33834/img/arrow_button.svg") left top no-repeat; position: absolute; margin: 5px 0 0 5px;}

/* Datepicker */

#datepicker-container{width: 1440px!important; margin: 0 auto; display: flex!important; flex-direction: row; justify-content: space-between; align-items: center; border: 1px solid #aea780; margin-top: -1px;}

#datepicker-container .ui-datepicker-group-first, #datepicker-container .ui-datepicker-group-last{width: 50%; margin: 40px 0;}

#datepicker-container .ui-datepicker-group-first{margin-left:150px; margin-right: 75px}

#datepicker-container .ui-datepicker-group-last{margin-left:75px; margin-right: 150px}

#datepicker-container .ui-datepicker-calendar{width: 100%;}

#datepicker-container .ui-datepicker-prev, #datepicker-container .ui-datepicker-next{text-indent: 3000px; font-size: 0px; width: 35px; height: 35px; background: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/arrow.svg")left top no-repeat; opacity: 0.6}

#datepicker-container .ui-datepicker-prev:hover, #datepicker-container .ui-datepicker-next:hover{opacity: 1}

#datepicker-container .ui-datepicker-next{transform: rotate(180deg)}

#datepicker-container .ui-datepicker-prev{position: absolute; margin-left: -65px; margin-top: 45px;}

#datepicker-container .ui-datepicker-next{position: absolute; margin-left: 525px; margin-top: 45px;}

#datepicker-container .ui-datepicker-title {text-align: left; margin: 0; padding: 0; margin-bottom: 25px;}

#datepicker-container .ui-datepicker-month, #datepicker-container .ui-datepicker-year{font-family: 'Avenir Roman'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; color: #3D3D3D; }

#datepicker-container .ui-datepicker-calendar th{font-family: 'Avenir Roman'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; color: #3D3D3D; text-align: left; padding-left: 5px;}

#datepicker-container .ui-datepicker-calendar td {height: 54px; width: 54px; padding: 8px; background: #FFFFFF; border: 1px solid #EFEDE6; text-align: center; font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color:#3d3d3d; }

#datepicker-container .ui-datepicker-calendar td:hover{border: 1px solid #674D26!important;}

#datepicker-container .ui-datepicker-calendar td a{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color:#3d3d3d; text-decoration: none; text-align: center; display: block}

#datepicker-container .ui-datepicker-unselectable{background: #FAFAF7!important; border: 1px solid #EFEDE6!important; color: #ABAAA6!important;}

#datepicker-container .ui-datepicker-today{border: 1px solid #9A7611!important;}

#datepicker-container .ui-state-arrival, #datepicker-container .ui-state-departure{background:#9A7611!important; border: 1px solid #9A7611!important; }

#datepicker-container td.ui-state-arrival a, #datepicker-container td.ui-state-departure a{color:#fff!important;}

#datepicker-container td.ui-state-highlight{background:#eae4d3;}


/* Ocupacion */

#ocupacion{width: 100%; max-width: 1440px; margin: 0 auto;}

#ocupacion .hotel-guest__main.dropdown-menu{width: 20.5%; margin-left: 41%; border: 1px solid #aea880; border-top: 0;}

#ocupacion .hotel-guest__main.dropdown-menu .hotel-close__guest{display: none;}

#ocupacion .hotel-guest__content{margin: 0 20px;}

#ocupacion .hotel-guest__occupancy{padding-top: 20px;}

#ocupacion .hotel-guest__occupancy .hotel-guest__occupancy-title{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 12px; line-height: 14px; color: #3D3D3D; text-transform: uppercase; }

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group{margin-top: 25px;}

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group input{width: 30px; text-align:center; border:0;}

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group .hotel-guest__spinner-group{height: 30px; display: flex; flex-direction: initial; align-items: center; justify-content: space-between; margin-bottom: 20px;}

#ocupacion .hotel-guest__content .hotel-guest__spinner .hotel-guest__spinner-title, #ocupacion .hotel-guest__kids-title{font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #3D3D3D; width: 150px; display: inline-flex; height: 30px; padding-top: 10px;}

#ocupacion .hotel-guest__content .hotel-guest__spinner .hotel-guest__spinner-side{width: 30px; height: 30px;}

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group .hotel-guest__spinner-side .hotel-guest__spinner-button--less{border: 0; width: 30px; height: 30px; background: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/less-btn.svg") left center no-repeat; cursor: pointer; opacity: 0.7}

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group .hotel-guest__spinner-side .hotel-guest__spinner-button--plus{border: 0; width: 30px; height: 30px; background: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/plus-btn.svg") left center no-repeat; cursor:pointer; opacity: 0.7}

#ocupacion .hotel-guest__occupancy .hotel-guest__select-group .hotel-guest__spinner-side .hotel-guest__spinner-button--less:hover, #ocupacion .hotel-guest__occupancy .hotel-guest__select-group .hotel-guest__spinner-side .hotel-guest__spinner-button--plus:hover{opacity: 1}

#ocupacion .hotel-guest__kids-years{display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

#ocupacion .hotel-guest__kids-years select{padding: 12px 16px; width: 80px; height: 48px; background: #FFFFFF; border: 1px solid #AEA780; background-image: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/arrow_combo.svg"); background-repeat: no-repeat; background-position: 90% 50%; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-size: 15px;}

#ocupacion .hotel-guest__button button{background: #AEA780; border: 1px solid #AEA780; font-family: 'Avenir Roman'; font-style: normal; font-size: 14px; line-height: 16px; color: #fff; padding: 10px 35px; width: 100%; margin: 20px 0; cursor: pointer;}

#ocupacion .hotel-guest__button button:hover{background: #8D8556; border: 1px solid #8D8556;}


/* Footer */

footer{border-top: 1px solid #efefef; margin-top: 86px; width: 100%}

#brands, #footer_bottom .container{width: 82.5%; max-width: 1440px; margin: 0 auto;}

#brands .container, #brands .container .brand_type ul{display: flex; flex-direction: row; justify-content: space-around;}

#brands .container{gap:30px;}

#brands .container .brand_type{display: flex; flex-direction: column; gap:20px}

#brands .container .brand_type ul{list-style: none; padding-inline-start:0px; max-height: 80px;}

#brands .container .brand_type ul li img{width: 100%; height: 120px;}

#brands .container .brand_type .title{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 9px; line-height: 16px; letter-spacing: 0.12em; text-transform: uppercase; color: #3D3D3D; border-top: 1px solid #EFEDE6; padding-top: 5px;}

#footer_bottom {background:#EFEDE6; margin-top:40px; padding: 10px 0;}

#footer_bottom .container, #footer_bottom .container .links ul,  #footer_bottom .container .social_lang ul.social{display: flex; flex-direction: row; justify-content: space-between;}

#footer_bottom .container .social_lang ul.social li a img{height: 30px;}

#footer_bottom .container .legal{display: flex; flex-direction: column; justify-content:center;}

#footer_bottom .container .legal .copyright{font-family: 'Avenir Medium'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; color: #3D3D3D;}

#footer_bottom .container .legal .links ul li a{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration: none; color: #3D3D3D;}

#footer_bottom .container .legal .links ul li a:hover{text-decoration: underline;}

#footer_bottom .container .social_lang{display: flex; justify-content: flex-end; gap:20px;}

#footer_bottom .container .social_lang ul.social, #footer_bottom .container .links ul{list-style: none; padding-inline-start:0px; }

#footer_bottom .container .social_lang ul.social{gap:24px;}

#footer_bottom .container .links ul{gap:20px; margin: 0;}

#footer_bottom .container .links ul li:after{content: '·'; position: absolute; margin-left: 8px; margin-top:2px}

#footer_bottom .container .links ul li:last-child:after{content: '';}

#footer_bottom .container .social_lang ul.social li{opacity: 0.8;}

#footer_bottom .container .social_lang ul.social li:hover{opacity: 1;}

#footer_bottom .lang {position: relative; z-index: 999; font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; display: flex; align-items: center; padding-right: 20px; border-right:0.5px solid #c9c9c9;}

#footer_bottom .lang .icon{margin-right: 5px;}

#footer_bottom .lang .icon img{width: 15px; height: 15px; }

#footer_bottom .lang .lang_submenu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: .75rem;
    background: #fff;
    border: 1px solid #c9c9c9;
    list-style: none;
    padding-inline-start: 0px;
    padding: 20px 30px 10px;
}

#footer_bottom .lang .lang_submenu::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: .8rem;
    width: 100%;
}

#footer_bottom .lang .lang_submenu li{margin-bottom: 10px;}

#footer_bottom .lang .lang_submenu li a{font-family: 'Avenir Roman'; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color:#3d3d3d; text-decoration: none;}

#footer_bottom .lang .lang_submenu li a:hover{color:#000; text-decoration: underline;}

#footer_bottom .lang:hover .lang_submenu{display: block}


/*------------- MEDIA QUERIES -------------*/


/* MOBILE */

@media only screen and (max-width: 768px) {

    header{border-bottom: 0;}

    .brand{left: 15px; right: auto;}

    header .mobile_phone{display: block; position: absolute; right:60px; top:25px; width:20px; height: 20px;}

    #phones{width: 100%;}

    #phones .phones_content .countries ul li{width: 90%;}

    header .left_menu, header .right_menu{position: absolute; right: -300px; justify-content: flex-start; margin-right: 0; margin-left: 20px;}

    header .left_menu ul, header .right_menu ul{display: flex; flex-direction: column; gap:20px; padding-inline-start: 0px;}

    header .right_menu ul{margin: 10px 0;}

    header .toggler{position: absolute; overflow: hidden;right:20px; top:25px; width: 20px; height: 20px; background: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/header/burger.svg"); display: flex; flex-direction: column; justify-content: flex-start;}

    header .toggler:hover {
        width: 70%;
        height: 100vh;
        top: 0;
        right: 0px;
        background: #3d3d3d;
        z-index: 999;
        padding-top: 40px;
    }

    header .toggler:hover .left_menu, header .toggler:hover .right_menu{position: initial!important; width: 90%}

    header .toggler .right_menu ul li:last-child, header .toggler .right_menu ul li a .icon{display: none;}

    header .left_menu ul li a, header .right_menu ul li a{color:#fff; font-size: 18px; line-height: 20px;}


    /* Fastbooking */

    #fastbooking{margin-top: 50px; border-top: 1px solid #efede7; height: 50px;}

    #fastbooking .mobile_fastbooking_close img{filter: brightness(0) saturate(100%) invert(77%) sepia(10%) saturate(915%) hue-rotate(14deg) brightness(88%) contrast(80%);}

    #fastbooking .mobile_cta{ width: 100%; background: #9A7611; color:#fff; display: flex;flex-direction: row; justify-content: center; align-items: center; padding: 24px 0;}

    #fastbooking .mobile_cta::before{content: ''; width: 20px; height: 20px; background:url("/headers/ssm/skin_custom/assets/magallanes_33834/img/header/search.svg"); margin-right: 10px;}

    #fastbooking:hover .mobile_fastbooking_close{display: block; width: 15px; position: absolute; top:15px; right:15px;z-index: 10;}

    #fastbooking form{display: none; position: absolute; top:0; left:0; background: #fff; height: 100vh; z-index: 1; padding: 80px 0 0 0}

    #fastbooking:hover form{display: block}

    #fastbooking form > div{width: 70%; margin: 10px 10%; border-right: 1px solid #AEA780;}

    #fastbooking form > div:last-child{width: 79%}

    #fastbooking form > div > button{gap:0}

    #fastbooking form > div > button::before{content: ''; width: 20px; height: 20px; background:url("/headers/ssm/skin_custom/assets/magallanes_33834/img/header/search.svg"); margin-right: 10px;}


    /* Ocupacion */

    #ocupacion .hotel-guest__main.dropdown-menu{width: 100%; margin-left: 0; border: 0; border-top: 0; z-index: 100; position: absolute; background: #fff; top: 60px; height: 100vh;}

    #ocupacion .hotel-guest__content {margin: 0 40px;}

    #ocupacion .hotel-guest__button button {padding: 16px 35px;}


    /* Destinos */

    #hoteles-container{background: #fff;  position: absolute; top: 80px; height: 100vh; border: 0; display: block!important; z-index: 1;}

    #hoteles-container .hotel-destination__content{margin: 0; width: 80%; padding: 0 10%; display: inline-block;}

    #hoteles-container .hotel-destination__city, #hoteles-container .hotel-destination__hotel{border-left: 0; padding-left: 0;}

    #hoteles-container .hotel-destination__country-title, #hoteles-container .hotel-destination__city-title, #hoteles-container .hotel-destination__hotel-title{font-family: 'Avenir Roman'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; color:#3d3d3d; background: #FFFFFF; border: 1px solid #AEA780; padding: 20px; margin-bottom: 10px;}

    #hoteles-container .hotel-destination__country-title::after, #hoteles-container .hotel-destination__city-title::after, #hoteles-container .hotel-destination__hotel-title::after{content: ''; width: 20px; height: 20px; background: url("/headers/ssm/skin_custom/assets/magallanes_33834/img/arrow_combo.svg"); position: absolute; left: 80%}

    #hoteles-container .hotel-destination__country-list li, #hoteles-container .hotel-destination__city-list li, #hoteles-container .hotel-destination__hotel-list li{margin-left: 10px; color:#3d3d3d;}

    #hoteles-container .hotel-destination__country, #hoteles-container .hotel-destination__hotel, #hoteles-container .hotel-destination__hotel{min-height: fit-content;}

    #hoteles-container .hotel-destination__button{position: inherit; margin-top: 0;}

    #hoteles-container .hotel-destination__button a{display: none;}

    #hoteles-container .hotel-destination__button-group button.hotel-destination__button-remove{padding: 10px 20px;}


    /* Datepicker*/

    #datepicker-container{width: 100%!important; border:0; flex-direction: column;}

    #datepicker-container .ui-datepicker-group-first, #datepicker-container .ui-datepicker-group-last{margin-left: 5%; margin-right: 5%; width: 90%}

    #datepicker-container .ui-datepicker-calendar td{height: 20px; width: 20px;}

    #datepicker-container .ui-datepicker-prev{margin-left: 0; margin-top: 0;}

    #datepicker-container .ui-datepicker-next{ margin-left: 80%; margin-top: -5px;}

    #datepicker-container .ui-datepicker-title{text-align: center;}


    /* Footer */

    footer{border-top:0; }

    #brands{width: 100%}

    #brands .container{overflow-x: scroll;}

    #brands .container::-webkit-scrollbar {display: none}

    #brands .container, #brands .container .brand_type ul{justify-content: flex-start;}

    #brands .container .brand_type ul{ max-height: 120px;}

    #brands .container .brand_type ul li img{min-width: 150px;}

    #brands .container .brand_type{flex-direction: column-reverse; gap:0;}

    #brands .container .brand_type .title{border-bottom: 1px solid #EFEDE6; padding-top: 25px; margin-left: 20px; border-top:0;}

    #footer_bottom {padding: 40px 0;}

    #footer_bottom .container{flex-direction: column;}

    #footer_bottom .container .legal{text-align: center;}

    #footer_bottom .container .social_lang{flex-direction: column; margin-top: 40px;}

    #footer_bottom .lang {
        border-right: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    #footer_bottom .container .social_lang ul.social{justify-content: center;}

    #footer_bottom .container, #footer_bottom .container .links ul, #footer_bottom .container .social_lang ul.social{justify-content: center;}

}

/* Logo ATOL */
header#brandheader #atol-protected {
    padding: 0 15px;
}
#atol-protected, #atol-protected .title {
    font-family: 'Avenir Medium', sans serif; !important;
}
header#brandheader #atol-protected .logo .icon-background-color {
    fill: #fff;
}
header#brandheader #atol-protected .logo .icon-text-color {
    fill: #3d3d3d;
}
header#brandheader #atol-protected .title {
    color: #3d3d3d;
}
header#brandheader .open .dropdown-menu {
    display: block;
}
.dropdown.currency_selector .dropdown-toggle {
    color: #3d3d3d;
    border: 0;
    border-radius: 20px;
    background: none;
    padding: .5rem 1rem;
    line-height: 21px;
}
.dropdown.currency_selector .dropdown-toggle #currentCurrencySymbol {
    font-weight: 400;
}
.dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down {
    width: 16px;
    height: 21px;
    vertical-align: top;
    margin-left: 2px;
}
.dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down, .dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down * {
    fill: #3d3d3d;
}
#brandheader .dropdown.currency_selector .dropdown-toggle {
    border: 0;
    color: #212529;
    display: block;
    width: 100%;
    white-space: nowrap;
}
@media (max-width: 767px) {
    header#brandheader #atol-protected {
        padding: 0;
    }
    header#brandheader #atol-protected .logo .icon-background-color {
        fill: #3d3d3d;
    }
    header#brandheader #atol-protected .logo .icon-text-color {
        fill: #fff;
    }
    #brandheader .dropdown.currency_selector .dropdown-toggle {
        color: #fff;
    }
    #brandheader .dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down,
    #brandheader .dropdown.currency_selector .dropdown-toggle .icon-anyfill-ui-chevron-down * {
        fill: #fff;
    }
}
@media (max-width: 1025px) {
    header#brandheader #atol-protected .title {
        display: none;
    }
}