@import '../fonts/stylesheet.css';

.lenis.lenis-smooth {
    scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
        overscroll-behavior: contain;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
.lenis.lenis-stopped {
    overflow: hidden;
}

.no-scroll {
    overflow: hidden !important;
}

:root {
    --primary: #161616;
    --secondary: #f7f7f7;
    --alternate: #f0edba
}
/* Pagina page-id-10836 */
.page-id-10836 header {
    display: none;
}

.page-id-10836 h1.has-text-align-center.wp-block-post-title {
    display: none;
}

.page-id-10836 .wp-block-spacer {
    height: 0 !important;
}

body {
	overflow: hidden;
	margin: 0;
	padding: 0;
    scroll-behavior: smooth;
}
body p {
    font-family: 'avarabold' !important;    
}
.seccion {
    position: sticky !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: z-index 0.3s;
}
.seccion_horizontal {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: z-index 0.3s;
}
/* El parque arqueológico e histórico */
.ep-seccion-1 {
	width: 100vw;
    height: 300vh;
	position: relative;
}
.epaeh-1 {
	width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}
.epaeh-1 > #epaeh-1-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
	min-height: 100vh;
}
.epaeh-1 #epaeh-1-img_background-2 {
	position: absolute;
	top: 28%;
	right: 0%;
}
.epaeh-1 > #epaeh-1-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.epaeh-1 #epaeh-1-img_background-3 {
	position: absolute;
	bottom: 0;
	left: 50vw;
}
.epaeh-1 > #epaeh-1-img_background-3 img {
	width: auto !important;
	height: auto !important;
	aspect-ratio: auto !important;
}
.epaeh-1 .contenedor-textos-epaeh-1 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	z-index: 2;
}
.epaeh-1 .primera-seccion-epaeh-1 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	width: 90vw;
	height: 100vh;
	top: 0;
	position: relative;
	margin: 0 auto;
}
.epaeh-1 .title-epaeh-1 {
	width: 32vw;
	top: 10%;
    position: relative;
}
.epaeh-1 .title-epaeh-1 p {
	font-family: 'avarabold_italic' !important;
	font-size: 80px;
    color: #fff;
	margin-top: 0;
    margin-bottom: 0;
}
.epaeh-1 .texto-epaeh-1 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background-color: #045197cc;
	padding: 2%;
}
.epaeh-1 .texto-epaeh-1 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin: 0;
}
.epaeh-1 .texto-epaeh-1 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.epaeh-1 .texto-epaeh-1 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.epaeh-1 .texto-epaeh-1 .button-modal-p div p:hover {
    background-color: #333;
}
/* Primera letra grande */
.epaeh-1 .dropcap::first-letter {
	font-size: 3.1em;
	float: left;
	margin-right: 1px;
	line-height: 0.1;
	font-family: 'avarabold';
}

/* ¿Como se ha hecho? */
.ep-seccion-2 {
	width: 100vw;
	height: 500vh;
	position: relative;
	z-index: 3;
}
.cshh-2 {
	width: 100vw;
	height: 358vh;
	background-repeat: no-repeat;
	overflow: hidden;
	background: linear-gradient(180deg, #6A8695, #E4EEF4);
}
.cshh-2 > #cshh-2-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
}
.cshh-2 #cshh-2-img_background-2 {
	position: relative;
	width: 100vw;
	background-repeat: no-repeat;
	z-index: 4;
	margin-top: -44vh;
}
.cshh-2 > #cshh-2-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
	min-height: 169vh;
}
.cshh-2 .contenedor-textos-cshh-2 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100vw;
	height: 100%;
	margin: 0 auto;
	z-index: 4;
}
.cshh-2 .segunda-seccion-cshh-2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-start;
	width: 32vw;
	height: 100%;
	top: 0;
	position: relative;
	background-color: #0b4156b3;
}
.cshh-2 .title-cshh-2 {
	width: 32vw;
	padding: 6%;
	bottom: 3%;
	position: relative;
}
.cshh-2 .title-cshh-2 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.cshh-2 .texto-cshh-2 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 6% 6% 6%;
	bottom: 3%;
	position: relative;
}
.cshh-2 .texto-cshh-2 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.cshh-2 .texto-cshh-2 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.cshh-2 .texto-cshh-2 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.cshh-2 .texto-cshh-2 .button-modal-p div p:hover {
    background-color: #333;
}

