:root {
    --vino: #a23330;
    --morado: #4b2c4f;
    --morado2: #784473;
    --morado3: #49004c;
    --morado4: #541257;
    --morado5: #49004c;
    --gris: #6b625a;
    --blanco: #f8f8f8;
    --blanco2: #ffffff;
    --naranja: #ebb029;
    --negro: #333333;
    --areaSegura: 75em;
    --areaMaxima: 100rem;
    --headerHeroText: 3.125rem;
    --header-size: 2.1875rem;
    --HRegular: "HelveticaNeueRegular";
    --Hbold: "HelveticaNeueBold";
    --HLight: "HelveticaNeue-Light";
    --space-nav: 2rem;
    --fs14: 0.875rem;
    --fs15: 0.938rem;
    --fs18: 1.2rem;
    --fs20: 1.25rem;
    --fs30: 1.875rem;
    --fsFooter: 1.041875rem;
    --fsHeader: 0.96375rem;
    --fsHomeCorp: 3.125rem;
    --fsHomeCorpSub: 2.344rem;
}

@font-face {
    font-family: "HelveticaNeueRegular";
    src: url("../fonts/Raleway-Regular.ttf") format("ttf"), url("../fonts/raleway-regular.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: "HelveticaNeueBold";
    src: url("../fonts/Raleway-Bold.ttf") format("ttf"), url("../fonts/raleway-bold.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: "HelveticaNeue-Light";
    src: url("../fonts/Raleway-Light.ttf") format("ttf"), url("../fonts/raleway-light.woff") format("woff");
    font-weight: 300;
}

* {
    box-sizing: border-box;
}

html {
    font-family: var(--HRegular);
    background-color: var(--blanco2);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    max-width: 1599px;
    margin: 0 auto;
    border: 1px solid var(--vino);
}

h2 {
    font-family: "HelveticaNeueBold";
    font-size: var(--header-size);
    color: var(--blanco);
}

p {
    font-family: var(--HRegular);
    font-size: 1rem;
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: var(--morado);
}

a:hover {
    text-decoration: underline;
}

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
}

.clima {
    font-family: var(--HRegular);
    font-size: 0.8rem;
    line-height: 1.5;
}

img {
    display: block;
}


/*Header*/

.l-nav {
    /* position: fixed; */
    height: 120px;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
    background-color: var(--blanco2);
}

.slider-movil {
    display: none !important;
}

.slide__img {
    min-height: 600px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.l-nav li {
    list-style: none;
}

.l-nav__container {
    height: 120px;
    background-color: var(--blanco2);
    max-width: 1600px;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.l-nav__menu {
    /* margin-left: auto; */
    /* margin: 0 auto; */
    height: 100%;
}

.l-nav__phone {
    display: none;
}

.l-nav__img {
    margin: 0 1rem;
    background-color: #49004c;
    margin-top: 4.1rem;
    height: 128px;
    padding: 10px;
}

.l-nav__img--movil {
    display: none;
}

.l-nav__menu-container {
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: var(--blanco2);
}

.l-nav__menu-link {
    font-family: var(--Hbold);
    text-transform: uppercase;
    font-size: 0.8rem;
    color: var(--negro);
    font-weight: bold;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    transition: all 0.8s;
}

.l-nav__menu-link:hover {
    color: #a23330;
}

.l-nav__link,
.l-nav__link--child {
    font-family: var(--Hbold);
    font-weight: 700;
    font-size: 1rem;
    color: var(--negro);
    text-transform: uppercase;
    padding-right: 1rem;
}

.l-nav__list--child {
    position: absolute;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    top: 100%;
    left: -102%;
    width: 318%;
    padding: 0.5rem;
    z-index: 1;
    background-color: var(--blanco);
}

.l-reservacion {
    height: 70px;
    background-color: #4c034a;
}


/*.l-reservacion--scroll {position: fixed;width: 100%;top: 0px;z-index: 100; left: 0;}*/

.l-resevacion__list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 5rem;
}


/*.l-resevacion__list--scroll {margin-left: 0;}*/

.l-resevacion__list-item {
    margin: 0.2rem;
    width: 142px;
}

.l-resevacion__list-item:hover {
    cursor: pointer;
}


/*.l-reservacion__cta {background-color: #e41112;font-weight: bold;color: var(--blanco2);display: flex;justify-content: center;align-items: center;width: 100px;height: 30px;font-size: 13px;}*/

.l-reservacion__cancelar {
    margin: 0 0.7rem;
    color: var(--blanco2);
    font-size: 11px;
    display: block;
}

.l-reservacion__movil {
    display: none;
    width: 120px;
    height: 45px;
    background-color: #e41112;
    font-size: 20px;
    font-weight: bold;
    color: var(--blanco2);
    margin-right: 2rem;
}


/*-----nuevo bton -------*/

.l-reservacion__cta {
    background: var(--vino);
    color: #fff;
    border: none;
    position: relative;
    /* height: 60px; */
    font-size: 14px;
    padding: 12px;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
}

.l-reservacion__cta:hover {
    background: #fff;
    color: var(--vino);
    text-decoration: none;
    font-weight: bolder;
}

.l-chachag {
    margin: 0 5px;
    color: #fff;
    font-size: 14px;
}

.l-input {}

.l-reservacion__cta:before,
.l-reservacion__cta:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: var(--vino);
    transition: 400ms ease all;
    color: var(--vino);
}

.l-reservacion__cta:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}

.l-reservacion__cta:hover:before,
.l-reservacion__cta:hover:after {
    width: 100%;
    transition: 800ms ease all;
}


/*-----------*/

.l-nav__list-item--child {
    padding: 0.5rem;
}

