@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-9423 */
.page-id-9423 header {
    display: none;
}

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

.page-id-9423 .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 Circulo de la Palabra */
.abyayala-seccion-1 {
    width: 100vw;
    height: 300vh;
}
.cdp-1 {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}
.cdp-1 > #cdp-1-img_background img {
    width: 100vw !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
}
.cdp-1 #cdp-1-img_background_2 {
	position: relative;
    bottom: 100vh;
	z-index: 2;
}
.cdp-1 > #cdp-1-img_background_2 img {
	width: 100vw !important;
    height: 150vh !important;
    aspect-ratio: auto !important;
}
.cdp-1 #cdp-1-img_background_4 {
	position: absolute;
	bottom: 0;
	left: 50vw;
}
.cdp-1 > #cdp-1-img_background_4 img {
	width: auto !important;
	height: auto !important;
	aspect-ratio: auto !important;
}
.contenedor-textos-1-abyayala {
    position: absolute;
    top: 0;
    font-family: 'avarabold';    
    color: white;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    width: 100vw;
    height: 100vh;
    margin: 0 auto; 
}
.primera-seccion-cdp-1 {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80vw;
    height: 100vh;
    top: 0;
    position: relative;
    margin: 0 auto;
}
.cdp-1 .text-title-cdp-1 {
    width: 100vw;
    bottom: 5vh;
    position: relative;
}
.cdp-1 .text-title-cdp-1 p {
    font-size: 80px;
    color: #fff;
}
.vertical_item_1:nth-child(1) {
    margin-bottom: 39vh;
}
.vertical_item_1:nth-child(2) {
    margin-bottom: 20vh;
}
.vertical_item_1:last-child {
    margin-bottom: 0;
}
.seccion-textos-cdp-1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100vw;
    position: relative;
    top: 31vh;
}
.cdp-1 .texto-1-cdp-1 {
    padding: 2%;
    background-color: rgba(0, 124, 172, 0.7);
    width: 32vw;
}
.cdp-1 .texto-1-cdp-1 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.6;
    color: #fff;
}
.cdp-1 .texto-2-cdp-1 {
    padding: 2%;
    background-color: rgba(0, 124, 172, 0.7);
    width: 32vw;
}
.cdp-1 .texto-2-cdp-1 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.6;
    color: #fff;
}
.contenedor-textos-1-1-abyayala {
    position: absolute;
    top: 0;
    font-family: 'avarabold';    
    color: white;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 100vw;
    height: 130vh;
    margin: 0 auto; 
	z-index:3;
}
.segunda-seccion-cdp-1-1 {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80vw;
    height: 100vh;
    top: 0;
    position: relative;
    margin: 0 auto;
}
.text-center-cdp-1-1 {
    padding: 2%;
    background-color: rgba(0, 124, 172, 0.7);
    width: 32vw;
}
.text-center-cdp-1-1 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.6;
    color: #fff;
}

.abyayala-seccion-1-2 {
    width: 100vw;
    height: 102vh;
	z-index: 4;
    position: relative;
    margin-bottom: -3%;
}
.cdp-1-2 {
    width: 100vw;
    height: 102vh;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
}
.cdp-1-2 img {
    width: 100vw !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
}