/* Investigacion Colaborativa */
.ep-seccion-3 {
	width: 100vw;
    height: 300vh;
	position: relative;
}
.ic-3 {
	width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 5;
	position: relative;
}
.ic-3 > #ic-3-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
}
.ic-3 #ic-3-img_background-2 {
	position: absolute;
	bottom: -32%;
	width: 71%;
}
.ic-3 > #ic-3-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.ic-3 .contenedor-textos-ic-3 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	width: 100vw;
	height: 100%;
	margin: 0 auto;
	z-index: 4;
}
.ic-3 .tercera-seccion-ic-3-1 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-start;
	width: 32vw;
	height: 100%;
	top: 0;
	position: relative;
	background-color: #0b4156b3;
}
.ic-3 .tercera-seccion-ic-3-2 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 32vw;
	height: 100%;
	top: 0;
	position: relative;
	background-color: #362b16b8;
}
.ic-3 .title-ic-3 {
	width: 32vw;
	padding: 6%;
	bottom: 3%;
	position: relative;
}
.ic-3 .title-ic-3 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.ic-3 .texto-ic-3 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 6% 6% 6%;
	bottom: 3%;
	position: relative;
}
.ic-3 .texto-ic-3 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.ic-3 .texto-ic-3 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.ic-3 .texto-ic-3 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.ic-3 .texto-ic-3 .button-modal-p div p:hover {
    background-color: #333;
}

/* Arqueología Participativa */
.ep-seccion-4 {
	width: 100vw;
    height: 300vh;
	position: relative;
}
.ap-4 {
	width: auto;
	height: 149vh;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 8;
	position: relative;
	background-color: #ffffff;
}
.ap-4 #ap-4-img_background-1 {
	z-index: 9;
	position: relative;
}
.ap-4 > #ap-4-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
	min-height: 100vh;
}
.ap-4 #ap-4-img_background-2 {
	position: absolute;
	bottom: 21%;
	left: 0;
	width: 34%;
	z-index: 10;
}
.ap-4 > #ap-4-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.ap-4 #ap-4-img_background-3 {
	position: absolute;
	top: 9%;
	right: 1%;
	width: 57%;
	z-index: 10;
}
.ap-4 > #ap-4-img_background-3 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.ap-4 #ap-4-img_background-4 {
	width: 60%;
	position: absolute;
	bottom: -18%;
	left: 15%;
	z-index: 7;
}
.ap-4 > #ap-4-img_background-4 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.ap-4 .contenedor-textos-ap-4 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	z-index: 11;
}
.ap-4 .cuarta-seccion-ap-4 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: center;
	width: 100%;
	top: 0;
	position: relative;
}
.ap-4 .title-ap-4 {
	width: 32vw;
}
.ap-4 .title-ap-4 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.ap-4 .texto-ap-4 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.ap-4 .texto-ap-4 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.ap-4 .texto-ap-4 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.ap-4 .texto-ap-4 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.ap-4 .texto-ap-4 .button-modal-p div p:hover {
    background-color: #333;
}

