#cover,#cover .owl-carousel,#cover article {height: calc(100vw * 0.3677)}
#cover {color: var(--color-blanco);text-align: center;background-attachment: scroll;background-color: #666;position: relative;}
#cover article {display: flex;justify-content: center;align-items: center;width: 100%;background-size: cover;}
@media screen and (max-width: 1280px) {#cover,#cover .owl-carousel,#cover article {height: calc(100vw * 0.684)}}
@media screen and (max-width: 736px) {#cover article.left,#cover article.right {justify-content: center;}}
@media screen and (max-width: 480px) {#cover,#cover .owl-carousel,#cover article {height: calc(100vw * 1.71)}}
/* #cover {background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 40%, rgba(0, 0, 0, 0) 100%), url('../img/home/BANNER_COVER_WEB_CDMX_1860x684_Escritorio.png');background-size: cover;} */
#cover .owl-nav .fa {font-size: 2em;}
#cover .owl-nav :is(.owl-prev,.owl-next) {position: absolute;top: calc(50% - 1em);opacity: 0.6;-moz-transition: opacity 0.25s ease;-webkit-transition: opacity 0.25s ease;-ms-transition: opacity 0.25s ease;transition: opacity 0.25s ease;}
#cover .owl-nav :is(.owl-prev,.owl-next):hover {opacity: 1;}
#cover .owl-nav .owl-next {right: 1em;}
#cover .owl-nav .owl-prev {left: 1em;}
@media screen and (max-width: 480px) {.owl-nav {display: none;}}
/* #cover #cover_default {background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 40%, rgba(0, 0, 0, 0) 100%), url('../img/home/BANNER_COVER_WEB_CDMX_1860x684_Escritorio.png');background-size: cover;position: relative;justify-content: flex-start;align-items: center;padding: 6em 4em 4em 4em;background-position: 50% 50%;} */
#cover #cover_default .logo {position: absolute;bottom: 1em;right: 1em;width: 10em;padding: 1em 1.5em;}
#cover #cover_default h1 {font-size: 1.75em;text-transform: uppercase;color: var(--color-gris);font-weight: 400;text-align:center}
#cover #cover_default h1 span {color: var(--color-verde-oscuro);font-weight: 500;}

#botones-cta {text-align: center;}
#botones-cta .list-home-button {margin: 0;padding: 0;text-align: center;margin-bottom: 2em;}
#botones-cta .list-home-button li {display: inline-block;margin: 0;padding: 0;}
#botones-cta .list-home-button li {width: calc(30% - 1em);margin-right: 0.25em;}
#botones-cta .list-home-button:last-child {margin-bottom: 0;}
#botones-cta .list-home-button:last-child .button {background-color: var(--color-verde-alt);}
#botones-cta .list-home-button:last-child li {width: calc(25% - 1em);margin-right: 0.5em;}
#botones-cta .list-home-button li:last-child {margin-right: 0 !important;}
#botones-cta .button {background-color: var(--color-gris);width: 100%;height: 2.25em;line-height: 2.25em;font-weight: 400;text-transform: none;}
#botones-cta h2 {letter-spacing: 0.05em;margin-bottom: 1em;}
@media screen and (max-width: 1680px) {#botones-cta :is(.list-home-button,.list-home-button:last-child) li {width: auto;min-width: 10em;}}
@media screen and (max-width: 840px) {#botones-cta h2 {margin-bottom: 2em;} #botones-cta :is(.list-home-button,.list-home-button:last-child) li {min-width: 12em;margin-right: 0;margin-bottom: 0.5em;}}
@media screen and (max-width: 480px) {#botones-cta :is(.list-home-button,.list-home-button:last-child) li {width: 17em;margin-bottom: 1em;}.home-button {height: 3em; line-height: 3em;}}

#nosotros {display: flex;flex-direction: row;flex-wrap: wrap;padding-top: 0;}
#nosotros div {width: 60%;display: flex;flex-direction: column;justify-content: center;}
#nosotros div:last-child {width: 40%; align-items: flex-end;}
#nosotros div > *:last-child {margin-bottom: 0;}
#nosotros h2 {text-transform: none;text-align:left;}
#nosotros p {margin-bottom: 2em;}
#nosotros div:last-child img {width: 15em;max-width: 80%;}
#nosotros div:last-child p {width: 20em;max-width: 100%;font-size: 0.7em;text-align: center;}
@media screen and (max-width: 1680px) {#nosotros div:last-child p {font-size: 0.9em;}}
@media screen and (max-width: 840px) {#nosotros div:last-child {align-items: center;padding-bottom: 0;}}
@media screen and (max-width: 480px) {#nosotros div {width: 100%;padding: 0 0 3em 0;}}

#amenidades {background-color: var(--color-verde-alt);}
#amenidades .list-amenidades {display: flex;flex-direction: row;flex-wrap: wrap;}
#amenidades .list-amenidades > * {width: 33.33%;text-align: center;padding: 0 1em;color: var(--color-blanco);}
#amenidades h3 {font-size: 1.25em;text-transform: none;font-weight: 500;}
#amenidades p {font-size: 0.8em;}
@media screen and (max-width: 1680px) {#amenidades p {font-size: 1em;}}
@media screen and (max-width: 736px) {#amenidades .list-amenidades > * {width: 100%;padding-bottom: 2em;}}

#wyndham article {display: flex;justify-content: center;justify-content: center;}
#wyndham article a img:hover{transform: scale(1.1);}
#wyndham {display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: nowrap;}
#wyndham article {margin: 2em;}
hr {margin: 0;border-left: solid 4px var(--color-gris);height: 18em;}
@media screen and (max-width: 768px) {#wyndham {flex-direction: column; flex-wrap: wrap;}  hr{display: none;} #wyndham article a img{width: 20em;} #wyndham article{margin: 0;} #wyndham article:first-child{margin-bottom: 2em;}}

#conoce {text-align: center;}
#conoce .article-container {display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
#conoce .article-container article {width:calc(25% - 1em);text-align: center;display: flex; flex-direction: column; align-items: center;padding: 1em;}
#conoce .article-container article img {width: 100%;max-width: 200px;height: auto;}
.article-container article a.button {margin-top: 10px;padding: 0px 20px;cursor: pointer;text-transform: capitalize;width: 100%;}
@media screen and (max-width: 768px) {#conoce .article-container article {width: calc(50% - 1em);};}
@media screen and (max-width: 480px) {#conoce .article-container article {width: 100%;};#conoce .article-container article div p{text-align: justify;}}