/* La Gente de habla cueva */
.abyayala-seccion-2 {
	position: relative;
	z-index: 3;
	height: 320vh;
}
.lgdhc-2 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 6;
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    background-color: #EAE5B9;
}
.lgdhc-2 .contenedor-texto-lgdhc-2 {
    width: 40%;
    height: 100%;
    position: absolute;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin: 0 auto;
}
.lgdhc-2 .segunda-seccion-texto-lgdhc-2 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.lgdhc-2 .title-lgdhc-2 {
	width: 32vw;
}
.lgdhc-2 .title-lgdhc-2 p {
    font-family: 'avarabold_italic' !important;
    font-size: 80px;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0;
}
.lgdhc-2 .text-lgdhc-2 {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lgdhc-2 .text-lgdhc-2 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.6;
    color: #000;
    font-weight: 600;
}
.lgdhc-2 .text-lgdhc-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;
}
.lgdhc-2 .text-lgdhc-2 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lgdhc-2 .text-lgdhc-2 .button-modal-p div p:hover {
    background-color: #333;
}
.lgdhc-2 .contenedor-imagen-lgdhc-2 {
    width: 60%;
    height: 100%;
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    transition: transform 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lgdhc-2 .contenedor-imagen-lgdhc-2 > #lgdhc-2-img_background img {
    width: 70vw !important;
    height: 100vh !important;
    max-width: 70vw !important;
    aspect-ratio: auto !important;
}
/* BOTONES IMAGENES */
.button-container {
	position: absolute;
	width: 73vw;
	height: 85vh;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 12vw;
	top: 9vh;
}
.diamond-button {
	position: absolute;
	width: 45px;
    height: 45px;
	background-color: rgb(0, 0, 0);
	border: none;
	color: #ffffff;
	font-size: 45px;
	font-weight: 300;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.lgdhc-2 .diamond-button.top1 {
	top: 10vh;
	left: 10vw;
}
.lgdhc-2 .diamond-button.top2 {
	top: 6vh;
	right: 44vw;
}
.lgdhc-2 .diamond-button.top3 {
	top: 4vh;
	right: 24vw;
}
.lgdhc-2 .diamond-button.bottom4 {
	left: 7vw;
	top: 58vh;
}
.lgdhc-2 .diamond-button.bottom5 {
	left: 32vw;
	top: 42vh;
}
.lgdhc-2 .diamond-button.bottom6 {
	right: 27vw;
	top: 41vh;
}
.lgdhc-2 .diamond-button.bottom7 {
	right: 6%;
	top: 32vh;
}

/* Los poblados de la Gente de habla cueva */
.abyayala-seccion-3 {
    height: 181vh;
}
.lpdlgdhc-3 {
    width: 100vw;
    height: 181vh;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 4;
    position: relative;
    background-color: #fff7e1;
}
.lpdlgdhc-3 > #lpdlgdhc-3-img_background img {
    width: 100vw !important;
    height: 181vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}
.contenedor-textos-lpdlgdhc-3 {
    position: absolute;
    top: 4%;
    font-family: 'avarabold';
    color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 94%;
    margin: 0 auto;
}
.tercera-seccion-lpdlgdhc-3 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: 80%; 
    opacity: 0;   
}
.tercera-seccion-lpdlgdhc-3.active {
    opacity: 1;
    transform: translateY(1000px); /* Se mueve hacia abajo */
}
.lpdlgdhc-3 .text-top-lpdlgdhc-3 {
    top: 5%;
    left: 5%;
    transition: transform 0.3s ease-out;
}
.lpdlgdhc-3 .text-top-lpdlgdhc-3 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.lpdlgdhc-3 .text-center-lpdlgdhc-3 {
    width: 32vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lpdlgdhc-3 .text-center-lpdlgdhc-3 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.lpdlgdhc-3 .text-center-lpdlgdhc-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;
}
.lpdlgdhc-3 .text-center-lpdlgdhc-3 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lpdlgdhc-3 .text-center-lpdlgdhc-3 .button-modal-p div p:hover {
    background-color: #333;
}

/* Los cacicazgos de la provincia de Cueva */
.abyayala-seccion-4 {
    height: 150vh;
}
.lcdlpdc-4 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 5;
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.contenedor-imagen-lcdlpdc-4 {
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
}
.contenedor-imagen-lcdlpdc-4 > #lcdlpdc-4-img_background img {
    width: 100% !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}
.contenedor-titulo-lcdlpdc-4 {
    position: absolute;
    top: 6%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
    width: 50%;
    /* height: 94%; */
    margin: 0 auto;
}
.cuarta-seccion-titulo-lcdlpdc-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 80%;
    margin: 0 auto;
}
.lcdlpdc-4 .title-top-lcdlpdc-4 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.contenedor-texto-lcdlpdc-4 {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin: 0 auto;
    background-color: #9AB99B;
}
.cuarta-seccion-texto-lcdlpdc-4 {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.lcdlpdc-4 .text-right-lcdlpdc-4 {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lcdlpdc-4 .text-right-lcdlpdc-4 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.lcdlpdc-4 .text-right-lcdlpdc-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;
}
.lcdlpdc-4 .text-right-lcdlpdc-4 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lcdlpdc-4 .text-right-lcdlpdc-4 .button-modal-p div p:hover {
    background-color: #333;
}

/* Las redes gunadule */
.abyayala-seccion-5 {
    height: 300vh;
}
.lrg-5 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 6;
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    background-color: #fff;
}
.contenedor-texto-lrg-5 {
    width: 50%;
    height: 100%;
    position: absolute;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin: 0 auto;
    background-color: #fff;
}
.quinta-seccion-texto-lrg-5 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.lrg-5 .title-lrg-5 {
    width: 32vw;
}
.lrg-5 .title-lrg-5 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #670126;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.lrg-5 .text-lrg-5 {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lrg-5 .text-lrg-5 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.lrg-5 .text-lrg-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;
}
.lrg-5 .text-lrg-5 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lrg-5 .text-lrg-5 .button-modal-p div p:hover {
    background-color: #333;
}
.contenedor-imagen-lrg-5 {
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    transition: transform 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contenedor-imagen-lrg-5 > #lrg-5-img_background img {
    width: 100% !important;
    height: 80vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}

