/* ::::::::::::: fonts ::::::::::::: */
/* Poppins auto-hospedada (antes @import de Google Fonts, bloqueaba el render) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('../sitefonts/poppins-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../sitefonts/poppins-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../sitefonts/poppins-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../sitefonts/poppins-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../sitefonts/poppins-latin-700-normal.woff2') format('woff2');}

/* ::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::: general :::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::: */
::selection{background:#cdd52f;}
html{scroll-behavior: smooth;}
body{
	background:#fff;
	color:#000;
	font-family:"Poppins", sans-serif;
	font-size:18px;
	line-height:1.5;
	overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{
	color:#6b7546;
	font-weight:700;
	line-height:1.25;
	margin-bottom:25px;}
h1{font-size:42px;}
h2{font-size:36px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:24px;}
h6{font-size:19px;}
ul{list-style-type:'- ';}
body,
a.btn,
.btn{font-weight:300;}
button,
a.btn,
.btn{
	background-color:#cdd52f;
	border-radius:4px;
	line-height:1;
	padding:15px 20px;
	text-transform:none;}
button:hover,
a.btn:hover,
.btn:hover{
	background-color:#7bb429;
	color:#fff;}
nav a{text-decoration:none;}
img{width:100%}
hr{
	background-color:#dac564;
	border:none;
	height:2px;
	opacity:1;}
input,
select,
textarea,
::placeholder{color:#333;}
input,
select,
textarea{
	border-radius:4px;
	padding:12px;}
input,
select,
textarea,
button{border:none;}
select{background:none;}
textarea{
	min-height:150px;
	max-height:250px;
	resize:vertical;}
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{border:#cdd123 solid 1px}
input:focus,
select:focus,
textarea:focus{outline:none;}
b,
strong{font-weight:600;}
header,
section,
footer{clear:both;}
a{color:#7bb429;}
a:hover{color:#2b382f;}
form input,
form select,
form textarea{
	border:#afa080 solid 1px;
	width:100%;}

table{
	margin-top: 30px;
	outline: #2b382f solid 5px;
	text-align: initial;}

iframe{border-radius:15px;}

#headerWeb{
	background:linear-gradient(180deg, #333 0%, #fff0 100%);
	left:0;
	padding:20px 15px;
	position:fixed;
	top:0;
	width:calc(100vw - 15px);
	z-index:9;}
#headerWeb .row{justify-content:space-between;}
#headerWeb .row > div{
	align-items: center;
	display: flex;
	width: inherit;}
#headerWeb .brandsite_header{max-width:160px;}
#headerWeb,
#headerWeb a{color:#fff;}

#menu_site{
	align-items: center;
	display: flex;
	justify-content: space-between;}
#menu_site .rrssList{}
#menu_site ul.list-links{
	display:flex;
	padding:0;}
#menu_site ul.list-links a{
	display: block;
	font-size: 16px;
	font-weight: 300;
	padding: 10px;
	position: relative;
	z-index: 1;}
#menu_site ul.list-links a,
#menu_site ul.list-links a:visited{color:#fff;}
#menu_site ul.list-links a:hover,
#menu_site ul.list-links a:focus-visible,
#menu_site ul.list-links a.active{color:#fdd118;}

#headerWeb ul,
footer ul{
	list-style:none;
	margin:0;
	padding:0;}

#headerWeb .action-header{
	align-items: center;
	display: flex;
	justify-content: space-between;}
#headerWeb #switch_btns_lang{text-transform:uppercase;}
#headerWeb #switch_btns_lang a{
	padding:8px;
	text-decoration:none;}
#headerWeb #switch_btns_lang .active{
	font-size:20px;
	font-weight:600;}
#headerWeb #switch_btns_lang .active,
#headerWeb #switch_btns_lang a:hover{text-decoration:underline;}
#headerWeb .header_btn_action a.btn{
	color:#000;
	padding:10px 20px;}
#headerWeb .header_btn_action a.btn:hover{color:#fff;}
#headerWeb .rrssList{margin:0 15px;}
.rrssList .listIconrrss{
	display:flex;
	margin:0;}
.rrssList .listIconrrss li,
footer .listIconrrss li{margin:0 5px;}
.rrssList .listIconrrss a,
footer .listIconrrss a{
	display:inline-block;
	width:30px;}
.rrssList .listIconrrss img,
footer .listIconrrss img,
footer .list-items img{filter: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(2312%) hue-rotate(7deg) brightness(86%) contrast(105%);}
.rrssList .listIconrrss img:hover,
footer .listIconrrss img:hover{filter: brightness(0) saturate(100%) invert(64%) sepia(92%) saturate(349%) hue-rotate(40deg) brightness(83%) contrast(94%);}

