:root {
    --fontPrimary:"Noto Sans", sans-serif;
    --fontTitles:"Figtree", sans-serif;
    --fontKolibri: 'kolibri';
    --color-body:#02090B;
    --colorPrimary:#0C2B39;
    --colorPrimaryLight:#CED5D7;
    --colorSecondary:#96774A;
    --colorSand:#D0B58D;
    --colorSandLight:#FAF8F4;
    --colorCaribbeanLight:#F3FBFD;
    --colorCaribbean:#8AD8EF;
    --colorPoolBlue:#0073C8;
    --box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);
    --colorGreen: #7FA9AE;
}
@font-face {
    font-family: 'kolibri';
    src: url('/dam/multiHotel-majesticresorts/fonts/kolibri-webfont.ttf');
    font-weight: 900;
    font-style: normal;
}
/*Estilos genéricos*/
.center{
    text-align: center !important;
}
.left{
    text-align: left !important;
}
.right{
    text-align: right !important;
}
.m0Auto{
    margin:0 auto !important;
}
.mTop20{
    margin-top: 20px !important;
}
.mTop30{
    margin-top:30px !important;
}
.mTop40{
    margin-top: 40px !important;
}
.mTop60{
    margin-top: 60px !important;
}
.mTop80{
    margin-top:80px !important;
}
.mTop100{
    margin-top:100px !important;
}
.mTop120{
    margin-top: 120px !important;
}
.mBT20{
    margin-bottom:20px !important;
}
.mBT40{
    margin-bottom: 40px !important;
}
.mBT60{
    margin-bottom: 60px !important;
}
.mBT80{
    margin-bottom: 80px !important;
}
.mBT120{
    margin-bottom: 120px !important;
}
.padd20{
    padding:30px 20px !important;
}
.padd6030{
    padding:60px 30px !important;
}
.paddTop20{
    padding-top: 20px !important;
}
.paddBT20{
    padding-bottom:20px !important;
}
.paddTop40{
    padding-top: 40px !important;
}
.paddBT40{
    padding-bottom: 40px !important;
}
.paddTop60{
    padding-top: 75px !important;
}
.paddTop120{
    padding-top:120px !important;
}
.paddBT120{
    padding-bottom:120px !important;
}
.paddBT60{
    padding-bottom: 60px !important;
}
.w50{
    width:50% !important;
}
.w60{
    width:60% !important;
}
.w70{
    width:70% !important;
}
.w80{
    width:80% !important;
}
.w90{
    width:92% !important;
}
.white{
    color:#fff !important;
}
body h1, body h2, body h3{
    line-height:120%;
}
body h1{
    font-size:3.5rem;
}
body h2, p.title{
    font-size:3rem;
}
h2.title-p{
    font-size:16px;
    line-height:150%;
    font-family:var(--fontPrimary);
    font-weight:400;
}
body h3{
    font-size:2.5rem;
}
body p.title, body h1, body h2, body h3{
    font-family:var(--fontTitles);
    font-weight:100;
    background: none;
    color: var(--colorPrimary);
    text-align: left;
    font-style: normal;
    text-transform:capitalize;
}
body p.sub-title-gold,body h3.sub-title-gold,
body p.sub-title,body h2.sub-title-gold,
body h1.sub-title-gold,body h1.sub-title,
body h2.sub-title{
    color:var(--colorPrimary);
    font-size:32px;
    font-family:var(--fontTitles);
    font-weight:100;
    margin-top:12px;
    line-height:1.2em;
    text-transform:capitalize;
}
.colorPrimary{
    color:var(--colorPrimary) !important;
}
.colorSecondary{
    color:var(--colorSecondary) !important;
}
.colorSand{
    color:var(--colorSand) !important;
}
.bgPrimary{
    background:var(--colorPrimary) !important;
}
.bgSecondary{
    background:var(--colorSecondary) !important;
}
.img-responsive{
    max-width:100%;
    width:100%;
    height:auto;
    object-fit:cover;
}
.header{
    background:var(--colorSand);
    padding:20px;
}
.hero{
    background-image: url(/dam/multiHotel-majesticresorts-cc/callcenter-majestic-resorts.jpg);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.hero>.row{
    width:100%;
}
.hero .htt-text-image:has(h1){
    padding:20vh 10%;
}
.htt-language-selector button{
    float:right;
}
.options-selector-language{
    min-width:fit-content !important;
}
.group-languages-texts{
    margin-right:8px;
}
.group-languages-texts .btn-secondary.open-selector-language {
    background: transparent;
    border: 0;
    color:#fff;
    font-family:var(--fontTitles);
    font-weight:100;
    position:relative;
    font-style: normal;
    padding:0;
    font-size:16px !important;
}
.open-selector-language span{
    position:relative;
    letter-spacing:0.5px;
}
.open-selector-language span:after{
   position: absolute;
    top: 3px;
    right: -10px;
    font-size: 8px;
    content: "\f078";
    font-family: 'FontAwesome';
    color: #fff;
}
.hotelLogin-wrapper{
    float:right;
}
.hotel-login-text,.bi-person-fill,.hotel-login-text-logged{
    color:#fff;
}
.access-header p{
    margin-bottom:0;
    font-size:24px;
}
.access-header p.access-text{
    font-size:16px;
}
.top-header>.row{
    align-items:center;
}
.links-footer a{
    color:#fff;
    text-decoration:none;
}
@media(max-width:1440px){
    .w50{
        width:60% !important;
    }
    .w60{
        width:70% !important;
    }
    .w70,.htt-text-image:has(.title-section){
        width:80% !important;
    }
    .w80{
        width:90% !important;
    }
    .w90{
        width:95% !important;
    }
}
@media(max-width:1024px){
    .w50,.w60,.w70,.w80,.w90{
        width:98% !important;
    }
    .hero{
        background-size:cover;
    }
    body h1{
        font-size:2.5rem;
    }
    body h2{
        font-size:1.8rem;
    }
}
@media(max-width:767px){
    .header{
        padding:20px 10px;
    }
    .hero{
        height:60vh;
        align-items:flex-start;
    }
    .hero .htt-text-image:has(h1){
        padding:10vh 5%;
    }
    .logo-header img{
        max-height: 70px;
        width: auto;
    }
    .access-header p{
        display:none;
    }
    img.img-responsive.error{
         min-height:auto;
     }
}