/*************************************/
/**********CIUDAD COLONIAL************/
/*************************************/
/* Clases Un poblado indígena llamado Darién */
@media (max-width: 380px) {
    .progress-container {
        display: none;
    }
    .seccion-1 {
		height: auto;
	}
    .seccion {
        position: relative !important;
		height: auto;
    }
	.upilld-1 {
    	width: 100vw;
	}
    .upilld-1 img {
        object-fit: cover;
        object-position: calc(72% - 20px) center;
        width: 100vw !important;
    }
    .contenedor-textos-1 {
		height: 200vh;
	}
    .primera-seccion-upilld-1 {
        flex-direction: column;
        align-items: flex-start !important;
        width: 90%;
		margin-top: 8%;
    }
    .upilld-1 .text-left {
        top: 11vh;        
        max-width: 80vw;
        left: 8vw;
    }
	.upilld-1 .text-left p {
        font-size: 28px;
    }
    .upilld-1 .text-right {        
        width: 90vw;        
        transform: translateY(0);
        padding: 2% 0 2% 0;
        background-color: rgb(43 87 64 / 0%);
        margin-top: 3%;
    }
	.upilld-1 .text-right p {
		font-size: 14px;
		text-align: left;
        line-height: 1.5;
	}
	.upilld-1 .text-right .button-modal-p p {
        font-size: 12px !important;
        text-align: center !important;
    }
    .primera-seccion-upilld-2 {
        width: 90%;
        position: relative;
        bottom: 9%;
    }
    .upilld-1 .primer-texto-1, .texto-3-seccion-1 {
        opacity: 1;
    }
    .upilld-1 .texto-1-seccion-1 {
        padding: 2% 2% 0 2%;
        width: 90%;
        position: relative;
    }
	.upilld-1 .texto-1-seccion-1 p {
		font-size: 14px;
        text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 0 2% 0 2%;
        position: relative;
    }
	.upilld-1 .texto-2-seccion-1 p {
		font-size: 24px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-3-seccion-1 {
        padding: 0 2% 2% 2%;
        width: 90%;
		position: relative;
    }
	.upilld-1 .texto-3-seccion-1 p {
		font-size: 14px;
		line-height: 1.5;
		color: black;
		text-align: left;
	}
}
@media (min-width: 381px) and (max-width: 480px) {
    .progress-container {
        display: none;
    }
    .seccion-1 {
		height: auto;
	}
    .seccion {
        position: relative !important;
		height: auto;
    }
	.upilld-1 {
    	width: 100vw;
	}
    .upilld-1 img {
        object-fit: cover;
        object-position: calc(72% - 20px) center;
        width: 100vw !important;
    }
    .contenedor-textos-1 {
		height: 200vh;
	}
    .primera-seccion-upilld-1 {
        flex-direction: column;
        align-items: flex-start !important;
        width: 90%;
		margin-top: 8%;
    }
    .upilld-1 .text-left {
        top: 11vh;        
        max-width: 80vw;
        left: 8vw;
    }
	.upilld-1 .text-left p {
		font-size: 30px;
	}
    .upilld-1 .text-right {        
        width: 90vw;        
        transform: translateY(0);
        padding: 2% 0 2% 0;
        background-color: rgb(43 87 64 / 0%);
        margin-top: 3%;
    }
	.upilld-1 .text-right p {
		font-size: 15px;
		line-height: 1.5;
		text-align: left;
	}
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        text-align: center;
    }
    .primera-seccion-upilld-2 {
        width: 90%;
        position: relative;
        bottom: 9%;
    }
    .upilld-1 .primer-texto-1, .texto-3-seccion-1 {
        opacity: 1;
    }
    .upilld-1 .texto-1-seccion-1 {
        padding: 2% 2% 0 2%;
        width: 90%;
        position: relative;
    }
	.upilld-1 .texto-1-seccion-1 p {
		font-size: 15px;
        text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 0 2% 0 2%;
        position: relative;
    }
	.upilld-1 .texto-2-seccion-1 p {
		font-size: 25px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-3-seccion-1 {
        padding: 0 2% 2% 2%;
        width: 90%;
		position: relative;
    }
	.upilld-1 .texto-3-seccion-1 p {
		font-size: 15px;
        text-align: left;
        line-height: 1.5;
		color: black;
	}
}
@media (min-width: 481px) and (max-width: 768px) {
    .progress-container {
        display: none;
    }
	.seccion-1 {
		height: auto;
	}
    .seccion {
        position: relative !important;
		height: auto;
    }
	.upilld-1 {
    	width: 100vw;
	}
    .upilld-1 img {
        object-fit: cover;
        object-position: calc(72% - 20px) center;
        width: 100vw !important;
    }
	.contenedor-textos-1 {
		height: 200vh;
	}
    .primera-seccion-upilld-1 {
        flex-direction: column;
        align-items: flex-start !important;
        width: 90%;
		margin-top: 8%;
    }
    .upilld-1 .text-left {
        top: 11vh;        
        max-width: 80vw;
        left: 8vw;
    }
	.upilld-1 .text-left p {
		font-size: 35px;
	}
    .upilld-1 .text-right {        
        width: 90vw;        
        transform: translateY(0);
        padding: 2% 0 2% 0;
        background-color: rgb(43 87 64 / 0%);
        margin-top: 3%;
    }
	.upilld-1 .text-right p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
	}
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        text-align: center;
    }
    .primera-seccion-upilld-2 {
        width: 70%;
        position: relative;
        bottom: 11%;
    }
    .upilld-1 .primer-texto-1, .texto-3-seccion-1 {
        opacity: 1;
    }
    .upilld-1 .texto-1-seccion-1 {
        padding: 2% 2% 0 2%;
        width: 90%;
        position: relative;
    }
	.upilld-1 .texto-1-seccion-1 p {
		font-size: 14px;
        text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 0 2% 0 2%;
        position: relative;
    }
	.upilld-1 .texto-2-seccion-1 p {
		font-size: 24px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-3-seccion-1 {
        padding: 0 2% 2% 2%;
        width: 90%;
		position: relative;
    }
	.upilld-1 .texto-3-seccion-1 p {
		font-size: 14px;
        text-align: left;
        line-height: 1.5;
        color: black;
	}
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.upilld-1 img {
		object-fit: cover;
		object-position: calc(71% - 20px) center;
		width: 100vw !important;
	}
	.primera-seccion-upilld-2 {
        width: 90%;
        position: relative;
        bottom: 16%;
    }
	.upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 0 2% 0 2%;
        position: relative;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .progress-container {
        display: none;
    }
    .seccion {
        position: relative !important;
    }
    .upilld-1 img {
        object-fit: cover;
        object-position: center;
    }
    .primera-seccion-upilld-1 {
        flex-direction: column;
        align-items: flex-start !important;
        width: 90%;
    }
    .upilld-1 .text-left {
        top: 11vh;
        max-width: 80vw;
        left: 8vw;
    }
	.upilld-1 .text-left p {
		font-size: 35px;
	}
    .upilld-1 .text-right {
        width: 90vw;
        transform: translateY(0);
        padding: 10% 0 2% 0;
        background-color: rgb(43 87 64 / 0%);
        margin-top: 3%;
    }
	.upilld-1 .text-right p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
	}
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        text-align: center;
    }
    .primera-seccion-upilld-2 {
        width: 90%;
		top: 7%;
        bottom: 0;
        position: relative;
    }
    .upilld-1 .primer-texto-1, .texto-3-seccion-1 {
        opacity: 1;
    }
    .upilld-1 .texto-1-seccion-1 {
        padding: 7% 2% 2% 2%;
        top: 58vh;
        width: 90%;
        position: relative;
    }
	.upilld-1 .texto-1-seccion-1 p {
		font-size: 16px;
        text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 7% 2% 2% 2%;
        top: 53vh;
        position: relative;
    }
	.upilld-1 .texto-2-seccion-1 p {
		font-size: 28px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-3-seccion-1 {
        padding: 7% 2% 2% 2%;
        top: 80vh;
        width: 90%;
    }
	.upilld-1 .texto-3-seccion-1 p {
		font-size: 16px;
        text-align: left;
        line-height: 1.5;
        color: black;
	}
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .progress-container {
        display: none;
    }
    .seccion {
        position: relative !important;
    }
    .upilld-1 img {
        object-fit: cover;
        object-position: center;
    }
    .primera-seccion-upilld-1 {
        flex-direction: column;
        align-items: flex-start !important;
        width: 90%;
    }
    .upilld-1 .text-left {
        top: 11vh;
        max-width: 80vw;
        left: 8vw;
    }
	.upilld-1 .text-left p {
		font-size: 50px;
	}
    .upilld-1 .text-right {
        width: 90vw;
        transform: translateY(0);
        padding: 10% 0 2% 0;
        background-color: rgb(43 87 64 / 0%);
        margin-top: 3%;
    }
	.upilld-1 .text-right p {
		font-size: 18px;
		text-align: left;
        line-height: 1.5;
	}
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        text-align: center;
    }
    .primera-seccion-upilld-2 {
        width: 90%;
        bottom: 10%;
        position: relative;
    }
    .upilld-1 .primer-texto-1, .texto-3-seccion-1 {
        opacity: 1;
    }
    .upilld-1 .texto-1-seccion-1 {
        padding: 7% 2% 2% 2%;
        top: 58vh;
        width: 90%;
        position: relative;
    }
	.upilld-1 .texto-1-seccion-1 p {
		font-size: 18px;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-2-seccion-1 {
        max-width: 82vw;
        padding: 7% 2% 2% 2%;
        top: 49vh;
        position: relative;
    }
	.upilld-1 .texto-2-seccion-1 p {
		font-size: 35px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .upilld-1 .texto-3-seccion-1 {
        padding: 7% 2% 2% 2%;
        top: 80vh;
        width: 90%;
    }
	.upilld-1 .texto-3-seccion-1 p {
		font-size: 18px;
        text-align: left;
        line-height: 1.5;
        color: black;
	}
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.upilld-1 .text-left p {
        font-size: 3.4vw;
    }
	.upilld-1 .text-right p {
        font-size: 0.9vw;
    }
    .upilld-1 .texto-1-seccion-1 p {
        font-size: 18px;
    }
    .upilld-1 .texto-2-seccion-1 {
        left: 47%;
    }
	.upilld-1 .texto-2-seccion-1 p {
        font-size: 30px;
    }
    .upilld-1 .texto-3-seccion-1 p {
        font-size: 17px;
    }
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        padding: 7px 16px;
    }
}
@media (min-width: 1365px) and (max-width: 1440px) {
    .upilld-1 .text-left p {
        font-size: 3.4vw;
    }
	.upilld-1 .text-right p {
        font-size: 0.9vw;
    }
    .upilld-1 .texto-1-seccion-1 p {
        font-size: 18px;
    }
    .upilld-1 .texto-2-seccion-1 {
        left: 47%;
    }
	.upilld-1 .texto-2-seccion-1 p {
        font-size: 30px;
    }
    .upilld-1 .texto-3-seccion-1 p {
        font-size: 17px;
    }
    .upilld-1 .text-right .button-modal-p p {
        font-size: 12px;
        padding: 7px 16px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
    .upilld-1 .text-left {
        font-size: 70px;
    }
	.upilld-1 .texto-1-seccion-1 p {
        font-size: 21px;
    }
	.upilld-1 .texto-2-seccion-1 p {
        font-size: 30px;
    }
    .upilld-1 .texto-3-seccion-1 p {
        font-size: 20px;
    }
    .upilld-1 .text-right .button-modal-p {
        font-size: 12px;
    }
}

/* Clases La llegada del Darién */
@media (max-width: 380px) {
    .seccion-2-horizontal {
		height: auto;
		width: 100vw;
	}
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding-top: 16%;
        padding-bottom: 93%;
        width: 100vw;
        position: relative;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 37%;
        width: 100vw !important;
        height: 69vh !important;
    }
    .contenedor-textos-lldd-2 {
		width: 100%;
	}
    .segunda-seccion-lldd-2 {
        width: 90%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        top: unset;
        bottom: unset;
        margin: 0 auto;
        position: relative;
    }
    .lldd-2-horizontal .text-left-2 {
        width: 100%;
        right: unset;
        position: relative;
        bottom: 24%;
    }
	.lldd-2-horizontal .text-left-2 p {
        font-size: 28px;
        color: black;
    }
    .lldd-2-horizontal .text-right-2 {
        width: 100%;
        transform: translateY(0);
        position: relative;
        top: 19%;
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.lldd-2-horizontal .text-right-2 p {
        font-size: 14px;
        text-align: left;
        line-height: 1.5;
        color: black;
    }
    .lldd-2-horizontal .text-right-2 .button-modal-p p {
        font-size: 12px !important;
        text-align: center !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-2-horizontal {
		height: auto;
		width: 100vw;
	}
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding-top: 16%;
        padding-bottom: 93%;
        width: 100vw;
        position: relative;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 37%;
        width: 100vw !important;
        height: 69vh !important;
    }
    .contenedor-textos-lldd-2 {
		width: 100%;
	}
    .segunda-seccion-lldd-2 {
        width: 90%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        top: unset;
        bottom: unset;
        margin: 0 auto;
        position: relative;
    }
    .lldd-2-horizontal .text-left-2 {
        width: 100%;
        right: unset;
        position: relative;
        bottom: 22%;
    }
	.lldd-2-horizontal .text-left-2 p {
		font-size: 30px;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 {
        width: 100%;
        transform: translateY(0);
        position: relative;
        top: 19%;
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.lldd-2-horizontal .text-right-2 p {
		font-size: 15px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 .button-modal-p p {
        font-size: 12px !important;
        text-align: center !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
	.seccion-2-horizontal {
		height: auto;
		width: 100vw;
	}
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding: 16% 0 93% 0;
        width: 100vw;
        position: relative;
        height: 121vh;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 44%;
        width: 100vw !important;
        height: 69vh !important;
    }
	.contenedor-textos-lldd-2 {
		width: 100%;
		height: 121vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
    .segunda-seccion-lldd-2 {
        width: 90%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        top: unset;
        bottom: unset;
        margin: 0 auto;
        position: relative;
        gap: 0;
        height: 120vh;
    }
    .lldd-2-horizontal .text-left-2 {
        width: 100%;
        right: unset;
        position: relative;
    }
	.lldd-2-horizontal .text-left-2 p {
		font-size: clamp(30px, 4vw, 35px);
		color: black;
	}
    .lldd-2-horizontal .text-right-2 {
        width: 100%;
        transform: translateY(0);
        position: relative;
        padding: 0% 0 0% 0;
        background-color: rgb(43 87 64 / 0%);
    }
	.lldd-2-horizontal .text-right-2 p {
		font-size: clamp(14px, 2vw, 16px);
		text-align: left;
		line-height: 1.5;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.seccion-2-horizontal {
		height: auto;
		width: 100vw;
	}
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding: 16% 0 93% 0;
        width: 100vw;
        position: relative;
        height: 121vh;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 44%;
        width: 100vw !important;
        height: 69vh !important;
    }
	.contenedor-textos-lldd-2 {
		width: 100%;
		height: 121vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
    .segunda-seccion-lldd-2 {
        width: 90%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        top: unset;
        bottom: unset;
        margin: 0 auto;
        position: relative;
        gap: 0;
        height: 117vh;
    }
    .lldd-2-horizontal .text-left-2 {
        width: 100%;
        right: unset;
        position: relative;
    }
	.lldd-2-horizontal .text-right-2 {
        width: 100%;
        transform: translateY(0);
        position: relative;
        padding: 0% 0 0% 0;
        background-color: rgb(43 87 64 / 0%);
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-2 {
        height: 120vh;
    }
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding-top: 12%;
        padding-bottom: 111%;
        height: 130vh;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 44%;
        width: 100% !important;
        height: 88vh !important;
    }
    .segunda-seccion-lldd-2 {
        width: 100%;
        flex-direction: column;
        align-items: center !important;
    }
    .lldd-2-horizontal .text-left-2 {
        top: -11vh;
        left: 5vw;
        width: 90%;
    }
	.lldd-2-horizontal .text-left-2 p {
		font-size: 35px;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 {
        width: 89vw;
        transform: translateY(0);
        bottom: 2%;
        top: 48%;
        left: 6vw;
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.lldd-2-horizontal .text-right-2 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-2 {
        height: 120vh;
    }
    .lldd-2-horizontal {
        background-color: #a9c8a2;
        padding-top: 12%;
        padding-bottom: 111%;
        height: 130vh;
    }
    .lldd-2-horizontal > #lldd-2-img_background img {
        object-fit: cover;
        object-position: 44%;
        width: 100% !important;
        height: 74vh !important;
    }
    .segunda-seccion-lldd-2 {
        width: 100%;
        flex-direction: column;
        align-items: center !important;
		bottom: 3%;
    }
    .lldd-2-horizontal .text-left-2 {
        top: -11vh;
        left: 5vw;
        width: 90%;
    }
	.lldd-2-horizontal .text-left-2 p {
		font-size: 50px;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 {
        width: 89vw;
        transform: translateY(0);
        bottom: 2%;
        top: 48%;
        left: 6vw;
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.lldd-2-horizontal .text-right-2 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
		color: black;
	}
    .lldd-2-horizontal .text-right-2 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.lldd-2-horizontal .text-left-2 {
        right: 40%;
    }
	.lldd-2-horizontal .text-left-2 p {
        font-size: 3.4vw;
    }
    .lldd-2-horizontal .text-right-2 p {
        font-size: 0.9vw;
    }
}
@media (min-width: 1365px) and (max-width: 1440px) {
    .lldd-2-horizontal .text-left-2 {
        right: 40%;
    }
	.lldd-2-horizontal .text-left-2 p {
        font-size: 3.4vw;
    }
    .lldd-2-horizontal .text-right-2 p {
        font-size: 0.9vw;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
    .lldd-2-horizontal .text-left-2 {
        font-size: 60px;
    }
}
@media only screen and (min-device-pixel-ratio: 2) and (min-width: 1400px) { 
    .lldd-2-horizontal > #lldd-2-img_background img {
        min-width: 2500px; /* Evita reducción en MacBook */
        min-height: 1600px; /* Mantiene la proporción */
    }
}

/* Clases El encuentro con el mar del sur */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .seccion-3 {
        height: 120vh;
    }
    .eecemds-3 {
        background-color: #fef6dd;
        padding-top: 50%;
        height: 120vh;
    }
    .eecemds-3 img {
        object-fit: cover;
        object-position: 44%;
        height: 102vh !important;
    }
    .tercera-seccion-eecemds-3 {
        width: 90%;
        height: 0;
        gap: 0;
    }
    .eecemds-3 .text-top-3 {
        opacity: 1;
    }    
	.eecemds-3 .text-top-3 p {
        font-size: 28px;
        color: black;
		margin-top: 0;
        margin-bottom: 0;
    } 
    .eecemds-3 .text-center-3 {
        width: 89vw;
        transform: translateY(0);
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.eecemds-3 .text-center-3 p {
        font-size: 14px;
        text-align: left;
        line-height: 1.5;
        color: black;
		margin-top: 0;
    }
    .eecemds-3 .text-center-3 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-3 {
        height: 120vh;
    }
    .eecemds-3 {
        background-color: #fef6dd;
        padding-top: 50%;
        height: 120vh;
    }
    .eecemds-3 img {
        object-fit: cover;
        object-position: 44%;
        height: 102vh !important;
    }
    .tercera-seccion-eecemds-3 {
        width: 90%;
        height: 0;
        gap: 0;
    }
    .eecemds-3 .text-top-3 {
        opacity: 1;
    }
	.eecemds-3 .text-top-3 p {
        font-size: 30px;
        color: black;
		margin-top: 0;
        margin-bottom: 0;
    }  
    .eecemds-3 .text-center-3 {
        width: 89vw;        
        transform: translateY(0);
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);        
    }
	.eecemds-3 .text-center-3 p {
        font-size: 15px;
		text-align: left;
        line-height: 1.5;
		color: black;
		margin-top: 0;
	}
    .eecemds-3 .text-center-3 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .seccion-3 {
        height: auto;
    }
    .eecemds-3 {
        background-color: #fef6dd;
        padding-top: 45%;
        height: auto;
    }
    .eecemds-3 img {
        object-fit: cover;
        object-position: 44%;
        height: auto !important;
    }
    .tercera-seccion-eecemds-3 {
        width: 90%;
        height: 0;
        gap: 0;
    }
    .eecemds-3 .text-top-3 {
        opacity: 1;
    }
	.eecemds-3 .text-top-3 p {
        font-size: 35px;
        color: black;
		margin-top: 0;
        margin-bottom: 0;
    } 
    .eecemds-3 .text-center-3 {
        width: 89vw;
        transform: translateY(0);
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.eecemds-3 .text-center-3 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
		color: black;
		margin-top: 0;
	}
    .eecemds-3 .text-center-3 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.eecemds-3 {
		padding-top: 65%;
		height: 100vh;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-3 {
        height: 120vh;
    }
    .eecemds-3 {
        background-color: #fef6dd;
        padding-top: 45%;
        height: 120vh;
    }
    .eecemds-3 img {
        object-fit: cover;
        object-position: 44%;
        height: 68vh !important;
    }
    .tercera-seccion-eecemds-3 {
        width: 90%;
        height: 0;
        gap: 0;
    }
    .eecemds-3 .text-top-3 {
        opacity: 1;
    }
	.eecemds-3 .text-top-3 p {
        font-size: 35px;
        color: black;
		margin-top: 0;
        margin-bottom: 0;
    } 
    .eecemds-3 .text-center-3 {
        width: 89vw;
        transform: translateY(0);
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.eecemds-3 .text-center-3 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
		color: black;
		margin-top: 0;
	}
    .eecemds-3 .text-center-3 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-3 {
        height: 120vh;
    }
    .eecemds-3 {
        background-color: #fef6dd;
        padding-top: 45%;
        height: 120vh;
    }
    .eecemds-3 img {
        object-fit: cover;
        object-position: 44%;
        height: 68vh !important;
    }
    .tercera-seccion-eecemds-3 {
        width: 90%;
        height: 0;
        gap: 0;
    }
    .eecemds-3 .text-top-3 {
        opacity: 1;
    }
	.eecemds-3 .text-top-3 p {
        font-size: 50px;
        color: black;
		margin-top: 0;
        margin-bottom: 0;
    } 
    .eecemds-3 .text-center-3 {
        width: 89vw;
        transform: translateY(0);
        padding: 7% 0% 2% 0%;
        background-color: rgb(43 87 64 / 0%);
    }
	.eecemds-3 .text-center-3 p {
		font-size: 18px;
		text-align: left;
        line-height: 1.5;
		color: black;
		margin-top: 0;
	}
    .eecemds-3 .text-center-3 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.tercera-seccion-eecemds-3 {
		height: 100%;
	}
	.eecemds-3 .text-top-3 p {
		font-size: 40px;
	}
    .eecemds-3 .text-center-3 p {
        font-size: 0.9vw;
    }
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.tercera-seccion-eecemds-3 {
		height: 100%;
	}
	.eecemds-3 .text-top-3 p {
		font-size: 40px;
	}
    .eecemds-3 .text-center-3 p {
        font-size: 0.9vw;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.contenedor-textos-3 {
		height: 81%;
	}
}

/* Clases Un proyecto utópico_ la llegada de la armada de Pedrarias */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .seccion-4-responsive {
        display: block;
    }
    .upulldladp-seccion-4 {
        display: none;
    }
    .upu-4-resp img {
        object-fit: cover;
        object-position: 44%;
    }
    .upu-4-resp .text-title-resp {
        position: relative;
    }
	.upu-4-resp .text-title-resp p {
        font-size: 28px;
		color: #fff;
		font-family: 'avarabold_italic' !important;
		margin-top: 0;
        margin-bottom: 0;
    }
    .upu-4-resp .text-left-4-resp p {
        font-size: 14px;
		color: #fff;
		font-family: 'interregular' !important;
		margin-top: 0;
    }
    .upu-4-resp .text-left-4-resp .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
		color: #fff;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-4-responsive {
        display: block;
    }
    .upulldladp-seccion-4 {
        display: none;
    }
    .upu-4-resp img {
        object-fit: cover;
        object-position: 44%;
    }
    .upu-4-resp .text-title-resp {
        position: relative;
    }
	.upu-4-resp .text-title-resp p {
        font-size: 30px;
		color: #fff;
		font-family: 'avarabold_italic' !important;
		margin-top: 0;
        margin-bottom: 0;
    }
    .upu-4-resp .text-left-4-resp p {
        font-size: 15px;
		color: #fff;
		font-family: 'interregular' !important;
		margin-top: 0;
    }
    .upu-4-resp .text-left-4-resp .button-modal-p p {
        font-size: 12px;
        text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		color: #fff;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .seccion-4-responsive {
        display: block;
    }
    .upulldladp-seccion-4 {
        display: none;
    }
    .upu-4-resp img {
        object-fit: cover;
        object-position: 44%;
    }
    .upu-4-resp .text-title-resp {
        position: relative;
    }
	.upu-4-resp .text-title-resp p {
        font-size: 35px;
		color: #fff;
		font-family: 'avarabold_italic' !important;
		margin-top: 0;
        margin-bottom: 0;
    }
    .upu-4-resp .text-left-4-resp p {
        font-size: 16px;
		color: #fff;
		font-family: 'interregular' !important;
		margin-top: 0;
    }
    .upu-4-resp .text-left-4-resp .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
		color: #fff;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-4-responsive {
        display: block;
    }
    .upulldladp-seccion-4 {
        display: none;
    }
    .upu-4-resp img {
        object-fit: cover;
        object-position: 44%;
    }
    .upu-4-resp .text-title-resp {
        position: relative;
    }
	.upu-4-resp .text-title-resp p {
        font-size: 35px;
		color: #fff;
		font-family: 'avarabold_italic' !important;
		margin-top: 0;
        margin-bottom: 0;
    }
    .upu-4-resp .text-left-4-resp p {
        font-size: 16px;
		color: #fff;
		font-family: 'interregular' !important;
		margin-top: 0;
    }
    .upu-4-resp .text-left-4-resp .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
		color: #fff;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-4-responsive {
        display: block;
    }
    .upulldladp-seccion-4 {
        display: none;
    }
    .upu-4-resp img {
        object-fit: cover;
        object-position: 44%;
    }
    .upu-4-resp .text-title-resp {
        position: relative;
    }
	.upu-4-resp .text-title-resp p {
        font-size: 50px;
		color: #fff;
		font-family: 'avarabold_italic' !important;
		margin-top: 0;
        margin-bottom: 0;
    }
    .upu-4-resp .text-left-4-resp p {
        font-size: 18px;
		color: #fff;
		font-family: 'interregular' !important;
		margin-top: 0;
    }
    .upu-4-resp .text-left-4-resp .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
		color: #fff;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
    .upulldladp-4 .text-upulldladp-4 p {
        font-size: 0.9vw;
    }
	.upulldladp-4 .title-upulldladp-4 p {
		font-size: 40px;
	}
	.upulldladp-4 .text-upulldladp-4 .button-modal-p p {
		font-size: 12px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
    .upulldladp-4 .text-upulldladp-4 p {
        font-size: 0.9vw;
    }
	.upulldladp-4 .title-upulldladp-4 p {
		font-size: 40px;
	}
	.upulldladp-4 .text-upulldladp-4 .button-modal-p p {
		font-size: 12px;
	}
}

/* Clases Vitruvio en los tropicos */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .velt-5-title-4 {
        display: block !important;
    }
    .seccion-5-a, .seccion-5-b {
        display: none;
    }
    .seccion-5-c {
        height: 140vh;
        margin-top: 0;
    }
    .velt-5-2 {
        background-color: #F8E8C2;
        padding-top: 59vh;
        height: 140vh;
    }
    .velt-5-2 img {
        object-fit: cover;
        object-position: 49%;
    }
    .contenedor-textos-5-C {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }
    .quinta-seccion-velt-5-C {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        height: 73vh;
        top: 3%;
    }
    .velt-5-title-4 {
        z-index: 11;
        position: absolute;
    }
	.velt-5-title-4 p {
        font-family: 'avarabold_italic' !important;
        font-size: 28px;
        color: #22704A;
		margin-top: 0;
        margin-bottom: 0;
    }
    .velt-5-2 .text-left-5 {
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        height: 73vh;
    }
	.velt-5-2 .text-left-5 p {
        font-size: 14px;
        color: black;
		margin-top: 0;
    }
    .velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .velt-5-title-4 {
        display: block !important;
    }
    .seccion-5-a, .seccion-5-b {
        display: none;
    }
    .seccion-5-c {
        height: 140vh;
        margin-top: 0;
    }
    .velt-5-2 {
        background-color: #F8E8C2;
        padding-top: 59vh;
        height: 140vh;
    }
    .velt-5-2 img {
        object-fit: cover;
        object-position: 49%;
    }
    .contenedor-textos-5-C {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }
    .quinta-seccion-velt-5-C {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        height: 73vh;
        top: 3%;
    }
    .velt-5-title-4 {
        z-index: 11;
        position: absolute;
    }
	.velt-5-title-4 p {
        font-family: 'avarabold_italic' !important;
        font-size: 30px;
        color: #22704A;
		margin-top: 0;
        margin-bottom: 0;
    }
    .velt-5-2 .text-left-5 {
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        height: 73vh;
    }
	.velt-5-2 .text-left-5 p {
		font-size: 15px;
		color: black;
		margin-top: 0;
	}
    .velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
		margin-bottom: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .velt-5-title-4 {
        display: block !important;
    }
    .seccion-5-a, .seccion-5-b {
        display: none;
    }
    .seccion-5-c {
        height: auto;
        margin-top: 0;
    }
    .velt-5-2 {
        background-color: #F8E8C2;
        padding-top: 45vh;
        height: 140vh;
    }
    .velt-5-2 img {
        object-fit: cover;
        object-position: 49%;
    }
    .contenedor-textos-5-C {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }
    .quinta-seccion-velt-5-C {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        height: 61vh;
        top: 3%;
    }
    .velt-5-title-4 {
        z-index: 11;
    }
	.velt-5-title-4 p {
        font-family: 'avarabold_italic' !important;
        font-size: 35px;
        color: #22704A;
        margin-top: 0;
        margin-bottom: 0;
    }
    .velt-5-2 .text-left-5 {
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        height: auto;
    }
	.velt-5-2 .text-left-5 p {
		font-size: 16px;
		color: black;
		margin-top: 0;
	}
    .velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.velt-5-2 {
		padding-top: 50vh;
	}
	.quinta-seccion-velt-5-C {
		height: 42vh;
    	top: 8%;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .velt-5-title-4 {
        display: block !important;
    }
    .seccion-5-a, .seccion-5-b {
        display: none;
    }
    .seccion-5-c {
        height: 140vh;
        margin-top: 0;
    }
    .velt-5-2 {
        background-color: #F8E8C2;
        padding-top: 59vh;
        height: 140vh;
    }
    .velt-5-2 img {
        object-fit: cover;
        object-position: 49%;
    }
    .contenedor-textos-5-C {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }
    .quinta-seccion-velt-5-C {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        height: 73vh;
        top: 6%;
    }
    .velt-5-title-4 {
        z-index: 11;
        position: absolute;
    }
	.velt-5-title-4 p {
        font-family: 'avarabold_italic' !important;
        font-size: 35px;
        color: #22704A;
		margin-top: 0;
        margin-bottom: 0;
    }
    .velt-5-2 .text-left-5 {        
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);        
        height: 70vh;
    }
	.velt-5-2 .text-left-5 p {
		font-size: 16px;
		color: black;
		margin-top: 0;
	}
    .velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .velt-5-title-4 {
        display: block !important;
    }
    .seccion-5-a, .seccion-5-b {
        display: none;
    }
    .seccion-5-c {
        height: 140vh;
        margin-top: 0;
    }
    .velt-5-2 {
        background-color: #F8E8C2;
        padding-top: 59vh;
        height: 140vh;
    }
    .velt-5-2 img {
        object-fit: cover;
        object-position: 49%;
    }
    .contenedor-textos-5-C {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
    }
    .quinta-seccion-velt-5-C {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        height: 73vh;
        top: 6%;
    }
    .velt-5-title-4 {
        z-index: 11;
        position: absolute;
    }
	.velt-5-title-4 p {
        font-family: 'avarabold_italic' !important;
        font-size: 50px;
        color: #22704A;
		margin-top: 0;
        margin-bottom: 0;
    }
    .velt-5-2 .text-left-5 {        
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);        
        height: 70vh;
    }
	.velt-5-2 .text-left-5 p {
		font-size: 18px;
		color: black;
		margin-top: 0;
	}
    .velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
    .velt-5-title-1 p {
        font-size: 3.4vw;
    }
    .velt-5-title-2 p {
        font-size: 3.4vw;
    }
    .velt-5-title-3 p {
        font-size: 3.4vw;
    }
    .velt-5-2 .text-left-5 p {
        font-size: 0.9vw;
        line-height: 1.5;
    }
	.velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
    } 
}
@media (min-width: 1365px) and (max-width: 1440px) {
    .velt-5-title-1 p {
        font-size: 3.4vw;
    }
    .velt-5-title-2 p {
        font-size: 3.4vw;
    }
    .velt-5-title-3 p {
        font-size: 3.4vw;
    }
    .velt-5-2 .text-left-5 p {
        font-size: 0.9vw;
        line-height: 1.5;
    }
	.velt-5-2 .text-left-5 .button-modal-p p {
        font-size: 12px;
    } 
}

/* Clases  La esclavitud y el saqueo */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .seccion-6 {
        height: auto;
		width: 100vw;
    }
    .seccion-6-a {
        display: none;
    }
    .leyes-6 img {
        object-fit: cover;
        object-position: 44%;
        width: 100vw !important;
        height: 100vh !important;
    }
    .leyes-6 {
        background-color: #FDF1C9;
        padding-top: 20vh;
        height: auto;
		width: 100vw;
    }
    .contenedor-textos-6 {
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        background-color: rgb(253 241 201 / 78%);
        padding: 4% 0 4% 0;
    }
    .sexta-seccion-leyes-6 {
        height: auto;
        width: 90%;
        margin: 0 auto;
        top: 3%;
    }
    .leyes-6 .text-left-6 {
        width: 100%;
        transform: translateY(0);
        padding: 0;
        opacity: 1;
        position: relative;
        bottom: unset;
    }
	.leyes-6 .text-left-6 p {
        font-size: 14px;
		text-align: left;
        line-height: 1.5;
        text-align: left;
		color: black;
    }  
    .leyes-6 .text-title-6 {
        width: 100%;
        position: relative;
        padding: 0;
        background-color: rgb(43 87 64 / 0%);
        opacity: 1;
        bottom: unset;
    }
	.leyes-6 .text-title-6 p {
		font-size: 28px;
		color: black;
	}
    .leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-6 {
        height: auto;
		width: 100vw;
    }
    .seccion-6-a {
        display: none;
    }
    .leyes-6 img {
        object-fit: cover;
        object-position: 44%;
        width: 100vw !important;
        height: 100vh !important;
    }
    .leyes-6 {
        background-color: #FDF1C9;
        padding-top: 20vh;
        height: auto;
		width: 100vw;
    }
    .contenedor-textos-6 {
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        background-color: rgb(253 241 201 / 78%);
        padding: 4% 0 4% 0;
    }
    .sexta-seccion-leyes-6 {
        height: auto;
        width: 90%;
        margin: 0 auto;
        top: 3%;
    }
    .leyes-6 .text-left-6 {
        width: 100%;
        transform: translateY(0);
        padding: 0;
        opacity: 1;
        position: relative;
        bottom: unset;
    }  
	.leyes-6 .text-left-6 p {
		font-size: 15px;
		text-align: left;
		line-height: 1.5;
        text-align: left;
		color: black;
	}
    .leyes-6 .text-title-6 {
        width: 100%;
        position: relative;
        padding: 0;
        background-color: rgb(43 87 64 / 0%);
        opacity: 1;
        bottom: unset;
    }
	.leyes-6 .text-title-6 p {
		color: black;
        font-size: 30px;
	}
    .leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .seccion-6 {
        height: auto;
		width: 100vw;
    }
    .seccion-6-a {
        display: none;
    }
    .leyes-6 img {
        object-fit: cover;
        object-position: 44%;
        width: 100vw !important;
        height: 100vh !important;
    }
    .leyes-6 {
        background-color: #FDF1C9;
        padding-top: 20vh;
        height: auto;
		width: 100vw;
    }
    .contenedor-textos-6 {
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        background-color: rgb(253 241 201 / 78%);
        padding: 4% 0 4% 0;
    }
    .sexta-seccion-leyes-6 {
        height: auto;
        width: 90%;
        margin: 0 auto;
        top: 3%;
    }
    .leyes-6 .text-left-6 {
        width: 100%;
        transform: translateY(0);
        padding: 0;
        opacity: 1;
        position: relative;
        bottom: unset;
    }
	.leyes-6 .text-left-6 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
        text-align: left;
		color: black;
	}
    .leyes-6 .text-title-6 {
        width: 100%;
        position: relative;
        padding: 0;
        background-color: rgb(43 87 64 / 0%);
        opacity: 1;
        bottom: unset;
    }
	.leyes-6 .text-title-6 p {
		font-size: 35px;
		color: black;
	}
    .leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.contenedor-textos-6 {
		height: 48vh;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-6 {
        height: 120vh;
    }
    .seccion-6-a {
        display: none;
    }
    .leyes-6 img {
        object-fit: cover;
        object-position: 44%;
    }
    .leyes-6 {
        background-color: #FDF1C9;
        padding-top: 20vh;
        height: 120vh;
    }
    .contenedor-textos-6 {
        height: 55vh;
    }
    .sexta-seccion-leyes-6 {
        height: 55vh;
    }
    .leyes-6 .text-left-6 {
        width: 100vw;
        transform: translateY(0);
        top: 6%;
        left: 0;
        padding: 5% 7% 2% 7%;
        background-color: rgb(253 241 201 / 78%);
        opacity: 1;
        position: relative;
    }
	.leyes-6 .text-left-6 p {
		font-size: 16px;
		text-align: left;
        line-height: 1.5;
        text-align: left;
		color: black;
	}
    .leyes-6 .text-title-6 {
        top: 6%;
        width: 100vw;
        position: relative;
        padding: 0;
        background-color: rgb(43 87 64 / 0%);
        opacity: 1;
    }
	.leyes-6 .text-title-6 p {
		font-size: 35px;
		color: black;
	}
    .leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-6 {
        height: 120vh;
    }
    .seccion-6-a {
        display: none;
    }
    .leyes-6 img {
        object-fit: cover;
        object-position: 44%;
    }
    .leyes-6 {
        background-color: #FDF1C9;
        padding-top: 22vh;
        height: 120vh;
    }
    .contenedor-textos-6 {
        height: 55vh;
    }
    .sexta-seccion-leyes-6 {
        height: 55vh;
    }
    .leyes-6 .text-left-6 {
        width: 100vw;
        transform: translateY(0);
        top: 0;
        left: 0;
        padding: 2% 7% 2% 7%;
        background-color: rgb(253 241 201 / 78%);
        opacity: 1;
        position: relative;
    }
	.leyes-6 .text-left-6 p {
		font-size: 18px;
		text-align: left;
        line-height: 1.5;
        text-align: left;
		color: black;
		margin-top: 0;
	}
    .leyes-6 .text-title-6 {
        width: 100vw;
        position: relative;
        padding: 0;
        background-color: rgb(43 87 64 / 0%);
        opacity: 1;
    }
	.leyes-6 .text-title-6 p {
		font-size: 50px;
		color: black;
	}
    .leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.seccion-6-a .text-title-6-A p {
		font-size: 3.2vw;
	}
    .seccion-6-a .text-left-6-A p {
        font-size: 0.9vw;
    }
    .leyes-6 .text-left-6 p {
        font-size: 0.9vw;
    }
	.leyes-6 .text-title-6 p {
        font-size: 40px;
    }
	.seccion-6-a {
		height: 59vh;
	}
	.contenedor-textos-6-A {
		height: 59vh;
	}
	.leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;        
    } 
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.seccion-6-a .text-title-6-A p {
		font-size: 3.2vw;
	}
    .seccion-6-a .text-left-6-A p {
        font-size: 0.9vw;
    }
    .leyes-6 .text-left-6 p {
        font-size: 0.9vw;
    }
	.leyes-6 .text-title-6 p {
        font-size: 40px;
    }
	.seccion-6-a {
		height: 59vh;
	}
	.contenedor-textos-6-A {
		height: 59vh;
	}
	.leyes-6 .text-left-6 .button-modal-p p {
        font-size: 12px;        
    } 
}

/* Clases El final de la ciudad */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .seccion-7-responsive {
        display: block;
        height: 84vh;
    }
    .efdlc-seccion-7 {
        display: none;
    }
    .efdlc-7-resp img {
        object-fit: contain;
        width: 114% !important;
        height: 85vh !important;
    }
    .contenedor-textos-7-resp {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'avarabold';
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        width: 100vw;
        height: 70vh;
        margin: 0 auto;
    }
    
    .septima-seccion-leyes-7-resp {
        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: 90vw;
        height: auto;
        gap: 0;
        position: relative;
		margin: 0 auto;
    }
    .efdlc-7-resp {
        background-color: #F4E4B2;
        padding-top: 32vh;
        width: 100vw;
        height: 84vh;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .efdlc-7-resp .text-left-7-resp {        
        top: 9%;
        width: 90vw;        
        background-color: rgb(43 87 64 / 0%);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }
    .efdlc-7-resp .text-left-7-resp p {
		font-family: 'interregular' !important;
        font-size: 14px;
		text-align: left;
        line-height: 1.3;
		color: black;
		margin-top: 0;
	}
    .efdlc-7-resp .text-title-7-resp {
        top: 6%;
        position: relative;
    }
    .efdlc-7-resp .text-title-7-resp p {
        font-family: 'avarabold_italic' !important;
        font-size: 28px;
		color: black;
		margin-top: 0;
        margin-bottom: 0;
    }
    .efdlc-7-resp .text-left-7-resp .button-modal-p p {
        font-family: 'interregular' !important;
        background-color: #000;
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 12px;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-7-responsive {
        display: block;
        height: 84vh;
    }
    .efdlc-seccion-7 {
        display: none;
    }
    .efdlc-7-resp img {
        object-fit: contain;
        width: 114% !important;
        height: 85vh !important;
    }
    .contenedor-textos-7-resp {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'avarabold';
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        width: 100vw;
        height: 70vh;
        margin: 0 auto;
    }
    
    .septima-seccion-leyes-7-resp {
        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: 90vw;
        height: 100%;
        gap: 0;
        position: relative;
		margin: 0 auto;
    }
    .efdlc-7-resp {
        background-color: #F4E4B2;
        padding-top: 32vh;
        width: 100vw;
        height: 84vh;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .efdlc-7-resp .text-left-7-resp {
        top: 9%;
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }
    .efdlc-7-resp .text-left-7-resp p {
		font-family: 'interregular' !important;
        font-size: 15px;
		text-align: left;
        line-height: 1.3;
		color: black;
		margin-top: 0;
	}
    .efdlc-7-resp .text-title-7-resp {
        top: 6%;
        position: relative;
    }
    .efdlc-7-resp .text-title-7-resp p {
        font-family: 'avarabold_italic' !important;
        font-size: 30px;
		color: black;
		margin-top: 0;
        margin-bottom: 0;
    }
    .efdlc-7-resp .text-left-7-resp .button-modal-p p {
        font-family: 'interregular' !important;
        background-color: #000;
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .seccion-7-responsive {
        display: block;
        height: auto;
    }
    .efdlc-seccion-7 {
        display: none;
    }
    .efdlc-7-resp img {
        object-fit: cover;
        width: 100vw !important;
        height: auto!important;
    }
    .contenedor-textos-7-resp {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'avarabold';
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        width: 100vw;
        height: 70vh;
        margin: 0 auto;
    }
    
    .septima-seccion-leyes-7-resp {
        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: 90vw;
        height: 100%;
        gap: 1em;
        position: relative;
        margin: 0 auto;
        top: 4%;
    }
    .efdlc-7-resp {
        background-color: #F4E4B2;
        padding-top: 37vh;
        width: 100vw;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .efdlc-7-resp .text-left-7-resp {
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }
    .efdlc-7-resp .text-left-7-resp p {
        font-family: 'interregular' !important;
        font-size: 16px;
		text-align: left;
        line-height: 1.3;
		color: black;
		margin-top: 0;
	}
    .efdlc-7-resp .text-title-7-resp {
        position: relative;
    }
    .efdlc-7-resp .text-title-7-resp p {
        font-family: 'avarabold_italic' !important;
        font-size: 35px;
        color: black;
        margin-top: 0;
        margin-bottom: 0;
    }
    .efdlc-7-resp .text-left-7-resp .button-modal-p p {
        font-family: 'interregular' !important;
        background-color: #000;
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.septima-seccion-leyes-7-resp {
		top: 14%;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-7-responsive {
        display: block;
        height: 90vh;
    }
    .efdlc-seccion-7 {
        display: none;
    }
    .efdlc-7-resp img {
        object-fit: contain;
        width: 114% !important;
        height: 71vh !important;
    }
    .contenedor-textos-7-resp {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'avarabold';
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        width: 100vw;
        height: 70vh;
        margin: 0 auto;
    }
    
    .septima-seccion-leyes-7-resp {
        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: 90vw;
        height: 100vh;
        gap: 0;
        position: relative;
		margin: 0 auto;
    }
    .efdlc-7-resp {
        background-color: #F4E4B2;
        padding-top: 32vh;
        width: 100vw;
        height: 90vh;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .efdlc-7-resp .text-left-7-resp {
        top: 9%;
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }
    .efdlc-7-resp .text-left-7-resp p {
        font-family: 'interregular' !important;
        font-size: 16px;
		text-align: left;
        line-height: 1.3;
		color: black;
		margin-top: 0;
	}
    .efdlc-7-resp .text-title-7-resp {
        top: 6%;
        position: relative;
    }
    .efdlc-7-resp .text-title-7-resp p {
        font-family: 'avarabold_italic' !important;
        font-size: 35px;
		color: black;
		margin-top: 0;
        margin-bottom: 0;
    }
    .efdlc-7-resp .text-left-7-resp .button-modal-p p {
        font-family: 'interregular' !important;
        background-color: #000;
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-7-responsive {
        display: block;
        height: 100vh;
    }
    .efdlc-seccion-7 {
        display: none;
    }
    .efdlc-7-resp img {
        object-fit: contain;
        width: 100vw !important;
        height: 76vh !important;
    }
    .contenedor-textos-7-resp {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'avarabold';
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: flex-start;
        width: 100vw;
        height: 70vh;
        margin: 0 auto;
    }
    
    .septima-seccion-leyes-7-resp {
        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: 90vw;
        height: 100vh;
        gap: 0;
        position: relative;
		margin: 0 auto;
    }
    .efdlc-7-resp {
        background-color: #F4E4B2;
        padding-top: 35vh;
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    .efdlc-7-resp .text-left-7-resp {
        top: 9%;
        width: 90vw;
        background-color: rgb(43 87 64 / 0%);
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
    }
    .efdlc-7-resp .text-left-7-resp p {
        font-family: 'interregular' !important;
        font-size: 18px;
		text-align: left;
        line-height: 1.3;
		color: black;
		margin-top: 0;
	}
    .efdlc-7-resp .text-title-7-resp {
        top: 6%;
        position: relative;
    }
    .efdlc-7-resp .text-title-7-resp p {
        font-family: 'avarabold_italic' !important;
        font-size: 50px;
		color: black;
		margin-top: 0;
        margin-bottom: 0;
    }
    .efdlc-7-resp .text-left-7-resp .button-modal-p p {
        font-family: 'interregular' !important;
        background-color: #000;
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s ease;
        font-size: 14px;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.septima-seccion-efdlc-7 {
		width: 90%;
	}
	.efdlc-7 .text-title-7 p {
		font-size: 40px;
	}
    .efdlc-7 .text-left-7 p {
        font-size: 0.9vw;
    }
	.efdlc-7 .text-left-7 .button-modal-p p {
		font-size: 12px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.septima-seccion-efdlc-7 {
		width: 90%;
	}
	.efdlc-7 .text-title-7 p {
		font-size: 40px;
	}
    .efdlc-7 .text-left-7 p {
        font-size: 0.9vw;
    }
	.efdlc-7 .text-left-7 .button-modal-p p {
		font-size: 12px;
	}
}

/* Clases Los primeros pobladores afro */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
    .seccion-8 {
        z-index: 18;
        height: 100vh;
    }
	.lppa-8 > #lppa-8-img_background img {
        object-fit: cover;
        object-position: 100%;
        height: 100vh !important;
        transform: none;
        transform-origin: unset;
    }
    .contenedor-textos-8 {
        background-color: rgba(43, 87, 64, 0.76);
        top: 0;
        height: 100%;
    }
    .octava-seccion-lppa-8 {
        height: 28%;
        position: relative;
        margin-top: 8%;
    }
    .lppa-8 .text-title-8 p {
        font-size: 28px;
		margin-top: 0;
        margin-bottom: 0;
    }
    .lppa-8 .text-left-8 {
        width: 90vw;
        background-color: transparent;
        padding: 0 0 0 0;
    }
	.lppa-8 .text-left-8 p {
        font-size: 14px;
		margin-top: 0;
        margin-bottom: 0;
	}
    .lppa-8 .text-left-8 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .seccion-8 {
        z-index: 18;
        height: 100vh;
    }
    .lppa-8 > #lppa-8-img_background img {
        object-fit: cover;
        object-position: 100%;
        height: 100vh !important;
        transform: none;
        transform-origin: unset;
    }
    .contenedor-textos-8 {
        background-color: rgba(43, 87, 64, 0.76);
        top: 0;
        height: 100%;
    }
    .octava-seccion-lppa-8 {
        height: 33%;
        gap: 0;
        position: relative;
    }
    .lppa-8 .text-title-8 p {
        font-size: 30px;
        margin-bottom: 0;
    }
    .lppa-8 .text-left-8 {
        width: 90vw;
        background-color: transparent;
        padding: 0 0 0 0;
    }
	.lppa-8 .text-left-8 p {
        font-size: 15px;
		margin-top: 0;
	}
    .lppa-8 .text-left-8 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .seccion-8 {
        z-index: 18;
        height: 100vh;
    }
    .lppa-8 > #lppa-8-img_background img {
        object-fit: cover;
        object-position: 100%;
        height: 100vh !important;
        transform: none;
        transform-origin: unset;
    }
    .contenedor-textos-8 {
        background-color: rgba(43, 87, 64, 0.76);
        top: 0;
        height: 100%;
    }
    .octava-seccion-lppa-8 {
        height: auto;
        gap: 0;
        top: 4%;
        position: relative;
    }
    .lppa-8 .text-title-8 p {
        font-size: 35px;
		margin-bottom: 0;
    }
    .lppa-8 .text-left-8 {
        width: 90vw;
        background-color: transparent;
        padding: 0 0 0 0;
        bottom: 0;
        top: 7%;
    }
	.lppa-8 .text-left-8 p {
		font-size: 16px;
		margin-top: 0;
	}
    .lppa-8 .text-left-8 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .seccion-8 {
        z-index: 18;
        height: 100vh;
    }
    .lppa-8 > #lppa-8-img_background img {
        object-fit: cover;
        object-position: 100%;
        height: 100vh !important;
        transform: none;
        transform-origin: unset;
    }
    .contenedor-textos-8 {
        background-color: rgba(43, 87, 64, 0.76);
        top: 0;
        height: 100%;
    }
    .octava-seccion-lppa-8 {
        height: 27%;
        gap: 0;
        top: 4%;
        position: relative;
    }
    .lppa-8 .text-title-8 p {
        font-size: 35px;
		margin-bottom: 0;
    }
    .lppa-8 .text-left-8 {
        width: 90vw;
        background-color: transparent;
        padding: 0 0 0 0;
        bottom: 0;
        top: 7%;
    }
	.lppa-8 .text-left-8 p {
		font-size: 16px;
		margin-top: 0;
	}
    .lppa-8 .text-left-8 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .seccion-8 {
        z-index: 18;
        height: 100vh;
    }
    .lppa-8 > #lppa-8-img_background img {
        object-fit: cover;
        object-position: 100%;
        height: 100vh !important;
        transform: none;
        transform-origin: unset;
    }
    .contenedor-textos-8 {
        background-color: rgba(43, 87, 64, 0.76);
        top: 0;
        height: 100%;
    }
    .octava-seccion-lppa-8 {
        height: 27%;
        gap: 0;
        top: 4%;
        position: relative;
    }
    .lppa-8 .text-title-8 p {
        font-size: 50px;
		margin-bottom: 0;
    }
    .lppa-8 .text-left-8 {
        width: 90vw;
        background-color: transparent;
        padding: 0 0 0 0;
        bottom: 0;
        top: 7%;
    }
	.lppa-8 .text-left-8 p {
		font-size: 18px;
		margin-top: 0;
	}
    .lppa-8 .text-left-8 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.contenedor-textos-8 {
		top: 3%;
	}
    .lppa-8 .text-title-8 p {
        font-size: 40px;
    }
	.lppa-8 .text-left-8 {
        bottom: 2%;
    }
    .lppa-8 .text-left-8 p {
        font-size: 0.9vw;
    }
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.contenedor-textos-8 {
		top: 3%;
	}
    .lppa-8 .text-title-8 p {
        font-size: 40px;
    }
	.lppa-8 .text-left-8 {
        bottom: 2%;
    }
    .lppa-8 .text-left-8 p {
        font-size: 0.9vw;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.contenedor-textos-8 {
		top: 5%;
	}
	.lppa-8 .text-left-8 {
		bottom: 0%;
	}
}

/* Clases Desempolvando la ciudad */
@media (max-width: 380px) {
    .seccion {
        position: relative !important;
    }
	.dlc-9 > #dlc-9-img_background img {
        object-fit: cover !important;
        object-position: 79% !important;
    }
    .seccion-9 {
        height: auto !important;
    }
    .dlc-9 {
        background-color: #ffffff;
        padding-top: 57vh;
        position: relative;
        height: auto;
    }
    .contenedor-textos-9 {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: auto;
    }
    .novena-seccion-dlc-9 {
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        width: 90vw !important;
        height: auto;
        background-color: unset;
    }
    .dlc-9 .text-left-9 {
        background-color: unset;
        width: 100%;
        padding: 0;
    }
	.dlc-9 .text-left-9 p {
		color: black;
		font-size: 28px;
		margin-top: 1em;
        margin-bottom: 0;
	}
    .dlc-9 .text-right-9 {
        background-color: transparent;
        width: 89vw;
        padding: 0;
    }
	.dlc-9 .text-right-9 p {
		font-size: 14px;
		color: black;
	}
    .dlc-9 .text-right-9 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 381px) and (max-width: 480px) {
    .seccion {
        position: relative !important;
    }
    .dlc-9 > #dlc-9-img_background img {
        object-fit: cover !important;
        object-position: 79% !important;
    }
    .seccion-9 {
        height: auto !important;
    }
    .dlc-9 {
        background-color: #ffffff;
        padding-top: 57vh;
        position: relative;
        height: auto;
    }
    .contenedor-textos-9 {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: auto;
    }
    .novena-seccion-dlc-9 {
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        width: 90vw !important;
        height: auto;
        background-color: unset;
    }
    .dlc-9 .text-left-9 {
        background-color: unset;
        width: 100%;
        padding: 0;
    }
	.dlc-9 .text-left-9 p {
		color: black;
		font-size: 30px;
		margin-top: 1em;
        margin-bottom: 0;
	}
    .dlc-9 .text-right-9 {
        background-color: transparent;
        width: 89vw;
        padding: 0;
    }
	.dlc-9 .text-right-9 p {
		color: black;
		font-size: 15px;
		margin-top: 0;
	}
    .dlc-9 .text-right-9 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .seccion {
        position: relative !important;
    }
    .dlc-9 > #dlc-9-img_background img {
        object-fit: cover !important;
        object-position: 79% !important;
    }
    .seccion-9 {
        height: auto !important;
    }
    .dlc-9 {
        background-color: #ffffff;
        padding-top: 75vh;
        position: relative;
        height: auto;
    }
    .contenedor-textos-9 {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: 64vh;
    }
    .novena-seccion-dlc-9 {
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        width: 90vw !important;
        height: 64vh;
        top: 8%;
        background-color: unset;
    }
    .dlc-9 .text-left-9 {
        background-color: unset;
        width: 100%;
        padding: 0;
    }
	.dlc-9 .text-left-9 p {
		color: black;
		font-size: 35px;
	}
    .dlc-9 .text-right-9 {
        background-color: transparent;
        width: 89vw;
        padding: 0;
    }
	.dlc-9 .text-right-9 p {
		color: black;
		font-size: 16px;
	}
    .dlc-9 .text-right-9 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
	.seccion-9 {
		height: auto !important;
	}
	.dlc-9 {
		height: auto;
		padding-top: 45vh;
	}
	.contenedor-textos-9 {
		height: 50vh;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    .seccion {
        position: relative !important;
    }
    .dlc-9 > #dlc-9-img_background img {
        object-fit: cover !important;
        object-position: 79% !important;
    }
    .seccion-9 {
        height: auto !important;
    }
    .dlc-9 {
        background-color: #ffffff;
        padding-top: 65vh;
        position: relative;
        height: 164vh;
    }
    .contenedor-textos-9 {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: 64vh;
    }
    .novena-seccion-dlc-9 {
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        width: 90vw !important;
        height: 64vh;
		top: 8%;
    }
    .dlc-9 .text-left-9 {
        background-color: unset;
        width: 100%;
        padding: 0;
    }
	.dlc-9 .text-left-9 p {
		color: black;
		font-size: 35px;
	}
    .dlc-9 .text-right-9 {
        background-color: transparent;
        width: 89vw;
        padding: 0;
    }
	.dlc-9 .text-right-9 p {
		color: black;
		font-size: 16px;
	}
    .dlc-9 .text-right-9 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .seccion {
        position: relative !important;
    }
    .dlc-9 > #dlc-9-img_background img {
        object-fit: cover !important;
        object-position: 79% !important;
    }
    .seccion-9 {
        height: 164vh !important;
    }
    .dlc-9 {
        background-color: #ffffff;
        padding-top: 65vh;
        position: relative;
        height: 164vh;
    }
    .contenedor-textos-9 {
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        height: 64vh;
    }
    .novena-seccion-dlc-9 {
        justify-content: flex-start !important;
        align-items: center !important;
        align-content: center !important;
        width: 90vw !important;
        height: 57vh;
		top: 8%;
    }
    .dlc-9 .text-left-9 {
        background-color: unset;
        width: 100%;
        padding: 0;
    }
	.dlc-9 .text-left-9 p {
		color: black;
		font-size: 50px;
	}
    .dlc-9 .text-right-9 {
        background-color: transparent;
        width: 89vw;
        padding: 0;
    }
	.dlc-9 .text-right-9 p {
		color: black;
		font-size: 18px;
	}
    .dlc-9 .text-right-9 .button-modal-p p {
        font-size: 12px;
        text-align: center;
        margin-top: 0;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
    .dlc-9 .text-left-9 p {
        font-size: 2.7vw;
        margin-bottom: 0;
    }
    .dlc-9 .text-right-9 p {
        font-size: 0.9vw;
		margin-top: 0;
    }
	.dlc-9 .text-right-9 .button-modal-p p {
		font-size: 12px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
    .dlc-9 .text-left-9 p {
        font-size: 2.7vw;
        margin-bottom: 0;
    }
    .dlc-9 .text-right-9 p {
        font-size: 0.9vw;
		margin-top: 0;
    }
	.dlc-9 .text-right-9 .button-modal-p p {
		font-size: 12px;
	}
}

/* Clases El plano imaginario de Santa maria */
@media (max-width: 380px) {
    .carousel-container, .seccion-A-resp {
        display: block !important;
    }
    .section_to-pin {
        display: none !important;
    }
    .imagenes-seccion-10.img1 img {
        object-fit: cover;
        object-position: 11%;
    }
    .imagenes-seccion-10.img1 {
        background-color: #ecd3a6;
    }
    .seccion-A-resp {
        padding-top: 0% !important;
        height: 100vh !important;
    }    
    .epidsm-10-A-resp .text-title-10-2 {
        top: 0;
        left: 0;
    }
	.epidsm-10-A-resp .text-title-10-2 p {
        font-size: 28px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'avarabold_italic' !important;
        color: #000;
	}
    .epidsm-10-A-resp .text-center-10-2 {
        top: 0;
        left: 0;
        width: 89%;
        padding-bottom: 0;
    }
	.epidsm-10-A-resp .text-center-10-2 p {
        font-size: 14px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'interregular' !important;
		color: #000;
	}
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 28px;
    }
    .epidsm-10-2 .text-center-10-2 {
        width: 90%;
    }
	.epidsm-10-2 .text-center-10-2 p {
        font-size: 14px;
		color: #000;
    }
    .epidsm-10-3-1 {
        flex-direction: column;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 90vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 27px;
	}
    .epidsm-10-3-1 .text-center-10-3 {
        width: 90vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 14px;
    }
    .imagenes-seccion-10.img4 img {
        object-fit: cover;
        object-position: 33%;
    }
    .epidsm-10-3-3 {
        flex-direction: column;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 90vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 28px;
		margin: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 90vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 14px;
    }
    .imagenes-seccion-10.img6 img {
        object-fit: cover;
        object-position: 33%;
    }
}

@media (min-width: 381px) and (max-width: 480px) {
    .carousel-container, .seccion-A-resp {
        display: block !important;
    }
    .section_to-pin {
        display: none !important;
    }
    .imagenes-seccion-10.img1 img {
        object-fit: cover;
        object-position: 11%;
    }
    .imagenes-seccion-10.img1 {
        background-color: #ecd3a6;
    }
    .seccion-A-resp {
        padding-top: 0% !important;
        height: 100vh !important;
    }    
    .epidsm-10-A-resp .text-title-10-2 {
        top: 0;
        left: 0;
    }
	.epidsm-10-A-resp .text-title-10-2 p {
        font-size: 30px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'avarabold_italic' !important;
        color: #000;
	}
    .epidsm-10-A-resp .text-center-10-2 {
        top: 0;
        left: 0;
        width: 89%;
        padding-bottom: 0;
    }
	.epidsm-10-A-resp .text-center-10-2 p {
        font-size: 15px;
		margin-top: 0;
        margin-bottom: 0;
		text-align: left;
		font-family: 'interregular' !important;
		color: #000;
	}
	.epidsm-10-2 .text-title-10-2 p {
        font-size: 30px;
    }
    .epidsm-10-2 .text-center-10-2 {
        width: 90%;
    }
	.epidsm-10-2 .text-center-10-2 p {
        font-size: 15px;
		color: #000;
    }
    .epidsm-10-3-1 {
        flex-direction: column;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 90vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 30px;
	}
    .epidsm-10-3-1 .text-center-10-3 {
        width: 90vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 15px;
    }
    .imagenes-seccion-10.img4 img {
        object-fit: cover;
        object-position: 33%;
    }
    .epidsm-10-3-3 {
        flex-direction: column;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 90vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 30px;
		margin: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 90vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 15px;
    }
    .imagenes-seccion-10.img6 img {
        object-fit: cover;
        object-position: 33%;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .carousel-container, .seccion-A-resp {
        display: block !important;
    }
    .section_to-pin {
        display: none !important;
    }
    .imagenes-seccion-10.img1 img {
        object-fit: cover;
        object-position: 11%;
    }
    .imagenes-seccion-10.img1 {
        background-color: #ecd3a6;
    }
    .seccion-A-resp {
        padding-top: 0% !important;
        height: 100vh !important;
    }    
    .epidsm-10-A-resp .text-title-10-2 {
        top: 0;
        left: 0;
    }
	.epidsm-10-A-resp .text-title-10-2 p {
        font-size: 35px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'avarabold_italic' !important;
        color: #000;
    }
    .epidsm-10-A-resp .text-center-10-2 {
        top: 0;
        left: 0;
        width: 89%;        
        padding-bottom: 0;
    }
	.epidsm-10-A-resp .text-center-10-2 p {
		font-size: 16px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'interregular' !important;
		color: #000;
	}
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 35px;
    }
    .epidsm-10-2 .text-center-10-2 {
        width: 90%;
    }
	.epidsm-10-2 .text-center-10-2 p {
        font-size: 16px;
		color: #000;
    }
    .epidsm-10-3-1 {
        flex-direction: column;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 35px;
    }
    .epidsm-10-3-1 .text-center-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 16px;
    }
    .imagenes-seccion-10.img4 img {
        object-fit: cover;
        object-position: 33%;
    }
    .epidsm-10-3-3 {
        flex-direction: column;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 35px;
		margin: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 16px;
    }
    .imagenes-seccion-10.img6 img {
        object-fit: cover;
        object-position: 33%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .carousel-container, .seccion-A-resp {
        display: block !important;
    }
    .section_to-pin {
        display: none !important;
    }
    .imagenes-seccion-10.img1 img {
        object-fit: cover;
        object-position: 11%;
    }
    .imagenes-seccion-10.img1 {
        background-color: #ecd3a6;
    }
    .seccion-A-resp {
        padding-top: 0% !important;
        height: 100vh !important;
    }    
    .epidsm-10-A-resp .text-title-10-2 {
        top: 0;
        left: 0;
    }
	.epidsm-10-A-resp .text-title-10-2 p {
        font-size: 35px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'avarabold_italic' !important;
        color: #000;
    }
    .epidsm-10-A-resp .text-center-10-2 {
        top: 0;
        left: 0;
        width: 89%;        
        padding-bottom: 0;
    }
	.epidsm-10-A-resp .text-center-10-2 p {
		font-size: 16px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'interregular' !important;
		color: #000;
	}
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 35px;
    }
    .epidsm-10-2 .text-center-10-2 {
        width: 90%;
    }
	.epidsm-10-2 .text-center-10-2 p {
        font-size: 16px;
		color: #000;
    }
    .epidsm-10-3-1 {
        flex-direction: column;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 35px;
    }
    .epidsm-10-3-1 .text-center-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 16px;
    }
    .imagenes-seccion-10.img4 img {
        object-fit: cover;
        object-position: 33%;
    }
    .epidsm-10-3-3 {
        flex-direction: column;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 35px;
		margin: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 16px;
    }
    .imagenes-seccion-10.img6 img {
        object-fit: cover;
        object-position: 33%;
    }
}
@media (min-width: 1025px) and (max-width: 1279px) {
    .carousel-container, .seccion-A-resp {
        display: block !important;
    }
    .section_to-pin {
        display: none !important;
    }
    .imagenes-seccion-10.img1 img {
        object-fit: cover;
        object-position: 11%;
    }
    .imagenes-seccion-10.img1 {
        background-color: #ecd3a6;
    }
    .seccion-A-resp {
        padding-top: 0% !important;
        height: 100vh !important;
    }    
    .epidsm-10-A-resp .text-title-10-2 {
        top: 0;
        left: 0;
    }
	.epidsm-10-A-resp .text-title-10-2 p {
        font-size: 50px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'avarabold_italic' !important;
        color: #000;
    }
    .epidsm-10-A-resp .text-center-10-2 {
        top: 0;
        left: 0;
        width: 89%;        
        padding-bottom: 0;
    }
	.epidsm-10-A-resp .text-center-10-2 p {
		font-size: 18px;
		margin-top: 0;
        margin-bottom: 0;
		font-family: 'interregular' !important;
		color: #000;
	}
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 50px;
    }
    .epidsm-10-2 .text-center-10-2 {
        width: 90%;
    }
	.epidsm-10-2 .text-center-10-2 p {
        font-size: 18px;
		color: #000;
    }
    .epidsm-10-3-1 {
        flex-direction: column;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 50px;
    }
    .epidsm-10-3-1 .text-center-10-3 {
        width: 80vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 18px;
    }
    .imagenes-seccion-10.img4 img {
        object-fit: cover;
        object-position: 33%;
    }
    .epidsm-10-3-3 {
        flex-direction: column;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 50px;
		margin: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 80vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 18px;
    }
    .imagenes-seccion-10.img6 img {
        object-fit: cover;
        object-position: 33%;
    }
}
@media (min-width: 1280px) and (max-width: 1364px) {
	.decima-seccion-epidsm-10 {
		top: 36%;
	}
    .epidsm-10 .text-left-10 p {
        font-size: 0.9vw;
    }
    .epidsm-10 .text-right-10 p {
        font-size: 2vw;
    }
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 2.3vw;
    }
	.epidsm-10-2 .text-center-10-2 {
        width: 28vw;
    }
    .epidsm-10-2 .text-center-10-2 p {
        font-size: 0.9vw;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 28vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 2.3vw;
    }
    .epidsm-10-3-1 .text-center-10-3 {
        width: 28vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 0.9vw;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 28vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 2.3vw;
		margin-bottom: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 28vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 0.9vw;
    }
	.diamond-button {
		width: 38px;
        height: 38px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.decima-seccion-epidsm-10 {
		top: 36%;
	}
    .epidsm-10 .text-left-10 p {
        font-size: 0.9vw;
    }
    .epidsm-10 .text-right-10 p {
        font-size: 2vw;
    }
    .epidsm-10-2 .text-title-10-2 p {
        font-size: 2.3vw;
    }
	.epidsm-10-2 .text-center-10-2 {
        width: 28vw;
    }
    .epidsm-10-2 .text-center-10-2 p {
        font-size: 0.9vw;
    }
    .epidsm-10-3-1 .text-title-10-3 {
        width: 28vw;
    }
	.epidsm-10-3-1 .text-title-10-3 p {
        font-size: 2.3vw;
    }
    .epidsm-10-3-1 .text-center-10-3 {
        width: 28vw;
    }
	.epidsm-10-3-1 .text-center-10-3 p {
        font-size: 0.9vw;
    }
    .epidsm-10-3-3 .text-title-10-3-3 {
        width: 28vw;
    }
	.epidsm-10-3-3 .text-title-10-3-3 p {
        font-size: 2.3vw;
		margin-bottom: 0;
    }
    .epidsm-10-3-3 .text-center-10-3-3 {
        width: 28vw;
    }
	.epidsm-10-3-3 .text-center-10-3-3 p {
        font-size: 0.9vw;
    }
	.diamond-button {
		width: 38px;
        height: 38px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.decima-seccion-epidsm-10 {
		top: 16%;
	}
	.epidsm-10-3 > #epidsm-10-3-img_background img {
		width: 95vw !important;
		max-width: 95vw !important;
	}
	.button-container {
		right: 25vw;
	}
	.epidsm-10-3 .diamond-button.top {
		top: 52%;
	}
	.epidsm-10-3 .diamond-button.left {
		left: 13%;
	}
	.epidsm-10-3 .diamond-button.bottom {
		right: 35%;
	}
	.epidsm-10-4 > #epidsm-10-4-img_background img {
		width: 95vw !important;
		max-width: 95vw !important;
	}
	.epidsm-10-4 .diamond-button.left {
		left: 13%;
	}
	.epidsm-10-4 .diamond-button.right {
		right: 2%;
	}
}