section .sec_title{font-size:42px;}
section .sec_subtitle,
#roomsList .featureRoom{
	color:#a6623d;
	font-size:18px;
	font-weight:300;
	line-height:1.3;
	margin-bottom:5px;}
.center-content{text-align:center;}
.blockTitle_box{
	margin:auto;
	max-width:800px;}
section.center-content hr{
	margin-left:auto;
	margin-right:auto;
	max-width:20%;;}
.bg .container{
	position:relative;
	z-index:1;}

#hero{
	height:90vh;
	overflow:hidden;
	position:relative;}
#hero div[data-img]{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
	padding:80px 0;}

#introSection{
	background-color:#f2f4cb;
	padding:0 0 30px 0;}

#introSection .sec_title{margin-bottom:0;}
#introSection > div{
	padding-bottom:10px;
	padding-top:10px;}
#introSection .coverIntro{
	background: url('/img/home/hacienda-la-pacifica-hotel-natural-refuge-cr.webp') center no-repeat;
	background-size:cover;
	min-height: 350px;
	margin-bottom:70px;}
@media (max-width:600px){#introSection .coverIntro{background-image:url('/img/home/hacienda-la-pacifica-hotel-natural-refuge-cr-m.webp');}}

section .txtBox{
	margin-left:auto;
	max-width:515px;}

#sec_aboutUs hr,
#location hr,
#outsanding-experiences hr{max-width:80%;}
#sec_aboutUs > div{align-items:center;}
#sec_aboutUs,
#wildlife{padding:60px 0;}
#wildlife .activitiesWildlife{
	margin:40px 0;
	text-align:left;}
#wildlife .activitiesWildlife,
#wildlife .activityTitle{font-size:15px;}
#wildlife .activityTitle{
	color:inherit;
	font-weight:300;}
.contentActivity{
	color:#fff;
	display: grid;
	min-height:350px;
	position:relative;}
.contentActivity .textActivity,
#sec_activities .desc_activities{
	background:linear-gradient(180deg, #fff0 0%, #2b382f 50%);
	bottom:0;
	margin-top: auto;
	padding: 15px;
	position:absolute;}

/* ::: wildlife - tarjetas con giro 3D ::: */
.flipCard{
	display:block;
	min-height:350px;
	perspective:1400px;
	cursor:pointer;
	outline:none;}
.flipInner{
	min-height:350px;
	position:relative;
	transform-style:preserve-3d;
	transition:transform .9s cubic-bezier(.2,.75,.25,1);
	width:100%;}
.flipCard:hover .flipInner,
.flipCard:focus-within .flipInner{transform:rotateY(180deg);}
.flipFront,
.contentActivity .textActivity.flipBack{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	border-radius:4px;
	overflow:hidden;}
.flipFront{
	min-height:350px;
	position:relative;}
.contentActivity .textActivity.flipBack{
	inset:0;
	position:absolute;}
.flipFront img{
	display:block;
	height:auto;
	min-height:350px;
	object-fit:cover;
	transition:transform 1.2s ease;
	width:100%;}
.flipCard:hover .flipFront img{transform:scale(1.06);}
.flipFront:after{
	background:linear-gradient(180deg, #2b382f00 45%, #2b382fe6 100%);
	content:"";
	inset:0;
	position:absolute;}
.flipLabel{
	border-left:2px solid #dac564;
	bottom:20px;
	font-size:17px;
	font-weight:300;
	left:20px;
	line-height:1.3;
	padding-left:12px;
	position:absolute;
	right:20px;
	transition:opacity .25s ease;
	z-index:1;}
.flipCard:hover .flipLabel,
.flipCard:focus-within .flipLabel{opacity:0;}
.contentActivity .textActivity.flipBack{
	align-items:center;
	background:radial-gradient(circle at 50% 0%, #3d5043 0%, #2b382f 55%, #1f2922 100%);
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
	padding:35px 30px;
	text-align:center;
	transform:rotateY(180deg);}
.flipBack:before{
	border:1px solid #dac5645c;
	border-radius:2px;
	content:"";
	inset:12px;
	pointer-events:none;
	position:absolute;}
#wildlife .flipBack .activityTitle{
	color:#fff;
	font-size:24px;
	font-weight:400;
	margin:0;}
.flipLine{
	background:#dac564;
	display:block;
	height:2px;
	margin:16px auto 18px;
	transition:width .6s ease .45s;
	width:0;}
.flipBack p{
	font-size:16px;
	line-height:1.6;
	margin:0;}
.flipBack .activityTitle,
.flipBack p{
	opacity:0;
	transform:translateY(12px);
	transition:opacity .5s ease .35s, transform .5s ease .35s;}
.flipBack p{transition-delay:.5s;}
.flipCard:hover .flipLine,
.flipCard:focus-within .flipLine{width:48px;}
.flipCard:hover .flipBack .activityTitle,
.flipCard:hover .flipBack p,
.flipCard:focus-within .flipBack .activityTitle,
.flipCard:focus-within .flipBack p{
	opacity:1;
	transform:none;}
@media (min-width:768px) and (max-width:1024px){
	#wildlife .activitiesWildlife .row > div{
		margin-bottom:25px;
		width:50%;}
}
@media (max-width:600px){
	#wildlife .activitiesWildlife .row > div{width:100%;}
	.contentActivity .textActivity.flipBack{padding:30px 35px;}
}
@media (prefers-reduced-motion: reduce){
	.flipInner,
	.flipFront img,
	.flipLine,
	.flipBack .activityTitle,
	.flipBack p{transition:none;}
}

