@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--colorVerdeLimon: #46885d;
	--colorGrisTextos: #494949;
	--fondoAzul:#f1fcfa;
	--fondoGris:#fbfbfb;

	--colorBlanco: #FFF;
	--colorNegro: #000;

	--fontCursiva: '';
	--fontTexto: "Montserrat", sans-serif;
}
*{
	margin: 0px;
	border:0px;
	padding: 0px;
}
.sticky{
	background-color: var(--colorVerdeLimon);
}
.caja__whats{
    border-radius: 150px;
    box-shadow: 0 4px 9px #00000024;
    border: none;
    background: #02E777;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    font-size: 14px;
    transition: all ease-in-out 100ms;
}
.center__center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.center__start{
	display: flex;
	justify-content: start;
	align-items: center;
}
.center__end{
	display: flex;
	justify-content: center;
	align-items: end;
}
.saltoMB{
	display: none;
}

body {
	font-family: var(--fontTexto);
}
nav .logo{
	width: 250px;
}
.navbar-toggler,.navbar-toggler-icon{
	color: var(--colorBlanco);
	font-size: 1.8rem;
	filter: brightness(100);
	border-color: #FFF;
}
.navbar-toggler-icon{

}
nav .butons a{
	color: #FFF;
    padding: 40px;
    border: 1px solid #FFF;
    text-decoration: none;
}
nav .butons button{
	padding: 29px 70px;
    border-radius: 0px;
}

.offcanvas-body{
	display: flex;
	align-items: center;
    padding-left: 70px;
}
.offcanvas.offcanvas-end{
	width: 50vw;
}
.offcanvas.offcanvas-end{
	background-color: var(--colorVerdeLimon);
}
.nav-link{
	color: var(--colorBlanco);
	font-weight: 500;
	font-size: 2rem;
	margin-bottom: 20px;
}
.nav-link:focus, .nav-link:hover {
    color: var(--colorBlanco);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: var(--colorBlanco);
}
.btn-close, .offcanvas-header .btn-close{
	color: var(--colorBlanco);
}
nav .icoflag{
	width: 30px;
}


.header{
	position: relative;
	display: flex;
	justify-content: center;
}
.header .caja{
	position: absolute;
	top: 30%;
	height: 60vh;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.header .caja h2{
	color: var(--colorBlanco);
	font-size: 3rem;
}
.header .caja h6{
	color: var(--colorBlanco);
	font-size: 1.2rem;
    font-style: italic;
}


h3.txt-hreservacion {
	text-align: center;
	margin-bottom: 12px;
	margin-top: 0px;
	line-height: normal;
	font-weight: bold;
	font-size: 36px;
	color: #fff;
	margin-left: 12.5px;
}
form#form_resrv {
	border: 1px solid #d8d9db;
	border-radius: 4px;
	background: #ffffff;
	display: block;
	height: 48px;
	width: 802px;
	margin: 0 auto;
}
form#form_resrv .field {
	width: 197px;
	border-bottom: none;
	float: left;
	margin-bottom: 0px;
	position: relative;
	height: 46px;
	display: block;
	background-color: #fff;
}
form#form_resrv .field.middle {
	border-left: 1px solid #d8d9db;
	border-right: 1px solid #d8d9db;
}
form#form_resrv .field i {
	position: relative;
	display: block;
	color: #2d333f;
	padding: 14px 20px 14px 36px;
	padding: 14px 15px 14px 15px;
	z-index: 1;
}

i {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}
form#form_resrv .field select, form#form_resrv .field input {
	position: absolute;
	opacity: 1;
	top: 0;
	left: 15%;
	height: 100%;
	width: 85%;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	color: #2d333f;
	font-size: 16px;
	background-color: #ffffff;
	z-index: 2;
	border-color: transparent !important;
}
form#form_resrv .field select:focus-visible,
form#form_resrv .field input:focus-visible,
form#form_resrv .field input:focus-visible{
	border-color: transparent !important;
}
form#form_resrv .field input {
	border: none !important;
}
form#form_resrv .field button {
	border-radius: 0 2px 2px 0;
	width: 200px;
	float: right;
	font-size: 16px;
	line-height: 20px;
	height: 46px;
	margin: 0 !important;
	background-color: #da3743;
	border: 1px solid #da3743;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: bold;
	padding: 14px 0 15px;
	text-align: center;
	text-decoration: none;
}
img.l-otable {
	margin-top: 24px;
	width: 160px;
	float: left;
	margin-left: 12.5px;
}

