@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* CSS Document */


html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    font-size:10px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 300;
    overflow-x: hidden;
}
.animation {
    -webkit-transition: all .25s ease-out;
  	-moz-transition: all .25s ease-out;
  	-o-transition: all .25s ease-out;
  	transition: all .25s ease-out;
}
.main-align {
    width: 100%;
    height: 100%;
    display: table;
}
.align {
	display: table-cell; 
	vertical-align: middle;
}


/*HEADER*/

header {
width: calc(100% - 16rem);
padding: 2rem 8rem;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
.header-small {
padding: 1rem 8rem;
background-color: #FFF;
box-shadow: 0 5px 25px -10px rgba(0,0,0,0.5);
}
.logo {
width: 20rem;
float: left;
}
.logo img {
width: 100%;
height: auto;
}
.logo-small {
width: 15rem;
display: inline-block;
vertical-align: middle;
}
.nav {
float: right;
text-align: right;
}
.nav-small {
width: calc(100% - 20.5rem);
display: inline-block;
vertical-align: middle;
}
.whatsapp {
height: 3.5rem;
color: #000;
text-decoration: none;
display: inline-table;
vertical-align: middle;
text-align: left;
padding: 1.5rem 8rem 0 1rem;
background-size: auto 4rem;
background-position: right 1rem center;
background-repeat: no-repeat;
background-image: url(images/icon-whatsapp.svg);
background-color: #FFF;
border-radius: .5rem;
}
.whatsapp:hover {
transform: scale(1.10);
}
.whatsapp-small {
color: #FFF;
background-color: #41ca51;
}
.tab-phone, .tab-email {
display: inline-table;
height: 3.5rem;
vertical-align: middle;
color: #FFF;
padding: 1.5rem 1rem 0 4rem;
background-size: auto 2rem;
background-position: left center;
background-repeat: no-repeat;
background-image: url(images/icon-phone-white.svg);
margin-right: 4rem;
text-decoration: none;
}
.tab-email {
background-image: url(images/icon-envelope-white.svg);
}
.tab-phone-small {
color: #000;
background-image: url(images/icon-phone-black.svg);
}
.tab-email-small {
color: #000;
background-image: url(images/icon-envelope-black.svg);
}


.reserva {
height: 3.5rem;
color: #000;
text-decoration: none;
vertical-align: middle;
text-align: left;
background-color: #FFF;
border-radius: .5rem;

display: inline-table;
padding: 1.5rem 1rem 0 1rem;


}
/*FOOTER*/

footer {
width: calc(100% - 16rem);
background-color: #000;
padding: 6rem 8rem;
}

.footer-left {
width: 70%; 
float: left;
}
.footer-right {
width: 30%; 
float: right; 
text-align: right;
}
.footer-row {
float: left; 
margin-right: 4rem; 
padding-left: 4rem;
background-position: top left;
background-repeat: no-repeat;
background-size: 2rem auto;
}


/*MAIN BANNER*/
.main_banner {
	width: 100%;
     height: 100vh;
	position: relative;
	z-index: 5;
	background-color: #000;
    overflow: hidden;
}
.banner-txt {
width: 100vw;
height: 100vh;
position: absolute; 
z-index: 3;
text-align: center;
display: table;
}
.scroll {
left: 50%;
bottom: 4rem;
width: 4rem;
animation: down 1s infinite;
position: absolute;
z-index: 5;
margin-left: -2rem;
}
.scroll img {
width: 100%;
height: auto;
}
.vidcell {
position: absolute; 
z-index: 1; 
width: 100%; 
height: 100vh;  
top: 0;
left: 0;
}
.vidcell iframe {
width: 120vw; 
height: 120vh; 
/* margin-top: -10vh; 
margin-left: -10vw; */
}
.banner-footer {
position: absolute; 
bottom: 0; 
left: 0; 
z-index: 4; 
right: 0;
}
.banner-footer img {
width: 100%;
height: auto;
display: block;
}
.banner-mask {
position: absolute; 
z-index: 2; 
width: 100%; 
height: 100vh; 
display: table; 
text-align: center; 
top: 0;
left: 0;
background-color: rgba(0,0,0,.5);
}

.call-whatsapp {
vertical-align: middle;
display: inline-block; 
margin-left: 3rem;
width: 8rem;
height: auto;
animation: pulse 1s infinite;
}

@keyframes pulse {
		0% {transform: scale(1);}
        25% {transform: scale(1.1);}
        50% {transform: scale(1);}
		75% {transform: scale(1.1);}
		100% {transform: scale(1);}
}

@keyframes down {
  from {
			margin-top: -3rem;
			opacity: 0;
		}
  to {
		margin-top: initial;
		opacity: 1;
		}
}
/*SLIDES */

.slide_lodge {
width: calc(100% - 16rem);
margin: 6rem 8rem;
background-color: #FFF;
position: relative;
z-index: 2;
}
.slide_lodge .txt {
width: 50%; 
font-weight: 500;
}


.slide_instalaciones {
width: calc(100% - 16rem);
background-color: #DDD6CC;
padding: 6rem 8rem;
position: relative;
}
.slide_cavero {
background-color: #FFF;
padding: 6rem 8rem;
width: calc(100vw - 16rem);
height: calc(40vw - 12rem);
position: relative;
display: table;
text-align: center;
}
.slide_cavero .txt {
vertical-align: middle;
display: inline-block;
text-align: left;
width: 40%;
}
.slide_cavero .img {
vertical-align: middle;
display: inline-block;
width: 50%;
text-align: center;
}
.slide_cavero .img img{
width: 70%;
height: auto;
}
.slide_bergvater {
background-color: #000;
padding: 6rem 8rem;
width: calc(100vw - 16rem);
height: calc(40vw - 12rem);
position: relative;
background-image: url(images/bg-bergvater.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slide_bergvater .txt {
text-align: left;
width: 40%;
display: table;
height: 100%;
}
.slide_cerropadre {
position: relative;
display: table;
background-color: #FFF;
background-image: url(images/slide-texture.svg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100% auto;
width: calc(100% - 16rem);
padding: 6rem 8rem;
text-align: center;
height: calc(40vw - 12rem);
}

.slide_extra {
position: relative;
width: 100%;
text-align: center;
}
.slide_location {
width: 100%;
}
.slide_img {
width: 100%; 
height: 35vw; 
background-color: antiquewhite;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slide_frase {
width: calc(100% - 16rem);
padding: 6rem 8rem;
height: 40vw;
text-align: center;
background-color: antiquewhite;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slide_frase .txt {
max-width: 80rem; 
margin: auto;
}
.slide_reserva {
background-color: #FFF; 
padding: 6rem 8rem; 
width: calc(100% - 16rem);
color: #000;
text-align: center;
}
/*
.slide_reserva:hover {
background-color: #41ca51; 
color: #FFF;
}
*/



.carac {
width: 100%;
}
.carac-slider {
	width: 40%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: antiquewhite;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 1rem;
}

.carac-img {
	width: 40%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: antiquewhite;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 1rem;
}

.carac-txt {
width: 50%;
float: left;
}

.carac-img-slider {
	width: 40%;
    position: absolute;
    top: 0;
    right: 0;
}



.visor-slide {
position: relative;  
width: calc(100% + 16rem);
margin: 0 -8rem;
}
.mainslide {
padding-left: 8rem;
}
.bt-visor-prev, .bt-visor-next {
position: absolute;
background-color: #000;
border-radius: 1rem;
padding: 1rem;
top: 37.5rem;
z-index: 2;
}
.bt-visor-prev {
left: 6rem;
}

.bt-visor-prev.slick-disabled, .bt-visor-next.slick-disabled {
opacity: 0;
}

.bt-visor-next {
right: 6rem;
}
.bt-visor-prev img, .bt-visor-next img {
width: 4rem;
height: auto;
}
.slide {
width: 60vw;
height: 35vw;
float: left;
position: relative;
margin-right: 2rem;
border-radius: 1rem;
overflow: hidden;
}
.slide-img {
width: 100%;
background-color:darkolivegreen;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.slide-txt {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: calc(50% - 12rem);
padding: 6rem;
z-index: 2;
}
.slide-shadow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgb(0,0,0);
background: linear-gradient(270deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
z-index: 1;
}

.item {
width: 20%;
margin: 0 2.5%;
float: left;
text-align: center;
}
.item img {
width: 5rem;
height: auto;
}

.wine {
float: left;
width: 33.3333%;
}
.bottle-wine {
display: inline-block;
vertical-align: middle;
width: 20rem;
}
.txt-wine {
display: inline-block;
vertical-align: middle;
text-align: left;
width: calc(100% - 15rem - 5px);
margin-left: -10rem;
}


.thumb {
width: 50%;
height: 35vw;
background-color: aqua;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
float: left;
}
.thumb-txt {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: 60%;
padding: 6rem;
text-align: left;
}
.thumb-shadow {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
top: 0;
right: 0;
}

/*
.call-txt {
float: left; 
width: 40%;
}
.call-bt {
float: right;
}
*/

.pop-dir {
position: absolute; 
right: 8rem; 
top: 6rem; 
bottom: 6rem; 
z-index: 2; 
background-color: #FFF; 
padding: 4rem; 
text-align: left;
}
.mapa iframe {
width: 100%;
height: 50rem;
border:0;
}
/* FONTS */


.t1 {
	font-size: 3rem;
	line-height: 4.6rem;
}
.t2 {
	font-size:2.4rem;
	line-height: 3.6rem;
}
.t3 {
	font-size:2rem;
	line-height: 2.6rem;
}
.t4 {
	font-size:1.6rem;
	line-height: 2.4rem;
}
.t5 {
	font-size:1.2rem;
	line-height: 1.6rem;
}



.yellow {
color: #BFD936;
}
.white {
	color:#FFF;
}
.black {
color: #121F30;
}
.green {
color: #2BBA26;
}
.credito {
	font-size:1rem;
	color:#FFF;
	text-decoration:none;
	letter-spacing:2px;
	text-transform:uppercase;
}
.credito a {
	font-size:1rem;
	color:#FFF;
	text-decoration:none;
	letter-spacing:2px;
	text-transform:uppercase;
}



/* REDES */


.redes {
	width: 6rem;
	height: 6rem;
	vertical-align: middle;
	display: inline-block;
	color: transparent;
	border: solid .2rem #FFF;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	margin: 0 0 0 3rem;
	border-radius: 50%;
}
.redes:hover {
	transform: scale(1.2);
	background-color: #FFF;
}
.instagram {
	background-image: url(images/icon-instagram.svg);
}
.facebook {
	background-image: url(images/icon-facebook.svg);
}
.tiktok {
	background-image: url(images/icon-tiktok.svg);
}
.instagram:hover {
	background-image: url(images/icon-instagram-color.svg);
}
.facebook:hover{
	background-image: url(images/icon-facebook-color.svg);
}
.tiktok:hover {
	background-image: url(images/icon-tiktok-color.svg);
}

.carac-img div{
	padding-top: 110%;
}




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


/*HEADER*/

header {
width: calc(100% - 8rem);
padding: 2rem 4rem;
}
.header-small {
padding: 1rem 4rem;
}
.logo {
width: 12rem;
}
.logo-small {
width: 12rem;
}
.nav-small {
width: calc(100% - 12.2rem);
}
.whatsapp {
height: 3rem;
padding: 1rem 6rem 0 1rem;
background-size: auto 3rem;
}
.whatsapp-small {
color: #FFF;
background-color: #41ca51;
}
header .tab-phone, header .tab-email {
display: none;
}
/*FOOTER*/

footer {
width: calc(100% - 8rem);
padding: 4rem;
}

.footer-left {
width: 100%; 
float: none;
}
.footer-right {
width: 100%; 
float: none; 
text-align: left;
}
.footer-row {
float: none;
display: block;
margin-bottom: 2rem;
margin-right: 0; 
}

/*MAIN BANNER*/

.vidcell {
position: absolute; 
z-index: 1; 
width: 100%; 
height: 100vh;  
top: 0;
left: 0;
}
.vidcell iframe {
width: 120vw; 
height: 120vh; 
/* margin-top: -10vh; 
margin-left: -10vw; */
}
.banner-footer {
overflow: hidden;
}
.banner-footer img {
width: 150%;
}

/*
.call-whatsapp {
vertical-align: middle;
display: inline-block; 
margin-left: 3rem;
width: 8rem;
height: auto;
animation: pulse 1s infinite;
}
*/


/*SLIDES */

.slide_lodge {
width: calc(100% - 8rem);
margin: 4rem;
}

.slide_instalaciones {
width: calc(100% - 8rem);
padding: 4rem;
}
.slide_cavero {
padding: 4rem;
width: calc(100vw - 8rem);
height: initial;
}
.slide_cavero .txt {
text-align: center;
width: 100%;
}
.slide_cavero .img {
width: 100%;
}
.slide_cavero .img img{
width: 50%;
}
.slide_bergvater {
padding: 4rem;
width: calc(100vw - 8rem);
height: initial;
}
.slide_bergvater .txt {
text-align: center;
width: 100%;
height: initial;
}
.slide_cerropadre {
width: calc(100% - 8rem);
padding: 4rem;
height: initial;
}

.slide_frase {
width: calc(100% - 8rem);
padding: 4rem;
height: 125vw;
}
.slide_reserva {
padding: 4rem; 
width: calc(100% - 8rem);
}
.slide_frase .txt {
max-width: 100%; 
}
.slide_lodge .txt {
width: 100%; 
}


.thumb {
width: 100vw;
height: 100vw;
}
.thumb-txt {
right: 0;
width: initial;
padding: 4rem;
}

.slide_instalaciones .slide {
width: 100vw;
height: 100vw;
float: left;
}
.slide_instalaciones .slick-slide {
width: 100vw !important;
}

.carac-slider {
	width: 100%;
    position: initial;
}
.carac-txt {
width: 100%;
float: none;
margin-top: 2rem;
}

.item {
width: 42%;
margin: 4%;
}
.call-txt {
float: none; 
width: 100%;
}
.call-bt {
float: none; 
width: 100%;
}
.call-bt .t3 {
font-size:1.6rem;
}
.wine {
width: 100%;
}
.bt-visor-prev {
left: 2rem;
}
.bt-visor-next {
right: 2rem;
}
.slide-txt {
left: 0;
padding: 10rem;
text-align: center;
width: initial;
}
.visor-slide {
    width: calc(100% + 8rem);
    margin: 0 0 0 -4rem;
}
.mainslide {
padding-left: 0;
}
.t1 {
	font-size: 2.6rem;
	line-height: 3.6rem;
}
.t2 {
	font-size:2.3rem;
	line-height: 3.3rem;
}
.pop-dir {
right: 1rem;
left: 1rem;
top: 1rem; 
bottom: initial; 
text-align: center;
padding: 2rem;
}
.mapa iframe {
height: 75rem;
}
.scroll {
bottom: 6rem;
}


}

/* POSITION IFRAME IN CONTAINER */
.vidcell iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
  }

.vidcell {
	position: absolute;
	/* compute width based on aspect ratio and VH / Vertical Height. */
	width: calc(100vh * (16 / 9));
	height: 100vh;
	/* Shift iframe left edge halfway across the parent container */
	left: 50%;
	top: 50%;
	/* Shift the iframe back by half  it's width -  centering the iframe */
	transform: translate(-50%, -50%);
  }

@media (min-aspect-ratio: 16/9) {
	.vidcell {
	  /* Set width to 100VW */
	  width: 100vw;
	  /* Calculate height based on aspect ratio's VW - veritcal width */
	  height: calc(100vw * (9 / 16)); /* assumes 16:9 */
	}
    
    
  }