#sustainability,
#rooms{padding:40px 0;}
#roomsList{
	margin:50px auto 40px auto;
	max-width:90%;}
#roomsList .shortDescRoom{text-align:initial;}
#roomsList .listCharRoom{
	list-style-type:'- ';
	padding-left:20px;}
#roomsList .listCharRoom,
#roomsList a.btn{margin-top:20px;}
.splide__pagination{
	margin-top:20px;
	position:initial;}
.splide__pagination__page{
	background:#6b7546;
	height:18px;
	margin:0 10px;
	opacity:1;
	width:18px;}
.splide__pagination__page.is-active{
	background:#7bb429;
	transform:none;}
.splide__arrow{
	background:#cdd52f;
	border-radius:0;
	font-size:55px;
	height:50px;
	line-height:1;
	text-align:center;
	width:50px;}
.splide__arrow svg{display:none;}
.splide__arrow--prev{left:-48px;}
.splide__arrow--prev:after{content:"<";}
.splide__arrow--next{right:-48px;}
.splide__arrow--next:after{content:">";}
.splide__slide{margin:0 2px;}

#sustainability .rimg{
	gap:0 1.5%;
	margin:10px 0 25px 0;
	min-height:550px;}
#sustainability .rimg > div{width:calc(75% - 0.75%);}
#sustainability .rimg div + div{width:calc(25% - 0.75%);}

#sec_activities{
	background:#ece6d6;
	color:#fff;
padding:50px 0;}
#sec_activities > div{
	display:grid;
	gap:5px;
	grid-template-columns: 58% 1fr;
	grid-template-rows: masonry;
	grid-template-areas:
		'lt rt' 
		'lb rb';}
.leftTop_Act{grid-area:lt;}
.rightTop_Act{grid-area:rt;}
.leftBottom_Act{grid-area:lb;}
.rightBottom_Act{grid-area:rb;}
#sec_activities > div div{
	height:max-content;
	position:relative;}
#sec_activities > div div:last-child{margin-top:-53px;}
#sec_activities .sec_title{grid-column:1 / -1;text-align:center;}
#sec_activities > .act_more{display:block;text-align:center;margin-top:40px;}

#sec_activities .desc_activities .desc_act_title{
	color:inherit;
	font-size:inherit;
	font-weight:500;}

#restaurantAction{padding:40px 0 0 0;}
#restaurantAction .promoRestaurant{
	background:url('/img/home/hotel-hacienda-la-pacifica-restaurant-cr.webp') center no-repeat;
	background-size:cover;
	align-items:end;
	color:#fff;
	display:flex;
	height:95vh;
	padding:20px 0;
	position:relative;}
#restaurantAction .promoRestaurant .sec_title{color:#dac564;}
#restaurantAction .promoRestaurant:after{
	background:linear-gradient(180deg, #ffffff00 0%, #ffffff00 40%,#2b382f 90%);
	bottom:0;
	content:'';
	height:100%;
	position:absolute;
	width:100%;}

#location{
	background:#f8f1eb;
	padding:40px 0;}
#location .plansLocation{
	font-size: 13px;
	line-height: 1.2;
	margin-top:20px;
	text-transform: uppercase;
	text-rendering: auto;}
#location .plansLocation > div{
	border-top:#d6c6b5 solid 2px;
	padding:10px 0;}
#location .plansLocation > div,
#location .plansLocation .planItems{
	display:flex;
	flex-direction:row;
	justify-content:space-between;}
#location .plansLocation .planItems{width:45%;}
#location .plansLocation .planItems > div{
	align-items:center;
	border-right:#d6c6b5 solid 1px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	padding:0 15px;
	width:inherit;}
#location .plansLocation .planItems > div p{margin-bottom:0;}
#location .plansLocation .planItems > div:last-child{border-right:none;}
#location .plansLocation .planItems > div img{max-width:45px;}

#discoverAction{
	background:url('/img/home/experience-with-nature-hotel-hacienda-la-pacifica-cr.webp') center bottom no-repeat;
	background-size:cover;
	align-items:center;
	color:#fff;
	display:flex;
	min-height:350px;
	padding:60px 0;
	position:relative;
	text-align:center;}