/*************************************/
/*************ABYA YALA***************/
/*************************************/
/* Círculo de palabra */
@media (min-width: 1280px) and (max-width: 1364px) {
	.seccion-textos-cdp-1 {
		top: 32vh;
	}
	.cdp-1 .texto-1-cdp-1,
	.cdp-1 .texto-2-cdp-1,
	.text-center-cdp-1-1 {
		width: 35vw;
	}
	.cdp-1 .text-title-cdp-1 p {
		font-size: 60px;
	}
	.cdp-1 .texto-1-cdp-1 p {
		font-size: 14px;
	}	
	.cdp-1 .texto-2-cdp-1 p {
		font-size: 14px;
	}
	.text-center-cdp-1-1 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.seccion-textos-cdp-1 {
		top: 32vh;
	}
	.cdp-1 .texto-1-cdp-1,
	.cdp-1 .texto-2-cdp-1,
	.text-center-cdp-1-1 {
		width: 35vw;
	}
	.cdp-1 .text-title-cdp-1 p {
		font-size: 60px;
	}
	.cdp-1 .texto-1-cdp-1 p {
		font-size: 14px;
	}	
	.cdp-1 .texto-2-cdp-1 p {
		font-size: 14px;
	}
	.text-center-cdp-1-1 p {
		font-size: 14px;
	}
}