.l-nav__menu-item:hover>.l-nav__list--child {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.l-nav__link--child {
    display: block;
    text-decoration: none;
    margin: 0;
    white-space: nowrap;
    justify-content: flex-start;
    font-size: 0.85rem;
    padding-right: 0;
}

.l-nav__menu-item:hover .l-nav__menu-link {
    text-decoration: none;
}

.l-nav__menu-item {
    position: relative;
    margin-right: 2rem;
    height: 100%;
}

.l-nav_reserva_item {
    margin: 0 1rem;
    width: 100px;
    height: 70px;
    list-style: none;
}

.l-nav__menu-item--sub {
    margin-right: 0;
    padding: 1rem;
}

.l-nav__dropdown-container {
    display: none;
}

.l-nav__dropdown:hover .l-nav__dropdown-container {
    display: block;
    position: absolute;
    width: 100px;
}

.l-nav__dropdown-container {
    background: var(--morado3);
}

.l-nav__dropdown:hover {}

.l-nav__menu-item:last-child {
    margin-right: 0;
}

.l-nav__social {
    align-self: center;
}

.l-nav__social-item {}

.l-nav__social-item:last-child {
    margin-right: 0;
}

.l-nav__social-link {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.l-nav__yt {
    background-image: url(../img/corporativo/home/yt-logo.png);
}

.l-nav__fb {
    background-image: url(../img/corporativo/home/facebook-logo.png);
    width: 30px;
    height: 30px;
}

.l-nav__I {
    display: block;
    background-image: url(../img/corporativo/home/instagram-logo.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.l-nav__social-nav {
    display: flex;
    align-items: center;
}

.l-nav__social--movil {
    display: none;
}

select#modify {
    border: none;
    background-color: var(--morado4);
    color: #fff;
}

.l-banner-footer {
    min-height: 172px;
    background-color: #474646;
}

.l-banner-footer__container {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 172px;
    flex-wrap: wrap;
}

.l-banner-footer__p {
    color: var(--blanco2);
    margin: 0;
}

.l-banner-footer__adress {
    text-align: center;
    margin: 1rem;
}

.l-banner-footer__cta {
    max-width: 266px;
    height: 64px;
    font-size: 1.5rem;
    color: #535353;
    background-color: var(--blanco2);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 1rem;
}

.l-banner-footer__logo {
    /* padding: 1rem; */
    margin: 1rem;
    width: 150px;
    height: auto;
    object-fit: contain;
}

.l-footer {
    background-color: #333333;
    max-width: var(--areamaxima);
    margin: 0 auto;
    max-width: 1600px;
    margin: 0 auto;
}

.l-footer li {
    list-style: none;
}

.l-footer__container {
    margin: 2rem auto;
    max-width: var(--areaSegura);
}

.l-footer__logo {
    margin: 0 auto;
}

.l-footer__nav {
    margin: 0 2.5rem;
}

.l-desuscribir__container {
    padding: 40px 0;
    width: 80%;
    margin: 0 auto;
    text-align: -webkit-center;
}

.l-footer__item {
    line-height: 20px;
}

.l-footer__o {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.l-footer__info {
    width: 75%;
    margin: 0 1rem;
}

.l-footer__i-prefer {}

.l-footer__prefer-item,
.l-footer__social-link {
    color: white;
}

.l-footer__social-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--Hbold);
    font-weight: bold;
    font-size: 0.75em;
    color: #aba7a7;
    text-transform: uppercase;
}

.l-footer__prefer-list,
.l-footer__social-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.l-footer__prefer-list {
    justify-content: center;
    align-items: center;
}

.l-footer__social-list {
    justify-content: center;
    padding-top: 1em;
}

.l-footer__social {
    border-top: 1px solid #3a3a3a;
}

.l-footer__bottom {
    border-top: 1px solid #565656;
}

.l-footer__bottom-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 90px;
    flex-direction: column;
}

.l-footer__link {
    font-family: var(--Hbold);
    color: #999999;
}

.l-footer__corp {
    font-weight: bold;
    font-size: 1rem;
    color: #aba7a7;
    text-transform: uppercase;
    margin: 1rem auto;
    display: flex;
    justify-content: center;
    text-align: center;
    border: 1px solid;
    padding: 0.5rem;
    margin: 1rem auto;
    max-width: 200px;
    background-color: #fff;
    color: #535353;
}

.l-footer__bottom__title {
    font-family: var(--HRegular);
    font-weight: 400;
    font-size: 14px;
    color: var(--blanco2);
    align-self: center;
    margin-left: auto;
    margin: 0 auto;
}

.l-footer__logo {
    padding-bottom: 3rem;
}

.l-footer__prefer-link--elegant {
    margin: 20px 50px;
}

.l-footer__prefer-link--other {
    margin-right: 40px;
}

.l-footer__prefer-link {
    text-align: center;
    font-family: var(--HRegular);
    color: #aba7a7;
    font-weight: 300;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.l-footer__prefer-img {
    padding-top: 1em;
}

.l-footer__social-twitter {
    display: flex;
    background-image: url(../img/corporativo/twitter-footer.png);
}

.l-footer__social-item {
    margin: 5px 10px;
}

.l-footer__img {
    margin-right: 0.4rem;
}

.l-footer__multimedia-logo {
    margin: 1.5rem;
}

.l-reserva_icon {
    width: 35px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 0.3em;
}

.l-ico_calendar {
    background: url(../img/servicios/035-calendar.png);
    background-repeat: no-repeat;
    background-position: center;
}

.l-ico_adults {
    background: url(../img/servicios/014-bellboy.png);
    background-repeat: no-repeat;
}

.l-ico_kids {
    background: url(../img/servicios/018-hotel.png);
    background-repeat: no-repeat;
}

.l-bar-floating {
    position: absolute;
    top: 750px;
    width: 100%;
}

.c-menu {
    display: inline-block;
    cursor: pointer;
    display: none;
}

.menuNav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 1600px;
    height: 50px;
    width: 100%;
    border-bottom: 3px solid var(--vino);
}

.c-btn-stick {
    right: 9px;
    z-index: 2;
    position: fixed;
    bottom: 65px;
}

.c-stick-text {
    border-radius: 5px;
    padding: 12px 40px;
    color: #fff !important;
    border: 0.5px solid #fff;
    min-height: 48px;
    background-color: var(--morado4);
}

.c-stick-text a {
    color: #fff !important;
}

.c-stick-movil-container {
    position: fixed;
    bottom: 155px;
    right: 10px;
}

.c-stick-movil {
    position: relative;
}

.c-stick-movil img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.c-stick-movil-text {
    background-color: var(--morado4);
    position: fixed;
    right: 80px;
    bottom: 203px;
    border-radius: 5px;
    border: 1px solid #fff;
    opacity: 1;
    z-index: 5;
}

.c-stick-movil-text p {
    color: #fff;
    padding: 0px 10px;
}

@media (max-width: 640px) {
    .c-stick-text {
        display: none;
    }
    .c-stick-movil-container {
        display: block;
    }
}

@media only screen and (max-width: 540px) {
    .slider-movil {
        display: block !important;
    }
    .slider-escritorio {
        display: none !important;
    }
}

@media (min-width: 641px) {
    .c-stick-movil-container {
        display: none;
    }
}

.c-menu__bar1,
.c-menu__bar2,
.c-menu__bar3 {
    width: 35px;
    height: 3px;
    background-color: var(--morado2);
    margin: 6px 0;
    transition: 0.4s;
}

.c-menu__bar2 {
    width: 27px;
}

.c-cta-btn {
    font-family: var(--hRegular);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--blanco2);
    color: var(--vino);
    font-size: var(--fs14);
    padding: 1em;
    width: 200px;
    height: 40px;
    font-weight: 600;
    letter-spacing: 1px;
}