#discoverAction a.btn{margin-top:35px;}
#discoverAction:after{
	background-color:#91583665;
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 0;}

#locationUs{margin-top: 50px;}

/* ::::::::::::: footer ::::::::::::: */
footer{background-color:#2b382f;}
footer,
footer a{
	color:#fff;
	text-decoration:none;}
footer a:hover{color:#cdd52f;}
footer ul{padding:0;}
footer .footTitle{
	color:#fff;
	font-size:19px;
	margin-bottom:20px;}
#footWTop{padding:50px 0 0 0;}
#footWTop{display:none;} /* newsletter oculto temporalmente: borrar esta línea para volver a mostrarlo */
#footWTop > div{display:grid;}
#footWTop form{
	display:flex;
	justify-content:stretch;
	margin:0 auto 40px auto;}
footer form input{border:none;}
#footWTop form .btn{margin-left:-4px;}
#footWBottom{padding:50px 0 30px 0;}
#footWBottom .brandsite_footer{width:60%;}
#footWBottom .nav-list{
	column-count:2;
	line-height:2;}
footer .list-items li{margin-bottom:15px;}
footer .list-items img{
	margin-right:5px;
	width:20px;}
footer .list-items,
footer .listIconrrss{margin-bottom:20px;}
#footWBottom .listIconrrss{display:inline-flex;}
#footWCopy{
	background-color:#17201a;
	padding:15px 0;
	text-align:center;}
#footWCopy p{margin-bottom:0;}

.section-page{padding:60px 0;}
#title_box{
	align-items:end;
	background:#3f2a00 url('/img/home/hero/hotel-la-pacifica-cr_5.jpg')center no-repeat;
	background-size:cover;
	color:#fff;
	display:flex;
	min-height:420px;
	padding:100px 0 50px 0;
	position:relative;}
#title_box .sec_title{
	color:#fdd118;
	font-size:52px;}
#title_box .container{z-index:1;}
#title_box .sec_subtitle{color:#eee;}
#title_box:after{
	background-color:rgba(63, 42, 0, 0.8);
	content: '';
	height: 100%;
	left:0;
	position: absolute;
	top:0;
	width: 100%;
	z-index: 0;}
.data-contact{
	background:#eee;
	border-radius:5px;
	padding:15px;}

#contactUsForm .row {margin:20px 0;}

#introRooms{padding:50px 0;}
.room-description{
	border-bottom: #6b7546 solid 3px;
	/*box-shadow: 0 0 20px 1px rgba(0,0,0,.15);*/
	margin-bottom:30px;
	padding:35px 35px 5px 35px;}
.room-description:last-child{margin-bottom:0;}
.room-description .room-heading,
.room-description .room-body{
	clear:both;
	padding:20px;}
.room-description .room-heading{background: #f2f4cb;}
.room-description .room-heading .titleRoom{margin-bottom:0;}
.room-description .room-heading > div{align-items:center;}
.room-description .room-heading > div div + div{
	display:flex;
	justify-content:end;}
.room-description .room-body .subtitleRoom{
	color: #a6623d;
	font-weight: inherit;}
.room-description .room-body .listServRoom{
	list-style:none;
	padding:0;}
.room-description .room-body .listServRoom li{
	border-bottom:#bbb solid 1px;
	padding:10px 0;}
.room-description .room-body .listServRoom li:last-child{border-bottom:none;}
.room-description .room-heading a.btn{
	background:#2b382f;
	color:#fff;}
.room-description .room-heading a.btn:hover{background:#7bb429;}
#cta_rooms{
	background:#f2f4cb;
	align-items:center;
	display:flex;
	padding:70px 0;}
#cta_rooms a.btn{margin-top:30px;}

.carousel-control-prev,
.carousel-control-next{opacity:1;}
.carousel-control-prev:hover,
.carousel-control-next:hover{background:none;}

section #sec_Restaurant .txtBox{
	margin-left:initial;
	max-width:600px;
	padding:60px 20px;}
#sec_Restaurant > div{align-items:center;}
#title_box.dining{
	align-items:center;
	background:url('/img/home/hotel-hacienda-la-pacifica-restaurant-cr.webp') center no-repeat;
	background-size:cover;
	color:#fff;
	min-height:90vh;}
#title_box.dining:after{background-color:rgba(63,42,0,0.35);}
#us_estate{
	background:#f8f1eb;
	padding:50px 0;}
.us-estate-products{margin-top:40px;}
.us-estate-products .titleProd,
.sec_enjoy .titleSecEnjoy{
  color: inherit;
  font-size: 26px;
  font-weight: 500;}