/* La Gente de habla cueva */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lgdhc-2 .title-lgdhc-2 p {
		font-size: 55px;
	}
	.lgdhc-2 .text-lgdhc-2 p {
		font-size: 14px;
	}
	.lgdhc-2 .text-lgdhc-2 .button-modal-p p {
        font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lgdhc-2 .title-lgdhc-2 p {
		font-size: 55px;
	}
	.lgdhc-2 .text-lgdhc-2 p {
		font-size: 14px;
	}
	.lgdhc-2 .text-lgdhc-2 .button-modal-p p {
        font-size: 12px !important;
	}
}

/* Los poblados de la Gente de habla cueva */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lpdlgdhc-3 .text-top-lpdlgdhc-3 p {
		font-size: 40px;
	}
	.lpdlgdhc-3 .text-center-lpdlgdhc-3 p {
		font-size: 14px;
	}
	.lpdlgdhc-3 .text-center-lpdlgdhc-3 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lpdlgdhc-3 .text-top-lpdlgdhc-3 p {
		font-size: 40px;
	}
	.lpdlgdhc-3 .text-center-lpdlgdhc-3 p {
		font-size: 14px;
	}
	.lpdlgdhc-3 .text-center-lpdlgdhc-3 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Los cacicazgos de la provincia de Cueva */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lcdlpdc-4 .title-top-lcdlpdc-4 p {
		font-size: 40px;
	}
	.lcdlpdc-4 .text-right-lcdlpdc-4 p {
		font-size: 14px;
	}
	.lcdlpdc-4 .text-right-lcdlpdc-4 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lcdlpdc-4 .title-top-lcdlpdc-4 p {
		font-size: 40px;
	}
	.lcdlpdc-4 .text-right-lcdlpdc-4 p {
		font-size: 14px;
	}
	.lcdlpdc-4 .text-right-lcdlpdc-4 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Las redes gunadule */
