@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;500;700;900&display=swap");
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-family: "Mulish", sans-serif;
	font-weight: 300;
	font-size: 1.5em;
}

img {
	max-width: 100%;
	display: block;
}

.img80 {
	max-width: 80%;
	display: block;
}

.contenedor {
	max-width: 1920px;
	margin: 0 auto;
}

.displayBlock {
	display: block !important;
}

.displayNone {
	display: none;
}

.mt1_5 {
	margin-top: 1.5em !important;
}

.mb1_5 {
	margin-bottom: 1.5em;
}

.mb250px {
	margin-bottom: 250px !important;
}

.mt250px {
	margin-top: 250px !important;
}

.backRojo {
	background-color: #de3730 !important;
}

.textBlanco {
	color: #ffffff !important;
}

.flexPtn1 {
	-webkit-box-flex: 0.1;
	-ms-flex: 0.1;
	flex: 0.1;
}

.borderBottom {
	border-bottom: 1px solid #bfc3b7;
}

.txtCenter {
	text-align: center;
}

.txtLeft {
	text-align: left !important;
}

.txtDecoration {
	text-decoration: underline;
}

.noBorderBottom {
	border-bottom: none !important;
}

.dFlexSpaceAround {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.dFlexFdColumCenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.dFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.f4em {
	font-size: 4em !important;
}

.extraBold {
	font-weight: 900;
}

.borderLeft {
	border-left: 1px solid #bfc3b7;
}

.borderRight {
	border-right: 1px solid #bfc3b7;
}

.fontColorAzul {
	color: #052978 !important;
}

.fontColorRojo {
	color: #de3730 !important;
}

.img-zoom {
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition:
		transform 0.5s ease,
		-webkit-transform 0.5s ease;
	/* Controla la duración y suavidad del efecto */
}

.img-zoom:hover {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	/* Aumenta el tamaño de la imagen al pasar el cursor */
}

.zoom-background {
	background-image:
		linear-gradient(1deg, #000 0%, #000000 5%, transparent 55%),
		url(/images/home-adrenaline.jpg);
	background-position: center center;
	background-size: cover;
	height: 300px;
	/* Ajusta según tu diseño */
	width: 100%;
	/* Ajusta según tu diseño */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: white;
	/* Ajusta el color del texto según tu diseño */
	-webkit-transition: background-size 0.5s ease;
	transition: background-size 0.5s ease;
	/* Transición suave */
}

a:hover .zoom-background {
	background-size: 150%;
	/* Zoom en la imagen de fondo */
}

.zoom-background p {
	z-index: 1;
	/* Asegura que el texto esté por encima del fondo */
	font-size: 24px;
	/* Ajusta el tamaño del texto */
}

.header .logo {
	text-align: center;
	margin-top: 1em;
}
@media screen and (min-width: 64em) {
	.header .logo {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #ffffff;
	}
	.header .logo img {
		width: 120px;
	}
}
@media screen and (min-width: 64em) and (min-width: 80em) {
	.header .logo img {
		width: 150px;
	}
}
@media screen and (min-width: 64em) and (min-width: 90em) {
	.header .logo img {
		width: 180px;
	}
}

@media screen and (min-width: 64em) {
	.header .infoHeader {
		-webkit-box-flex: 3;
		-ms-flex: 3;
		flex: 3;
	}
}
@media screen and (min-width: 64em) {
	.header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.barraGris {
	background: #4b4d4ecc;
}
.barraGris ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	list-style: none;
	font-size: 0.7em;
	font-family: "Mulish", sans-serif;
}
@media screen and (min-width: 48em) {
	.barraGris ul li:first-child {
		margin-right: 0.9em;
	}
}
.barraGris ul li {
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.barraGris ul li span:first-child {
	margin-right: 0.4em;
}
.barraGris ul li span:first-child img {
	width: 1.3em;
}
@media screen and (min-width: 48em) {
	.barraGris ul {
		font-size: 0.6em;
	}
}
@media screen and (min-width: 90em) {
	.barraGris ul {
		font-size: 15.78px;
	}
}
@media screen and (min-width: 48em) {
	.barraGris {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 35px;
	}
}
@media screen and (min-width: 64em) {
	.barraGris {
		height: 40px;
	}
}
@media screen and (min-width: 80em) {
	.barraGris {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 50px;
	}
	.barraGris div:first-child {
		margin-left: 30px;
	}
	.barraGris div:last-child {
		margin-right: 30px;
	}
}
@media screen and (min-width: 90em) {
	.barraGris {
		height: 70px;
	}
}

.menuTopPrincipal {
	background-color: #f2f2f2;
}
.menuTopPrincipal .btnMovil {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-item-align: center;
	align-self: center;
	padding-right: 5px;
}
@media screen and (min-width: 48em) {
	.menuTopPrincipal .btnMovil {
		display: none;
	}
}
.menuTopPrincipal .btnMovil a {
	color: #ffffff;
	background-color: #202537;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0.1em;
}
.menuTopPrincipal .btnMovil a svg {
	width: 1.2em;
}
.menuTopPrincipal nav ul.navegacion {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: none;
	margin: 0;
	padding: 0;
}
.menuTopPrincipal nav ul.navegacion li {
	text-align: center;
	border-bottom: 1px solid #595e72;
}
.menuTopPrincipal nav ul.navegacion li a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #595e72;
	font-size: 0.9em;
	padding: 5px;
	display: block;
	font-weight: 700;
	font-family: "Mulish", sans-serif;
}
@media screen and (min-width: 48em) {
	.menuTopPrincipal nav ul.navegacion li a {
		font-size: 0.5em;
	}
}
@media screen and (min-width: 64em) {
	.menuTopPrincipal nav ul.navegacion li a {
		padding: 7px;
	}
}
@media screen and (min-width: 80em) {
	.menuTopPrincipal nav ul.navegacion li a {
		padding: 22px;
	}
}
@media screen and (min-width: 90em) {
	.menuTopPrincipal nav ul.navegacion li a {
		font-size: 15.78px;
		font-weight: normal;
		padding: 30px;
	}
}
.menuTopPrincipal nav ul.navegacion li a:hover {
	color: #ffffff;
}
.menuTopPrincipal nav ul.navegacion li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 3;
}
.menuTopPrincipal nav ul.navegacion li ul li {
	background-color: #bfc3b7;
}
.menuTopPrincipal nav ul.navegacion li ul li:nth-child(2) {
	background-color: #bfc3b7;
}
.menuTopPrincipal nav ul.navegacion li ul li:nth-child(2) a {
	color: #595e72;
}
@media screen and (min-width: 48em) {
	.menuTopPrincipal nav ul.navegacion li ul {
		display: none;
	}
}
@media screen and (min-width: 48em) {
	.menuTopPrincipal nav ul.navegacion li {
		border-bottom: none;
		border-right: 1px solid #bfc3b7;
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
}
@media screen and (min-width: 64em) {
	.menuTopPrincipal nav ul.navegacion li {
		height: 60px;
	}
}
@media screen and (min-width: 80em) {
	.menuTopPrincipal nav ul.navegacion li {
		height: 80px;
	}
}
.menuTopPrincipal nav ul.navegacion li:hover {
	background-color: #052978;
	color: #ffffff;
}
.menuTopPrincipal nav ul.navegacion li:hover ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
.menuTopPrincipal nav ul.navegacion li:hover ul li {
	border-bottom: 1px solid #bfc3b7;
	background-color: #ffffff;
}
.menuTopPrincipal nav ul.navegacion li:hover ul li:nth-child(2) {
	background-color: #ffffff;
}
.menuTopPrincipal nav ul.navegacion li:hover ul li:nth-child(2) a {
	color: #595e72;
}
.menuTopPrincipal nav ul.navegacion li:hover ul li:hover {
	background-color: #f2f2f2;
}
.menuTopPrincipal nav ul.navegacion li:hover ul li:hover a {
	color: #595e72;
}
.menuTopPrincipal nav ul.navegacion li:nth-child(2) {
	background-color: #7cb135;
}
.menuTopPrincipal nav ul.navegacion li:nth-child(2) a {
	color: #ffffff;
}
@media screen and (min-width: 48em) {
	.menuTopPrincipal nav ul.navegacion {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.sliderRamener {
	background-image: url(/images/ramener.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCulture {
	background-image: url(/images/culture.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderInfosPratiques {
	background-image: url(/images/infos-pratiques.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderSoleilEtPlage {
	background-image: url(/images/soleit-et-plage.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderIslaDelCoco {
	background-image: url(/images/parques-nacionales/isla-del-coco.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderPiedrasBlancas {
	background-image: url(/images/parques-nacionales/piedras-blancas.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCorcovado {
	background-image: url(/images/parques-nacionales/corcovado.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderLaAmistad {
	background-image: url(/images/parques-nacionales/la-amistad.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderMarinoBallena {
	background-image: url(/images/parques-nacionales/marino-ballena.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderChirripo {
	background-image: url(/images/parques-nacionales/chirripo.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTortuguero {
	background-image: url(/images/parques-nacionales/tortuguero.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCahuita {
	background-image: url(/images/parques-nacionales/cahuita.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderBarbillla {
	background-image: url(/images/parques-nacionales/barbilla.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTapanti {
	background-image: url(/images/parques-nacionales/tapanti.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderQuetzales {
	background-image: url(/images/parques-nacionales/quetzales.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderManuelAntonio {
	background-image: url(/images/parques-nacionales/manuel-antonio.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderLaCangreja {
	background-image: url(/images/parques-nacionales/la-cangreja.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCarara {
	background-image: url(/images/parques-nacionales/carara.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVolcanTurrialba {
	background-image: url(/images/parques-nacionales/volcan-turrialba.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVolcanIrazu {
	background-image: url(/images/parques-nacionales/volcan-irazu.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVolcanArenal {
	background-image: url(/images/parques-nacionales/volcan-arenal.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVolcanPoas {
	background-image: url(/images/parques-nacionales/volcan-poas.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderJuanCastro {
	background-image: url(/images/parques-nacionales/juan-castro.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderMariano {
	background-image: url(/images/parques-nacionales/mariano.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderDiria {
	background-image: url(/images/parques-nacionales/diria.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderBarraHonda {
	background-image: url(/images/parques-nacionales/barra-honda.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderPaloVerde {
	background-image: url(/images/parques-nacionales/palo-verde.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTenorio {
	background-image: url(/images/parques-nacionales/tenorio.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderRinconDeLaVieja {
	background-image: url(/images/parques-nacionales/rincon-de-la-vieja.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderGuanacaste {
	background-image: url(/images/parques-nacionales/guanacaste.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderSantaRosa {
	background-image: url(/images/parques-nacionales/santa-rosa.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.slider {
	background-image: url(/images/header.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderRafting {
	background-image: url(/images/header-rafting.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderKayak {
	background-image: url(/images/actividades/header-kayak.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderSurf {
	background-image: url(/images/actividades/header-surf.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderPlancheAVoile {
	background-image: url(/images/actividades/header-planche-a-voile.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderPlongee {
	background-image: url(/images/actividades/header-plongee-sous-marine.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderPecheSportive {
	background-image: url(/images/actividades/header-peche-sportive.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCanopy {
	background-image: url(/images/actividades/header-canopy.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderCanyoning {
	background-image: url(/images/actividades/header-canyoning.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVvtEt {
	background-image: url(/images/actividades/header-vvt-et.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEnduro {
	background-image: url(/images/actividades/header-enduro.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderDecouverte {
	background-image: url(/images/actividades/header-decouverte.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderFauneetFlore {
	background-image: url(/images/actividades/header-observation-faune-et-flore.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderObservation {
	background-image: url(/images/actividades/header-observation-d-oiseaux.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTortuesMarines {
	background-image: url(/images/actividades/header-tortues-marines.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderBaleinesEtDauphins {
	background-image: url(/images/actividades/header-baleines-et-dauphins.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderVisitesCulturelles {
	background-image: url(/images/actividades/header-visites-culturelles-et-sites-archeologiques.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderRandonnee {
	background-image: url(/images/actividades/header-randonnee.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderDetente {
	background-image: url(/images/actividades/header-detente.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderRandonnees {
	background-image: url(/images/actividades/header-randonnees-pedestres.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderRandonneesACheval {
	background-image: url(/images/actividades/header-randonnees-a-cheval.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderDetenteEtBien {
	background-image: url(/images/actividades/header-detente-et-bien-etre.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderQuiSommesNous {
	background-image: url(/images/header-qui.sommes-nous.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderHebergement {
	background-image: url(/images/header-hebergement.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderHome {
	/*align-items: center;
  animation: zoomInBackground 3s ease forwards;
  background-image: url(/images/header-home.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120%;
  background-size: cover;
  display: flex;
  height: 66vh;*/
}
@media screen and (min-width: 64em) {
	.sliderHome {
		height: 100vh;
	}
}
.sliderHome .swiper-container {
	position: relative;
}
.sliderHome .swiper-container .swiper-wrapper .swiper-slide {
	/*display: flex;
      justify-content: center;
      align-items: center;*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 120%;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 90vh;
}
.sliderHome .swiper-container .swiper-wrapper .swiper-slide img {
	display: block;
	width: 100%;
	height: inherit;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-animation: zoomInBackground 3s ease forwards;
	animation: zoomInBackground 3s ease forwards;
}
.sliderHome .swiper-container .swiper-button-next,
.sliderHome .swiper-container .swiper-button-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.sliderHome .swiper-container .swiper-button-next,
.sliderHome .swiper-container .swiper-button-prev {
	color: yellow;
	text-shadow: 2px 2px 4px #000000;
}
.sliderHome .swiper-container .swiper-button-next {
	right: 10px;
}
.sliderHome .swiper-container .swiper-button-prev {
	left: 10px;
}
.sliderHome .tituloHome {
	position: absolute;
	top: 50%;
	left: 15%;
	z-index: 1;
}
@media screen and (min-width: 31em) {
	.sliderHome .tituloHome {
		left: 23%;
	}
}
@media screen and (min-width: 48em) {
	.sliderHome .tituloHome {
		left: 17%;
	}
}
@media screen and (min-width: 64em) {
	.sliderHome .tituloHome {
		position: absolute;
		top: 35%;
		left: 15%;
		z-index: 1;
	}
}
@media screen and (min-width: 80em) {
	.sliderHome .tituloHome {
		left: 20%;
		top: 60%;
	}
}
.sliderHome .tituloHome h2 {
	font-weight: 900;
	font-size: 0.7em;
	color: #ffffff;
	text-shadow: 0px 7.2px 7.2px rgba(0, 0, 0, 0.5);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	opacity: 0;
	-webkit-animation: fadeIn 3s ease forwards;
	animation: fadeIn 3s ease forwards;
	z-index: 10;
}
@media screen and (min-width: 48em) {
	.sliderHome .tituloHome h2 {
		padding-bottom: 1em;
		font-size: 1.2em;
	}
}
@media screen and (min-width: 64em) {
	.sliderHome .tituloHome h2 {
		font-size: 1.8em;
	}
}
@media screen and (min-width: 80em) {
	.sliderHome .tituloHome h2 {
		font-size: 2.5em;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.sliderHome .tituloHome h2:after {
	content: "";
	background-image: url(/images/svg/linea.svg);
	background-repeat: no-repeat;
	background-size: 15rem;
	content: "";
	display: block;
	height: 1rem;
	margin: 0 auto;
	width: 10rem;
}
@media screen and (min-width: 48em) {
	.sliderHome .tituloHome h2:after {
		height: 1rem;
		background-size: 20rem;
		width: 20rem;
	}
}
@media screen and (min-width: 64em) {
	.sliderHome .tituloHome h2:after {
		width: 25rem;
	}
}
@media screen and (min-width: 80em) {
	.sliderHome .tituloHome h2:after {
		height: 3rem;
		background-size: 30rem;
		width: 20rem;
	}
}

.zoomInBackground {
	-webkit-animation: zoomInBackground 3s ease forwards;
	animation: zoomInBackground 3s ease forwards;
}

@-webkit-keyframes zoomInBackground {
	0% {
		background-size: 120%;
		/* Inicia con un leve zoom */
	}
	100% {
		background-size: 100%;
		/* Vuelve al tamaño original */
	}
}

@keyframes zoomInBackground {
	0% {
		background-size: 120%;
		/* Inicia con un leve zoom */
	}
	100% {
		background-size: 100%;
		/* Vuelve al tamaño original */
	}
}
.sliderPlanifiesVosVacances {
	background-image: url(/images/header-planifiez.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTransport {
	background-image: url(/images/header-transporte.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEnVoiture {
	background-image: url(/images/transport/header-en-voiture.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEnAvion {
	background-image: url(/images/transport/header-en-avion.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEnBus {
	background-image: url(/images/transport/header-en-bus.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEnBateau {
	background-image: url(/images/transport/header-en-bateau.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTaxi {
	background-image: url(/images/transport/header-taxi.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderTrain {
	background-image: url(/images/transport/header-train.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderEcoturim {
	background-image: url(/images/ecoturism/header-ecoturism.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 66vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sliderSettings div h2 {
	font-weight: 900;
	font-size: 1.5em;
	color: #ffffff;
	text-shadow: 0px 7.2px 7.2px rgba(0, 0, 0, 0.5);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	opacity: 0;
	-webkit-animation: fadeIn 3s ease forwards;
	animation: fadeIn 3s ease forwards;
}
@media screen and (min-width: 48em) {
	.sliderSettings div h2 {
		padding-bottom: 1em;
		font-size: 2.7em;
	}
}
@media screen and (min-width: 64em) {
	.sliderSettings div h2 {
		font-size: 3.4em;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.sliderSettings div h2:after {
	content: "";
	background-image: url(/images/svg/linea.svg);
	background-repeat: no-repeat;
	background-size: 15rem;
	content: "";
	display: block;
	height: 1rem;
	margin: 0 auto;
	width: 15rem;
}
@media screen and (min-width: 48em) {
	.sliderSettings div h2:after {
		height: 2rem;
		background-size: 25rem;
		width: 20rem;
	}
}
@media screen and (min-width: 64em) {
	.sliderSettings div h2:after {
		width: 25rem;
	}
}
@media screen and (min-width: 48em) {
	.sliderSettings {
		height: 72vh;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
}
@media screen and (min-width: 64em) {
	.sliderSettings {
		height: 100vh;
		top: -100px;
	}
}
@media screen and (min-width: 80em) {
	.sliderSettings {
		top: -150px;
	}
}

section.botones div.contenedor ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
section.botones div.contenedor ul li {
	border-bottom: 1px solid #bfc3b7;
	padding: 1.5em;
}
section.botones div.contenedor ul li a {
	text-decoration: none;
	color: #72768b;
	font-weight: 900;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
section.botones div.contenedor ul li a:hover {
	color: #052978;
}
@media screen and (min-width: 48em) {
	section.botones div.contenedor ul li {
		border-bottom: none;
		font-size: 0.4em;
	}
}
@media screen and (min-width: 64em) {
	section.botones div.contenedor ul li {
		font-size: 0.5em;
		padding-left: 2.5em;
		padding-right: 2.5em;
	}
}
@media screen and (min-width: 80em) {
	section.botones div.contenedor ul li {
		font-size: 0.7em;
	}
}
section.botones div.contenedor ul li:nth-child(2),
section.botones div.contenedor ul li:nth-child(4) {
	border-left: 1px solid #bfc3b7;
	border-right: 1px solid #bfc3b7;
}
section.botones div.contenedor ul li:hover {
	color: #052978;
}
@media screen and (min-width: 48em) {
	section.botones div.contenedor ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media screen and (min-width: 48em) {
	section.botones div.contenedor {
		margin-top: 0.8em;
		margin-bottom: 0.8em;
		border-bottom: 1px solid #bfc3b7;
		padding-bottom: 1.5em;
	}
}
@media screen and (min-width: 80em) {
	section.botones {
		margin-top: -100px;
	}
}

section.actividades div.contenedor div:first-child {
	padding: 0.7em;
}
section.actividades div.contenedor div:first-child h2 {
	text-transform: uppercase;
	color: #052978;
	font-size: 0.9em;
	text-align: center;
}
section.actividades div.contenedor div:first-child p {
	color: #72768b;
	font-size: 0.8em;
	line-height: 40px;
}
section.actividades div.contenedor div:first-child div.textoActividad p {
	text-align: left;
	padding-left: 10em;
	padding-right: 10em;
}
section.actividades div.contenedor div.listaActividades {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5px;
	margin-bottom: 3em;
	padding: 0.9em;
}
section.actividades div.contenedor div.listaActividades a {
	text-decoration: none;
}
section.actividades div.contenedor div.listaActividades a div {
	position: relative;
	display: block;
	width: 100%;
	height: 320px;
	overflow: hidden;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
section.actividades div.contenedor div.listaActividades a div:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 320;
}
section.actividades div.contenedor div.listaActividades a div > .inner {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
section.actividades div.contenedor div.listaActividades a div p {
	color: #ffffff;
	text-align: center;
	font-weight: 900;
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividades a div p {
		font-size: 1.5em;
	}
}
@media screen and (min-width: 80em) {
	section.actividades div.contenedor div.listaActividades a div p {
		font-size: 1em;
		text-align: left;
		padding-left: 1em;
		padding-bottom: 1em;
	}
}
@media screen and (min-width: 36em) {
	section.actividades div.contenedor div.listaActividades a div {
		height: 400px;
	}
}
@media screen and (min-width: 48em) {
	section.actividades div.contenedor div.listaActividades a div {
		height: 500px;
	}
}
@media screen and (min-width: 80em) {
	section.actividades div.contenedor div.listaActividades {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 10px;
	}
}
section.actividades div.contenedor div.listaActividadesDecouverte {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5px;
	margin-bottom: 3em;
	padding: 0.5em;
}
section.actividades div.contenedor div.listaActividadesDecouverte a {
	text-decoration: none;
}
section.actividades div.contenedor div.listaActividadesDecouverte a div {
	position: relative;
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
section.actividades div.contenedor div.listaActividadesDecouverte a div:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 320;
}
section.actividades
	div.contenedor
	div.listaActividadesDecouverte
	a
	div
	> .inner {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
section.actividades div.contenedor div.listaActividadesDecouverte a div p {
	color: #ffffff;
	text-align: center;
	font-weight: 900;
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesDecouverte a div p {
		font-size: 1.2em;
		padding: 0.9em;
		text-align: left;
	}
}
@media screen and (min-width: 80em) {
	section.actividades div.contenedor div.listaActividadesDecouverte a div p {
		font-size: 1em;
		text-align: left;
		padding-left: 1em;
		padding-bottom: 1em;
	}
}
@media screen and (min-width: 36em) {
	section.actividades div.contenedor div.listaActividadesDecouverte a div {
		height: 400px;
	}
}
@media screen and (min-width: 48em) {
	section.actividades div.contenedor div.listaActividadesDecouverte a div {
		height: 400px;
	}
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesDecouverte a div {
		height: 500px;
	}
}
@media screen and (min-width: 48em) {
	section.actividades div.contenedor div.listaActividadesDecouverte {
		grid-template-columns: repeat(3, 1fr);
		padding: 2em;
	}
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesDecouverte {
		grid-gap: 30px;
		padding-left: 10em;
		padding-right: 10em;
	}
}
section.actividades div.contenedor div.listaActividadesCulture {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 5px;
	margin-bottom: 3em;
	padding: 0.5em;
}
section.actividades div.contenedor div.listaActividadesCulture a {
	text-decoration: none;
}
section.actividades div.contenedor div.listaActividadesCulture a div {
	position: relative;
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
section.actividades div.contenedor div.listaActividadesCulture a div:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 320;
}
section.actividades div.contenedor div.listaActividadesCulture a div > .inner {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
section.actividades div.contenedor div.listaActividadesCulture a div p {
	color: #ffffff;
	text-align: center;
	font-weight: 900;
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesCulture a div p {
		font-size: 1.2em;
		padding: 0.9em;
		text-align: left;
	}
}
@media screen and (min-width: 80em) {
	section.actividades div.contenedor div.listaActividadesCulture a div p {
		font-size: 1em;
		text-align: left;
		padding-left: 1em;
		padding-bottom: 1em;
	}
}
@media screen and (min-width: 36em) {
	section.actividades div.contenedor div.listaActividadesCulture a div {
		height: 400px;
	}
}
@media screen and (min-width: 48em) {
	section.actividades div.contenedor div.listaActividadesCulture a div {
		height: 400px;
	}
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesCulture a div {
		height: 500px;
	}
}
@media screen and (min-width: 48em) {
	section.actividades div.contenedor div.listaActividadesCulture {
		grid-template-columns: repeat(4, 1fr);
		padding: 2em;
	}
}
@media screen and (min-width: 64em) {
	section.actividades div.contenedor div.listaActividadesCulture {
		grid-gap: 30px;
		padding-left: 10em;
		padding-right: 10em;
	}
}

section.homeSection1 {
	margin-top: 1.5em;
}
section.homeSection1 h2 {
	color: #202537;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
section.homeSection1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
section.homeSection1 ul li a {
	text-decoration: none;
}
section.homeSection1 ul li a div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #202537;
	padding: 10px;
}
section.homeSection1 ul li a div span {
	border: 1px solid #fce8ea;
	-webkit-box-shadow:
		0px 4px 4px rgba(0, 0, 0, 0.04),
		0px 0px 4px rgba(0, 0, 0, 0.06),
		0px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow:
		0px 4px 4px rgba(0, 0, 0, 0.04),
		0px 0px 4px rgba(0, 0, 0, 0.06),
		0px 0px 1px rgba(0, 0, 0, 0.04);
	border-radius: 24px;
	padding: 1.5em;
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
section.homeSection1 ul li a div span img {
	width: 100px;
	height: 100px;
}
@media screen and (min-width: 48em) {
	section.homeSection1 ul li a div span {
		padding: 1em;
		width: 150px;
	}
}
section.homeSection1 ul li a div h3 {
	margin-bottom: 0;
}
@media screen and (min-width: 48em) {
	section.homeSection1 ul li a div h3 {
		font-size: 0.9em;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection1 ul li a div h3 {
		font-size: 0.8em;
	}
}
section.homeSection1 ul li a div p {
	font-size: 0.8em;
	font-weight: 200;
}
@media screen and (min-width: 48em) {
	section.homeSection1 ul li a div p {
		font-size: 0.7em;
		width: 235px;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection1 ul li a div p {
		font-size: 0.6em;
		width: 315px;
	}
}
@media screen and (min-width: 48em) {
	section.homeSection1 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2em;
	}
}
@media screen and (min-width: 48em) {
	section.homeSection1 {
		margin-top: 3em;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection1 {
		margin-top: 3em;
		font-size: 1.5em;
	}
}

section.homeSection2 h2 {
	color: #202537;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
section.homeSection2 .listaActividadesHome {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 5px;
	margin-bottom: 3em;
	padding: 0.5em;
}
section.homeSection2 .listaActividadesHome a {
	text-decoration: none;
}
section.homeSection2 .listaActividadesHome a div {
	position: relative;
	display: block;
	width: 100%;
	height: 90vh;
	overflow: hidden;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
section.homeSection2 .listaActividadesHome a div:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 320;
}
section.homeSection2 .listaActividadesHome a div > .inner {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
section.homeSection2 .listaActividadesHome a div p {
	color: #ffffff;
	text-align: center;
	font-weight: 900;
	text-align: left;
	padding-left: 20px;
}
section.homeSection2 .listaActividadesHome a div p small {
	display: block;
	font-weight: 100;
}
@media screen and (min-width: 64em) {
	section.homeSection2 .listaActividadesHome a div p {
		font-size: 1.2em;
		padding: 0.9em;
		text-align: left;
	}
}
@media screen and (min-width: 80em) {
	section.homeSection2 .listaActividadesHome a div p {
		font-size: 1em;
		text-align: left;
		padding-left: 1em;
		padding-bottom: 1em;
	}
}
@media screen and (min-width: 36em) {
	section.homeSection2 .listaActividadesHome a div {
		height: 90vh;
	}
}
@media screen and (min-width: 48em) {
	section.homeSection2 .listaActividadesHome a div {
		height: 90vh;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection2 .listaActividadesHome a div {
		height: 90vh;
	}
}
@media screen and (min-width: 48em) {
	section.homeSection2 .listaActividadesHome {
		grid-template-columns: repeat(3, 1fr);
		padding: 2em;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection2 .listaActividadesHome {
		grid-gap: 30px;
		padding-left: 10em;
		padding-right: 10em;
	}
}

section.homeSection3 h2 {
	color: #202537;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
section.homeSection3 ul.listaComentarios {
	list-style: none;
	margin: 0;
	padding: 0.5em;
}
section.homeSection3 ul.listaComentarios li {
	border: 1px solid #fce8ea;
	-webkit-box-shadow:
		0px 4px 4px rgba(0, 0, 0, 0.04),
		0px 0px 4px rgba(0, 0, 0, 0.06),
		0px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow:
		0px 4px 4px rgba(0, 0, 0, 0.04),
		0px 0px 4px rgba(0, 0, 0, 0.06),
		0px 0px 1px rgba(0, 0, 0, 0.04);
	border-radius: 24px;
	text-align: center;
	margin-bottom: 1em;
}
section.homeSection3 ul.listaComentarios li p:first-child {
	color: #052978;
	font-weight: bold;
}
section.homeSection3 ul.listaComentarios li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
section.homeSection3 ul.listaComentarios li ul li {
	border: none;
	border-radius: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
}
section.homeSection3 ul.listaComentarios li p:nth-of-type(2) {
	font-size: 0.8em;
	font-weight: 200;
	padding: 0 0.5em 1em 0.5em;
	margin: 0;
	line-height: 30px;
}
@media screen and (min-width: 48em) {
	section.homeSection3 ul.listaComentarios {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 0.7em;
	}
}
@media screen and (min-width: 80em) {
	section.homeSection3 ul.listaComentarios {
		padding: 2em;
		gap: 2em;
	}
}

section.homeSection4 {
	background-image: url(/images/home-video.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 80vh;
	top: 0;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.homeSection5 {
	margin-top: 2em;
}
section.homeSection5 h2 {
	color: #202537;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
section.homeSection5 .formcontact {
	padding: 0.6em;
}
@media screen and (min-width: 64em) {
	section.homeSection5 .formcontact div:first-child {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection5 .formcontact div:nth-child(2) {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
section.homeSection5 .formcontact input,
section.homeSection5 .formcontact textarea {
	background-color: #f2f2f2;
	border: none;
	width: 100%;
	font-size: 0.6em;
}
@media screen and (min-width: 64em) {
	section.homeSection5 .formcontact input,
	section.homeSection5 .formcontact textarea {
		padding-left: 10px;
	}
}
section.homeSection5 .formcontact input[type="text"] {
	margin-bottom: 0.5em;
	height: 40px;
}
@media screen and (min-width: 64em) {
	section.homeSection5 .formcontact input[type="text"] {
		height: 50px;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection5 .formcontact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px;
		padding-left: 2em;
		padding-right: 2em;
	}
}
section.homeSection5 .btnSend {
	padding: 0 0.6em;
	margin: 0;
}
section.homeSection5 .btnSend input[type="submit"] {
	width: 100%;
	background-color: #052978;
	color: #ffffff;
	font-size: 0.8em;
	height: 40px;
	border: none;
	border-radius: 5px;
}
@media screen and (min-width: 64em) {
	section.homeSection5 .btnSend input[type="submit"] {
		width: 30%;
		padding: 0 20px;
		height: 50px;
	}
}
@media screen and (min-width: 64em) {
	section.homeSection5 .btnSend {
		text-align: right;
		padding-left: 2em;
		padding-right: 2em;
	}
}

section.botonesReservar {
	margin-top: 1em;
}
section.botonesReservar .contenedor div:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
section.botonesReservar .contenedor div:first-child ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
section.botonesReservar .contenedor div:first-child ul li {
	padding: 10px;
}
section.botonesReservar .contenedor div:first-child ul li a {
	text-decoration: none;
	width: 100%;
	height: 60px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
}
section.botonesReservar .contenedor div:first-child ul li a img {
	margin-right: 0.3em;
}
@media screen and (min-width: 48em) {
	section.botonesReservar .contenedor div:first-child ul li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
section.botonesReservar .contenedor div:first-child ul li:before {
	content: "";
	padding-right: 0px;
}
section.botonesReservar .contenedor div:first-child ul li:first-child a {
	border: 1px solid #de3730;
	color: #de3730;
}
section.botonesReservar .contenedor div:first-child ul li:nth-child(2) a {
	background-color: #de3730;
	color: #ffffff;
}
section.botonesReservar .contenedor div:first-child ul li:nth-child(2) a img {
	margin-right: 0.3em;
}
@media screen and (min-width: 48em) {
	section.botonesReservar .contenedor div:first-child ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}
@media screen and (min-width: 64em) {
	section.botonesReservar .contenedor div:first-child ul {
		-webkit-box-flex: 0.9;
		-ms-flex: 0.9;
		flex: 0.9;
	}
}
@media screen and (min-width: 80em) {
	section.botonesReservar .contenedor div:first-child ul {
		-webkit-box-flex: 0.5;
		-ms-flex: 0.5;
		flex: 0.5;
	}
}
section.botonesReservar .contenedor a.boton {
	background-color: #de3730;
	padding: 0.8em 1em;
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	border-radius: 10px;
	margin: 10px;
}
@media screen and (min-width: 48em) {
	section.botonesReservar .contenedor a.boton {
		background-color: #de3730;
		padding: 0.8em 1em;
		display: block;
		text-align: center;
		color: #ffffff;
		font-size: 0.9em;
		text-decoration: none;
		border-radius: 10px;
		margin: 10px;
	}
}
@media screen and (min-width: 48em) {
	section.botonesReservar {
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 64em) {
	section.botonesReservar {
		margin-top: -4em;
		margin-bottom: 2.5em;
	}
}

@media screen and (min-width: 64em) {
	section.btnReservarBottom {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	section.btnReservarBottom div.contenedor div ul {
		-webkit-box-flex: 0.2 !important;
		-ms-flex: 0.2 !important;
		flex: 0.2 !important;
	}
}

.textoFueraDiv {
	margin-top: 2em;
}
.textoFueraDiv h2 {
	color: #052978;
	font-weight: 900;
	font-size: 1em;
	text-align: center;
	margin: 0;
}
@media screen and (min-width: 48em) {
	.textoFueraDiv h2 {
		text-align: left;
	}
}
.textoFueraDiv p {
	color: #595e72;
	font-size: 0.8em;
	line-height: 40px;
	padding: 10px;
}
.textoFueraDiv ul {
	color: #595e72;
	list-style: none;
	margin: 0;
	padding: 10px;
	font-size: 0.8em;
}
.textoFueraDiv ul li::before {
	content: "●";
	padding-right: 0.4em;
}
.textoFueraDiv ul li {
	border-bottom: 1px solid #bfc3b7;
	padding-top: 1em;
	padding-bottom: 1em;
}
.textoFueraDiv div form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 100px;
}

section.textos div.contenedor div {
	padding: 10px;
	margin: 0;
}
section.textos div.contenedor h2 {
	color: #052978;
	font-weight: 900;
	font-size: 1em;
	text-align: center;
	margin: 0;
}
@media screen and (min-width: 48em) {
	section.textos div.contenedor h2 {
		text-align: left;
	}
}
@media screen and (min-width: 80em) {
	section.textos div.contenedor p:first-child {
		margin-top: 0;
	}
}
section.textos div.contenedor p {
	color: #595e72;
	font-size: 0.8em;
	line-height: 40px;
}
section.textos div.contenedor img {
	width: 100%;
}
section.textos div.contenedor ul {
	color: #595e72;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
section.textos div.contenedor ul li::before {
	content: "●";
	padding-right: 0.4em;
}
section.textos div.contenedor ul li {
	border-bottom: 1px solid #bfc3b7;
	padding-top: 1em;
	padding-bottom: 1em;
}
@media screen and (min-width: 48em) {
	section.textos div.contenedor .ul2 {
		margin-top: 1.5em;
	}
}
section.textos div.contenedor .backImg {
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
@media screen and (min-width: 48em) {
	section.textos div.contenedor .backImg {
		height: 100%;
	}
}
section.textos div.contenedor .rafting_1 {
	background-image: url("/images/actividades/rafting-1.jpg");
}
section.textos div.contenedor .rafting_2 {
	background-image: url("/images/actividades/rafting-2.jpg");
	margin-top: 1.5em;
}
@media screen and (min-width: 48em) {
	section.textos div.contenedor .rafting_2 {
		margin-top: 0;
	}
}
section.textos div.contenedor .pIndigenes_1 {
	background-image: url("/images/actividades/pIndigenes_1.jpg");
}
section.textos div.contenedor .pIndigenes_2 {
	background-image: url("/images/actividades/pIndigenes_2.jpg");
}
section.textos div.contenedor .kayak_1 {
	background-image: url("/images/actividades/kayak-1.jpg");
}
section.textos div.contenedor .surf_1 {
	background-image: url("/images/actividades/surf-1.jpg");
}
section.textos div.contenedor .plongee_1 {
	background-image: url("/images/actividades/plongee-sous-marine-1.jpg");
}
section.textos div.contenedor .plongee_2 {
	background-image: url("/images/actividades/plongee-sous-marine-2.jpg");
}
section.textos div.contenedor .peche_1 {
	background-image: url("/images/actividades/peche-sportive-1.jpg");
}
section.textos div.contenedor .peche_2 {
	background-image: url("/images/actividades/peche-sportive-2.jpg");
}
section.textos div.contenedor .canopy_1 {
	background-image: url("/images/actividades/canopy-1.jpg");
}
section.textos div.contenedor .canopy_2 {
	background-image: url("/images/actividades/canopy-2.jpg");
}
section.textos div.contenedor .canyoning_1 {
	background-image: url("/images/actividades/canopy-1.jpg");
}
section.textos div.contenedor .vvt_1 {
	background-image: url("/images/actividades/vvt-et-1.jpg");
}
section.textos div.contenedor .enduro_1 {
	background-image: url("/images/actividades/enduro-1.jpg");
}
section.textos div.contenedor .fauneFlore_1 {
	background-image: url("/images/actividades/observation-faune-et-flore-1.jpg");
}
section.textos div.contenedor .fauneFlore_2 {
	background-image: url("/images/actividades/observation-faune-et-flore-2.jpg");
}
section.textos div.contenedor .fauneFlore_3 {
	background-image: url("/images/actividades/observation-faune-et-flore-4.jpg");
}
section.textos div.contenedor .soleit_1 {
	background-image: url("/images/soleit-et-plage-1.jpg");
}
section.textos div.contenedor .soleit_2 {
	background-image: url("/images/soleit-et-plage-fondo-2.jpg");
}
section.textos div.contenedor .soleit_3 {
	background-image: url("/images/soleit-et-plage-5.jpg");
}
section.textos div.contenedor .observation_oiseaux_1 {
	background-image: url("/images/actividades/observation-d-oiseaux-1.jpg");
}
section.textos div.contenedor .observation_oiseaux_2 {
	background-image: url("/images/actividades/observation-d-oiseaux-2.jpg");
	background-position: top;
}
section.textos div.contenedor .toutues_marine_1 {
	background-image: url("/images/actividades/tortues-marines-1.jpg");
}
section.textos div.contenedor .baleines_et_dauphins_1 {
	background-image: url("/images/actividades/baleines-et-dauphins-1.jpg");
}
section.textos div.contenedor .visites_culturelles_1 {
	background-image: url("/images/actividades/visites-culturelles-et-sites-archeologiques-1.jpg");
}
section.textos div.contenedor .visites_culturelles_2 {
	background-image: url("/images/actividades/visites-culturelles-et-sites-archeologiques-3.jpg");
}
section.textos div.contenedor .visites_culturelles_3 {
	background-image: url("/images/actividades/visites-culturelles-et-sites-archeologiques-5.jpg");
}
section.textos div.contenedor .randonnee_1 {
	background-image: url("/images/actividades/randonnee-1.jpg");
}
section.textos div.contenedor .randonnees_pedestres_1 {
	background-image: url("/images/actividades/randonnees-pedestres-1.jpg");
}
section.textos div.contenedor .randonees_a_cheval_1 {
	background-image: url("/images/actividades/randonnees-a-cheval-1.jpg");
}
section.textos div.contenedor .detente_et_bien_1 {
	background-image: url("/images/actividades/detente-et-bien-etre-1.jpg");
}
section.textos div.contenedor .quiSommesNous_1 {
	background-image: url("/images/qui.sommes-nous-1.jpg");
}
section.textos div.contenedor .hebergement_1 {
	background-image: url("/images/hebergement-1.jpg");
}
section.textos div.contenedor .hebergement_2 {
	background-image: url("/images/hebergement-2.jpg");
}
section.textos div.contenedor .enVoiture_1 {
	background-image: url("/images/transport/en-voiture-1.jpg");
}
section.textos div.contenedor .enVoiture_2 {
	background-image: url("/images/transport/en-voiture-2.jpg");
}
section.textos div.contenedor .enAvion_1 {
	background-image: url("/images/transport/en-avion-1.jpg");
}
section.textos div.contenedor .enBus_1 {
	background-image: url("/images/transport/en_bus_1.jpg");
}
section.textos div.contenedor .enBus_2 {
	background-image: url("/images/transport/en_bus_2.jpg");
}
section.textos div.contenedor .enBateau_1 {
	background-image: url("/images/transport/en-bateau-1.jpg");
}
section.textos div.contenedor .taxi_1 {
	background-image: url("/images/transport/taxi-1.jpg");
}
section.textos div.contenedor .taxi_2 {
	background-image: url("/images/transport/taxi-2.jpg");
}
section.textos div.contenedor .train_1 {
	background-image: url("/images/transport/train-1.jpg");
}
section.textos div.contenedor .train_2 {
	background-image: url("/images/transport/train-2.jpg");
}
section.textos div.contenedor .ecoturim_1 {
	background-image: url("/images/ecoturism/ecoturim_1.jpg");
}
section.textos div.contenedor .ecoturim_2 {
	background-image: url("/images/ecoturism/cst.jpg");
}
section.textos div.contenedor .musiquesPhoto {
	background-image: url("/images/actividades/musiques.jpg");
}
@media screen and (min-width: 48em) {
	section.textos div.contenedor {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 64em) {
	section.textos div.contenedor {
		gap: 1em;
	}
}

section.fondo_texto {
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(50%, transparent),
			color-stop(50%, #ffffff),
			to(#ffffff)
		),
		url(/images/actividades/observation-faune-et-flore-3.jpg);
	background-image:
		linear-gradient(to bottom, transparent 50%, #ffffff 50%, #ffffff 100%),
		url(/images/actividades/observation-faune-et-flore-3.jpg);
	background-position:
		right,
		top right;
	background-repeat: no-repeat;
	background-size: 100%, 100em;
}
section.fondo_texto .fondo_texto_grid {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
}
section.fondo_texto .fondo_texto_grid .texto_background {
	grid-row: 2 / 3;
	padding: 10px;
}
section.fondo_texto .fondo_texto_grid .texto_background h2 {
	color: #052978;
	font-weight: 900;
	font-size: 1em;
	text-align: center;
	margin: 0;
}
@media screen and (min-width: 48em) {
	section.fondo_texto .fondo_texto_grid .texto_background h2 {
		color: #ffffff;
	}
}
section.fondo_texto .fondo_texto_grid .texto_background p {
	color: #595e72;
	font-size: 0.8em;
	line-height: 40px;
}
@media screen and (min-width: 48em) {
	section.fondo_texto .fondo_texto_grid .texto_background p {
		color: #ffffff;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto .fondo_texto_grid .texto_background .texto-nosotros {
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto .fondo_texto_grid {
		grid-template-columns: repeat(2, 75% 25%);
		grid-template-rows: unset;
		-webkit-column-gap: 0.1em;
		column-gap: 0.1em;
		padding: 10px;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto .fondo_texto_grid {
		grid-template-columns: repeat(2, 60% 40%);
		padding-top: 2em;
		padding-bottom: 2em;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto {
		margin-top: 2em;
		background-image: url(/images/actividades/observation-faune-et-flore-3.jpg);
		background-color: #000000;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto {
		margin-top: 2em;
	}
}
@media screen and (min-width: 80em) {
	section.fondo_texto {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(50%, transparent),
				color-stop(50%, #000000),
				to(#000000)
			),
			url(/images/actividades/observation-faune-et-flore-3.jpg);
		background-image:
			linear-gradient(to bottom, transparent 50%, #000000 50%, #000000 100%),
			url(/images/actividades/observation-faune-et-flore-3.jpg);
		background-position:
			right,
			center right;
		background-repeat: no-repeat;
		background-size: 0%, 60em;
		margin-bottom: 2em;
	}
}

section.fondo_texto_colibri {
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(50%, transparent),
			color-stop(50%, #ffffff),
			to(#ffffff)
		),
		url(/images/actividades/observation-d-oiseaux-3.jpg);
	background-image:
		linear-gradient(to bottom, transparent 50%, #ffffff 50%, #ffffff 100%),
		url(/images/actividades/observation-d-oiseaux-3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%, 184em;
}
section.fondo_texto_colibri .fondo_texto_grid {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
}
section.fondo_texto_colibri .fondo_texto_grid .texto_background {
	grid-row: 2 / 3;
	padding: 10px;
}
section.fondo_texto_colibri .fondo_texto_grid .texto_background h2 {
	color: #052978;
	font-weight: 900;
	font-size: 1em;
	text-align: center;
	margin: 0;
}
@media screen and (min-width: 48em) {
	section.fondo_texto_colibri .fondo_texto_grid .texto_background h2 {
		color: #ffffff;
	}
}
section.fondo_texto_colibri .fondo_texto_grid .texto_background p {
	color: #595e72;
	font-size: 0.8em;
	line-height: 40px;
}
@media screen and (min-width: 48em) {
	section.fondo_texto_colibri .fondo_texto_grid .texto_background p {
		color: #ffffff;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto_colibri
		.fondo_texto_grid
		.texto_background
		.texto-nosotros {
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto_colibri .fondo_texto_grid {
		grid-template-columns: repeat(2, 75% 25%);
		grid-template-rows: unset;
		-webkit-column-gap: 0.1em;
		column-gap: 0.1em;
		padding: 10px;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_colibri .fondo_texto_grid {
		grid-template-columns: repeat(2, 1fr);
		padding-top: 2em;
		padding-bottom: 2em;
	}
}
@media screen and (min-width: 48em) {
	section.fondo_texto_colibri {
		margin-top: 2em;
		background-image: url(/images/actividades/observation-d-oiseaux-3.jpg);
		background-color: #000000;
		background-size: 100% 100%;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_colibri {
		margin-top: 2em;
	}
}
@media screen and (min-width: 80em) {
	section.fondo_texto_colibri {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(50%, transparent),
				color-stop(50%, #000000),
				to(#000000)
			),
			url(/images/actividades/observation-d-oiseaux-3.jpg);
		background-image:
			linear-gradient(to bottom, transparent 50%, #000000 50%, #000000 100%),
			url(/images/actividades/observation-d-oiseaux-3.jpg);
		background-position:
			right,
			center right;
		background-repeat: no-repeat;
		background-size: 0%, 70em;
		margin-bottom: 2em;
	}
}

section.fondo_texto_tortuga {
	margin-top: 2em;
	color: #ffffff;
}
section.fondo_texto_tortuga .fondo_texto_tortuga_grid div:first-child {
	padding: 10px;
}
section.fondo_texto_tortuga .fondo_texto_tortuga_grid div:first-child h2 {
	font-weight: 900;
	font-size: 1em;
	margin: 0;
}
section.fondo_texto_tortuga .fondo_texto_tortuga_grid div:first-child p {
	font-size: 0.8em;
	line-height: 40px;
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga .fondo_texto_tortuga_grid .toutues_marine_2a {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga .fondo_texto_tortuga_grid {
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga .fondo_texto_tortuga_grid .texto_soleil {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		background-size:
			center,
			50% 77em;
		background-repeat: no-repeat;
		padding: 50px;
		margin-bottom: 50px;
	}
}

.back_texto_ecoturim_1 {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_texto_ecoturim_1 {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/ecoturism/ecoturim_2.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/ecoturism/ecoturim_2.jpg);
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_ecoturim_1 {
		background-position:
			center,
			50% 80%;
	}
}

section.fondo_texto_parques {
	margin-top: 2em;
	color: #ffffff;
}
section.fondo_texto_parques .fondo_texto_parques_grid div:first-child {
	padding: 10px;
}
section.fondo_texto_parques .fondo_texto_parques_grid div:first-child h2 {
	font-weight: 900;
	font-size: 2em;
	margin: 0;
}
@media screen and (min-width: 64em) {
	section.fondo_texto_parques .fondo_texto_parques_grid div:first-child h2 {
		font-size: 3em;
	}
}
section.fondo_texto_parques .fondo_texto_parques_grid div:first-child p {
	font-size: 0.8em;
	line-height: 40px;
}
@media screen and (min-width: 64em) {
	section.fondo_texto_parques .fondo_texto_parques_grid .toutues_marine_2a {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_parques .fondo_texto_parques_grid {
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_parques {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		background-size:
			center,
			50% 77em;
		background-repeat: no-repeat;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

.back_texto_ecoturim_2 {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_texto_ecoturim_2 {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/ecoturism/ecoturim_3.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/ecoturism/ecoturim_3.jpg);
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_ecoturim_2 {
		background-position:
			left,
			0% 40%;
		background-size: 90%;
	}
}

.back_texto_tortuga2 {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_texto_tortuga2 {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/actividades/tortues-marines-2.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/actividades/tortues-marines-2.jpg);
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_tortuga2 {
		background-position:
			center,
			80% 40%;
	}
}

.backArtisanatDuBois {
	background-color: #052978;
}
@media screen and (min-width: 64em) {
	.backArtisanatDuBois {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#052978),
				color-stop(45%, #052978),
				color-stop(55%, transparent)
			),
			url("/images/actividades/artisanat-du-bois.jpg");
		background-image:
			linear-gradient(to left, #052978 0%, #052978 45%, transparent 55%),
			url("/images/actividades/artisanat-du-bois.jpg");
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.backArtisanatDuBois {
		background-position:
			center,
			80% 40%;
	}
}

.artisanat {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#052978),
			color-stop(50%, #052978),
			color-stop(50%, transparent)
		),
		url("/images/actividades/artisanat-du-bois.jpg");
	background-image:
		linear-gradient(to bottom, #052978 0%, #052978 50%, transparent 50%),
		url("/images/actividades/artisanat-du-bois.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.artisanat {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.artisanat {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#052978),
				color-stop(45%, #052978),
				color-stop(55%, transparent)
			),
			url("/images/actividades/artisanat-du-bois.jpg");
		background-image:
			linear-gradient(to left, #052978 0%, #052978 45%, transparent 55%),
			url("/images/actividades/artisanat-du-bois.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.artisanat {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.artisanat .contenido {
	grid-row: 1 / 2;
}
.artisanat .contenido h2 {
	font-size: 1.8rem;
}
.artisanat .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.artisanat .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.artisanat .contenido {
		grid-column: 2 / 3;
	}
}

.ceramiques {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#3d452f),
			color-stop(50%, #3d452f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/ceramiques.jpg");
	background-image:
		linear-gradient(to bottom, #3d452f 0%, #3d452f 50%, transparent 50%),
		url("/images/actividades/ceramiques.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.ceramiques {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.ceramiques {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#3d452f),
				color-stop(45%, #3d452f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/ceramiques.jpg");
		background-image:
			linear-gradient(to left, #3d452f 0%, #3d452f 45%, transparent 55%),
			url("/images/actividades/ceramiques.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.ceramiques {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.ceramiques .contenido {
	grid-row: 1 / 2;
}
.ceramiques .contenido h2 {
	font-size: 1.8rem;
}
.ceramiques .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.ceramiques .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.ceramiques .contenido {
		grid-column: 2 / 3;
	}
}

.bijoux {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#1e2128),
			color-stop(50%, #1e2128),
			color-stop(50%, transparent)
		),
		url("/images/actividades/bijoux.jpg");
	background-image:
		linear-gradient(to bottom, #1e2128 0%, #1e2128 50%, transparent 50%),
		url("/images/actividades/bijoux.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.bijoux {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.bijoux {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#1e2128),
				color-stop(45%, #1e2128),
				color-stop(55%, transparent)
			),
			url("/images/actividades/bijoux.jpg");
		background-image:
			linear-gradient(to right, #1e2128 0%, #1e2128 45%, transparent 55%),
			url("/images/actividades/bijoux.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.bijoux {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.bijoux .contenido {
	padding-bottom: 50px;
}
.bijoux .contenido h2 {
	font-size: 1.8rem;
}
.bijoux .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.bijoux .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.bijoux .contenido {
		max-width: 50%;
	}
}

.cafe {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#1b0d04),
			color-stop(50%, #1b0d04),
			color-stop(50%, transparent)
		),
		url("/images/actividades/cafe.jpg");
	background-image:
		linear-gradient(to bottom, #1b0d04 0%, #1b0d04 50%, transparent 50%),
		url("/images/actividades/cafe.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.cafe {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.cafe {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#1b0d04),
				color-stop(45%, #1b0d04),
				color-stop(55%, transparent)
			),
			url("/images/actividades/cafe.jpg");
		background-image:
			linear-gradient(to left, #1b0d04 0%, #1b0d04 45%, transparent 55%),
			url("/images/actividades/cafe.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.cafe {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.cafe .contenido {
	grid-row: 1 / 2;
}
.cafe .contenido h2 {
	font-size: 1.8rem;
}
.cafe .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.cafe .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.cafe .contenido {
		grid-column: 2 / 3;
	}
}

.cigares {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#311d12),
			color-stop(50%, #311d12),
			color-stop(50%, transparent)
		),
		url("/images/actividades/cigares.jpg");
	background-image:
		linear-gradient(to bottom, #311d12 0%, #311d12 50%, transparent 50%),
		url("/images/actividades/cigares.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.cigares {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.cigares {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#311d12),
				color-stop(45%, #311d12),
				color-stop(55%, transparent)
			),
			url("/images/actividades/cigares.jpg");
		background-image:
			linear-gradient(to right, #311d12 0%, #311d12 45%, transparent 55%),
			url("/images/actividades/cigares.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.cigares {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.cigares .contenido {
	padding-bottom: 50px;
}
.cigares .contenido h2 {
	font-size: 1.8rem;
}
.cigares .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.cigares .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.cigares .contenido {
		max-width: 50%;
	}
}

.cuir {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#41151e),
			color-stop(50%, #41151e),
			color-stop(50%, transparent)
		),
		url("/images/actividades/cuir.jpg");
	background-image:
		linear-gradient(to bottom, #41151e 0%, #41151e 50%, transparent 50%),
		url("/images/actividades/cuir.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.cuir {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.cuir {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#41151e),
				color-stop(45%, #41151e),
				color-stop(55%, transparent)
			),
			url("/images/actividades/cuir.jpg");
		background-image:
			linear-gradient(to left, #41151e 0%, #41151e 45%, transparent 55%),
			url("/images/actividades/cuir.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.cuir {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.cuir .contenido {
	grid-row: 1 / 2;
}
.cuir .contenido h2 {
	font-size: 1.8rem;
}
.cuir .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.cuir .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.cuir .contenido {
		grid-column: 2 / 3;
	}
}

.papier {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#bf7f5c),
			color-stop(50%, #bf7f5c),
			color-stop(50%, transparent)
		),
		url("/images/actividades/papier.jpg");
	background-image:
		linear-gradient(to bottom, #bf7f5c 0%, #bf7f5c 50%, transparent 50%),
		url("/images/actividades/papier.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.papier {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.papier {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#bf7f5c),
				color-stop(45%, #bf7f5c),
				color-stop(55%, transparent)
			),
			url("/images/actividades/papier.jpg");
		background-image:
			linear-gradient(to right, #bf7f5c 0%, #bf7f5c 45%, transparent 55%),
			url("/images/actividades/papier.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.papier {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.papier .contenido {
	padding-bottom: 50px;
}
.papier .contenido h2 {
	font-size: 1.8rem;
}
.papier .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.papier .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.papier .contenido {
		max-width: 50%;
	}
}

.vetements {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#153c41),
			color-stop(50%, #153c41),
			color-stop(50%, transparent)
		),
		url("/images/actividades/vetements.jpg");
	background-image:
		linear-gradient(to bottom, #153c41 0%, #153c41 50%, transparent 50%),
		url("/images/actividades/vetements.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.vetements {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.vetements {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#153c41),
				color-stop(45%, #153c41),
				color-stop(55%, transparent)
			),
			url("/images/actividades/vetements.jpg");
		background-image:
			linear-gradient(to left, #153c41 0%, #153c41 45%, transparent 55%),
			url("/images/actividades/vetements.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.vetements {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.vetements .contenido {
	grid-row: 1 / 2;
}
.vetements .contenido h2 {
	font-size: 1.8rem;
}
.vetements .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.vetements .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.vetements .contenido {
		grid-column: 2 / 3;
	}
}

.jouets {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#3d7649),
			color-stop(50%, #3d7649),
			color-stop(50%, transparent)
		),
		url("/images/actividades/jouets.jpg");
	background-image:
		linear-gradient(to bottom, #3d7649 0%, #3d7649 50%, transparent 50%),
		url("/images/actividades/jouets.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.jouets {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.jouets {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#3d7649),
				color-stop(45%, #3d7649),
				color-stop(55%, transparent)
			),
			url("/images/actividades/jouets.jpg");
		background-image:
			linear-gradient(to right, #3d7649 0%, #3d7649 45%, transparent 55%),
			url("/images/actividades/jouets.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.jouets {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.jouets .contenido {
	padding-bottom: 50px;
}
.jouets .contenido h2 {
	font-size: 1.8rem;
}
.jouets .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.jouets .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.jouets .contenido {
		max-width: 50%;
	}
}

.textoIzquierdaImg {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#7e5934),
			color-stop(50%, #7e5934),
			color-stop(50%, transparent)
		),
		url("/images/actividades/hamacs.png");
	background-image:
		linear-gradient(to bottom, #7e5934 0%, #7e5934 50%, transparent 50%),
		url("/images/actividades/hamacs.png");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.textoIzquierdaImg {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.textoIzquierdaImg {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#7e5934),
				color-stop(45%, #7e5934),
				color-stop(55%, transparent)
			),
			url("/images/actividades/hamacs.png");
		background-image:
			linear-gradient(to right, #7e5934 0%, #7e5934 45%, transparent 55%),
			url("/images/actividades/hamacs.png");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.textoIzquierdaImg {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.textoIzquierdaImg .contenido {
	padding-bottom: 50px;
}
.textoIzquierdaImg .contenido h2 {
	font-size: 1.8rem;
}
.textoIzquierdaImg .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.textoIzquierdaImg .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.textoIzquierdaImg .contenido {
		max-width: 50%;
	}
}

.lempreinte-indigene {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#05112f),
			color-stop(50%, #05112f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/lempreinte-indigene.jpg");
	background-image:
		linear-gradient(to bottom, #05112f 0%, #05112f 50%, transparent 50%),
		url("/images/actividades/lempreinte-indigene.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.lempreinte-indigene {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.lempreinte-indigene {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#05112f),
				color-stop(45%, #05112f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/lempreinte-indigene.jpg");
		background-image:
			linear-gradient(to left, #05112f 0%, #05112f 45%, transparent 55%),
			url("/images/actividades/lempreinte-indigene.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.lempreinte-indigene {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.lempreinte-indigene .contenido {
	grid-row: 1 / 2;
}
.lempreinte-indigene .contenido h2 {
	font-size: 1.8rem;
}
.lempreinte-indigene .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.lempreinte-indigene .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.lempreinte-indigene .contenido {
		grid-column: 2 / 3;
	}
}

.laCultureIndigene {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#7e5934),
			color-stop(50%, #7e5934),
			color-stop(50%, transparent)
		),
		url("/images/actividades/laCultureIndigene.png");
	background-image:
		linear-gradient(to bottom, #7e5934 0%, #7e5934 50%, transparent 50%),
		url("/images/actividades/laCultureIndigene.png");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.laCultureIndigene {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.laCultureIndigene {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#7e5934),
				color-stop(45%, #7e5934),
				color-stop(55%, transparent)
			),
			url("/images/actividades/laCultureIndigene.png");
		background-image:
			linear-gradient(to right, #7e5934 0%, #7e5934 45%, transparent 55%),
			url("/images/actividades/laCultureIndigene.png");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.laCultureIndigene {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.laCultureIndigene .contenido {
	padding-bottom: 50px;
}
.laCultureIndigene .contenido h2 {
	font-size: 1.8rem;
}
.laCultureIndigene .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.laCultureIndigene .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.laCultureIndigene .contenido {
		max-width: 50%;
	}
}

.spheres {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#3d452f),
			color-stop(50%, #3d452f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/spheres.jpg");
	background-image:
		linear-gradient(to bottom, #3d452f 0%, #3d452f 50%, transparent 50%),
		url("/images/actividades/spheres.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.spheres {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.spheres {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#3d452f),
				color-stop(45%, #3d452f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/spheres.jpg");
		background-image:
			linear-gradient(to left, #3d452f 0%, #3d452f 45%, transparent 55%),
			url("/images/actividades/spheres.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.spheres {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.spheres .contenido {
	grid-row: 1 / 2;
}
.spheres .contenido h2 {
	font-size: 1.8rem;
}
.spheres .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.spheres .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.spheres .contenido {
		grid-column: 2 / 3;
	}
}

.leCacao {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#72440e),
			color-stop(50%, #72440e),
			color-stop(50%, transparent)
		),
		url("/images/actividades/leCacao.jpg");
	background-image:
		linear-gradient(to bottom, #72440e 0%, #72440e 50%, transparent 50%),
		url("/images/actividades/leCacao.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.leCacao {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.leCacao {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#72440e),
				color-stop(45%, #72440e),
				color-stop(55%, transparent)
			),
			url("/images/actividades/leCacao.jpg");
		background-image:
			linear-gradient(to right, #72440e 0%, #72440e 45%, transparent 55%),
			url("/images/actividades/leCacao.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.leCacao {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.leCacao .contenido {
	padding-bottom: 50px;
}
.leCacao .contenido h2 {
	font-size: 1.8rem;
}
.leCacao .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.leCacao .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.leCacao .contenido {
		max-width: 50%;
	}
}

.leCacaoyer {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#1b0d04),
			color-stop(50%, #1b0d04),
			color-stop(50%, transparent)
		),
		url("/images/actividades/leCacaoyer.png");
	background-image:
		linear-gradient(to bottom, #1b0d04 0%, #1b0d04 50%, transparent 50%),
		url("/images/actividades/leCacaoyer.png");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.leCacaoyer {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.leCacaoyer {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#1b0d04),
				color-stop(45%, #1b0d04),
				color-stop(55%, transparent)
			),
			url("/images/actividades/leCacaoyer.png");
		background-image:
			linear-gradient(to left, #1b0d04 0%, #1b0d04 45%, transparent 55%),
			url("/images/actividades/leCacaoyer.png");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.leCacaoyer {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.leCacaoyer .contenido {
	grid-row: 1 / 2;
}
.leCacaoyer .contenido h2 {
	font-size: 1.8rem;
}
.leCacaoyer .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.leCacaoyer .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.leCacaoyer .contenido {
		grid-column: 2 / 3;
	}
}

.chocolateTours {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#311d12),
			color-stop(50%, #311d12),
			color-stop(50%, transparent)
		),
		url("/images/actividades/chocolateTours.jpg");
	background-image:
		linear-gradient(to bottom, #311d12 0%, #311d12 50%, transparent 50%),
		url("/images/actividades/chocolateTours.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.chocolateTours {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.chocolateTours {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#311d12),
				color-stop(45%, #311d12),
				color-stop(55%, transparent)
			),
			url("/images/actividades/chocolateTours.jpg");
		background-image:
			linear-gradient(to right, #311d12 0%, #311d12 45%, transparent 55%),
			url("/images/actividades/chocolateTours.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.chocolateTours {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.chocolateTours .contenido {
	padding-bottom: 50px;
}
.chocolateTours .contenido h2 {
	font-size: 1.8rem;
}
.chocolateTours .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.chocolateTours .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.chocolateTours .contenido {
		max-width: 50%;
	}
}

.ceramiques2 {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#05112f),
			color-stop(50%, #05112f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/ceramiques.jpg");
	background-image:
		linear-gradient(to bottom, #05112f 0%, #05112f 50%, transparent 50%),
		url("/images/actividades/ceramiques.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.ceramiques2 {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.ceramiques2 {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#05112f),
				color-stop(45%, #05112f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/ceramiques.jpg");
		background-image:
			linear-gradient(to left, #05112f 0%, #05112f 45%, transparent 55%),
			url("/images/actividades/ceramiques.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.ceramiques2 {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.ceramiques2 .contenido {
	grid-row: 1 / 2;
}
.ceramiques2 .contenido h2 {
	font-size: 1.8rem;
}
.ceramiques2 .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.ceramiques2 .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.ceramiques2 .contenido {
		grid-column: 2 / 3;
	}
}

.jicaras {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#7e3434),
			color-stop(50%, #7e3434),
			color-stop(50%, transparent)
		),
		url("/images/actividades/jicaras.jpg");
	background-image:
		linear-gradient(to bottom, #7e3434 0%, #7e3434 50%, transparent 50%),
		url("/images/actividades/jicaras.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.jicaras {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.jicaras {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#7e3434),
				color-stop(45%, #7e3434),
				color-stop(55%, transparent)
			),
			url("/images/actividades/jicaras.jpg");
		background-image:
			linear-gradient(to right, #7e3434 0%, #7e3434 45%, transparent 55%),
			url("/images/actividades/jicaras.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.jicaras {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.jicaras .contenido {
	padding-bottom: 50px;
}
.jicaras .contenido h2 {
	font-size: 1.8rem;
}
.jicaras .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.jicaras .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.jicaras .contenido {
		max-width: 50%;
	}
}

.masquesBorucas {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#3d452f),
			color-stop(50%, #3d452f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/masques-borucas.png");
	background-image:
		linear-gradient(to bottom, #3d452f 0%, #3d452f 50%, transparent 50%),
		url("/images/actividades/masques-borucas.png");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.masquesBorucas {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.masquesBorucas {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#3d452f),
				color-stop(45%, #3d452f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/masques-borucas.png");
		background-image:
			linear-gradient(to left, #3d452f 0%, #3d452f 45%, transparent 55%),
			url("/images/actividades/masques-borucas.png");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.masquesBorucas {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.masquesBorucas .contenido {
	grid-row: 1 / 2;
}
.masquesBorucas .contenido h2 {
	font-size: 1.8rem;
}
.masquesBorucas .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.masquesBorucas .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.masquesBorucas .contenido {
		grid-column: 2 / 3;
	}
}

.lartTextile {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#4f7c90),
			color-stop(50%, #4f7c90),
			color-stop(50%, transparent)
		),
		url("/images/actividades/lartTextile.jpg");
	background-image:
		linear-gradient(to bottom, #4f7c90 0%, #4f7c90 50%, transparent 50%),
		url("/images/actividades/lartTextile.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.lartTextile {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.lartTextile {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#4f7c90),
				color-stop(45%, #4f7c90),
				color-stop(55%, transparent)
			),
			url("/images/actividades/lartTextile.jpg");
		background-image:
			linear-gradient(to right, #4f7c90 0%, #4f7c90 45%, transparent 55%),
			url("/images/actividades/lartTextile.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.lartTextile {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.lartTextile .contenido {
	padding-bottom: 50px;
}
.lartTextile .contenido h2 {
	font-size: 1.8rem;
}
.lartTextile .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.lartTextile .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.lartTextile .contenido {
		max-width: 50%;
	}
}

.leTissage {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#5eb59e),
			color-stop(50%, #5eb59e),
			color-stop(50%, transparent)
		),
		url("/images/actividades/leTissage.jpg");
	background-image:
		linear-gradient(to bottom, #5eb59e 0%, #5eb59e 50%, transparent 50%),
		url("/images/actividades/leTissage.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.leTissage {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.leTissage {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#5eb59e),
				color-stop(45%, #5eb59e),
				color-stop(55%, transparent)
			),
			url("/images/actividades/leTissage.jpg");
		background-image:
			linear-gradient(to left, #5eb59e 0%, #5eb59e 45%, transparent 55%),
			url("/images/actividades/leTissage.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.leTissage {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.leTissage .contenido {
	grid-row: 1 / 2;
}
.leTissage .contenido h2 {
	font-size: 1.8rem;
}
.leTissage .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.leTissage .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.leTissage .contenido {
		grid-column: 2 / 3;
	}
}

.lAbabite {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#af876e),
			color-stop(50%, #af876e),
			color-stop(50%, transparent)
		),
		url("/images/actividades/lAbabite.jpg");
	background-image:
		linear-gradient(to bottom, #af876e 0%, #af876e 50%, transparent 50%),
		url("/images/actividades/lAbabite.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.lAbabite {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.lAbabite {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#af876e),
				color-stop(45%, #af876e),
				color-stop(55%, transparent)
			),
			url("/images/actividades/lAbabite.jpg");
		background-image:
			linear-gradient(to right, #af876e 0%, #af876e 45%, transparent 55%),
			url("/images/actividades/lAbabite.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.lAbabite {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.lAbabite .contenido {
	padding-bottom: 50px;
}
.lAbabite .contenido h2 {
	font-size: 1.8rem;
}
.lAbabite .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.lAbabite .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.lAbabite .contenido {
		max-width: 50%;
	}
}

.fiestasZapote {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#05112f),
			color-stop(50%, #05112f),
			color-stop(50%, transparent)
		),
		url("/images/actividades/fiestasZapote.jpg");
	background-image:
		linear-gradient(to bottom, #05112f 0%, #05112f 50%, transparent 50%),
		url("/images/actividades/fiestasZapote.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.fiestasZapote {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.fiestasZapote {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#05112f),
				color-stop(45%, #05112f),
				color-stop(55%, transparent)
			),
			url("/images/actividades/fiestasZapote.jpg");
		background-image:
			linear-gradient(to left, #05112f 0%, #05112f 45%, transparent 55%),
			url("/images/actividades/fiestasZapote.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.fiestasZapote {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.fiestasZapote .contenido {
	grid-row: 1 / 2;
}
.fiestasZapote .contenido h2 {
	font-size: 1.8rem;
}
.fiestasZapote .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.fiestasZapote .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.fiestasZapote .contenido {
		grid-column: 2 / 3;
	}
}

.diaBoyero {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#905e33),
			color-stop(50%, #905e33),
			color-stop(50%, transparent)
		),
		url("/images/actividades/diaBoyero.jpg");
	background-image:
		linear-gradient(to bottom, #905e33 0%, #905e33 50%, transparent 50%),
		url("/images/actividades/diaBoyero.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.diaBoyero {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.diaBoyero {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#905e33),
				color-stop(45%, #905e33),
				color-stop(55%, transparent)
			),
			url("/images/actividades/diaBoyero.jpg");
		background-image:
			linear-gradient(to right, #905e33 0%, #905e33 45%, transparent 55%),
			url("/images/actividades/diaBoyero.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.diaBoyero {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.diaBoyero .contenido {
	padding-bottom: 50px;
}
.diaBoyero .contenido h2 {
	font-size: 1.8rem;
}
.diaBoyero .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.diaBoyero .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.diaBoyero .contenido {
		max-width: 50%;
	}
}

.juanSantamaria {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#4a79bc),
			color-stop(50%, #4a79bc),
			color-stop(50%, transparent)
		),
		url("/images/actividades/juanSantamaria.jpg");
	background-image:
		linear-gradient(to bottom, #4a79bc 0%, #4a79bc 50%, transparent 50%),
		url("/images/actividades/juanSantamaria.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.juanSantamaria {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.juanSantamaria {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#4a79bc),
				color-stop(45%, #4a79bc),
				color-stop(55%, transparent)
			),
			url("/images/actividades/juanSantamaria.jpg");
		background-image:
			linear-gradient(to left, #4a79bc 0%, #4a79bc 45%, transparent 55%),
			url("/images/actividades/juanSantamaria.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.juanSantamaria {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.juanSantamaria .contenido {
	grid-row: 1 / 2;
}
.juanSantamaria .contenido h2 {
	font-size: 1.8rem;
}
.juanSantamaria .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.juanSantamaria .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.juanSantamaria .contenido {
		grid-column: 2 / 3;
	}
}

.diaGuanacaste {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#905e33),
			color-stop(50%, #905e33),
			color-stop(50%, transparent)
		),
		url("/images/actividades/diaGuanacaste.jpg");
	background-image:
		linear-gradient(to bottom, #905e33 0%, #905e33 50%, transparent 50%),
		url("/images/actividades/diaGuanacaste.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.diaGuanacaste {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.diaGuanacaste {
		grid-template-rows: unset;
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#905e33),
				color-stop(45%, #905e33),
				color-stop(55%, transparent)
			),
			url("/images/actividades/diaGuanacaste.jpg");
		background-image:
			linear-gradient(to right, #905e33 0%, #905e33 45%, transparent 55%),
			url("/images/actividades/diaGuanacaste.jpg");
		background-size: 100%, 150rem;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 0.1rem;
	}
}
@media screen and (min-width: 64em) {
	.diaGuanacaste {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.diaGuanacaste .contenido {
	padding-bottom: 50px;
}
.diaGuanacaste .contenido h2 {
	font-size: 1.8rem;
}
.diaGuanacaste .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.diaGuanacaste .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.diaGuanacaste .contenido {
		max-width: 50%;
	}
}

.carnavalesLimon {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#2b7112),
			color-stop(50%, #2b7112),
			color-stop(50%, transparent)
		),
		url("/images/actividades/carnavalesLimon.jpg");
	background-image:
		linear-gradient(to bottom, #2b7112 0%, #2b7112 50%, transparent 50%),
		url("/images/actividades/carnavalesLimon.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.carnavalesLimon {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.carnavalesLimon {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#2b7112),
				color-stop(45%, #2b7112),
				color-stop(55%, transparent)
			),
			url("/images/actividades/carnavalesLimon.jpg");
		background-image:
			linear-gradient(to left, #2b7112 0%, #2b7112 45%, transparent 55%),
			url("/images/actividades/carnavalesLimon.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.carnavalesLimon {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.carnavalesLimon .contenido {
	grid-row: 1 / 2;
}
.carnavalesLimon .contenido h2 {
	font-size: 1.8rem;
}
.carnavalesLimon .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.carnavalesLimon .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.carnavalesLimon .contenido {
		grid-column: 2 / 3;
	}
}

.fiestaDiablitos {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#311d12),
			color-stop(50%, #311d12),
			color-stop(50%, transparent)
		),
		url("/images/actividades/fiestaDiablitos.jpg");
	background-image:
		linear-gradient(to bottom, #311d12 0%, #311d12 50%, transparent 50%),
		url("/images/actividades/fiestaDiablitos.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.fiestaDiablitos {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.fiestaDiablitos {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#311d12),
				color-stop(45%, #311d12),
				color-stop(55%, transparent)
			),
			url("/images/actividades/fiestaDiablitos.jpg");
		background-image:
			linear-gradient(to left, #311d12 0%, #311d12 45%, transparent 55%),
			url("/images/actividades/fiestaDiablitos.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.fiestaDiablitos {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.fiestaDiablitos .contenido {
	grid-row: 1 / 2;
}
.fiestaDiablitos .contenido h2 {
	font-size: 1.8rem;
}
.fiestaDiablitos .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.fiestaDiablitos .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.fiestaDiablitos .contenido {
		grid-column: 2 / 3;
	}
}

.festivalsMusique {
	color: #ffffff;
	display: grid;
	grid-template-rows: repeat(2, 30rem);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#2b7112),
			color-stop(50%, #2b7112),
			color-stop(50%, transparent)
		),
		url("/images/actividades/festivalsMusique.jpg");
	background-image:
		linear-gradient(to bottom, #2b7112 0%, #2b7112 50%, transparent 50%),
		url("/images/actividades/festivalsMusique.jpg");
	background-size: 100%, 95rem;
	background-position:
		center,
		center bottom;
	background-repeat: no-repeat;
	padding: 10px 20px;
	gap: 450px;
	margin-bottom: 50px;
}
@media screen and (min-width: 39em) {
	.festivalsMusique {
		background-size: 100%, 70rem;
		background-position:
			center,
			center 200%;
	}
}
@media screen and (min-width: 48em) {
	.festivalsMusique {
		grid-template-rows: unset;
		grid-template-columns: repeat(2, 1fr);
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#2b7112),
				color-stop(45%, #2b7112),
				color-stop(55%, transparent)
			),
			url("/images/actividades/festivalsMusique.jpg");
		background-image:
			linear-gradient(to left, #2b7112 0%, #2b7112 45%, transparent 55%),
			url("/images/actividades/festivalsMusique.jpg");
		background-size: 100%, auto;
		background-position:
			center,
			50% 30%;
		row-gap: 15rem;
		padding: 1rem;
		gap: 60px;
	}
}
@media screen and (min-width: 64em) {
	.festivalsMusique {
		background-position:
			center,
			right center;
		padding: 9rem;
	}
}
.festivalsMusique .contenido {
	grid-row: 1 / 2;
}
.festivalsMusique .contenido h2 {
	font-size: 1.8rem;
}
.festivalsMusique .contenido p {
	font-size: 1.1rem;
}
@media screen and (min-width: 64em) {
	.festivalsMusique .contenido p {
		line-height: 40px;
	}
}
@media screen and (min-width: 48em) {
	.festivalsMusique .contenido {
		grid-column: 2 / 3;
	}
}
@media screen and (min-width: 64em) {
	.festivalsMusique {
		padding-bottom: 150px;
	}
}

/*
.back_texto_tortuga2{
    background-color: $negro;
    @include lg{
        background-image: linear-gradient(to left, $negro 0%, $negro 45%, transparent 55%), url(/images/actividades/tortues-marines-2.jpg);
        background-position: center, 50% 0%;
    }

    @include xl{
        background-position: center, 80% 40%;
    }
}
*/
.back_texto_soleil {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_texto_soleil {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/soleit-et-plage-3.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/soleit-et-plage-3.jpg);
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_soleil {
		background-position:
			center,
			80% 40%;
	}
}

.back_texto_turrialba {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_texto_turrialba {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/parques-nacionales/volcan-turrialba.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/parques-nacionales/volcan-turrialba.jpg);
		background-position:
			center,
			20% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_turrialba {
		background-position:
			center,
			80% 40%;
	}
}

.back_texto_tortuga4 {
	background-color: #000133;
}
@media screen and (min-width: 64em) {
	.back_texto_tortuga4 {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#000133),
				color-stop(45%, #000133),
				color-stop(55%, transparent)
			),
			url(/images/actividades/tortues-marines-4.jpg);
		background-image:
			linear-gradient(to left, #000133 0%, #000133 45%, transparent 55%),
			url(/images/actividades/tortues-marines-4.jpg);
		background-position:
			center,
			50% 0%;
	}
}
@media screen and (min-width: 80em) {
	.back_texto_tortuga4 {
		background-position:
			center,
			80% 40%;
	}
}

.back_texto_tortue_noire {
	background-color: #000133;
}
@media screen and (min-width: 64em) {
	.back_texto_tortue_noire {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#000133),
				color-stop(45%, #000133),
				color-stop(55%, transparent)
			),
			url(/images/actividades/tortues-marines-6.jpg);
		background-image:
			linear-gradient(to left, #000133 0%, #000133 45%, transparent 55%),
			url(/images/actividades/tortues-marines-6.jpg);
		background-position:
			center,
			0% 100%;
	}
}

.back_populations_indigenes {
	background-color: #000133;
}
@media screen and (min-width: 64em) {
	.back_populations_indigenes {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#000133),
				color-stop(45%, #000133),
				color-stop(55%, transparent)
			),
			url(/images/actividades/visites-culturelles-et-sites-archeologiques-2.jpg);
		background-image:
			linear-gradient(to left, #000133 0%, #000133 45%, transparent 55%),
			url(/images/actividades/visites-culturelles-et-sites-archeologiques-2.jpg);
		background-position:
			center,
			50% 50%;
		padding: 30px !important;
		margin-bottom: 2em;
	}
}

.back_night_hikes {
	background-color: #202537;
}
@media screen and (min-width: 64em) {
	.back_night_hikes {
		background-image:
			-webkit-gradient(
				linear,
				right top,
				left top,
				from(#202537),
				color-stop(45%, #202537),
				color-stop(55%, transparent)
			),
			url(/images/actividades/randonnee-2.jpg);
		background-image:
			linear-gradient(to left, #202537 0%, #202537 45%, transparent 55%),
			url(/images/actividades/randonnee-2.jpg);
		background-position:
			center,
			50% 50%;
		padding: 30px !important;
		margin-bottom: 2em;
	}
}

.back_coffee_tours {
	color: #ffffff;
	background-color: #000133;
}
@media screen and (min-width: 64em) {
	.back_coffee_tours {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#000133),
				color-stop(45%, #000133),
				color-stop(55%, transparent)
			),
			url(/images/actividades/visites-culturelles-et-sites-archeologiques-4.jpg);
		background-image:
			linear-gradient(to right, #000133 0%, #000133 45%, transparent 55%),
			url(/images/actividades/visites-culturelles-et-sites-archeologiques-4.jpg);
		background-position:
			center,
			50% 50%;
		padding: 30px !important;
		margin-top: 2em;
		margin-bottom: 2em;
	}
}

section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 div:first-child {
	padding: 10px;
}
section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 div:first-child h2 {
	font-weight: 900;
	font-size: 1em;
	margin: 0;
}
section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 div:first-child p {
	font-size: 0.8em;
	line-height: 40px;
}
section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 div:first-child ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
section.fondo_texto_tortuga2
	.fondo_texto_tortuga_grid2
	div:first-child
	ul
	li::before {
	content: "●";
	padding-right: 0.4em;
}
section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 div:first-child ul li {
	padding-top: 0.5em;
	padding-bottom: 1em;
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga2 .fondo_texto_tortuga_grid2 .toutues_marine_2a {
		display: none;
	}
}
@media screen and (min-width: 64em) {
	section.fondo_texto_tortuga2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		background-size: 100% 45em;
		background-repeat: no-repeat;
		background-position:
			center,
			30% 0%;
		padding: 10px;
		color: #ffffff;
	}
}
@media screen and (min-width: 80em) {
	section.fondo_texto_tortuga2 {
		background-position:
			center,
			80% 40%;
		background-size: 100% 35em;
	}
}

@media screen and (min-width: 64em) {
	.back_texto_Tortue_luth {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#2a6394),
				color-stop(20%),
				to(transparent)
			),
			url(/images/actividades/tortues-marines-3.jpg);
		background-image:
			linear-gradient(to right, #2a6394 0%, 20%, transparent),
			url(/images/actividades/tortues-marines-3.jpg);
	}
}

@media screen and (min-width: 64em) {
	.back_texto_braulio {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#0a412c),
				color-stop(20%),
				to(transparent)
			),
			url(/images/parques-nacionales/braulio-carrillo-row.jpg);
		background-image:
			linear-gradient(to right, #0a412c 0%, 20%, transparent),
			url(/images/parques-nacionales/braulio-carrillo-row.jpg);
	}
}

.back_texto_tortuga5 {
	margin-top: 2em;
}
@media screen and (min-width: 64em) {
	.back_texto_tortuga5 {
		background-image:
			-webkit-gradient(
				linear,
				left top,
				right top,
				from(#2a6394),
				color-stop(20%),
				to(transparent)
			),
			url(/images/actividades/tortues-marines-5.jpg);
		background-image:
			linear-gradient(to right, #2a6394 0%, 20%, transparent),
			url(/images/actividades/tortues-marines-5.jpg);
	}
}

section#faqAccordion {
	background-color: #e5e5e6;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: -50px;
}
@media screen and (min-width: 48em) {
	section#faqAccordion {
		margin-bottom: -150px;
	}
}
@media screen and (min-width: 64em) {
	section#faqAccordion {
		margin-top: -100px;
	}
}
@media screen and (min-width: 80em) {
	section#faqAccordion {
		margin-top: -150px;
	}
}
section#faqAccordion .contenedor > div {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 64em) {
	section#faqAccordion .contenedor > div {
		padding-left: 100px;
		padding-right: 100px;
		padding-bottom: 100px;
	}
}
section#faqAccordion .contenedor > div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}
section#faqAccordion .contenedor > div ul > li {
	background-color: #ffffff;
	margin-top: 30px;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
@media screen and (min-width: 64em) {
	section#faqAccordion .contenedor > div ul > li {
		padding-left: 10px;
		padding-right: 10px;
	}
}
section#faqAccordion .contenedor > div ul > li > div ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
section#faqAccordion .contenedor > div ul > li > div ul li {
	margin-top: 0;
	font-weight: 700;
	color: #595e72;
}
section#faqAccordion .contenedor > div ul > li > div ul li a {
	margin-top: 15px;
	background-color: #ffffff;
	display: inline-block;
	width: 36px;
	height: 36px;
}
section#faqAccordion .contenedor > div ul > li > div ul li a img {
	width: inherit;
	height: inherit;
}
section#faqAccordion .contenedor > div ul > li div:nth-child(2) {
	padding-top: 5px;
	padding-bottom: 5px;
}
section#faqAccordion .contenedor > div ul > li div:nth-child(2) p {
	font-size: 0.9em;
}
section#faqAccordion .contenedor > div ul > li div#r10 ul,
section#faqAccordion .contenedor > div ul > li div#r11 ul {
	display: list-item;
	list-style: disc;
	margin-left: 40px;
}
section#faqAccordion .contenedor > div ul > li div#r10 ul li,
section#faqAccordion .contenedor > div ul > li div#r11 ul li {
	margin-bottom: 20px;
}

section#calendarioActividades .contenedor h2 {
	text-align: center;
	color: #595e72;
	font-size: 1.5em;
}
section#calendarioActividades .contenedor > div {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
@media screen and (min-width: 64em) {
	section#calendarioActividades .contenedor > div {
		padding-left: 100px;
		padding-right: 100px;
		padding-bottom: 100px;
	}
}
section#calendarioActividades .contenedor > div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}
section#calendarioActividades .contenedor > div ul > li {
	background-color: #e5e5e6;
	margin-top: 30px;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	/*
                          div:nth-child(1){
                              padding-top: 5px;
                              padding-bottom: 5px;
                              display: flex;

                              p{
                                  font-size: .9em;
                              }
                          }*/
}
@media screen and (min-width: 64em) {
	section#calendarioActividades .contenedor > div ul > li {
		padding-left: 10px;
		padding-right: 10px;
	}
}
section#calendarioActividades .contenedor > div ul > li > div ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
section#calendarioActividades .contenedor > div ul > li > div ul li {
	margin-top: 0;
	font-weight: 700;
	color: #595e72;
}
section#calendarioActividades .contenedor > div ul > li > div ul li a {
	margin-top: 15px;
	background-color: #ffffff;
	display: inline-block;
	width: 36px;
	height: 36px;
}
section#calendarioActividades .contenedor > div ul > li > div ul li a img {
	width: inherit;
	height: inherit;
}
section#calendarioActividades .contenedor > div ul > li > div:nth-child(2) {
	background-color: #ffffff;
}
section#calendarioActividades .contenedor > div ul > li > div:nth-child(2) div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 5px;
	margin-left: 15px;
}
section#calendarioActividades
	.contenedor
	> div
	ul
	> li
	> div:nth-child(2)
	div
	h3 {
	color: #052978;
	font-size: 1em;
}
section#calendarioActividades
	.contenedor
	> div
	ul
	> li
	> div:nth-child(2)
	div
	p {
	font-size: 0.9em;
}

#modal {
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 1;
}
#modal div {
	width: 70%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-color: #ffffff;
	color: #202537;
}
#modal div .modalTopBar {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1em 1.5em;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#modal div .modalTopBar .btnAgregarModalTop {
	margin: 0;
	padding: 0;
}
#modal div .modalTopBar .btnAgregarModalTop ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#modal div .modalTopBar .btnAgregarModalTop ul li {
	margin: 0;
}
#modal div .modalTopBar .btnAgregarModalTop ul li a {
	border-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 8px 16px;
	width: auto;
	text-decoration: none;
}
#modal div .modalTopBar .closeModal {
	position: absolute !important;
	top: 1em !important;
	right: 1.5em !important;
	left: auto !important;
	border-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 8px 16px;
	width: auto;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}
#modal div .headerModel {
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0;
	position: relative;
}
#modal div .headerModel h2 {
	font-weight: 900;
	font-size: 2em;
	color: #ffffff;
	text-shadow: 0px 7.2px 7.2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	text-align: center;
}
#modal div .headerModel h2:after {
	content: "";
	background-image: url(/images/svg/linea.svg);
	background-repeat: no-repeat;
	background-size: 15rem;
	content: "";
	display: block;
	height: 1rem;
	margin: 0 auto;
	width: 15rem;
}
@media screen and (min-width: 48em) {
	#modal div .headerModel h2:after {
		height: 2rem;
		background-size: 25rem;
		width: 20rem;
	}
}
@media screen and (min-width: 64em) {
	#modal div .headerModel h2:after {
		width: 25rem;
	}
}
#modal div .contenidoModal {
	width: 100%;
	padding: 0 2em;
	overflow: scroll;
	max-height: 450px;
}
#modal div .contenidoModal p {
	color: #72768b;
	font-size: 0.8em;
	line-height: 30px;
}
#modal div .btnAgregar {
	padding-bottom: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1.3rem;
}
#modal div .btnAgregar ul {
	list-style: none;
	margin: 0;
	text-align: center;
}
#modal div .btnAgregar ul li {
	text-align: center;
}
#modal div .btnAgregar ul li a {
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px;
	width: 250px;
	text-decoration: none;
}

/*
#mostrar-modal + label {
    background: steelblue;
    display: table;
    margin: auto;
    color: #fff;
    line-height: 3;
    padding: 0 1em;
    text-transform: uppercase;
    cursor: pointer;
  }
  #mostrar-modal + label:hover {
    background: #38678f;
  }

  #mostrar-modal:checked ~ #modal {
    top: 0;
  }
*/
section.regionsMaps .marker .regions {
	margin-top: 1.5em;
}
section.regionsMaps .marker .regions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
section.regionsMaps .marker .regions ul li a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #595e72;
	padding: 10px;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	color: #202537;
	font-weight: bold;
}
@media screen and (min-width: 64em) {
	section.regionsMaps .marker .regions ul li a {
		height: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
section.regionsMaps .marker .regions ul li a:hover {
	background-color: #f2f2f2;
	background-image: url("/images/svg/flecha-roja.svg");
	background-repeat: no-repeat;
	background-position: center right;
}
@media screen and (min-width: 64em) {
	section.regionsMaps .marker .regions ul {
		margin-left: 10px;
	}
}
section.regionsMaps .marker .mapa {
	width: 100%;
	left: 0px;
	/* top: 125px; */
	height: 100vh;
	margin-top: 10px;
}
@media screen and (min-width: 64em) {
	section.regionsMaps .marker .mapa {
		grid-row: 1 / 3;
		grid-column: 2 / 3;
		height: auto;
		width: 700px;
		margin: 0;
	}
}
@media screen and (min-width: 80em) {
	section.regionsMaps .marker .mapa {
		width: 1250px;
	}
}
section.regionsMaps .marker .legende {
	margin-top: 2em;
}
section.regionsMaps .marker .legende h2 {
	color: #202537;
	text-align: center;
	font-size: 0.9em;
	text-transform: capitalize;
}
section.regionsMaps .marker .legende ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
}
section.regionsMaps .marker .legende ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
section.regionsMaps .marker .legende ul li img {
	width: 40px;
	height: 50px;
}
section.regionsMaps .marker .legende ul li span {
	display: block;
	font-size: 0.6em;
	text-align: center;
}
@media screen and (min-width: 64em) {
	section.regionsMaps .marker {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 5px;
	}
}

section.planifiez {
	margin-top: 2em;
}
section.planifiez .contenedor p {
	color: #72768b;
	text-align: center;
	font-size: 0.8em;
	padding: 10px;
}
section.planifiez .contenedor form {
	padding: 10px;
}
section.planifiez .contenedor form h2 {
	color: #7cb135;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}
@media screen and (min-width: 48em) {
	section.planifiez .contenedor form h2 {
		text-align: left;
	}
}
section.planifiez .contenedor form input,
section.planifiez .contenedor form textarea,
section.planifiez .contenedor form select {
	background-color: #f2f2f2;
	border: none;
	width: 100%;
	font-size: 0.6em;
}
@media screen and (min-width: 64em) {
	section.planifiez .contenedor form input,
	section.planifiez .contenedor form textarea,
	section.planifiez .contenedor form select {
		padding-left: 10px;
	}
}
section.planifiez .contenedor form input[type="text"],
section.planifiez .contenedor form input[type="date"],
section.planifiez .contenedor form select {
	margin-bottom: 0.5em;
	height: 40px;
	color: #72768b;
}
@media screen and (min-width: 48em) {
	section.planifiez .contenedor form input[type="text"],
	section.planifiez .contenedor form input[type="date"],
	section.planifiez .contenedor form select {
		margin-bottom: 0;
		height: 50px;
	}
}
section.planifiez .contenedor form .divCheckbox div {
	margin-bottom: 10px;
	font-size: 0.8em;
	color: #72768b;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.9em;
	line-height: 1.1;
	/*
      input[type="checkbox"]:focus {
        outline: max(.2em, 0.15em) solid $verdeClaro;
        outline-offset: max(.2em, 0.15em);
      }
      */
}
section.planifiez .contenedor form .divCheckbox div input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #ffffff;
	/* Not removed via appearance */
	margin: 0;
	padding: 0.1em;
	font: inherit;
	color: currentColor;
	width: 1.45em;
	height: 1.45em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	-webkit-transform: translateY(-0.075em);
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
}
section.planifiez
	.contenedor
	form
	.divCheckbox
	div
	input[type="checkbox"]::before {
	content: "";
	width: 1em;
	height: 1em;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: 120ms -webkit-transform ease-in-out;
	transition: 120ms -webkit-transform ease-in-out;
	transition: 120ms transform ease-in-out;
	transition:
		120ms transform ease-in-out,
		120ms -webkit-transform ease-in-out;
	-webkit-box-shadow: inset 1em 1em var(#00a651);
	box-shadow: inset 1em 1em var(#00a651);
	/* Windows High Contrast Mode */
	background-color: #ffffff;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-clip-path: polygon(
		14% 44%,
		0 65%,
		50% 100%,
		100% 16%,
		80% 0%,
		43% 62%
	);
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
section.planifiez
	.contenedor
	form
	.divCheckbox
	div
	input[type="checkbox"]:checked {
	background-color: #7cb135;
}
section.planifiez
	.contenedor
	form
	.divCheckbox
	div
	input[type="checkbox"]:checked::before {
	-webkit-transform: scale(1);
	transform: scale(1);
	background-color: #ffffff;
}
@media screen and (min-width: 48em) {
	section.planifiez .contenedor form .divCheckbox {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
section.planifiez .contenedor form input[type="submit"] {
	width: 100%;
	background-color: #00a651;
	color: #ffffff;
	font-size: 0.8em;
	height: 40px;
	border: none;
	border-radius: 5px;
}
@media screen and (min-width: 64em) {
	section.planifiez .contenedor form input[type="submit"] {
		width: 30%;
		padding: 0 20px;
		height: 50px;
	}
}
@media screen and (min-width: 64em) {
	section.planifiez .contenedor form .inputOneColumn input {
		width: 50%;
	}
}
@media screen and (min-width: 64em) {
	section.planifiez {
		margin-top: -2.5em;
	}
}
@media screen and (min-width: 80em) {
	section.planifiez {
		margin-top: -4.5em;
	}
}

section.footer {
	margin-top: 2em;
}
@media screen and (min-width: 48em) {
	section.footer {
		margin-top: 6em;
	}
}
section.footer .columnasFooter {
	background-color: #052978;
	color: #ffffff;
	padding: 0.7em;
}
section.footer .columnasFooter .contenedor {
	font-size: 0.8em;
	line-height: 30px;
}
@media screen and (min-width: 48em) {
	section.footer .columnasFooter .contenedor div:first-child {
		-webkit-box-flex: 2;
		-ms-flex: 2;
		flex: 2;
		padding: 0 0.2em;
	}
}
@media screen and (min-width: 80em) {
	section.footer .columnasFooter .contenedor div:first-child p {
		padding-right: 5em;
	}
}
@media screen and (min-width: 48em) {
	section.footer .columnasFooter .contenedor div:nth-child(2) {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media screen and (min-width: 48em) {
	section.footer .columnasFooter .contenedor div:nth-child(3) {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
section.footer .columnasFooter .contenedor h3 {
	font-weight: 900;
}
section.footer .columnasFooter .contenedor ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 48em) {
	section.footer .columnasFooter .contenedor {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (min-width: 80em) {
	section.footer .columnasFooter {
		height: 350px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
section.footer .redesSociales .contenedor div:first-child p {
	font-size: 0.7em;
	text-align: center;
}
section.footer .redesSociales .contenedor div:nth-child(2) ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
section.footer .redesSociales .contenedor div:nth-child(2) ul li img {
	width: 40px;
}
@media screen and (min-width: 48em) {
	section.footer .redesSociales .contenedor {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
@media screen and (min-width: 80em) {
	section.footer .redesSociales .contenedor {
		padding: 0 0.9em;
		height: 70px;
	}
}

/*# sourceMappingURL=estilos-tiquicia.css.map */