.us-estate-products img{margin-bottom:25px;}
#organic_rice{padding:50px 0;}
.certification_doc table tr th {background: #f8f1eb;}
#momentSavor{padding:70px 0;;}
#momentSavor div + div {align-items: center;}
#momentSavor .row{align-items:center;}
#momentSavor .txtBox{
	max-width:600px;
	padding:20px;}
#momentSavor .bg {min-height: 50vh;}
#momentSavor > div div + div > .txtBox {margin-left: initial;}
#chooseMoment{
	background:url('/img/gastronomy/coffee-la-pacifica.jpg') center no-repeat;
	background-size:cover;
	color:#fff;
	padding:70px 0;
	position:relative;}
#chooseMoment:after{
	background:rgba(63, 42, 0, 0.8);
	bottom:0;
	content:'';
	height:100%;
	left:0;
	position:absolute;
	width:100%;
	z-index:0;}
#chooseMoment .sec_title{color:rgb(253, 209, 24);}
#chooseMoment .sec_subtitle{color:inherit;}
#cta_gastronomy{padding:70px 0;}
#cta_gastronomy .sec_enjoy{margin-top:30px;}
#cta_gastronomy .info-restaurant{
	background:rgb(242, 244, 203);
	margin-top:25px;}
#cta_gastronomy .list-items-hours{display:inline-block;}
#cta_gastronomy .sec_enjoy > div > div {border-right: #d6c6b5 solid 1px;}
#cta_gastronomy .sec_enjoy > div > div:last-child{border-right: none;}

#title_box.experiences{min-height:500px;}
#cta_events{background:#f2f4cb;}
#cta_events,
#cta_experiences{padding:50px 0;}
#cta_events .btnEvents,
.placesEvents,
.featureEvent{margin-top: 40px;}
.placesEvents .row > div{margin-bottom:30px;}
.placesEvents .hallCard,
.placesEvents .hallCard .flipInner,
.placesEvents .hallCard .flipFront,
.placesEvents .hallCard .flipFront img{min-height:420px;}
.placesEvents .hallCard .flipFront img{height:420px;}
.placesEvents .hallCard .flipFront,
.placesEvents .hallCard .flipBack{border-radius:0;}
.placesEvents .hallCard .flipLabel{font-size:22px;}
.placesEvents .hallCard .flipBack .activityTitle{
	color:#fff;
	font-size:26px;
	font-weight:400;
	margin:0;}
.placesEvents .hallCard .flipBack p{max-width:440px;}
.placesEvents .hallCard .flipBack p.hallExtra{margin-top:12px;transition-delay:.6s;}
.eventsBtn{margin-top:20px;}
@media (max-width:991px){
	.placesEvents .hallCard,
	.placesEvents .hallCard .flipInner,
	.placesEvents .hallCard .flipFront,
	.placesEvents .hallCard .flipFront img{min-height:460px;}
	.placesEvents .hallCard .flipFront img{height:460px;}
}
@media (max-width:600px){
	.placesEvents .hallCard,
	.placesEvents .hallCard .flipInner,
	.placesEvents .hallCard .flipFront,
	.placesEvents .hallCard .flipFront img{min-height:420px;}
	.placesEvents .hallCard .flipFront img{height:420px;}
}

#outstanding-experiences{background:#ece6d6;}
#outstanding-experiences,
#nature-discover,
#adventure{padding-top:50px;}
#adventure{background:#f2f4cb;}
#outstanding-experiences .row,
#nature-discover .row,
#adventure .row{align-items:center;}
#birdwatchingTour{margin-top:40px;}
#outstanding-experiences .txtBox,
#nature-discover .txtBox,
#adventure .txtBox{
	margin-left:inherit;
	max-width:600px;
	padding:20px;}
#outstanding-experiences .row > div:first-child .txtBox,
#nature-discover .row > div:first-child .txtBox,
#adventure .row > div:first-child{margin-left:auto;}
#outstanding-experiences .bg,
#nature-discover .bg,
#adventure .bg{min-height:65vh;}
#outstanding-experiences .container .collapse,
#nature-discover .container .collapse,
#adventure .container .collapse{overflow:hidden;}
.listSeeExp {
	border-top:#2b382f solid 4px;
	list-style:none;
	margin: 40px 0 20px 0;
	padding:0;}
.listSeeExp li {
	align-items:center;
	border-bottom: #bbb solid 1px;
	display:flex;
	line-height: 1.75;
	padding: 10px;}
.listSeeExp li:last-child{border-bottom:none;}
.listSeeExp li.rowRate{display:none;} /* tarifas ocultas: borrar esta línea para mostrarlas */
.listSeeExp li strong {
	display: inline-block;
	width: 200px;}
.listSeeExp .btn_exp{
	background-color:#2b382f;
	color:#fff;}

.grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;}
.grid-wrapper a{display:contents;}
.grid-wrapper > div img {
	width: 100%;
	height: 100%;
	object-fit: cover;}