@media (min-width: 1280px) and (max-width: 1364px) {
	.contenedor-imagen-lrg-5 > #lrg-5-img_background img {
		height: 74vh !important;
	}
	.lrg-5 .title-lrg-5 p {
		font-size: 40px;
	}
	.lrg-5 .text-lrg-5 p {
		font-size: 14px;
	}
	.lrg-5 .text-lrg-5 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.contenedor-imagen-lrg-5 > #lrg-5-img_background img {
		height: 90vh !important;
	}
	.lrg-5 .title-lrg-5 p {
		font-size: 40px;
	}
	.lrg-5 .text-lrg-5 p {
		font-size: 14px;
	}
	.lrg-5 .text-lrg-5 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Maggilagundiwala */
@media (min-width: 1280px) and (max-width: 1364px) {
	.maggila-6 .imagen-maggila-6 {
		height: 38vh;
	}
	.maggila-6 .titulo-maggila-6 {
		width: 38vw;
	}
	.maggila-6 .titulo-maggila-6 p {
		font-size: 40px;
	}
	.maggila-6 .texto-maggila-6 p {
		font-size: 14px;
	}
	.maggila-6 .texto-maggila-6 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.maggila-6 .imagen-maggila-6 {
		height: 38vh;
	}
	.maggila-6 .titulo-maggila-6 {
		width: 38vw;
	}
	.maggila-6 .titulo-maggila-6 p {
		font-size: 40px;
	}
	.maggila-6 .texto-maggila-6 p {
		font-size: 14px;
	}
	.maggila-6 .texto-maggila-6 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* La fuerza gunadule */
@media (min-width: 1280px) and (max-width: 1364px) {
	.contenedor-imagen-lfg-7 > #lfg-7-img_background img {
		height: 74vh !important;
	}
	.lfg-7 .title-lfg-7 p {
		font-size: 40px;
	}
	.lfg-7 .text-lfg-7 p {
		font-size: 14px;
	}
	.lfg-7 .text-lfg-7 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.contenedor-imagen-lfg-7 > #lfg-7-img_background img {
		height: 90vh !important;
	}
	.lfg-7 .title-lfg-7 p {
		font-size: 40px;
	}
	.lfg-7 .text-lfg-7 p {
		font-size: 14px;
	}
	.lfg-7 .text-lfg-7 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Nación Gunadule Siglo XVIII y Embera gente de río y montaña */