/* Maggilagundiwala */
/* SECCION 6-A */
.abyayala-seccion-6 {
    height: 500vh;
    width: 200vw;
    z-index: 7;
    position: relative;
    display: flex;
    flex-direction: row;
}
.maggila-6 {
    width: 100vw;
    min-width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
}
.contenedor-contenido-maggila-6 {
    width: 100%;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    margin: 0 auto;
    background-color: #fff;
}
.sexta-seccion-maggila-6 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.maggila-6 .imagen-maggila-6 {
    width: 50vw;
    height: 44vh;
    background-repeat: no-repeat;
    clip-path: circle(20% at 50% 50%);
    transition: clip-path 0.3s ease-out; 
}
.maggila-6 .imagen-maggila-6 img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}
.maggila-6 .titulo-maggila-6 {
    width: 36vw;
    text-align: center;
}
.maggila-6 .titulo-maggila-6 p {
    font-family: 'avarabold_italic' !important;
    font-size: 55px;
    color: #22704A;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.maggila-6 .texto-maggila-6 {
    width: 36vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.maggila-6 .texto-maggila-6 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.maggila-6 .texto-maggila-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;
}
.maggila-6 .texto-maggila-6 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.maggila-6 .texto-maggila-6 .button-modal-p div p:hover {
    background-color: #333;
}

/* La fuerza gunadule */
.lfg-7 {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
}
.contenedor-lfg-7 {
    position: absolute;
    top: 0;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
	opacity: 0;
}
.contenedor-texto-lfg-7 {
    width: 40%;
    height: 100%;
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin: 0 auto;
    background-color: #fff;
}
.septima-seccion-texto-lfg-7 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.lfg-7 .title-lfg-7 {
    width: 32vw;
}
.lfg-7 .title-lfg-7 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.lfg-7 .text-lfg-7 {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lfg-7 .text-lfg-7 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.lfg-7 .text-lfg-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;
}
.lfg-7 .text-lfg-7 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lfg-7 .text-lfg-7 .button-modal-p div p:hover {
    background-color: #333;
}
.contenedor-imagen-lfg-7 {
    width: 60%;
    height: 100%;
    background-repeat: no-repeat;
    right: 0;
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contenedor-imagen-lfg-7 > #lfg-7-img_background img {
    width: 90% !important;
    height: 80vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}

/* Clases scroll horizontal */
.section {
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.section_to-pin {
    height: 100vh;
    display: flex;
    position: relative;
}
.section_to-pin-10 {
    height: 100vh;
    display: flex;
    position: relative;
	z-index: 10;
}
.content_wrapper {
    min-width: 35%;
    padding: 0 5vw;
}
.content_wrapper-10 {
    min-width: 45%;
    padding: 0 5vw;
}

/* SECCION 8 - 9 */
/* Nación Gunadule Siglo XVIII */
/* Embera gente de río y montaña */
.main-container-invertido {
	width: 100%;
	z-index: 8;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	position: relative;
	/* No agregar height aquí */
	min-height: 100vh;
	overflow: hidden;
}
.seccion-text-invertido {
	width: 90%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	background-color: #E7DBB9;
}
.contenedor-texto-ngsx-8 {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    margin: 0 auto;
	gap: 90vh;
}
.octava-seccion-texto-ngsx-8 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    width: 80%; 
}
.text-container-invertido {
    transform: translateY(-80vh);
}
.main-container-invertido .title-seccion-8-9-10 {
    width: 32vw;
}
.main-container-invertido .title-seccion-8-9-10 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.main-container-invertido .text-seccion-8-9-10 {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.main-container-invertido .text-seccion-8-9-10 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.main-container-invertido .text-seccion-8-9-10 .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;
}
.main-container-invertido .text-seccion-8-9-10 .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.main-container-invertido .text-seccion-8-9-10 .button-modal-p div p:hover {
    background-color: #333;
}
.seccion-img-invertido {
	width: 110%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.contenedor-imagen-ngsx-8 {
    width: 100%;
    height: 130vh;
    background-repeat: no-repeat;    
    right: 0;    
    /*position: relative;*/
    background-color: #fff;
}
.contenedor-imagen-egdrym-9 {
    width: 100%;
    height: 150vh;
    background-repeat: no-repeat;    
    right: 0;    
    /*position: relative;*/
    background-color: #fff;
}
.contenedor-imagen-ngsx-8 > #ngsx-8-img_background img {
    width: 100% !important;
    height: 130vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}