.grid-wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;}
.grid-wrapper .wide {grid-column: span 2;}
.grid-wrapper .tall {grid-row: span 2;}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;}
.lc-block.hidden {display: none;}
#load-more-btn{margin-top:40px;}

.glightbox-clean .gclose {
	height: 55px;
	width: 55px;}

/* ::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::: blog :::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::: */
.blog-article-hlp,
.pagination-blog-art,
.article-main{
	margin:0 auto 20px auto;
	max-width:950px;}
.prev-art .cat-article,
.prev-art .titleArt-blog{text-align:center;}
.prev-art .titleArt-blog{
	font-size:26px;
	font-weight:600;}
.prev-art a:hover .titleArt-blog{color:initial;}
.prev-art .cat-article{
	color:#a6623d;
	font-size:16px;}
.prev-art .img-art-feature{
	margin:10px 0 20px 0;
	overflow:hidden;}
.prev-art .img-art-feature img{
	max-height:350px;
	object-fit:cover;
	object-position:center;}
.prev-art .img-art-feature .{
	background-position:center;
	background-size:cover;}
.prev-art .link-art-post{text-decoration:none;}
.prev-art .date-post{
	color:#aaa;
	display:flex;
	justify-content:space-between;}
.prev-art .btn_blog_art{font-weight:600;}
.pagination-blog-art{
	border-top:#dac564 solid 1px;
	display:flex;
	justify-content:space-between;
	margin-bottom:15px;
	margin-top:15px;
	padding:15px 0;;}
.pagination-blog-art .btn_art{padding:10px;}
#title_box.blog-post .sec_title{font-size:36px;}
#title_box .date-art{
	display:flex;
	justify-content:space-evenly;}
.header-art .feature-txt-art{
	color:#666;
	font-size:20px;
	margin:15px 0;}
.article-main .post-img-feature{margin:20px 0;}
.article-main .post-img-feature.outBox{
	margin-left:-50px;
	margin-right:-50px;}

#gotop{
	bottom: 30px;
	position: fixed;
	right: 20px;
	visibility:hidden;}
#gotop a{
	background: #223026;
	border-radius: 50%;
	color: #eee;
	display:block;
	font-size: 1.5em;
	height: 50px;
	line-height: 1.7;
	text-align: center;
	text-decoration:none;
	width: 50px;}
#gotop a:hover{background:#546c5b;}
#gotop,
#walink{z-index:1;}
#walink{
	background: #67c15e;
	border-radius: 50%;
	bottom: 110px;
	height: calc(50px + 10px);
	padding: 10px;
	position: fixed;
	right: 20px;
	width: calc(50px + 10px);}
	
/* ::::::::::::: form validate ::::::::::::: */
form input.error,
form textarea.error{border-color: #ddd;}
form label.error{
	color: #999;
	display: inherit;
	font-size: 14px;
	text-align: left;}
form input.error::placeholder{color:#999;}

/* ::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::: @media-queries ::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::: min-width: 1024px ::::::::::::: */
@media(max-width:1024px){
	html{overflow-x:hidden;}
	
	#headerWeb{
		padding-left:0;
		padding-right:0;}
	#headerWeb .headerL{order:1;}
	#headerWeb .headerC{order:3;}
	#headerWeb .headerR{
		margin-left:auto;
		order:2;}
	
	#menu_site .btn_hamburger {
		border:#cdd52f solid 1px;
		border-radius:50%;
		cursor: pointer;
		display: none;
		padding: 7px;}
	#menu_site .btn_hamburger:hover,
	#menu_site .btn_hamburger.active{
		background:#7bb429;
		border:none;}
	#menu_site .btn_hamburger .bar {
		background: #cdd52f;
		border-radius: 5px;
		display: block;
		height: 3px;
		margin: 5px auto;
		transition: all 0.3s ease-in-out;
		width: 29px;
		-webkit-transition: all 0.3s ease-in-out;}
	#menu_site .btn_hamburger:hover .bar,
	#menu_site .btn_hamburger.active .bar{background:#fff;}
	#menu_site .btn_hamburger{display:block;}
	#menu_site #menu-items.list-links.active{left:0;}
	#menu_site #menu-items{
		background:#223026;
		flex-direction: column;
		height: 100%;
		padding-top: 85px;
		position: fixed;
		left: -100%;
		top: 0;
		transition: 0.3s;
		width: 40%;}
	#menu_site	.btn_hamburger.active .bar:nth-child(2){opacity: 0;}
	#menu_site .btn_hamburger.active .bar:nth-child(1){transform: rotate(45deg) translateY(5.5px) translateX(6px);}  
	#menu_site .btn_hamburger.active .bar:nth-child(3){transform: rotate(-45deg) translateY(-5.5px) translateX(5px);}
}