@media (min-width: 1280px) and (max-width: 1364px) {
	.main-container-invertido .title-seccion-8-9-10 p {
		font-size: 40px;
	}
	.main-container-invertido .text-seccion-8-9-10 p {
		font-size: 14px;
	}
	.main-container-invertido .text-seccion-8-9-10 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.main-container-invertido .title-seccion-8-9-10 p {
		font-size: 40px;
	}
	.main-container-invertido .text-seccion-8-9-10 p {
		font-size: 14px;
	}
	.main-container-invertido .text-seccion-8-9-10 .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Los mellos guerreros y el rey murciélago */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lmgyerm-10-A .title-lmgyerm-10-A p {
		font-size: 40px;
	}
	.lmgyerm-10-A .text-lmgyerm-10-A p {
		font-size: 14px;
	}
	.lmgyerm-10-C .text-lmgyerm-10-C p {
		font-size: 14px;
	}
	.lmgyerm-10-E .text-lmgyerm-10-E p {
		font-size: 14px;
	}
	.lmgyerm-10-E .text-lmgyerm-10-E .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lmgyerm-10-A .title-lmgyerm-10-A p {
		font-size: 40px;
	}
	.lmgyerm-10-A .text-lmgyerm-10-A p {
		font-size: 14px;
	}
	.lmgyerm-10-C .text-lmgyerm-10-C p {
		font-size: 14px;
	}
	.lmgyerm-10-E .text-lmgyerm-10-E p {
		font-size: 14px;
	}
	.lmgyerm-10-E .text-lmgyerm-10-E .button-modal-p p {
		font-size: 12px !important;
	}
}

