*{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}button,input,span{border:0}button:focus,input:focus,span:focus{outline:0}main{display:block}@font-face{font-family:ubuntu-m;src:url("fonts/ubuntu-m.woff")}@font-face{font-family:ubuntu-r;src:url("fonts/ubuntu-r.woff")}@font-face{font-family:ubuntu-l;src:url("fonts/ubuntu-l.woff")}.animation{animation-duration:1.5s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.animate .fadeInUp{animation-name:fadeInUp}.animate .fadeIn{animation-name:fadeIn}.animate .fadeInDown{animation-name:fadeInDown}.animate .fadeInLeft{animation-name:fadeInLeft}.animate .fadeInRight{animation-name:fadeInRight}.infografia-arc{width:1200px;margin:0 auto;position:relative}.infografia-arc .section-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:1200px;min-height:672px;margin:0 auto;text-align:center}.infografia-arc .section-container .two-column{flex:1 50%;width:50%}.infografia-arc .section-container .three-column{flex:1 33%;width:33%}.infografia-arc .section-container .width40{flex:1 40%;width:40%}.infografia-arc .section-title{flex:1 100%;text-align:center;margin-top:50px}.infografia-arc .section-subtitle{flex:1 100%;text-align:center}.infografia-arc .wrapper-sections{height:672px;overflow-y:hidden;margin:0 auto}.infografia-arc .hide{opacity:0}.infografia-arc .alignLeft{text-align:left}.infografia-arc .alignRight{text-align:right}.infografia-arc .txt2{color:#4c6265;font-family:ubuntu-l;font-size:17px;line-height:25px}.infografia-arc .txt2 strong{font-family:ubuntu-m}.infografia-arc .txt2a{color:#4c6265;font-family:ubuntu-l;font-size:15px;line-height:18px;text-align:center}.infografia-arc .txt2a strong{font-family:ubuntu-m}.infografia-arc .inicio{background:url("images/bg01.jpg") 50% no-repeat;position:relative;padding:0 0 0 50px;z-index:20;}.infografia-arc .inicio .two-column img{display:block}.infografia-arc .inicio .flechaIni{display:block;position:absolute;cursor:pointer;width:50px;height:28px;background:url("images/flecha1.svg") 50% no-repeat;left:50%;margin-left:-25px;bottom:35px}.infografia-arc .inicio .fadeInUp{animation-name:fadeInUp}.infografia-arc .inicio .fadeInLeft{animation-name:fadeInLeft}.infografia-arc .inicio .fadeInRight{animation-name:fadeInRight}.infografia-arc .experiencia{background:url("images/bg02.jpg") 50% no-repeat}.infografia-arc .experiencia .section-title{margin-top:0}.infografia-arc .experiencia .paloma{margin-top:-200px}.infografia-arc .experiencia .paloma img{display:block}.infografia-arc .experiencia .cubitos{margin-top:-80px}.infografia-arc .enfoque{background:url("images/bg03.jpg") 50% no-repeat}.infografia-arc .integralidad{padding:0 0 40px;background:url("images/bg03.jpg") 50% repeat}.infografia-arc .integralidad .section-title img{display:block;width:128px;margin:0 auto}.infografia-arc .integralidad .section-subtitle{padding:20px 150px 0}.infografia-arc .integralidad .ilus01{width:245px;vertical-align:bottom}.infografia-arc .integralidad .ilus02{width:245px;margin-top:10px;vertical-align:bottom}.infografia-arc .integralidad .ilus03{width:193px;vertical-align:bottom}.infografia-arc .territorialidad .information{background:url("images/bg02.jpg") 50% no-repeat;height:672px;padding:25px 0 0}.infografia-arc .territorialidad .information .section-subtitle,.infografia-arc .territorialidad .information .section-title{padding-left:40px}.infografia-arc .territorialidad .mapa{background:url("images/bg01.jpg") 50% no-repeat;height:672px;padding:25px 0 0}.infografia-arc .logros{background:url("images/bg01.jpg") 50% no-repeat;align-items:stretch}.infografia-arc .logros .centGra{width:865px;height:132px}.infografia-arc .logros .ultm{width:921px;height:305px}.infografia-arc .navegacion{position:absolute;top:0;right:0;z-index:21}.infografia-arc .navegacion>span{position:absolute;font-family:ubuntu-r;font-size:10px;text-transform:uppercase;background:none;color:#fff;right:48px;top:10px;opacity:.5}.infografia-arc .navegacion ul{list-style:none;margin-right:25px;padding:154px 0 0;height:672px;position:relative}.infografia-arc .navegacion ul li{text-align:right;height:68px;position:relative}.infografia-arc .navegacion ul li button{font-family:ubuntu-r;font-size:10px;text-transform:uppercase;background:none;color:#fff;text-align:right;opacity:.5;cursor:pointer;transition:opacity .1s linear}.infografia-arc .navegacion ul li button span{display:inline-block;width:15px;height:15px;margin:0 0 0 6px;border-radius:50%;border:2px solid #fff;vertical-align:middle;position:relative;transition:transform .1s linear}.infografia-arc .navegacion ul li button span:after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px}.infografia-arc .navegacion ul li button.active,.infografia-arc .navegacion ul li button:hover{opacity:1}.infografia-arc .navegacion ul li button.active span,.infografia-arc .navegacion ul li button:hover span{transform:scale(1.2)}.infografia-arc .navegacion ul li:after{content:"";position:absolute;height:55px;border-right:2px solid #fff;opacity:.5;right:12px;top:18px}.infografia-arc .navegacion ul li:last-of-type:after{display:none}.infografia-arc .navegacion ul:after,.infografia-arc .navegacion ul:before{content:"";display:block;height:158px;border-right:2px solid #fff;opacity:.5;position:absolute;right:13px}.infografia-arc .navegacion ul:after{bottom:0}.infografia-arc .navegacion ul:before{top:0}.infografia-arc .bgClaro>span,.infografia-arc .bgClaro ul li button{color:#67b1ab}.infografia-arc .bgClaro ul li button span{border:2px solid #67b1ab}.infografia-arc .bgClaro ul li button span:after{background:#67b1ab}.infografia-arc .bgClaro ul:after,.infografia-arc .bgClaro ul:before,.infografia-arc .bgClaro ul li:after{border-right:2px solid #67b1ab}.infografia-arc .flechas{display:block;width:24px;height:14px;position:absolute;left:50%;margin-left:-12px;cursor:pointer;background:none;z-index:10}.infografia-arc .flechas.arriba{top:25px;background:url("images/flecha2ar.svg") 50% no-repeat}.infografia-arc .flechas.abajo{bottom:25px;background:url("images/flecha2ab.svg") 50% no-repeat}.infografia-arc .flechas.gris.arriba{background:url("images/flecha2GrisAr.svg") 50% no-repeat}.infografia-arc .flechas.gris.abajo{background:url("images/flecha2GrisAb.svg") 50% no-repeat}