/* Museología Comunitaria */
.ep-seccion-5 {
	width: 100vw;
	height: 300vh;
	position: relative;
	margin-top: 13%;
}
.mc-5 {
	width: auto;
	height: 100vh;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 12;
	position: relative;
	background-color: #ffffff;
	padding-top: 3%;
}
.mc-5 > #mc-5-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
}
.mc-5 #mc-5-img_background-2 {
	position: absolute;
	top: 0;
	width: 19%;
	right: 20%;
}
.mc-5 > #mc-5-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.mc-5 #mc-5-img_background-3 {
	position: absolute;
	top: 0;
	padding-top: 3%;
}
.mc-5 > #mc-5-img_background-3 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.mc-5 .contenedor-textos-mc-5 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	z-index: 11;
}
.mc-5 .quinta-seccion-mc-5 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 100%;
	top: 0;
	position: relative;
	right: 8%;
}
.mc-5 .title-mc-5 {
	width: 32vw;
	bottom: 7%;
	position: relative;
}
.mc-5 .title-mc-5 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.mc-5 .texto-mc-5 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.mc-5 .texto-mc-5 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.mc-5 .texto-mc-5 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.mc-5 .texto-mc-5 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.mc-5 .texto-mc-5 .button-modal-p div p:hover {
    background-color: #333;
}

/* Comité Cultural */
.ep-seccion-6  {
	width: 100vw;
	height: 220vh;
	position: relative;
	z-index: 15;
}
.ccdd-6 {
	width: 100vw;
	height: 133vh;
	background-repeat: no-repeat;
	overflow: hidden;
}
.ccdd-6 > #ccdd-6-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
}
.ccdd-6 #ccdd-6-img_background-2 {
	position: absolute;
	bottom: 0;
	width: 78%;
	right: 0;
}
.ccdd-6 > #ccdd-6-img_background-2 img {
	width: auto !important;
	height: auto!important;
	aspect-ratio: auto !important;
}
.ccdd-6 .contenedor-textos-ccdd-6 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100vw;
	height: 100%;
	margin: 0 auto;
	z-index: 4;
}
.ccdd-6 .sexta-seccion-ccdd-6 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	width: 32vw;
	height: 100vh;
	top: 0;
	position: relative;
	background-color: #0b4156b3;
}
.ccdd-6 .title-ccdd-6 {
	width: 32vw;
	padding: 6%;
}
.ccdd-6 .title-ccdd-6 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.ccdd-6 .texto-ccdd-6 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 6% 6% 6%;
}
.ccdd-6 .texto-ccdd-6 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.ccdd-6 .texto-ccdd-6 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.ccdd-6 .texto-ccdd-6 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.ccdd-6 .texto-ccdd-6 .button-modal-p div p:hover {
    background-color: #333;
}

/* Memorias del Darien */
.ep-seccion-7 {
	width: 100vw;
	height: 220vh;
	position: relative;
	z-index: 15;
}
.mdd-7 {
	width: 100vw;
	height: 133vh;
	background-repeat: no-repeat;
	overflow: hidden;
}
.mdd-7 > #mdd-7-img_background-1 img {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
	min-height: 137vh;
}
.mdd-7 .contenedor-textos-mdd-7 {
	position: absolute;
	top: 0;
	font-family: 'avarabold';
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100vw;
	height: 100%;
	margin: 0 auto;
	z-index: 4;
}
.mdd-7 .septima-seccion-mdd-7 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	width: 32vw;
	height: 100%;
	top: 0;
	position: relative;
	background-color: #0b4156b3;
}
.mdd-7 .title-mdd-7 {
	width: 32vw;
	padding: 6%;
}
.mdd-7 .title-mdd-7 p {
	font-family: 'avarabold_italic' !important;
	font-size: 50px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}
.mdd-7 .texto-mdd-7 {
	width: 32vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 6% 6% 6%;
}
.mdd-7 .texto-mdd-7 p {
	font-family: 'interregular' !important;
	font-size: 17px;
	line-height: 1.3;
	color: #ffffff;
	margin-top: 0;
}
.mdd-7 .texto-mdd-7 .button-modal-p div p {
    background-color: #000;
    padding: 8px 16px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin-top: auto;
}
.mdd-7 .texto-mdd-7 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.mdd-7 .texto-mdd-7 .button-modal-p div p:hover {
    background-color: #333;
}