/* Resistencia indigena */
@media (min-width: 1280px) and (max-width: 1364px) {
	.ri-11 {
		height: 192vh;
	}
	.ri-11 .title-ri-11 p {
		font-size: 40px;
	}
	.ri-11 .text-ri-11 p {
		font-size: 14px;
	}
	.ri-11 .text-ri-11-2 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.ri-11 .title-ri-11 p {
		font-size: 40px;
	}
	.ri-11 .text-ri-11 p {
		font-size: 14px;
	}
	.ri-11 .text-ri-11-2 p {
		font-size: 14px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.ri-11 {
		height: 183vh;
	}
}


/*************************************/
/***********REINO BAYANO**************/
/*************************************/
/* La diáspora africana */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lda-1 .title-lda-1 p {
		font-size: 60px;
	}
	.lda-1 .texto-lda-1 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lda-1 .title-lda-1 p {
		font-size: 60px;
	}
	.lda-1 .texto-lda-1 p {
		font-size: 14px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.lda-1 .title-lda-1 p {
		font-size: 70px;
	}
}
/* Los primeros africanos fugitivos */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lpaf-2 #lpaf-2-img_background-2 {
		bottom: 89vh;
	}
	.lpaf-2 > #lpaf-2-img_background-2 img {
		width: 48% !important;
	}
	.lpaf-2 #lpaf-2-img_background-3 {
		bottom: 145vh;
	}
	.lpaf-2 .title-lpaf-2 p {
		font-size: 45px;
	}
	.lpaf-2 .text-lpaf-2 {
		bottom: 17vh;
	}
	.lpaf-2 .text-lpaf-2 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lpaf-2 #lpaf-2-img_background-2 {
		bottom: 89vh;
	}
	.lpaf-2 > #lpaf-2-img_background-2 img {
		width: 48% !important;
	}
	.lpaf-2 #lpaf-2-img_background-3 {
		bottom: 145vh;
	}
	.lpaf-2 .title-lpaf-2 p {
		font-size: 45px;
	}
	.lpaf-2 .text-lpaf-2 {
		bottom: 17vh;
	}
	.lpaf-2 .text-lpaf-2 p {
		font-size: 14px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.lpaf-2 #lpaf-2-img_background-2 {
		bottom: 85vh;
	}
	.lpaf-2 > #lpaf-2-img_background-2 img {
		width: 55% !important;
	}
	.lpaf-2 #lpaf-2-img_background-3 {
		bottom: 132vh;
	}
	.lpaf-2 .text-lpaf-2 {
		bottom: 31vh;
	}
}
/* Cimarrones y palenques */
@media (min-width: 1280px) and (max-width: 1364px) {
	.cyp-3 .title-cyp-3 p {
		font-size: 40px;
	}
	.cyp-3 .text-cyp-3 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.cyp-3 .title-cyp-3 p {
		font-size: 40px;
	}
	.cyp-3 .text-cyp-3 p {
		font-size: 14px;
	}
}