.c-caracteristica {
    margin-right: 1em;
}

.c-caracteristica:last-child {
    margin-right: 0;
}

.c-caracteristica__img {
    width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.c-caracteristica__desc {
    text-align: center;
}

.c-caracteristica__desc--bold {}

.c-hotel-tarjeta {
    max-width: 360px;
    height: 100%;
    margin-bottom: 1em;
    margin-right: 1em;
}

.c-hotel-tarjeta__img {
    width: 100%;
}

.c-hotel-tarjeta__img-container {
    position: relative;
}

.c-hotel-tarjeta__ciudad {
    position: absolute;
    top: 75%;
    left: 10%;
    margin: 0;
    font-size: 20px;
    font-family: var(--Hbold);
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.5em 1.4rem;
    width: 90%;
}

.c-hotel-tarjeta__info {
    background-color: var(--morado3);
    display: flex;
    height: 100%;
    padding: 1em;
    align-items: center;
    justify-content: center;
}

.c-hotel-tarjeta__title {
    margin-top: 0;
    color: var(--blanco2);
    font-family: var(--HRegular);
    font-weight: bold;
    font-size: 0.781rem;
}

.c-hotel-tarjeta__desc {
    margin: 0;
    color: var(--blanco2);
    font-size: var(--fs14);
}

.c-vineta {
    background-color: var(--blanco2);
    width: 60px;
    height: 2px;
}

.c-vineta--morada {
    background-color: var(--morado3);
}

.c-vineta--3 {
    width: calc(60px * 3);
    background-repeat: repeat-x;
}

.c-icon__direccion {
    width: 100%;
}

.c-hotel-item {
    background-image: url(../img/corporativo/Hoteles/bg-1.jpg);
    margin-bottom: 1em;
}

.c-hotel-item--matrix {
    background-image: url(../img/corporativo/Hoteles/bg-2.png);
}

.c-hotel-item__container {
    display: flex;
    justify-content: center;
}

.c-hotel-item__container--inverse {
    flex-direction: row-reverse;
}

.c-hotel-item__img {
    margin-right: 3%;
}

.c-hotel-item__img--inverse {
    margin-right: 0%;
    margin-left: 3%;
}

.c-hotel-item__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.c-hotel-item__logo {
    margin-top: 5em;
}

.c-hotel-item__txt {
    font-family: var(--HRegular);
    font-size: 1rem;
    color: var(--blanco2);
    text-align: center;
}

.c-hotel-item__bold {
    font-family: var(--Hbold);
    font-size: 1rem;
    font-weight: bold;
}

.c-hotel-item__it {
    font-family: var(--HRegular);
    font-style: italic;
}

.c-hotel-item__cta {
    background-color: var(--blanco2);
    padding: 1rem;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: var(--Hbold);
    font-weight: bold;
    color: vaR(--vino);
}

.c-hotel-item__cta:hover {
    text-decoration: none;
}

.c-hotel-item__calle {
    padding: 2rem 0;
    display: flex;
    align-items: center;
}

.c-hotel-item__direccion {
    font-family: var(--HRegular);
    font-size: 0.75rem;
    color: var(--blanco2);
    margin: 0 0 0 1rem;
}

.c-hotel__tel {
    color: var(--blanco2);
    display: block;
}

.c-hotel-item__tel {}

.c-hotel-tarjeta__desc {
    border-right: 4px solid var(--blanco2);
    padding-right: 1em;
}

.c-icon-point {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../img/corporativo/home/punto.png);
    margin-right: 1em;
}

.c-line {
    width: 40%;
    height: 1px;
    background-color: var(--morado3);
}

.c-line--20 {
    width: 20%;
}

.c-fb-compartir {
    display: block;
    width: 93px;
    height: 16px;
    background-image: url(../img/corporativo/detalle-noticia/compartir.png);
}

.c-tw-compartir {
    display: block;
    width: 73px;
    height: 15px;
    background-image: url(../img/corporativo/detalle-noticia/twitear.png);
}

.c-noticias {
    max-width: 372px;
    width: 100%;
    min-width: 280px;
    height: 100%;
    cursor: pointer;
    margin: 1.5rem 0.5rem;
}

.c-noticias--sm {
    max-width: 350px;
    width: 100%;
    justify-self: center;
}

.c-noticias--m {
    margin: 0;
}

.c-noticias__img-container {
    position: relative;
}

.c-noticias__img {
    width: 100%;
    height: 228px;
}

.c-noticias__fecha {
    padding-left: 1rem;
    color: var(--blanco2);
    /* position: absolute; */
    top: 75%;
    left: 10%;
    margin: 0;
    font-size: 41.67px;
    font-family: var(--Hbold);
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0 1.4rem;
    width: 90%;
}

.c-noticias__fecha-jaja {
    padding-left: 1rem;
    color: var(--blanco2);
    width: 100%;
    left: 0;
    line-height: 27px;
    font-size: 24px;
    height: 76px;
    padding-top: 8px;
    background-color: #49004caa;
    top: 59%;
    /*padding: 11px 0 11px 29px;*/
    height: calc(35px * 2);
    overflow: hidden;
}

.c-noticias__mes {
    font-family: var(--HLight);
    font-weight: 300;
    font-size: var(--fs14);
}

.c-noticias__desc {
    text-align: center;
    margin: 2rem;
    width: calc(1120px / 3 - 4rem);
    /* display: flex; */
}

.c-noticias__desc--habitaciones {
    text-align: left;
}

.c-noticias__desc--servicios {
    max-width: 280px;
    width: 100%;
}

.c-noticias__title {
    color: #000000;
    font-family: var(--Hbold);
    font-weight: bold;
    font-size: 20px;
}

