* {font-family: quiche-text, sans-serif;}
header {background-color:#1b1b1b;}
header nav li a {text-transform:uppercase;font-size: 80%;padding: 10px 15px;}
header nav li a:hover {color:white;}
header #logo {font-family: montserrat, sans-serif;font-size: 80%;letter-spacing: 0.3em;color: white;}
#hamburger span {background-color:white;}
header.scroll #hamburger span {background-color:#111;}
#slider-43 {height:80vh;}
#slider-43 .htmlDespues img {position:absolute;top:50%;left: 50%;height: 20%;transform:translate(-50%,-50%);z-index: 3;}
#slider-43 .btns {display:none;}


#carousel-46 {height: 69vh;}
#carousel-46 .container {padding: 6% 0 0% 47%;}
#carousel-46 .htmlAntes {position:absolute;top: 0;left: 0;width: 100%;z-index: 2;height: 100%;}
#carousel-46 .htmlAntes .container {padding:0;position: absolute;top: 50%;left: 50%;height: auto;transform: translate(-50%,-50%);}
#carousel-46 .htmlAntes h2 {color: #3f120b;white-space: nowrap;background-color: white;z-index: 11;display: inline-block;padding: .3em 0.4em 0em 0;letter-spacing: 0.03em;position: relative;font-size: 38px;margin: 0 0 0.3em;}
#carousel-46 .htmlAntes #galeria-audio p {font-size:16px;}
#carousel-46 .htmlAntes #galeria-audio audio {margin-top:1em;}
#carousel-46 .htmlAntes #galeria-audio+p,
#carousel-46 .htmlAntes #galeria-audio+p+p {width: 38%;font-size: 16px;line-height: 1.3;}
#carousel-46 .swiper-wrapper {margin:0 0vw;}
#carousel-46 .swiper-slide {margin: 0 0;}
#carousel-46 .swiper-slide img {width: 100%;height: 86%;object-fit: cover;object-position: center;}

h2 {font-weight: 500;font-size: 44px;text-transform: uppercase;letter-spacing: 0.1em;}

#imgtxt-45 {background-color:#8c7856;color:white;padding-bottom:50vh;}
#imgtxt-45 .img-izq {padding-top:0;}
#imgtxt-45 .img-izq h2 {margin-top: 2em;margin-left: -50%;margin-bottom: 0.8em;line-height: 1;}
#imgtxt-45 .text {text-align:left;font-size:105%;line-height: 1.6;padding-right: 13%;padding-left: 0;white-space: normal;}
#imgtxt-45 .text ul {padding-left: 1em;margin-left: 4em;margin-top: 0em;font-weight: 300;}
#imgtxt-45 .text ul li {line-height: 2;}
#imgtxt-45 .half-img img {height: 85vh;width:auto;aspect-ratio: 3/4;margin-left: 0;}

#carousel-48 {margin-top:-40vh;}
#carousel-48 h2 {/* font-size: 60px; */z-index: 1;color: #3f120b;position: relative;width: var(--containerWidth);margin: 0 auto 1.5em;}
#carousel-48 .swiper {width: 70%;aspect-ratio: 16/9;margin: 0 auto;}
#carousel-48 #galeria-48-filtros {width: 70%;text-align: center;margin: 1em auto 9em;}
#carousel-48 #galeria-48-filtros span {display: inline-block;padding: 0.5em 1.5em;margin: 0;font-size: 110%;cursor: pointer;}
#carousel-48 #galeria-48-filtros span.on {font-weight:bold;}
#carousel-48 .swiper-pagination {display:none;}
#carousel-48 .swiper .swiper-button-prev,
#carousel-48 .swiper .swiper-button-next {top: unset;bottom: 105%;background-color: transparent;transform: unset;/* padding: 10px 0; *//* color: #3f120b; *//* font-size: 30px; */width: 18%;padding: 0;height: auto;aspect-ratio: 259/39;}
#carousel-48 .swiper .swiper-button-prev:before {content:"";background: url(/site/hoteloaky.com.ar/galeria-48-arrow-left.svg) no-repeat center center;background-size: contain;width: 100%;height: 100%;position: absolute;}
#carousel-48 .swiper .swiper-button-next:before {content:"";background: url(/site/hoteloaky.com.ar/galeria-48-arrow-left.svg) no-repeat center center;background-size: contain;width: 100%;height: 100%;position: absolute;transform: rotate(-180deg);}


#custom-60 {height: 29vw;}
#custom-60 .htmlAntes {height:100%;}
#custom-60 .htmlAntes > div {height:100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
#custom-60 .htmlAntes > div a {display:block;width: 21%;aspect-ratio: 1/1;border: 2px solid #8c7856;position: absolute;top: 25%;left: 40%;transform: translate(-50%,-50%) scale(1);border-radius: 50%;transition:0.1s;}
#custom-60 .htmlAntes > div a:hover {background-color:#8c7856;transform: translate(-50%,-50%) scale(1.05);transition:transform 0.3s;}
#custom-60 .htmlAntes > div a:active {transform: translate(-50%,-50%) scale(.95);transition:transform 0.1s;}
#custom-60 .htmlAntes > div a > span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size: 2.8vh;font-weight: 300;white-space: nowrap;color: white;}
#custom-60 .htmlAntes > div a > span > span:nth-child(1) {}
#custom-60 .htmlAntes > div a > span > span:nth-child(2) {margin-left:3em;display: block;}

#maps-49 {}
#maps-49 iframe {}


#custom-51 {padding: 10vh 0 5vh;background-color:#eaeaea;}
#custom-51 iframe {margin-bottom:2em;}
#custom-51 h3 {font-size: 30px;letter-spacing: 0.15em;font-weight: 300;margin: 0 auto;width: var(--containerWidth);}
#custom-51 h4 {text-align:right;font-size: 46px;font-weight: 300;letter-spacing:0.2em;margin: 0 auto;width: var(--containerWidth);position: relative;/* margin-right: -0.2em; */}
#custom-51 h5 {text-align:right;letter-spacing:0.15em;font-weight: 300;margin: 10px auto;width: var(--containerWidth);}

#footer {background-color:#eaeaea;padding: 1em 0 0;color: #111;}
#footer p, #footer #social a i {color:#111;}
#footer #footer-direccion {letter-spacing:0.1em;}

/* habitaciones premium */
#imgtxt-59 .img-izq {padding: 5em 0em 5em;}
#imgtxt-59 .half-img {width:60%;}
#imgtxt-59 .half-text {width:40%;}
#imgtxt-59 .img-izq:nth-child(odd) {background-color:#8c7856;}
#imgtxt-59 .img-izq .half-img:after {content:"\f005  PREMIUM";font-family: montserrat, sans-serif,"Font Awesome 6 free";color:white;background-color:#8c7856;padding: 1em;letter-spacing: 0.2em;font-weight: bold;position: absolute;left: 100%;top: 20%;transform: translateX(-45%);font-size: 13px;white-space:nowrap;z-index: 1;}
#imgtxt-59 .img-izq:nth-child(odd) .half-img:after {background-color:white;color:#8c7856;}
#imgtxt-59 .img-izq .text {padding-left: 7.5em;padding-right: 1em;}
#imgtxt-59 .img-izq .text h3 {position:relative;left: -3em;font-size: 30px;margin-bottom: 0.8em;margin-top: 1em;font-weight: 400;}
#imgtxt-59 .img-izq .text ul,
#imgtxt-59 .img-izq .text p {font-family:montserrat, sans-serif;}
#imgtxt-59 .swiper .swiper-button-next,
#imgtxt-59 .swiper .swiper-button-prev {background-color:transparent;}
#imgtxt-59 a {color:#1b1b1b;border:1px solid #8c7856;padding: 1em 2em;margin-top: 0.5em;letter-spacing:0.25em;font-size: 100%;display: inline-block;}
#imgtxt-59 a:hover {background-color:#8c7856;color:white;}
#imgtxt-59 .img-izq:nth-child(odd) a {color:white;border-color:white;}
#imgtxt-59 .img-izq:nth-child(odd) a:hover {background-color:white;color:#8c7856;}
#imgtxt-59 .img-izq:nth-child(odd) {color:white;}
#imgtxt-59 .img-izq:nth-child(odd) .a-reservar {border-color:white;color:white;}
#imgtxt-59 .img-izq:nth-child(odd) .a-reservar:hover {color:#8c7856;background-color:white;}
#imgtxt-59 .ver-habitacion-otra {display: inline-block;margin-top:3em;font-weight: 500;font-size: 120%;}
#imgtxt-59 .img-izq:nth-child(even) .ver-habitacion-otra {color:#8c7856;}
#imgtxt-59 .ver-habitacion-otra:hover {text-decoration:underline;text-underline-offset: 0.2em;}

/* habitaciones estandar */
/*#imgtxt-55 .img-izq {padding: 5em 10em 5em;}
#imgtxt-55 .half-img {width:60%;}
#imgtxt-55 .half-text {width:40%;}
#imgtxt-55 .img-izq:nth-child(even) {background-color: #64623c;}
#imgtxt-55 .img-izq .half-img:after {content: "STANDARD";font-family: montserrat, sans-serif;color: white;background-color: #64633a;padding: 1em;letter-spacing: 0.2em;font-weight: bold;position: absolute;left: 100%;top: 20%;transform: translateX(-45%);font-size: 13px;white-space:nowrap;}
#imgtxt-55 .img-izq:nth-child(even) .half-img:after {color:#64633a;background-color:white;}
#imgtxt-55 .img-izq .text {padding-left: 7.5em;padding-right: 1em;}
#imgtxt-55 .img-izq .text h3 {position:relative;left: -3em;font-size: 30px;margin-bottom: 0.8em;font-weight: 400;}
#imgtxt-55 .img-izq .text ul,
#imgtxt-55 .img-izq .text p {font-family:montserrat, sans-serif;}
#imgtxt-55 .a-reservar {color:#1b1b1b;border: 1px solid #64633a;padding: 1em 2em;margin-top: 0.5em;letter-spacing: 0.25em;font-size: 100%;display: inline-block;}
#imgtxt-55 .a-reservar:hover {background-color:#64633a;color:white;}
#imgtxt-55 .img-izq:nth-child(even) {color:white;}
#imgtxt-55 .img-izq:nth-child(even) .a-reservar {border-color:white;color:white;}
#imgtxt-55 .img-izq:nth-child(even) .a-reservar:hover {color:#64633a;background-color:white;}
#imgtxt-55 .ver-habitacion-otra {display: inline-block;margin-top: 3em;font-weight: 500;font-size: 120%;}
#imgtxt-55 .img-izq:nth-child(odd) .ver-habitacion-otra {color: #64633a;}
#imgtxt-55 .ver-habitacion-otra:hover {text-decoration:underline;text-underline-offset: 0.2em;}*/

#whatsapp span {visibility: hidden;}
#madebyguroo {margin-top:2rem;}

@media screen and (min-width: 1400px) {
    .container {width:1200px;}
    :root {--containerWidth: 1200px;}
}


@media screen and (min-width: 992px) and (max-width: 1399px) {
    .container {width:1020px;}
}

@media screen and (min-width:1600px){
    h2 {font-size: 50px;/* font-size: 46px; */}
    #carousel-46 {height:76vh;}
    #custom-60 {height: 24vw;}
    #imgtxt-45 .half-img img {height: 67vh;}
    #imgtxt-45 .text {font-size: 110%;padding-right: 10%;}
    #imgtxt-45 .text ul {}
    #imgtxt-45 .text ul li {line-height:2.2;}
    #carousel-46 .htmlAntes h2 {font-size:46px;}
}


@media screen and (max-width:768px){
    h2 {font-size: 9vw;}

    #slider-43 {height: 50vh;/* height: auto; */}
    #slider-43 img {height:100%;object-fit:cover;}
    #slider-43 .htmlDespues img {height: 30%;}
        
    #carousel-46 {height: auto;padding-bottom: 0;}
    #carousel-46 .htmlAntes {height:auto;position: relative;top: unset;left: unset;}
    #carousel-46 .htmlAntes .container {position:relative;top: unset;left: unset;transform: unset;padding: 1em;}
    #carousel-46 .container {padding: 0;}
    #carousel-46 .swiper {height: auto;width: 100vw;/* margin-bottom: 2vw; */aspect-ratio: 4/5;}
    #carousel-46 .htmlAntes h2 {width: 100%;white-space: normal;}
    #carousel-46 .htmlAntes #galeria-audio+p {width: 100%;}
    #carousel-46 .swiper-slide {margin:0;}
    #carousel-46 .swiper-slide img {height:100%;}
    
    #imgtxt-45 {padding-bottom: 25vh;}
    #imgtxt-45 .half-img {display:none;}
    #imgtxt-45 .text ul {width:100%;margin: 1em;padding: 0 1em;}
    #imgtxt-45 .img-izq {padding-top:3em;}
    #imgtxt-45 .img-izq h2 {margin: 0em 0 0 1rem;}
    #imgtxt-45 .text {padding-right: 3%;font-size: 95%;}

    #carousel-48 {margin-top:-20vh;}
    #carousel-48 h2 {margin: 0 0 0.5em 1rem;}
    #carousel-48 .swiper {width:92%;}
    #carousel-48 #galeria-48-filtros {width: 92%;margin: 1em auto 3em;}
    #carousel-48 #galeria-48-filtros span {font-size: 100%;padding: 0.5em 1em;}
    #carousel-48 .swiper .swiper-button-prev, #carousel-48 .swiper .swiper-button-next {width: 30%;aspect-ratio: 259/80;}
    
    #custom-60{height:60vw;}
    #custom-60 .htmlAntes > div a {width: 45%;}

    #maps-49 iframe {height: 70vw;}

    #custom-51 {text-align:center;}
    #custom-51 h3 {font-size:120%;margin:0 0 1em;}
    #custom-51 h4 {text-align:center;font-size: 8vw;color: #000;}
    #custom-51 h5 {text-align:center;font-size: 80%;margin: 2em 0 0;}


    #imgtxt-55 .img-izq {padding:0;}
    #imgtxt-55 .img-izq .text {padding: 1em 1em 0;}
    #imgtxt-55 .img-izq .text h3 {left: unset;}
    #imgtxt-55 .ver-habitacion-otra {padding: 0.5em 0;margin: 0 0 2em 1em;}
    #imgtxt-55 .half-text,
    #imgtxt-55 .half-img {width:100%;}
    #imgtxt-55 .img-izq .half-img:after {transform: unset;left: unset;right: 0;top: 0;font-size: 12px;}
    
    #imgtxt-59 .img-izq {padding:0;}
    #imgtxt-59 .img-izq .text {padding: 1em 1em 0;}
    #imgtxt-59 .img-izq .text h3 {left: unset;}
    #imgtxt-59 .ver-habitacion-otra {padding: 0.5em 0;margin: 0 0 2em 1em;}
    #imgtxt-59 .half-text,
    #imgtxt-59 .half-img {width:100%;}
    #imgtxt-59 .img-izq .half-img:after {transform: unset;left: unset;right: 0;top: 0;font-size: 12px;}
}