/* La rebelión de Felipillo y Bayano */
@media (min-width: 1280px) and (max-width: 1364px) {
	.texto-4-scroll {
		top: 12%;
	}
	.reinobayano-seccion-4-5 .title-lrdfyb-4-1 p {
		font-size: 40px;
	}
	.reinobayano-seccion-4-5 .text-lrdfyb-4-1 p {
		font-size: 14px;
	}
	.reinobayano-seccion-4-5 .title-lrdfyb-4-1-2 p {
		font-size: 40px;
	}
	.reinobayano-seccion-4-5 .text-lrdfyb-4-1-2 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.texto-4-scroll {
		top: 12%;
	}
	.reinobayano-seccion-4-5 .title-lrdfyb-4-1 p {
		font-size: 40px;
	}
	.reinobayano-seccion-4-5 .text-lrdfyb-4-1 p {
		font-size: 14px;
	}
	.reinobayano-seccion-4-5 .title-lrdfyb-4-1-2 p {
		font-size: 40px;
	}
	.reinobayano-seccion-4-5 .text-lrdfyb-4-1-2 p {
		font-size: 14px;
	}
}

/* Los reinos africanos del Darién */
@media (min-width: 1280px) and (max-width: 1364px) {
	.lradd-6 .title-lradd-6 p {
		font-size: 45px;
	}
	.lradd-6 .text-lradd-6 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.lradd-6 .title-lradd-6 p {
		font-size: 45px;
	}
	.lradd-6 .text-lradd-6 p {
		font-size: 14px;
	}
}