.c-noticias__text,
.c-noticias__text p {
    font-family: var(--HRegular);
    font-size: var(--fs14);
    line-height: 22px;
}

.c-noticias__text--serv {
    margin-top: 0.3rem;
}

.c-noticias__text {
    /* height: 90px; */
    height: calc(22px * 4);
}

.c-noticias__cta {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs14);
    font-family: var(--Hbold);
    font-weight: bold;
    width: 141px;
    height: 46px;
    background-color: var(--morado3);
    color: var(--blanco2);
    transition: 0.4s all ease-in-out;
}

.c-noticias__cta:hover {
    background-color: var(--vino);
    text-decoration: none;
}

.c-pagination {
    max-width: var(--areaSegura);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.c-pagination__item {
    color: var(--morado3);
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.3s;
    margin: 0 0.3rem;
}

.c-pagination__item--active,
.c-pagination__item:hover {
    background-color: var(--morado3);
    color: var(--blanco2);
    text-decoration: none;
}

.c-pagination__txt {
    margin: 0 1rem;
}

.c-pagination__txt--disable {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.c-beneficio {
    border-bottom: 1px solid #6d3370;
    max-width: 624px;
    display: flex;
    align-items: center;
}

.c-beneficio:last-child {
    border-bottom: none;
}

.c-beneficio__num {
    margin: 0 0.2rem 0 5.75rem;
    font-size: 3em;
}

.c-beneficio__num--s {
    margin-left: 10.563rem;
}

.c-beneficio__num--p {
    margin-left: 7.413rem;
}

.c-beneficio__p {
    font-family: var(--HLight);
    font-weight: 300;
    font-size: 1rem;
    text-transform: uppercase;
}

.c-beneficio__p--upper {
    font-size: 0.8rem;
}

.c-hotel-corp {
    display: flex;
    justify-content: center;
    margin-bottom: 0.8rem;
}

.c-hotel-corp__img {
    margin-right: 2%;
}

.c-hotel-corp__title {
    color: #4a034c;
    font-size: 1.5rem;
}

.c-hotel-corp__p {
    color: #555555;
    font-size: var(--fs14);
}

.c-input {
    margin: 1rem auto;
}

.c-input--ciudades {
    width: 90%;
    margin: 10px auto;
}

.c-input__field {
    border: 1px solid #ebebeb;
    padding: 1rem;
    border-radius: 3px;
    height: 45px;
    display: block;
    width: 100%;
    outline: none;
}

.c-input__field--area {
    height: 300px;
    resize: none;
}

.c-input__name {
    margin: 0;
    font-family: var(--HLight);
    font-weight: 300;
    color: var(--blanco2);
    font-size: 1rem;
    margin-bottom: 9px;
    text-align: left;
}

.c-btn-ghost {
    width: 200px;
    padding: 1rem;
    background-color: var(--blanco2);
    border: 1px solid var(--morado3);
    color: var(--morado3);
    transition: 0.1s all ease-in-out;
    text-align: center;
}

.c-btn-ghost:hover {
    background-color: var(--morado3);
    color: var(--blanco2);
    cursor: pointer;
}

.💩 {
    color: var(--morado3);
}

.c-servicio {
    max-width: 200px;
    /* justify-self: center; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-servicio--little {
    max-width: 132px;
}

.c-servicio__title {
    font-size: var(--fs14);
    font-weight: 300;
    font-style: italic;
    color: var(--blanco2);
    font-family: var(--HRegular);
    text-align: center;
}

.c-servicio__list {
    display: flex;
    justify-content: center;
}

.c-servicio__img {
    margin: 0 auto;
    max-width: 49px;
    max-height: 49px;
}

.c-direccion {
    width: 401px;
    text-align: center;
    margin: 1rem 0;
}

.c-direccion__titulo {
    color: var(--morado3);
}

.c-direccion__p {
    font-family: var(--HLight);
    font-weight: 300;
    font-size: 1rem;
    color: var(--negro);
    margin: 0.1rem;
}

.c-sistema {
    width: calc(100% / 3);
    background-color: #4d1446;
    height: 490px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid var(--blanco2);
    z-index: 100;
}

.c-sistema:nth-child(even) {
    background-color: #825a7d;
}

.c-sistema__img {
    margin: 65px 0 74px;
    height: 101px;
}

.c-sistema__title {
    color: var(--blanco2);
    font-size: 1.5rem;
    margin-top: 0;
}

.c-sistema__desc {
    padding: 0 45px 10px 35px;
    text-align: center;
    color: var(--blanco2);
    margin: 0;
}

.c-sistema__list {
    text-align: center;
    color: var(--blanco2);
    font-size: 12px;
    padding: 0 45px 10px 35px;
}

.c-tab-iversion {
    margin-top: 2rem;
}

.c-tab-inversion__list {
    display: flex;
    justify-content: space-between;
    padding-top: 4rem;
}

.c-tab-inversion__img {
    width: 100%;
    transition: all 0.2s ease-in-out;
    margin: 0 auto;
}

.c-tab-inversion__list-item {
    display: flex;
    transition: all 0.2s ease-in-out;
    font-size: 1.4rem;
    user-select: none;
}

.c-tab-inversion__list-item:hover {
    cursor: pointer;
    border-bottom: 3px solid var(--blanco2);
}

.c-tab-inversion__list-item--active {
    border-bottom: 3px solid var(--blanco2);
}

.c-razones__list {
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-bottom: 0.6rem;
}

.c-razones__list-item {
    margin-right: 3.0625rem;
    position: relative;
}

.c-razones__list-item::after {
    visibility: hidden;
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--blanco2);
    top: 118%;
    left: 9%;
    z-index: 100;
    position: absolute;
}

.c-razones__list-item--active::after {
    visibility: initial;
}

.c-razones__list-item:last-child {
    margin-right: 0;
}

.c-razones__list-item:hover {
    cursor: pointer;
}

.c-evento {
    text-align: center;
    color: #54004c;
}

.c-evento__img {}

.c-evento__title {}

.c-evento__desc {
    padding: 0 2.3rem;
}

.c-razones__img {
    width: 100%;
}

.c-razones__image-container {
    position: relative;
    display: none;
    opacity: 0;
    transition: all 1s ease-in-out;
}

.c-razones__image-container--active {
    display: block;
    opacity: 1;
}

.c-razones__title {
    position: absolute;
    bottom: 2%;
    height: 30%;
    background-color: #49004caa;
    width: 100%;
    padding: 2rem;
    display: block;
}

.c-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 1rem 1rem;
    max-width: 200px;
    width: 100%;
    position: relative;
}

.c-feature--24::before {
    position: absolute;
    content: "24h";
    width: 10px;
    border: 2px solid #4a034c;
    border-radius: 50%;
}

.c-feature__img {
    width: 55px;
    height: 55px;
    position: relative;
}

.c-feature__title {
    color: #4a034c;
    margin-bottom: 0;
    line-height: 1.2rem;
    text-align: center;
}

.c-floating-nav {
    margin: 0 2rem;
    /* width: 100%; */
}

.modal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal__img {
    margin: 0 auto;
    display: block;
    max-width: 800px;
    width: 100%;
    padding: 0 20px;
}

.modal--active {
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: animatetop;
    animation-duration: 1s;
}

.modal--closed {
    animation-name: animatebottom;
    animation-duration: 1s;
}

.modal__close {
    position: absolute;
    font-size: 40px;
    color: var(--vino);
    top: 5px;
    right: 15px;
    right: 35px;
}

.modal__close:hover {
    cursor: pointer;
}

.interruptor {
    display: none;
}

.interruptor--active {
    display: block;
}

[class^="c-cta-descargar"] {
    width: 200px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #49004c;
    font-family: var(--Hbold);
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.c-cta-descargar--lg {
    width: auto;
    padding: 0 1rem;
}

.c-cta-descargar--medium {
    width: 240px;
}

.c-cta-descargar__gris {
    background-color: #7c7c7c;
    font-family: var(--HLight);
    font-weight: 300;
}

.c-cta-descargar__gris--active,
.c-cta-descargar__gris:hover {
    background-color: var(--morado3);
}

.c-cta-descargar__blanco {
    background-color: var(--blanco2);
    color: var(--morado3);
}

.c-cta-descargar--pdf {
    text-transform: uppercase;
    font-size: 14px;
}

.c-promociones {
    width: 260px;
    min-height: 276px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 1rem;
}

.c-promociones--blog {
    width: 312px;
}

.c-promociones--prom {
    max-width: 312px;
    width: 100%;
    text-align: left;
    height: 422px;
    margin-bottom: 3rem;
}

.c-promociones--blog:hover {
    text-decoration: none;
}

.c-promociones__title {
    font-size: 1.125rem;
    font-family: var(--Hbold);
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.3;
}

.c-promociones__title--blog {
    margin-top: 1.125rem;
}

.c-promociones__txt {
    font-size: 0.8rem;
    line-height: 1.1rem;
    width: 85%;
    margin: 9px auto 9px 0;
    height: calc(1.1rem * 3);
    overflow: hidden;
    text-align: left;
}

.c-promociones__img {
    height: 220px;
    width: 100%;
    object-fit: cover;
}

.c-paginator-ciudades {
    display: flex;
    justify-content: center;
    margin: 80px auto 59px;
    align-items: center;
}

.c-paginator-ciudades__arrow {
    background-image: url(../img/promociones/leaft-arrow.svg);
    width: 26px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.c-paginator-ciudades__number {
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 1rem;
    margin-right: 20px;
}

.c-paginator-ciudades__number--active {
    background-color: #54004c;
    color: #ffffff;
}

.c-redes {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #999999;
    font-weight: bold;
    margin-right: 21px;
}

.c-redes__img {
    margin-right: 16px;
}

.c-datepicker,
.l-datepicker {
    border: none;
    width: 95%;
    height: 100%;
    color: var(--blanco2);
}

.l-datepicker {
    background-color: transparent;
    border: none;
    color: #fff;
    outline: none;
}

.l-datepicker::placeholder {
    color: var(--blanco2);
}

.c-input-reserva {
    background-color: #4c034a;
    border: none;
    color: var(--blanco2);
    width: 100%;
    padding-left: 7px;
}

.c-input-reserva::placeholder {
    color: vaR(--blanco2);
}

.c-input-reserva:hover {
    cursor: pointer;
}

.c-input-reserva:focus {
    border: none;
    outline: none;
}

.c-im {
    display: flex;
    align-items: center;
    position: relative;
}

.c-im:hover {
    cursor: pointer;
}

.c-reservacion__img {
    margin: 0 0.5rem;
}

.c-reservacion__flecha {
    position: absolute;
    left: 90%;
}

.flatpickr-day:hover {
    background-color: var(--morado3);
}

.flatpickr-day.today {
    background-color: var(--vino);
    color: #fff;
    font-weight: bold;
    border: none;
}

.flatpickr-day.today:hover,
.flatpickr-day:hover {
    background-color: var(--morado3);
    color: #fff;
    border-color: var(--morado3);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--morado3);
}


/*
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.50);}
*/

.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}


/* Add Animation */

@keyframes animatetop {
    0% {
        top: -600px;
        opacity: 0;
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        top: 0;
        opacity: 1;
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes animatebottom {
    0% {
        top: -600px;
        opacity: 0;
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        top: 0;
        opacity: 1;
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        top: -600px;
        opacity: 0;
        transform: scaleY(0.005) scaleX(0);
    }
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--vino);
}


/*nav*/


/*Footer*/


/*Ipad-Pro*/

@media (max-width: 64em) {
    .c-hotel-corp__title {
        text-align: center;
    }
    .c-hotel-corp,
    .l-hoteles__top {
        flex-wrap: wrap;
        padding: 1rem;
    }
    .l-hoteles-lista__container {
        text-align: center;
    }
    .l-footer__o {
        padding: 1rem;
        justify-content: center;
    }
    .l-footer__item {
        text-align: center;
    }
    .l-footer__bottom__title {}
    .c-hotel-item__img {
        margin-right: 0;
    }
    .c-sistema {
        width: calc(100% / 2);
    }
    .c-tab-inversion__list-item {
        font-size: 1rem;
    }
    .c-evento {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .c-evento__img {
        margin: 0 auto;
    }
    .c-evento__desc {
        max-width: 400px;
        margin: 0 auto;
    }
    #s-adultos,
    #s-hotel,
    #s-datepicker,
    .l-datepicker {
        width: 95%;
        height: 50px;
    }
}

@media (max-width: 80rem) {
    .l-reservacion {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .l-resevacion__list {
        position: fixed;
        max-width: 300px;
        padding: 0rem 2rem;
        width: 100%;
        top: 123px;
        background-color: #4c034a;
        height: 366px;
        flex-direction: column;
        z-index: 2;
        margin-left: 0;
        left: calc(95% - 300px);
        display: none;
        height: 340px;
    }
    .l-resevacion__list--active {
        display: flex;
    }
    .l-resevacion__list-item {
        width: 100%;
    }
    .l-reservacion__cancelar {
        margin-top: 1rem;
    }
    .l-reservacion__cta {
        width: 121px;
    }
    .l-reservacion__movil {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .u-clima {
        display: none;
    }
}

@media (max-width: 79.0625rem) {
    .l-nav__movil {
        display: flex;
        align-items: center;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .l-nav__phone {
        background-color: var(--morado3);
        padding-bottom: 1rem;
    }
    .l-nav__menu {
        padding-left: 0;
        margin: 0;
        width: 100%;
        position: fixed;
        height: 100vh;
        top: 51px;
        left: -100%;
        transition: 0.4s transform ease-in-out;
        z-index: 1000;
    }
    .l-nav__menu--active {
        transform: translateX(100%);
    }
    .l-nav__menu-item,
    .l-nav__menu-link {
        height: 50px;
        border-bottom: 1px solid var(--vino);
    }
    .l-nav__menu-link:hover {
        border-bottom: 0;
        background-color: var(--vino);
        color: white;
    }
    .l-nav__link {
        text-align: center;
        width: 100%;
        height: 4rem;
        padding-right: 0;
        line-height: 3.5rem;
    }
    .l-nav__menu-link {
        justify-content: center;
        border: none;
    }
    .l-nav__menu-link--widget {
        border-bottom: none;
        /* margin-left: 25px; */
        justify-content: initial;
        width: 90%;
        margin: 0 auto;
    }
    .l-nav__menu-link--widget:hover {
        background-color: var(--blanco2);
    }
    .l-nav__menu-container {
        flex-direction: column;
        height: 100%;
    }
    .l-descrip__der {
        display: none;
    }
    .l-nav__menu-item {
        height: initial;
        margin-right: 0;
        flex-direction: column;
        text-align: center;
        width: 100%;
    }
    .l-nav__list--child {
        left: 0;
        width: 100%;
        top: 0;
    }
    .l-nav__menu-item:hover>.l-nav__list--child {
        position: relative;
    }
    .l-nav__phone {
        display: none;
        justify-content: center;
        align-items: center;
        padding-top: 1rem;
    }
    .l-nav__dropdown:hover .l-nav__dropdown-container {
        position: initial;
    }
    .c-menu {
        display: block;
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .c-menu--active .c-menu__bar1 {
        transform: rotate(-45deg) translate(-9px, 6px);
    }
    .c-menu--active .c-menu__bar2 {
        opacity: 0;
    }
    .c-menu--active .c-menu__bar3 {
        transform: rotate(46deg) translate(-6px, -5px);
    }
    .l-nav__list-item {
        height: initial;
        margin-right: 0;
        flex-direction: column;
        text-align: center;
        width: 100%;
    }
    .l-nav__list-item:hover>.l-nav__list--child {
        position: relative;
    }
    .c-hotel-item {
        background-repeat: repeat;
    }
    .menuNav {
        justify-content: space-between;
        border-bottom: 2px solid var(--vino);
        flex-direction: row-reverse;
        width: 100%;
    }
    .l-nav__social-nav {
        display: none;
    }
    .l-nav__social--movil {
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin-right: 2rem; */
    }
    .l-nav__social--hide {
        transform: translate(-50%, -250%);
    }
    .l-resevacion__list--scroll {
        top: 74px;
    }
}


/*Tablets y celular*/

@media (max-width: 64rem) {
    .c-cta-btn,
    .c-vineta {
        margin: 0 auto;
    }
    .menuNav {
        justify-content: space-between;
        border-bottom: 2px solid var(--vino);
    }
    .l-nav__social-nav {
        margin-right: 0;
    }
    .l-footer__bottom__title {
        font-size: 1rem;
        padding-right: 1em;
        text-align: center;
    }
    .c-hotel-item__container {
        flex-wrap: wrap;
    }
    .c-hotel-item__txt {
        display: block;
        width: 60%;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .c-tab-inversion__img {
        margin: 4rem auto;
    }
    .c-tab-inversion__list {
        flex-direction: column;
    }
    .c-tab-inversion__list-item {
        width: 90%;
        margin: 1rem auto;
        text-align: center;
    }
    .l-nav__menu-item {
        height: initial;
        margin-right: 0;
        flex-direction: column;
        text-align: center;
        width: 100%;
    }
    .l-nav_reserva_item {
        border-bottom: none;
        flex-direction: row;
    }
}

@media (max-width: 48rem) {
    .interruptor {
        background-color: var(--morado5);
    }
    .l-nav__img--movil {
        height: 40px;
        width: 65px;
    }
    .l-nav__img {
        margin: 3rem 2rem 0;
    }
    .l-nav__img--active {
        display: none;
    }
}

@media (max-width: 26.25rem) {
    .l-nav__img {
        width: 76%;
        height: 50%;
        margin-left: 0;
    }
}


/*Celulares*/

@media (max-width: 30em) {
    .l-nav__movil {
        justify-content: space-between;
        width: 100%;
    }
    .l-footer__o {
        justify-content: center;
    }
    .l-footer__social-item {
        margin-bottom: 1em;
        margin-right: 0;
    }
    .l-footer__prefer-list,
    .l-footer__social {
        justify-content: center;
    }
    .l-main__txt--left,
    .l-footer__nav {
        text-align: center;
    }
    .l-footer__bottom__title {
        font-size: 0.6rem;
        text-align: center;
        padding-left: 0;
        margin: 0;
    }
    .l-banner-footer__container {}
    .l-footer__prefer-link {
        margin-right: 0;
    }
    .l-footer__prefer-item,
    .l-banner-footer__adress,
    .l-banner-footer__logo {
        margin-bottom: 1.3125rem;
    }
    .l-footer__prefer-item {
        margin: 1.3rem auto;
    }
    .l-footer__logo {
        display: none;
    }
    .l-footer__bottom-container {
        justify-content: space-around;
        align-items: center;
    }
    .l-beneficios__container {
        flex-wrap: wrap;
    }
    .c-beneficio {
        justify-content: flex-start;
    }
    .c-beneficio__num--p,
    .c-beneficio__num {
        margin-left: 0;
    }
    .c-hotel-item {
        background-repeat: repeat;
    }
    .c-hotel-item,
    .c-hotel-item__img {
        padding: 1rem;
    }
    .c-hotel-item__img {
        height: 400px;
    }
    .c-hotel-corp__img,
    .c-hotel-item__img {
        width: 100%;
    }
    .c-hotel-item__txt,
    .c-hotel-item__bold,
    .c-hotel-item__bold {
        font-size: 0.8rem;
    }
    .c-hotel-item__direccion {
        text-align: center;
    }
    .c-hotel-item__txt {
        width: 90%;
    }
    .c-sistema {
        width: 100%;
    }
    .c-servicio {
        max-width: 118px;
    }
    .c-feature {
        max-width: 118px;
    }
    .c-noticias--sm {
        justify-self: center;
    }
    .l-banner-footer__container {
        flex-direction: column;
    }
    .c-razones__list {
        overflow: auto;
        height: 83px;
        justify-content: space-between;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .c-floating-nav {
        width: 90%;
        margin: 0 auto;
    }
    .c-evento {
        padding: 1rem;
    }
    .c-evento__img {
        width: 100%;
    }
    .c-noticias {
        max-width: auto;
    }
}

.u-max-area {
    max-width: var(--areaMaxima);
    width: 100%;
    margin: 0 auto;
}

.u-container {
    max-width: var(--areaSegura);
    margin: 0 auto;
}

.u-center {
    justify-content: center;
    align-items: center;
}

.u-fs14 {
    font-size: var(--fs14);
    line-height: calc(var(--fs14) + 2px);
}

.u-fs18 {
    font-size: var(--fs18);
    line-height: calc(var(--fs18) + 2px);
}

.u-fs20 {
    font-size: var(--fs20);
    line-height: calc(var(--fs20) + 2px);
}

.u-fs30 {
    font-size: var(--fs30);
    line-height: calc(var(--fs30) + 2px);
}

.u-footer-txt {
    font-size: var(--fsFooter);
    line-height: calc(var(--fs20) + 2px);
}

.u-fs-header {
    font-family: var(--fsHeader);
    line-height: calc(var(--fsHeader) + 2px);
}

.u-fs-footer {
    font-family: var(--fsFooter);
    line-height: calc(var(--fsFooter) + 2px);
}

.u-jcc {
    justify-content: center;
}

.u-jcs {
    justify-content: flex-start;
}

.u-jce {
    justify-content: flex-end;
}

.u-jca {
    justify-content: space-around;
}

.u-jcb {
    justify-content: space-between;
}

.u-ais {
    align-items: flex-start;
}

.u-aie {
    align-items: flex-end;
}

.u-aic {
    align-items: center;
}

.u-fww {
    flex-wrap: wrap;
}

.u-b-vino {
    border: 1px solid var(--vino);
}

.u-b-morado {
    border: 1px solid var(--morado);
}

.u-b-morado {
    border: 1px solid var(--gris);
}

.u-vino-txt {
    color: var(--vino);
}

.u-morado-txt {
    color: var(--morado);
}

.u-gris-txt {
    color: var(--gris);
}

.u-mt1 {
    margin-top: 1rem;
}

.u-mt2 {
    margin-top: 2rem;
}

.u-mt3 {
    margin-top: 3rem;
}

.u-mt3 {
    margin-top: 3rem;
}

.u-mt4 {
    margin-top: 4rem;
}

.u-mr1 {
    margin-right: 1rem;
}

.u-pd0 {
    padding: 0;
}

.u-pd1 {
    padding: 1rem;
}

.u-pdb0 {
    padding-bottom: 0;
}

.u-pdl2 {
    padding-left: 2rem;
}

.u-mr1px {
    margin: 40px 2px 0 2px;
    padding: 23px;
}

.u-b0 {
    border: none;
}

.u-morado-3 {
    color: var(--morado3);
}

.u-textos {
    color: #333333;
}

.u-separate2 {
    margin: 2rem 0;
}

.u-separate4 {
    margin: 2rem 0;
}

.u-separate-auto {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.u-toRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.u-toCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.u-regular {
    font-family: var(--HRegular);
    font-weight: 400;
}

.u-bold {
    font-family: var(--Hbold);
    font-weight: bold;
}

.u-light {
    font-family: var(--HLight);
    font-weight: 300;
}

.u-it {
    font-style: italic;
}

.u-cMorado-3 {
    color: var(--morado3);
}

.u-50d {
    width: 50%;
}

.u-morado {
    color: #4a034c;
}

.u-blanco {
    color: #ffffff;
}

.u-as {
    align-self: flex-end;
}

.u-if {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.u-corp {
    text-align: center;
    color: #aba7a7;
    font-weight: bold;
    font-size: 0.75rem;
    margin: 1.5rem auto 0;
    display: block;
}

.u-clima {
    width: 150px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
    height: 56px;
    color: var(--blanco);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 200;
    position: absolute;
    top: 54px;
    right: 33px;
}

.imgClimaInd {
    vertical-align: middle;
    margin-right: 10px;
    display: inline;
}

.u-cintillo {
    display: flex;
    align-items: center;
    height: 100%;
}

.u-cintillo-img {
    width: 100%;
}

.u-background-Morado {
    background-color: var(--morado4);
    height: 100%;
    max-height: auto;
}

.faltan {
    background-color: var(--morado3);
}

@media only screen and (max-width: 1160px) {
    .u-background-Morado {
        height: 0px;
        background-color: none;
    }
}

.u-terms {
    font-style: italic;
    font-size: var(--fs14);
    padding: 0 50px;
    display: block;
    margin-top: 0;
}

.tres-sesenta {
    width: 34px;
}

.barrita {
    width: 1px;
    height: 22px;
    margin: 0 10px;
    background-color: #ffffff;
}


/*----------------------------------------------------------------------
BOTONES CIUDADES
----------------------------------------------------------------------*/

.l-eventos-flex {
    display: flex;
    flex-direction: row;
    margin: auto;
    max-width: 600px;
    justify-content: center;
    flex-wrap: wrap;
}

.l-btn-eventos {
    width: 250px;
    background-color: var(--morado3);
    height: 50px;
    margin: 15px;
    display: flex;
    color: #fff;
    align-items: center;
}

.l-btn-eventos {
    text-decoration: none;
    cursor: pointer;
}

.u-down-pdf {
    width: 36px;
    height: auto;
    margin-right: 25px;
    margin-left: 25px;
}


/*COOKIES*/

.verPolitCooki {
    display: inline-block;
    position: relative;
    color: var(--vino);
}

.verPolitCooki2 {
    display: inline-block;
    position: relative;
    color: var(--blanco) !important;
}

#barraaceptacion {
    display: none;
    position: fixed;
    color: #fff;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-family: "Arial";
    background: linear-gradient( 141deg, #3a3a3a 0%, rgba(0, 0, 0, 0.85) 51%, rgba(0, 0, 0, 0.92) 75%);
    z-index: 9999999999999999;
    padding: 15px 0;
    font-size: 14px;
    line-height: 26px;
    max-width: 350px;
    border-radius: 0 8px 0 0;
}

.contCookiesInt {
    display: inline-block;
    max-width: 1200px;
    width: 90%;
    vertical-align: text-top;
    position: relative;
}

.cerrCokkies {
    background: #000;
    color: #fff;
    border: solid 1px #fff;
    font-size: 11px;
    line-height: 11px;
    margin: 0;
    position: absolute;
    top: -2px;
    border-radius: 50%;
    right: -7px;
    cursor: pointer;
    padding: 3px 5px;
}

.cerrCokkies:hover {
    background: rgba(76, 75, 75, 0.81);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

@media only screen and (max-width: 650px) {
    .cerrCokkies {
        top: 5px;
        right: -6%;
    }
    .contCookiesInt {
        width: 87%;
        float: left;
        margin: 0 0 0 3%;
    }
}

@media only screen and (max-width: 450px) {
    .cerrCokkies {
        top: 10px;
        right: -8%;
    }
}

.l-nav__flag {
    width: 20px;
    margin-right: 0.5rem;
}

.l-nav__flag--other {
    margin-right: 0;
    margin-left: 0.5rem;
}

.l-nav__idioma {
    display: flex;
    align-items: center;
    color: var(--blanco2);
    margin-right: 20px;
}

.l-main__end {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem auto;
}

.l-main__social-list {
    display: flex;
}

.c-social-btn {
    width: 100px;
    height: 25px;
    background-color: #4267b2;
    color: var(--blanco);
    font-size: 0.75rem;
    text-align: right;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-social-btn--twitter {
    background-color: #5da8dc;
}

.c-social-btn--twitter::before {
    width: 21px;
    height: 18px;
    background-image: url(../img/detalle-noticias/tw.png);
}

.c-reserva-input {
    width: 170px;
    height: 30px;
}

.c-reserva-input__txt {
    color: #ffffff;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.4s ease-in 1 forwards;
}

strong {
    display: contents;
}

i {
    display: contents;
}


/*Ana*/

.preferred_size {
    width: 180px;
    height: 120px;
    object-fit: contain;
}

.centrar_iconos {
    display: inline-block;
}

.l-hero {
    background-size: cover;
    height: 750px;
    background-repeat: no-repeat;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background-position: 50% 50%;
    width: 100%;
}

.l-hero__img {
    position: absolute;
    top: 0%;
    z-index: -100;
    width: 100%;
    height: 760px;
}

.l-hero__container {
    display: flex;
    align-items: center;
    height: 100%;
    /*flex-direction: column;*/
}

.l-hero__desc {
    background-color: #49004ce0;
    color: var(--blanco);
    max-width: 552px;
    margin: 25rem 3.5rem 0;
}

.l-hero__title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    font-family: var(--HRegular);
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
}

.l-hero__up {
    background-color: #4e074f;
    padding: 1rem;
}

.l-hero__p {
    padding: 1rem;
    font-size: 1.2rem;
    margin: 0;
    font-weight: 300;
}

@media (max-width: 1368px) {
    .l-hero {
        height: 500px;
    }
    .l-hero__desc {
        margin: 15rem 3.5rem 0;
    }
}

@media (max-width: 30em) {
    .l-hero__container {
        min-height: auto;
    }
    .l-hero__desc {
        max-width: 32.5rem;
        margin-top: 10.5rem;
        width: 100%;
        /* padding: 2rem; */
    }
    .l-hero__title {
        font-size: 2rem;
    }
    .l-hero__p {
        font-size: 1.3rem;
    }
}

@media (max-width: 64rem) {
    /*.l-hero__desc {margin-left: 1rem;}*/
    .l-descrip__title,
    .l-descrip__p,
    .l-descrip__izq {
        margin: 0;
    }
    .l-descrip__title {
        margin-bottom: 1rem;
        font-size: 1.8rem;
    }
    .l-descrip {
        /* padding-top: 2rem; */
        justify-content: center;
        margin: 2rem auto;
    }
    .l-hero__desc {
        margin: 15rem 3.5rem 0;
    }
    .l-hero__container,
    .l-hero,
    .l-salones {
        height: 500px;
    }
    .l-hero__img {
        height: 500px;
    }
}

@media (max-width: 30em) {
    .l-hero__container {
        min-height: auto;
    }
    .l-hero__desc {
        max-width: 32.5rem;
        margin-top: 10.5rem;
        width: 100%;
        /* padding: 2rem; */
    }
    .l-hero__title {
        font-size: 2rem;
    }
    .l-hero__p {
        font-size: 1.3rem;
    }
}

.flatpickr-day:hover {
    background-color: var(--morado3);
}

.flatpickr-day.today {
    background-color: var(--vino);
    color: #fff;
    font-weight: bold;
    border: none;
}

.flatpickr-day.today:hover,
.flatpickr-day:hover {
    background-color: var(--morado3);
    color: #fff;
    border-color: var(--morado3);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background-color: var(--morado3);
}

@media (min-width: 1281px) {
    .movil-block {
        display: none;
    }
    .u-clima--blocks {
        display: none;
    }
}

@media (max-width: 700px) {
    .u-hidsen {
        display: none;
    }
}

@media (max-width: 1280px) {
    .u-clima {
        display: none;
        position: relative;
        top: unset;
        right: unset;
        margin: auto;
        width: 100%;
        background-color: var(--morado);
    }
    .movil-block {
        display: block;
    }
    .u-clima--blocks {
        display: flex;
    }
}