.contenedor-imagen-egdrym-9 > #egdrym-9-img_background img {
    width: 100% !important;
    height: 150vh !important;
    aspect-ratio: auto !important;
    object-fit: cover;
}

/* Los mellos guerreros y el rey murciélago */
.abyayala-seccion-10-A {
    z-index: 12;
	background-color: #A8C1A6;
}
/* SECCION A */
.lmgyerm-10-A {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;    
    padding: 0 0vw;
    position: relative;
	background-color: #A8C1A6;
}
.contenedor-lmgyerm-10-A {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 90%;
    margin: 0 auto;
    left: 0;

}
.decima-seccion-texto-lmgyerm-10-A {
    display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
    width: 100%;
	transform: translateY(-80vh);
}
.lmgyerm-10-A .title-lmgyerm-10-A {
    width: 32vw;
}
.lmgyerm-10-A .title-lmgyerm-10-A p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.lmgyerm-10-A .text-lmgyerm-10-A {
    width: 32vw;
}
.lmgyerm-10-A .text-lmgyerm-10-A p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}

/* SECCION B */
.lmgyerm-10-B {
    width: 64vw;
    height: 100vh;
    background-repeat: no-repeat;    
    padding: 0 0vw;
    position: relative;
	z-index: 11;
}
.lmgyerm-10-B > #lmgyerm-10-B-img_background img {
    width: 70vw !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
    min-width: 70vw;
}

/* SECCION C */
.lmgyerm-10-C {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;    
    padding: 0 0vw;
    position: relative;
	background-color: #A8C1A6;
}
.contenedor-lmgyerm-10-C {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 90%;
    margin: 0 auto;
    left: 0;

}
.decima-seccion-texto-lmgyerm-10-C {
    display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
    width: 100%;
}
.lmgyerm-10-C .text-lmgyerm-10-C {
    width: 32vw;
}
.lmgyerm-10-C .text-lmgyerm-10-C p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}

/* SECCION D */
.lmgyerm-10-D {
    width: 70vw;
    height: 100vh;
    background-repeat: no-repeat;    
    padding: 0 0vw;
    position: relative;
	z-index: 11;
	background-color: #A8C1A6;
	margin-left: -1px;
}
.lmgyerm-10-D > #lmgyerm-10-D-img_background img {
    width: 70vw !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
    min-width: 70vw;
}

/* SECCION E */
.lmgyerm-10-E {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;    
    padding: 0 0vw;
    position: relative;
	background-color: #A8C1A6;
}
.contenedor-lmgyerm-10-E {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 90%;
    margin: 0 auto;
    left: 0;

}
.decima-seccion-texto-lmgyerm-10-E {
    display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
    width: 100%;
}
.lmgyerm-10-E .text-lmgyerm-10-E {
    width: 32vw;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.lmgyerm-10-E .text-lmgyerm-10-E p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #000;
}
.lmgyerm-10-E .text-lmgyerm-10-E .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;
}
.lmgyerm-10-E .text-lmgyerm-10-E .button-modal-p p {
    font-size: 14px !important;
    font-family: 'interregular' !important;
    color: #fff !important;
}
.lmgyerm-10-E .text-lmgyerm-10-E .button-modal-p div p:hover {
    background-color: #333;
}

/* Resistencia indigena */
.seccion-11 {
	z-index: 14;
	position: relative;
}
.ri-11 {
	width: 100vw;
	height: 204vh;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ri-11 > #ri-11-img_background img {
    width: 100vw !important;
    height: auto !important;
    aspect-ratio: auto !important;
    min-width: 80vw;
}
.contenedor-textos-ri-11 {
	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: flex-start;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.onceava-seccion-ri-11 {
	display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: 32vw;
    height: 100%;
    position: relative;
	background-color: #1d2545d4;
}
.ri-11 .title-ri-11 {
    width: 32vw;
    padding: 7% 7% 0 7%;
}
.ri-11 .title-ri-11 p {
    font-family: 'avarabold_italic' !important;
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.ri-11 .text-ri-11 {
    width: 32vw;
    padding: 7%;
}
.ri-11 .text-ri-11 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #fff;
}
.ri-11 .text-ri-11-2 {
	width: 32vw;
    padding: 7%;
	opacity: 0;	
}
.ri-11 .text-ri-11-2 p {
    font-family: 'interregular' !important;
    font-size: 17px;
    line-height: 1.3;
    color: #fff;
	transform: translateY(100vh);
}