.images{
	padding: 0px 0px;
	margin: 70px 0px;
}
.images.izq{
	background: linear-gradient(90deg, rgba(241,252,250,1) 85%, rgba(255,255,255,1) 85%);
}
.images.derch{
	background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(241,252,250,1) 15%);
}
.images h3{
	color: var(--colorVerdeLimon);
	font-size: 2rem;
	margin-bottom: 30px;
}
.images.izq .cont{
	padding-right: 30%;
}	
.images.derch .cont{
	padding-left: 30%;
}

.images p{
	color: var(--colorGrisTextos);
	font-size: 1rem;
	text-align: justify;
	margin-bottom: 30px;
}
.images a{
	padding: 8px 30px;
	border-radius: 1px;
	background-color: var(--colorVerdeLimon);
	color: var(--colorBlanco);
	font-size: 1rem;
	text-decoration: none;
	margin-right: 5px;
}
.images a i{
	color: var(--colorBlanco);
	font-size: 1rem;
	margin-right: 5px;
}

.testimonios{
	padding: 70px 0px;
	background: url('../img/bg-1.png');
}
.testimonios h3{
	text-align: center;
	font-size: 2rem;
	color: var(--colorVerdeLimon);
	margin-bottom: 15px;
}
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-wrapper{
	width: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-slide > div{
	min-width: 1100px;
	max-width: 1100px;
}
.swiper-button-next, .swiper-button-prev{
	color: var(--colorGrisTextos);
}
.testimonios .caja-top{
	padding: 20px;
    border: 1px solid #d8d8d8;
	background-color: var(--fondoGris);
}
.testimonios .caja-bot{
	padding: 20px;
    border: 1px solid #d8d8d8;
	background-color: var(--fondoGris);
	margin-bottom: 40px;
}
.testimonios .caja-top img{
	width: 70px;
	margin-right: 30px;
}
.testimonios .caja-top h4{
	text-align: left;
	margin-bottom: 15px;
}
.testimonios .caja-top h5{
	text-align: left;
	color: #9a9a9a;
}
.testimonios .caja-bot p{
	text-align: justify;
	color: var(--colorGrisTextos);
	margin-bottom: 35px;
}


/* ===CONTACTO=== */
.header.contacto{
	height: 70vh;
	align-items: center;
	background: url('../img/contacto/banner.jpg');
	background-size: cover;
	background-position: center bottom;
}
.header.contacto h2{
	color: var(--colorBlanco);
	font-size: 3rem;
	font-style: italic;
	margin-top: 60%;
}
.info{
	padding: 70px 0px;
	background: url('../img/bg-1.png');
}
.info h4{
	color: var(--colorVerdeLimon);
	font-size: 1.3rem;

	margin-bottom: 40px;
}
.info a{
	color: var(--colorVerdeLimon);
	background: var(--colorBlanco);
	text-decoration: none;
	padding: 20px 30px;
	border: 2px solid var(--colorVerdeLimon);
}
.datos{
	padding: 70px 0px;

}
.datos h3{
	color: var(--colorVerdeLimon);
	font-size: 1.3rem;
	margin-bottom: 20px;
}
.datos p{
	color: var(--colorGrisTextos);
	font-size: 1rem;
	margin-bottom: 30px;
}


/* ===RESERVACIONES=== */
.header.reservaciones{
	height: 90vh;
	align-items: center;
	background: url('../img/reservaciones/banner.jpg');
	background-size: cover;
	background-position: center bottom;
}
.header.reservaciones h2 {
    color: var(--colorBlanco);
    font-size: 3rem;
	margin-top: 25%;
}
.header.reservaciones h6 {
    color: var(--colorBlanco);
    font-size: 1.2rem;
    font-style: italic;
	margin-bottom: 20%;
}

.telReservaciones{
	padding: 70px 0px;
	text-align: center;
}
.telReservaciones .st{
	margin-bottom: 40px;
}
.telReservaciones h3{
	color: var(--colorVerdeLimon);
	font-size: 1.3rem;

	margin-bottom: 20px;
}
.telReservaciones p{
	color: var(--colorGrisTextos);
	font-size: 1rem;
	margin-bottom: 50px;
}
.telReservaciones a{
	color: var(--colorVerdeLimon);
	background: var(--colorBlanco);
	text-decoration: none;
	padding: 20px 30px;
	border: 2px solid var(--colorVerdeLimon);
}
.telReservaciones img{
	width: 196px;
	height: 111px;
}


/* ===GRUPOS=== */
.header.grupos{
	height: 55vh;
	align-items: center;
	background: url('../img/grupos/banner.jpg');
	background-size: cover;
	background-position: center bottom;
}
.header.grupos h2 {
    color: var(--colorBlanco);
    font-size: 3rem;
	margin-top: 3%;
}
.header.grupos h6 {
    color: var(--colorBlanco);
    font-size: 1.2rem;
    font-style: italic;
}

.textoBaner{
	padding: 80px 0px;
	text-align: center;
}
.textoBaner h4{
	color: var(--colorGrisTextos);
	font-size: 1rem;
	font-weight: 400;
}

.gruposImages{
	padding: 0px 0px;
	background: url('../img/bg-1.png');
}
.gruposImages .noPad{
	padding: 0px !important;
}
.gruposImages img{
	width: 100%;
}
.gruposImages h3{
	color: var(--colorVerdeLimon);
	font-size: 1.3rem;
	margin-bottom: 30px;
}
.gruposImages p{
	color: var(--colorGrisTextos);
	font-size: 1rem;
	margin-bottom: 50px;
}
.gruposImages a{
	color: var(--colorVerdeLimon);
	font-size: 1.3rem;
}

.textoBaner-2{
	padding: 60px 0px;
	text-align: center;
}
.textoBaner-2 h4{
	color: var(--colorGrisTextos);
	font-size: 1.3rem;
	font-weight: 400;
}

/* ===MENU=== */
.header.menu{
	height: 55vh;
	align-items: center;
	background: url('../img/menu/banner.jpg');
	background-size: cover;
	background-position: center bottom;
}
.header.menu h2 {
    color: var(--colorBlanco);
    font-size: 3rem;
	margin-top: 3%;
}
.TabMenu{
	padding: 70px 0px;
	text-align: center;
}
.TabMenu ul{
	padding-left: 0px;
	list-style: none;
}
.TabMenu ul li{
	margin-bottom: 20px;
}
.TabMenu ul li a{
    padding: 8px 30px;
    border-radius: 1px;
    background-color: var(--colorVerdeLimon);
    color: var(--colorBlanco);
    font-size: 1rem;
    text-decoration: none;
    margin-right: 5px;
	min-width: 150px;
    display: inline-block;
}

/* ===MENU IMAGENES=== */
.header.menu.imagenes{
	height: 35vh;
	align-items: center;
	background: url('../img/menu/banner.jpg');
	background-size: cover;
	background-position: center bottom;
}

.menuComida{
	padding: 70px 0px;
} 
.menuComida img{
	margin-bottom: 10px;
}

footer{
	padding: 70px 0px 30px;
	background: url('../img/bg-1.png');
}
footer img{
	width: 300px;
}
footer p{
	font-size: 1rem;
	color: var(--colorGrisTextos);
}
footer .botones{
	margin-top: 30px;
	margin-bottom: 20px;
}
footer .botones a {
    padding: 8px 30px;
    border-radius: 1px;
    background-color: var(--colorVerdeLimon);
    color: var(--colorBlanco);
    font-size: 1rem;
    text-decoration: none;
    margin-right: 5px;
}
footer ul{
	margin-bottom: 0px;
	list-style: none;
}
footer ul.list-h li{
	display: inline;
	color: var(--colorGrisTextos);
	font-size: 1rem;
	padding: 0px 20px;
}
footer ul.menu li a{
	color: var(--colorGrisTextos);
	font-size: 1.2rem;
	text-decoration: none;
	font-weight: 500;
}
footer ul.redes{
	margin-top: 30px;
}
footer ul.redes li a{
	color: var(--colorVerdeLimon);
	font-size: 1.6rem;
	text-decoration: none;
}
footer ul.redes li a img.ico-trip{
	width: 34px;
}
footer .icoflag{
	width: 30px;
	margin-right: 8px;
}
.linea-footer{
	width: 100%;
	height: 40px;
	background-color: var(--colorVerdeLimon);
}