/* ::::::::::::: header en una línea entre 1025px y 1440px ::::::::::::: */
@media (min-width:1025px) and (max-width:1440px){
	#headerWeb .row{flex-wrap:nowrap;}
	#headerWeb .row > div{padding-left:8px;padding-right:8px;}
	#headerWeb .brandsite_header{max-width:130px;}
	#menu_site ul.list-links a{font-size:15px;padding:10px 7px;}
	#headerWeb .header_btn_action a.btn{padding:10px 14px;white-space:nowrap;}
	#headerWeb .rrssList{margin:0 8px;}
	#headerWeb .rrssList .listIconrrss li{margin:0 3px;}
	#headerWeb .rrssList .listIconrrss a{width:24px;}
	#headerWeb #switch_btns_lang{white-space:nowrap;}
	#headerWeb #switch_btns_lang a{padding:6px;}
}
@media (min-width:1025px) and (max-width:1199px){
	#headerWeb .row > div{padding-left:5px;padding-right:5px;}
	#headerWeb .brandsite_header{max-width:100px;}
	#menu_site ul.list-links a{font-size:13px;padding:10px 4px;}
	#headerWeb .header_btn_action a.btn{font-size:15px;padding:9px 12px;}
	#headerWeb .rrssList{margin:0 6px;}
	#headerWeb .rrssList .listIconrrss li{margin:0 2px;}
	#headerWeb .rrssList .listIconrrss a{width:22px;}
}

/* ::::::::::::: min-width: 768px ::::::::::::: */
@media(max-width:768px){
	#headerWeb{width:100vw;}
	#hero{height:55vh;}
}

/* ::::::::::::: min-width: 767px ::::::::::::: */
@media(max-width:767px){
	#headerWeb .brandsite_header{max-width:120px;}
	#headerWeb .headerL{order:1;}
	#headerWeb .headerC{order:3;}
	#headerWeb .headerR{
		flex-direction: row;
		padding: 0;}
	#headerWeb .rrssList{display:none;}
	#headerWeb #switch_btns_lang{
		position: absolute;
		right: 10px;
		top: 10px;}
		
	#menu_site,
	#headerWeb .header_btn_action{margin-top:25px;}
	#menu_site #menu-items{width:60%;}
	
	#title_box.rooms,
	#title_box.experiences{min-height:500px;}
	
	section .txtBox{margin-bottom:20px;}
	section .txtBox,
	#outstanding-experiences .txtBox,
	#nature-discover .txtBox,
	#outstanding-experiences .row > div:first-child .txtBox,
	#nature-discover .row > div:first-child .txtBox{margin-left:initial;}
	#sec_aboutUs .container-fluid,
	#location .container-fluid,
	section .container{max-width:700px;}
	#outstanding-experiences .bg,
	#nature-discover .bg,
	#adventure .bg{min-height:45vh;}
	
	section .txtBox,
	#outstanding-experiences .txtBox,
	#nature-discover .txtBox{max-width:initial;}
	
	.activitiesWildlife .row > div{width: 50%;}
	.activitiesWildlife .row > div:first-child,
	.activitiesWildlife .row > div:nth-child(2){margin-bottom:25px;}
	
	#sustainability .rimg{min-height:350px;}
	#sec_activities > div{display:block;}
	#sec_activities > div div{margin-bottom:5px;}
	#sec_activities > div div:last-child{margin-top:0;}
	#sec_activities .desc_activities{bottom:-4px;}
	#restaurantAction .promoRestaurant{height:45vh;}
	#location .plansLocation .planItems{width:inherit;}
	#location .plansLocation > div{
		flex-direction:column;
		gap:20px 0;}
	#floatTour .row > div:first-child,
	#chocolateFarm .row > div:first-child,
	#tenorioriverfish .row > div:first-child,
	#riocelestetubing .row > div:first-child,
	#momentSavor .container + .container-fluid .row > div:first-child{order:2;}
	
	#title_box.dining{min-height:85vh;}
	#sec_Restaurant .row > div:first-child{min-height:30vh!important;}
	
	#cta_gastronomy .sec_enjoy > div > div{
		border-bottom:#d6c6b5 solid 1px;
		border-right:none;}
	#cta_gastronomy .sec_enjoy > div > div:last-child{border-bottom:none;}
	.info-restaurant ul{padding-left:0;}
	
	.featureEvent .row > div {width: 50%;}
	.listSeeExp li{display:inherit;}
	.listSeeExp li strong{width:inherit;}
	
	#locationUs .row > div{width: 100%;}
	#contactUsForm .row{gap:20px 0;}
	
	#footWBottom .row > div{margin-bottom: 25px;}
}

