@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');

html 			{	width:100%;height:100%;font-family: 'Nunito', sans-serif;margin:0;padding:0;	}
body 			{	height:100%;width:100%;background:#323236;display:inline-block;text-align:center;margin:0;padding:0;	}
h1, h2, h3, h4, p {	color:#333;	}
h4 				{	font-size:16px;	}
h5 				{	margin-top:-5px;color:#888;font-size:14px;font-style:italic;border-top:1px solid #dadada;padding-top:5px;  }

h1 { color:#fff;font-size:44px; }
h2 { color:#38342e;font-size:40px;border-bottom:2px solid #38342e;padding-bottom:10px;margin-bottom:20px;font-family: 'Nunito', sans-serif; }
p { color:#38342e;font-family: 'Nunito', sans-serif; }

/* bloque 1 */
.container1 { min-height:100%;width:100%;background:#ffe161;display:inline-block;text-align:left;margin:0;padding:0;padding-bottom:60px;margin-bottom:-10px; }
.container1 .contenedor { width:100%; }
.container1 .contenedor .izq { width:38%;float:left;padding-left:0px;	}
.container1 .contenedor .izq .tit { width:630px;height:120px;margin:0;display: inline-block; }
.container1 .contenedor .izq .tit .logo { position: absolute;top:30px;left:80px;width:360px; }

.container1 a 		{	transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;cursor:pointer !important; ;color:#ffe161;background-color: #38342e;	}
.container1 a:hover {	color:#ffe161;	}
.container1 a:active {	color:#ffe161;	}

.container1 .contenedor .izq .intro { margin-top:120px;padding-left:50px; }
.container1 .contenedor .izq .menu {	width:100%;display: inline-block; }
.container1 .contenedor .izq .menu ul { width:600px;margin:0 auto !important;padding:0;display: inline-block; }
.container1 .contenedor .izq .menu ul li { list-style: none;margin:0;padding:0; }
.container1 .contenedor .izq .menu ul li a { width:280px;color:#38342e;font-size:32px;padding:12px 40px 15px 90px;background-repeat:no-repeat;display: inline-block;background-color: transparent; }
.container1 .contenedor .izq .menu ul li a:hover { text-decoration: none; background-color:transparent; }
.container1 .contenedor .izq .menu ul li.btn-windows a { background-image:url(../img/btn-windows.svg); }
.container1 .contenedor .izq .menu ul li.btn-ios a { background-image:url(../img/btn-apple.svg); }
.container1 .contenedor .izq .menu ul li.btn-android a { background-image:url(../img/btn-android.svg); }
.container1 .contenedor .izq .menu ul li.btn-windows a:hover { background-image:url(../img/btn-windows_hover.svg); }
.container1 .contenedor .izq .menu ul li.btn-ios a:hover { background-image:url(../img/btn-apple_hover.svg); }
.container1 .contenedor .izq .menu ul li.btn-android a:hover { background-image:url(../img/btn-android_hover.svg); }

.container1 .contenedor .der { width:60%;float:right;height:100%;display:inline-block;overflow: hidden;padding-right:30px; }
.container1 .contenedor .der img { width:100%;margin-top:70px; }

/* bloque 2 */
.container2 { min-height:100%;width:100%;background:#ff8344;display:inline-block;text-align:left;margin:0;padding:0;margin-bottom:-10px;padding-bottom:60px; }
.container2 .contenedor { width:90%;margin:0 5%; }
.container2 .contenedor .izq { width:100%;float:left;margin-left:-720px;padding-left:740px;padding-top:200px; }
.container2 .contenedor .der { width:720px;height:567px;float:left;background-image: url(../img/marco-video.svg);margin-top:60px; }
.container2 .contenedor .der iframe { width:610px;height:330px;margin-left:50px;margin-top:70px;border:2px solid #000;	}

/* bloque 3 */
.container3 { min-height:100%;width:100%;background:#e75e5a;display:inline-block;text-align:left;margin:0;padding:0;padding-bottom:60px;margin-bottom:-10px;	}
.container3 .contenedor 	{	width:90%;display: inline-block;margin:60px 5%;	}
.container3 .contenedor .izq { width:48%;float:left;padding-top:100px;	}
.container3 .contenedor .izq a { background-image:url(../img/btn-descargar.svg);width:335px;height:75px;color:#38342e;font-size:25px;padding:15px 25px 15px 90px;background-repeat:no-repeat;display: inline-block;background-color: transparent; }
.container3 .contenedor .izq a:hover { background-image:url(../img/btn-descargar_hover.svg);text-decoration: none; background-color:transparent; }
.container3 .contenedor .der { width:48%;float:right;	}

/* bloque 4 */
.container4 { min-height:100%;width:100%;background:#d3acd4;display:inline-block;text-align:left;margin:0;padding:0;padding-top:60px;padding-bottom:60px;margin-bottom:-10px; }
.biografias {	width:90%;margin:0 5%;	}
.biografias .izq { width:35%;float:left;padding-top:20px; }
.biografias .der { width:75%;float:right;padding-top:20px;margin-left:-10%; }
.nav-pills { margin-right: 0 !important;background: #fff;padding: 20px 0;border-radius: 20px 0 0 20px;width:220px;margin-top:300px !important; }
.nav-pills .nav-link { text-align: right;font-family: 'Nunito', sans-serif; }
.nav-pills .nav-link img { height:20px;margin-top:-5px;margin-right:5px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #9b5e9e;border-radius: 0 !important; }
.nav-pills .nav-link.active img, .nav-pills .show>.nav-link img { background-color: #fff;border-radius:50%; }
.tab-content { background:#fff;padding:20px;border-radius:20px 20px 20px 0px;width:100%;height:500px; }
.tab-content iframe { width: 100%;height:460px; }

/* Pueblos Originarios */
.container5 { min-height:100%;width:100%;background:#5b74d2;display:inline-block;text-align:left;margin:0;padding:0;padding-top:80px;padding-bottom:80px;margin-bottom:-10px; }
.pueblos {	width:90%;margin:0 5%;	}
.pueblos .izq { width:40%;float:left;padding-top:100px; }
.pueblos .izq h2 { color:#fff;border-bottom-color:#fff; }
.pueblos .izq p { color:#fff; }
.pueblos .der { width:55%;float:right;padding-top:20px;position: relative; }
.pueblos .der .cont-video { border:2px solid #38342e;background-color: #ffb244;padding:15px; }
.pueblos .der iframe { width:100%;height:420px;border:2px solid #38342e; }
.pueblos .der img { width: 100px;z-index: 3; }
.pueblos .der .marco01 { position: absolute;top:-20px;left:-40px; }
.pueblos .der .marco02 { position: absolute;top:-20px;right:-40px; }
.pueblos .der .marco03 { position: absolute;bottom:-40px;left:-40px; }
.pueblos .der .marco04 { position: absolute;bottom:-40px;right:-40px; }

.modal-dialog { max-width:1024px; }
.modal-content { border:none;border-radius:30px;padding:20px; }
.modal-content iframe {	width:100%;height:536px;}
.modal-content .close {	right:-10px;top:-10px;position: absolute;font-size:32px;border-radius:40px;padding:2px 10px 6px 10px;line-height:1;border:3px solid #333;background:#fff;	}

/* Footer */
a 		{	transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;cursor:pointer !important; ;color:#fc678a;text-decoration:none;	}
a:hover {	color:#c74d6a;	}
a:active {	color:#c74d6a;	}

.redes      		{   margin:0;padding:0;width:100%;clear:both;margin-top:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dadada;height:36px;   }
.redes li   		{   list-style:none;float:left;margin-right:4px;    }
.redes li a 		{   font-size:21px;color:#fff;transition:all 0.4s ease;   }
.redes li a:hover 	{	text-decoration: none;color:#ffe161;	}

.footer 		{	color:#fff;background:#323236;text-align: center;padding:40px 0 40px 0;width:100%;clear:both;margin:0;display: inline-block;	}
.footer h2 		{	margin-top:0;color:#fafafa;	}
.footer p 		{	color:#fafafa;  }
.footer .credit { width:510px;float:left;text-align:left;margin-left:5%; }
.footer .redes 	{	padding-top:10px;width:125px;border-bottom:none;padding-left:1px;	}
.footer .marcas {	width:486px;float:right;display: inline-block;text-align: center;margin-right:5%; }
.footer .marcas .izq {	width:180px;float:left;padding-top:30px;	}
.footer .marcas .izq img { width:100px;	}
.footer .marcas .der {	width:306px;float:left;padding-top:30px; }
.footer .marcas .der img { width:306px; }

@media screen and (max-width: 1240px) {
	.container1 .contenedor .izq { width:43%; }
	.container1 .contenedor .izq .intro { padding-left:30px; }
	.container1 .contenedor .der { width:57%; }
	.container1 .contenedor .der img { width:110%;margin-top:200px; }
	.container2 .contenedor { width:96%;margin:0 2%;	}
	.container3 .contenedor { width:96%;margin:60px 2% 0 2%;	}
	.container4 .biografias { width:96%;margin:0 2%;	}
	.nav-pills { width:240px; }
	.container5 .pueblos { width:96%;margin:0 2%;	}
	.container5 .pueblos .der { width:53%;margin-right:2%; }
	.footer .credit { margin-left:2%;width:40%; }
	.footer .marcas { margin-right:2%; }
}

@media screen and (max-width: 1024px) {
	h2 { font-size: 36px; }
	p { font-size:14px;line-height: 1.4; }
	.container1 .contenedor .izq .tit .logo { width:260px;left:50%;margin-left:-130px; }
	.nube1 { margin-top: 100px;margin-left: 20px;width: 100px; }
	.nube2 { margin-top: 80px;margin-left: -60px;width: 120px; }
	.nube3 { margin-top: 70px;margin-left: 20px;width: 120px; }
	.nube4 { margin-top: 100px;margin-left: -70px;width: 90px; }

	.container1 { padding-bottom: 20px; }
	.container1 .contenedor .izq { width:100%;padding-right: 30px;text-align: center; }
	.container1 .contenedor .izq .intro { margin-top:70px; }
	.container1 .contenedor .izq .menu ul { width: 100%; }
	.container1 .contenedor .izq .menu ul li { display: inline-block;margin-right: 0; }
	.container1 .contenedor .izq .menu ul li a { width:230px;text-align: left;padding:5px 40px 15px 70px; }
	.container1 .contenedor .der { width:100%;text-align: center; }
	.container1 .contenedor .der img { width:70%;margin-top:30px; }

	.container2 .contenedor .izq { width: 100%;margin:0;padding:0;padding-top:40px;text-align: center; }
	.container2 .contenedor .izq iframe { width: 462px;height: 262px;margin-left: 38px;margin-top: 40px; }
	.container2 .contenedor .der { margin:0 auto;float:none;clear:both; }

	.container3 .contenedor { margin-top:0;text-align: center; }
	.container3 .contenedor .izq { width:50%; }
	.container3 .contenedor .izq a { height:60px;font-size: 21px;width: 270px;padding: 15px 20px 15px 70px; }
	.container3 .contenedor .der { width:50%; }
	.container3 .contenedor .der img { margin-top:30px; }

	.container4 { padding-top:20px; }
	.biografias .izq { width:100%;text-align: center; }
	.biografias .der { width:100%;padding-top:20px; }
	.tab-content { border-radius:0 20px 20px 20px; }
	.nav-pills { margin-top:0 !important; }

	.container5 { padding-top:40px; }
	.container5 .izq { width:100%;padding-top:0;text-align: center; }
	.container5 .pueblos .der { width:80%;margin:40px 10%; }
	.footer .credit { margin-left:2%;width:35%;
}

@media screen and (max-width: 800px) {
	.container1 .contenedor .izq { padding-right: 0; }
	.container1 .contenedor .izq .tit { width:100%; }
	.container2 .contenedor .der {width: 540px;height: 429px; }
	.container2 .contenedor .der iframe { width: 462px;height: 262px;margin-left: 38px;margin-top: 40px; }
	.tab-content { height:420px;border-radius:0 15px 15px 15px; }
	.tab-content iframe { height:380px; }
	.nav-pills { width:44px;padding:20px 0;border-radius:15px 0 0 15px; }
	.nav-pills .nav-link { padding: 6px; }
	.nav-pills .nav-link span { display: none; }
	.nav-pills .nav-link img { height:32px;margin-top:0; }
	.container5 .pueblos .der { width:88%;margin:10px 6%; }
	.pueblos .der iframe { height:320px; }
	.footer .credit { width:96%;text-align: center; }
	.footer .redes { padding-top:0;display: inline-block; }
	.footer .marcas { float:none;display: inline-block;margin-right: 0; }
}

@media screen and (max-width: 600px) {
	.container1, .container2, .container3, .container4, .container5 { min-height:auto;overflow: hidden; }
	.container1 .contenedor, .container2 .contenedor, .container3 .contenedor, .container2 .biografias { width:94%; }
	.container1 .contenedor .izq { overflow: hidden;padding-bottom:30px; }
	.container1 .contenedor .der { display: none; }
	.container3 .contenedor .der { display: none; }
	.container2 .contenedor .der { width: 460px;height:360px;background-repeat: no-repeat;background-position: top center; }
	.container2 .contenedor .der iframe { width:420px;height: 60%;margin-left:22px;margin-top: 8%; }
	.container3 .contenedor .izq { width:100%;padding-top:40px; }
	.tab-content { height:320px; }
	.tab-content iframe { height:280px; }
	.container5 .pueblos .der { width: 88%;margin: 20px 6% 0 6%; }
	.pueblos .der .cont-video { border:1px solid #38342e;padding:10px; }
	.pueblos .der iframe { border:1px solid #38342e;height: 280px; }
	.pueblos .der img { width: 70px;z-index: 3; }
	.pueblos .der .marco01 { position: absolute;top:-5px;left:-25px; }
	.pueblos .der .marco02 { position: absolute;top:-5px;right:-25px; }
	.pueblos .der .marco03 { position: absolute;bottom:-25px;left:-25px; }
	.pueblos .der .marco04 { position: absolute;bottom:-25px;right:-25px; }
	.footer p { margin-bottom:5px; }
	.footer .marcas { width:100%; }
	.footer .marcas .izq {	width:100%;padding-top:30px;	}
	.footer .marcas .der {	width:100%;padding-top:30px; }
}

@media screen and (max-width: 480px) {
	h2 { font-size: 28px; }
	.container2 .contenedor .der { width: 340px;height: 270px; }
	.container2 .contenedor .der iframe { width: 296px; }
    .tab-content { padding:10px;border-radius:0 10px 10px 10px;height:260px; }
	.tab-content iframe { height:240px;display: inherit; }
	.container5 .pueblos .der { width:94%;margin:0px 3%; }
	.pueblos .der iframe { height:240px;display: inherit; }
	.pueblos .der img { width: 60px;z-index: 3; }
	.pueblos .der .marco01 { position: absolute;top:0px;left:-20px; }
	.pueblos .der .marco02 { position: absolute;top:0px;right:-20px; }
	.pueblos .der .marco03 { position: absolute;bottom:-20px;left:-20px; }
	.pueblos .der .marco04 { position: absolute;bottom:-20px;right:-20px; }
}

@media screen and (max-width: 400px) {
	.container1 .contenedor .izq .tit .logo { width: 195px;left: 50%;margin-left: -98px;top:20px; }
	.container1 .contenedor .izq .intro { margin-top:10px; }
	.nube1 { margin-top: 65px;margin-left: 15px;width: 75px; }
	.nube2 { margin-top: 50px;margin-left: -45px;width: 90px; }
	.nube3 { margin-top: 43px;margin-left: 15px;width: 90px; }
	.nube4 { margin-top: 65px;margin-left: -53px;width: 68px; }
	.container1 .contenedor .izq .menu ul li a { width:180px;font-size:28px;padding: 2px 40px 8px 54px; }
	.container2 { padding-bottom:40px; }
	.container2 .contenedor .der { width: 300px;height: 240px; }
	.container2 .contenedor .der iframe { width: 268px;margin-left:16px; }
	.container3 { padding-bottom:35px; }
	.container3 .contenedor .izq a { height: 60px;font-size: 19px;width: 220px;padding: 5px 20px 15px 60px;line-height: 1;text-align: left; }
	.container4 { padding-bottom:40px; }
	.tab-content { padding: 10px; border-radius: 0 10px 10px 0px;height: 216px; }
	.tab-content iframe { height: 196px; }
	.pueblos .der iframe { height:200px; }
	.footer h2 { margin-top: 0;color: #fafafa;margin-bottom: 0;font-size: 24px; }
	.footer .marcas .izq img { width:75px; }
	.footer .marcas .der img { width:230px; }
}