/* Afrodescendientes en la diáspora */
@media (min-width: 1280px) and (max-width: 1364px) {
	.aeld-7 .title-aeld-7 p {
		font-size: 35px;
	}
	.aeld-7 .text-aeld-7 p {
		font-size: 14px;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.aeld-7 .title-aeld-7 p {
		font-size: 38px;
	}
	.aeld-7 .text-aeld-7 p {
		font-size: 14px;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.aeld-7 {
		height: 175vh;
	}	
}

/*************************************/
/*************EL PROYECTO*************/
/*************************************/
.et-seccion-1 .title-et-1 p {
	font-size: 50px;
}
.et-seccion-1 .text-et-1 p {
	font-size: 14px;
}

/*************************************/
/*************EL PROYECTO*************/
/*************************************/
/* El Parque Arqueológico e Histórico */
@media (min-width: 1280px) and (max-width: 1364px) {
	.epaeh-1 #epaeh-1-img_background-2 {
		width: 71%;
	}
	.epaeh-1 .title-epaeh-1 p {
		font-size: 60px;
	}
	.epaeh-1 .texto-epaeh-1 p {
		font-size: 12px;
	}
	.epaeh-1 .texto-epaeh-1 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.epaeh-1 #epaeh-1-img_background-2 {
		width: 71%;
	}
	.epaeh-1 .title-epaeh-1 p {
		font-size: 60px;
	}
	.epaeh-1 .texto-epaeh-1 p {
		font-size: 12px;
	}
	.epaeh-1 .texto-epaeh-1 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.epaeh-1 > #epaeh-1-img_background-1 img {
		min-height: 100vh;
	}
	.epaeh-1 .title-epaeh-1 {
		top: 0%;
	}
}
/* ¿Como se ha hecho? */
@media (min-width: 1280px) and (max-width: 1364px) {
	.cshh-2 > #cshh-2-img_background-2 img {
		min-height: 180vh;
	}
	.cshh-2 .title-cshh-2 p {
		font-size: 40px;
	}
	.cshh-2 .texto-cshh-2 p {
		font-size: 12px;
	}
	.cshh-2 .texto-cshh-2 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.cshh-2 .title-cshh-2 p {
		font-size: 40px;
	}
	.cshh-2 .texto-cshh-2 p {
		font-size: 12px;
	}
	.cshh-2 .texto-cshh-2 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.cshh-2 {
		height: 278vh;
	}
	.cshh-2 .title-cshh-2 {
		bottom: 7%;
	}
	.cshh-2 .texto-cshh-2 {
		bottom: 7%;
	}
}
/* Investigación Colaborativa */
@media (min-width: 1280px) and (max-width: 1364px) {
	.ic-3 .title-ic-3 p {
		font-size: 40px;
	}
	.ic-3 .texto-ic-3 p {
		font-size: 12px;
	}
	.ic-3 .texto-ic-3 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.ic-3 .title-ic-3 p {
		font-size: 40px;
	}
	.ic-3 .texto-ic-3 p {
		font-size: 12px;
	}
	.ic-3 .texto-ic-3 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.ic-3 #ic-3-img_background-2 {
		bottom: -15%;
	}
}
/* Arqueología Participativa */
@media (min-width: 1280px) and (max-width: 1364px) {
	.ap-4 {
		height: 157vh;
	}
	.ap-4 #ap-4-img_background-3 {
		top: 8%;
	}
	.ap-4 #ap-4-img_background-2 {
		bottom: 32%;
	}
	.ap-4 #ap-4-img_background-4 {
		bottom: 0%;
	}
	.ap-4 .title-ap-4 p {
		font-size: 40px;
	}
	.ap-4 .texto-ap-4 p {
		font-size: 12px;
	}
	.ap-4 .texto-ap-4 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.ap-4 {
		height: 157vh;
	}
	.ap-4 .title-ap-4 p {
		font-size: 40px;
	}
	.ap-4 .texto-ap-4 p {
		font-size: 12px;
	}
	.ap-4 .texto-ap-4 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.ap-4 {
		height: 141vh;
	}
	.ap-4 > #ap-4-img_background-1 img {
		min-height: 100vh;
	}
	.ap-4 #ap-4-img_background-2 {
		bottom: 26%;
	}
	.ap-4 #ap-4-img_background-3 {
		top: 13%;
	}
	.ap-4 #ap-4-img_background-4 {
		bottom: -8%;
	}
}
/* Museología Comunitaria */
@media (min-width: 1280px) and (max-width: 1364px) {
	.ep-seccion-5 {
		margin-top: 20%;
	}
	.mc-5 .title-mc-5 p {
		font-size: 40px;
	}
	.mc-5 .texto-mc-5 p {
		font-size: 12px;
	}
	.mc-5 .texto-mc-5 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.ep-seccion-5 {
		margin-top: 20%;
	}
	.mc-5 .title-mc-5 p {
		font-size: 40px;
	}
	.mc-5 .texto-mc-5 p {
		font-size: 12px;
	}
	.mc-5 .texto-mc-5 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.ep-seccion-5 {
		margin-top: 4%;
	}
	.mc-5 {
		min-height: 100vh;
	}
	.mc-5 > #mc-5-img_background-1 img {
		min-height: 100vh;
	}
}
/* Comité Cultural del Darién */
@media (min-width: 1280px) and (max-width: 1364px) {
	.ccdd-6 .title-ccdd-6 p {
		font-size: 40px;
	}
	.ccdd-6 .texto-ccdd-6 p {
		font-size: 12px;
	}
	.ccdd-6 .texto-ccdd-6 .button-modal-p p {
		font-size: 12px !important;
	}	
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.ccdd-6 .title-ccdd-6 p {
		font-size: 40px;
	}
	.ccdd-6 .texto-ccdd-6 p {
		font-size: 12px;
	}
	.ccdd-6 .texto-ccdd-6 .button-modal-p p {
		font-size: 12px !important;
	}	
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.ccdd-6 #ccdd-6-img_background-2 {
		bottom: 11%;
	}
}
/* Memorias del Darién */
@media (min-width: 1280px) and (max-width: 1364px) {
	.mdd-7 .title-mdd-7 {
		top: 8%;
		position: relative;
	}
	.mdd-7 .title-mdd-7 p {
		font-size: 40px;
	}
	.mdd-7 .texto-mdd-7 {
		top: 8%;
		position: relative;
	}
	.mdd-7 .texto-mdd-7 p {
		font-size: 12px;
	}
	.mdd-7 .texto-mdd-7 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media (min-width: 1365px) and (max-width: 1440px) {
	.mdd-7 .title-mdd-7 {
		top: 8%;
		position: relative;
	}
	.mdd-7 .title-mdd-7 p {
		font-size: 40px;
	}
	.mdd-7 .texto-mdd-7 {
		top: 8%;
		position: relative;
	}
	.mdd-7 .texto-mdd-7 p {
		font-size: 12px;
	}
	.mdd-7 .texto-mdd-7 .button-modal-p p {
		font-size: 12px !important;
	}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
	.mdd-7 {
		height: 106vh;
	}
}