/* ::::::::::::: min-width: 600px ::::::::::::: */
@media(max-width:600px){
	body{font-size:16px;}
	#title_box{font-size:14px;}
	#title_box .sec_title{font-size:32px;}
	#title_box .sec_subtitle{font-size:15px;}
	
	#introSection .sec_title,	
	section .sec_title,
	.room-description .room-heading .titleRoom,
	section .titleExp{font-size:28px;}
	
	#roomsList .shortDescRoom .titleRoom,
	.room-description .room-body .subtitleRoom{font-size:24px;}
		
	.activitiesWildlife .row > div{margin-bottom:15px!important;}
	.activitiesWildlife .row > div,
	#roomsList .row > div{width:initial;}
	
	#roomsList{max-width:80%;}
	#roomsList .shortDescRoom{margin-top:25px;}
	.splide__pagination__page{
		margin-left:5px;
		margin-right:5px;}
	
	#sec_activities .desc_activities{
		background:#2b382f;
		position:initial;}
	
	#sustainability .rimg{min-height:230px;}
	#sustainability .rimg > div {width: calc(70% - 0.75%);}
	#sustainability .rimg div + div {width: calc(30% - 0.75%);}
	
	#restaurantAction .promoRestaurant{height:85vh;}
	#momentSavor .bg{height:45vh;}
	
	#location .plansLocation{font-size:11px;}
	#location .plansLocation .planItems > div{
		flex-direction:column;
		text-align:center;}
	#location .plansLocation .planItems > div img{margin-bottom:10px;}
	
	.room-description{padding:initial;}
	.room-description .room-heading .row > div,
	.room-description .room-body .row > div{width: 100%;}
	.room-description .room-heading > div div + div{justify-content:left;}
	.room-description .room-heading a.btn{margin-top:20px;}
	#outstanding-experiences .txtBox,
	#nature-discover .txtBox,
	section #sec_Restaurant .txtBox,
	#momentSavor .txtBox{
		padding-left:initial;
		padding-right:initial;}
	
	.listSeeExp{margin-top:0;}
	
	.us-estate-products .row > div div {padding: initial !important;}
	#certification{overflow-x:visible;}
	#cta_gastronomy .info-restaurant a{margin-bottom:10px;}
	
	.featureEvent .row > div,
	.data-contact .row > div{width:100%;}
	
	.grid-wrapper{
		grid-gap:5px;
		grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));
		grid-auto-rows:inherit;}
	
	#footWCopy{font-size:13px;}
	
	#title_box.blog-post .sec_title{font-size:23px;}
	.article-main .post-img-feature.outBox{
		margin-left:0;
		margin-right:0;}
}
/* ::::::::::::: min-width: 2000px ::::::::::::: */

@media (min-width:2000px){
	html{background:#6b7546;}
	body{margin: 0 auto;}
	body,
	#headerWeb{max-width: 2000px;}
	#headerWeb{
		left:auto;
		right:auto;}
}

/* ::::::::::::: contact form: status, reCAPTCHA, honeypot ::::::::::::: */
.hp-field{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;}
.grecaptcha-badge{visibility:hidden;}
.recaptcha-note{
	color:#777;
	font-size:12px;
	line-height:1.5;
	margin:0 12px;
	text-align:left;}
.recaptcha-note a{color:#6b7546;}
#message-sent{
	display:none;
	font-size:15px;
	padding:12px 15px;
	text-align:left;}
#message-sent.is-error{
	background:#fbeee6;
	border-left:4px solid #a6623d;
	border-radius:4px;
	color:#7a3f20;}
#contactUsForm button[disabled]{opacity:.6;cursor:wait;}

/* ::::::::::::: thank you page ::::::::::::: */
#title_box.thankyou-hero{min-height:360px;}
.thankyou-box{
	background:#fff;
	border-bottom:#6b7546 solid 3px;
	box-shadow:0 0 25px rgba(0,0,0,.08);
	margin:0 auto;
	max-width:760px;
	padding:45px 40px 40px;}
.thankyou-check{
	background:#cdd52f;
	border-radius:50%;
	color:#2b382f;
	font-size:40px;
	font-weight:700;
	height:80px;
	line-height:80px;
	margin:0 auto 25px;
	width:80px;}
.thankyou-box h2{margin-bottom:15px;}
.thankyou-urgent{
	background:#f2f4cb;
	border-radius:4px;
	font-size:16px;
	padding:12px 15px;}
.thankyou-actions{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	justify-content:center;
	margin-top:30px;}
.thankyou-actions .btn-outline{
	background:transparent;
	border:2px solid #6b7546;
	color:#6b7546;}
.thankyou-actions .btn-outline:hover{
	background:#6b7546;
	color:#fff;}
@media(max-width:576px){
	.thankyou-box{padding:35px 20px 30px;}
	.thankyou-actions .btn{width:100%;}
}