@charset "utf-8";
/* CSS Document */


/*GENERALES*/
.title {
    color: #A4A5A4;
    font-family: 'Nunito-ExtraBold';
    font-size: 14rem;
	line-height: 90%;
    text-align: left;
}
.parrafo{
	font-family: 'Nunito-SemiBold';
	font-size: 3.8rem;
	line-height: 120%;
}
.parrafo-li{
	font-family: 'Nunito-SemiBold';
	font-size: 3.8rem;
	line-height: 120%;
	list-style-type: none;
	position: relative;
	padding-left: 4%;
} 
.parrafo-li:after{
	background-color: #000;
	border-radius: 100%;
	content: "";
	left: 0;
	top: 19px;
	height: 5px;
	width: 5px;
	position: absolute;
}
.parrafo span{
	font-family: 'Nunito-Black';
}

.parrafo-c1{
	color: #fff;
}
.parrafo-c2{
	color: #000
}

.title-figure {
    position: absolute;
    right: 3%;
    top: 25px;   
}

.logros{
	background-color: #fff;
	position: relative;
}
.logros-title-fluid {
    padding-left: 180px;
    padding-bottom: 70px;
}

.logros-fluid{
	padding-left: 272px;
	padding-right: 272px;
}
.logros2-fluid{
	padding-left: 272px;
	padding-right: 200px;
}

.logros-green{
	background-color: #73B150;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}

.logros-white{
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}
.logros-white3{
	background-color: #fff;
	padding-bottom: 170px;
	padding-top: 70px;
	position: relative;
}

.logros-red{
	background-color: #DC3A37;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}

.logros-yellow{
	background-color: #F0BE3F;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}

.logros-green-img {
    padding: 0;
}
.logros-green-info {
    padding-top: 32px;
}

.logros-green-img {
    padding: 0;
}
.logros-white-info {
    padding-top: 82px;
}

.logros-red-img{
    padding: 0;
}
.logros-red-info{
    padding-top: 32px;
}


.logros-white2-img{
    padding: 0;
}
.logros-white2-info{
    padding-top: 32px;
}


.logros-yellow-img{}
.logros-yellow-info {
    padding-top: 120px;
}

.logros-white3-img{}
.logros-white3-info {
    padding-top: 35px;
	position: relative;
}

.figure-2 {
    position: absolute;
    right: 12%;
    top: 58px;
}
.figure-3{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
}
.figure-4 {
    position: absolute;
    bottom: 20px;
    left: -1%;
}
.figure-5 {
    position: absolute;
    bottom: -85px;
    right: 31%;
}
.figure-6 {
    position: absolute;
    left: 2%;
    top: -72px;
    z-index: 99;
}
.figure-7 {
    position: absolute;
    left: 10%;
    top: -14px;
    z-index: 99;
}

.logrosdesktop{}
.logrosmovil{
	display: none;
}

/*------RESPONSIVE----*/

@media screen and (min-width:300px) and (max-width:479px){
	
	.logros-title-fluid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.title {		
		font-size: 5rem;
		text-align: center;
	}
	.title-figure {		
		width: 15%;
	}
	
	.logros {		
		padding-top: 70px;
	}
	.parrafo {
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
	}
	.parrafo-li{
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
	}
	.logros-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-green-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros2-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-white-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-red-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	.logros-white2-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-yellow-info {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.logros-yellow-img {
		padding-bottom: 50px;
	}
	.logros-white3-info {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.logrosdesktop{
		display: none;
	}
	.logrosmovil{
		display: block;
	}
	.figure-4{
		width: 50%;
	}
	.figure-5 {
		bottom: 0;
		right: 10%;
	}
	.figure-3{
		width: 15%;
	}
	.figure-6{
		width: 6%;
		top: 0;
	}
	
	
	
}

@media screen and (min-width:480px) and (max-width:599px){
	
	.logros-title-fluid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.title {		
		font-size: 5rem;
		text-align: center;
	}
	.title-figure {		
		width: 15%;
		top: 0;
	}
	
	.logros {		
		padding-top: 70px;
	}
	.parrafo {
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
	}
	.parrafo-li {
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
	}
	.logros-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-green-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros2-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-white-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-red-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	.logros-white2-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-yellow-info {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.logros-yellow-img {
		padding-bottom: 50px;
	}
	.logros-white3-info {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.logrosdesktop{
		display: none;
	}
	.logrosmovil{
		display: block;
	}
	.figure-4{
		width: 50%;
	}
	.figure-5 {
		bottom: 0;
		right: 10%;
	}
	.figure-3{
		width: 15%;
	}
	.figure-6{
		width: 6%;
		top: 0;
	}
	
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	.logros-title-fluid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.title {		
		font-size: 5rem;
		text-align: center;
	}
	.title-figure {		
		width: 12%;
		top: 0;
	}
	
	.logros {		
		padding-top: 70px;
	}
	.parrafo {
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
		position: relative;
		z-index: 999;
	}
	.parrafo-li{
		font-size: 2.2rem;
		line-height: 110%;
		text-align: center;
		position: relative;
		z-index: 999;
	}
	.logros-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-green-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros2-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-white-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-red-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	.logros-white2-info {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.logros-yellow-info {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.logros-yellow-img {
		padding-bottom: 50px;
	}
	.logros-white3-info {
		padding-top: 0;
		padding-bottom: 30px;
	}

	.logrosdesktop{
		display: none;
	}
	.logrosmovil{
		display: block;
	}
	.figure-4{
		width: 50%;
	}
	.figure-5 {
		bottom: 0;
		right: 10%;
	}
	.figure-3{
		width: 15%;
	}
	.figure-6{
		width: 6%;
		top: 0;
	}
	
	
}

@media screen and (min-width:768px) and (max-width:799px){
	
	.logros-title-fluid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.title {		
		font-size: 5rem;
	}
	.title-figure {		
		width: 9%;
		top: 0;
	}
	
	.logros {		
		padding-top: 70px;
	}
	.parrafo {
		font-size: 2.2rem;
		line-height: 110%;
		position: relative;
		z-index: 999;
	}
	.parrafo-li{
		font-size: 2.2rem;
		line-height: 110%;
		position: relative;
		z-index: 999;
	}
	.logros-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-green-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros2-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-white-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros-red-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	
	.logros-white2-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros-yellow-info {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.logros-yellow-img {
		padding-bottom: 50px;
	}
	.logros-white3-info {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.logros-white3{
		padding-bottom: 90px;
	}
	.logrosdesktop{
		display: none;
	}
	.logrosmovil{
		display: block;
	}
	.figure-4{
		width: 25%;
	}
	.figure-5 {
		bottom: 0;
		right: 10%;
	}
	.figure-3{
		width: 6%;
	}
	.figure-6{
		width: 2%;
		top: 0;
	}
	
	
	
	
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	.logros-title-fluid {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.title {		
		font-size: 5rem;
	}
	.title-figure {		
		width: 9%;
		top: 0;
	}
	
	.logros {		
		padding-top: 70px;
	}
	.parrafo {
		font-size: 2.2rem;
		line-height: 110%;
		position: relative;
		z-index: 999;
	}
	.parrafo-li{
		font-size: 2.2rem;
		line-height: 110%;
		position: relative;
		z-index: 999;
	}
	.logros-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-green-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros2-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logros-white-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros-red-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	
	.logros-white2-info {
		padding-top: 50px;
		padding-bottom: 0;
	}
	.logros-yellow-info {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.logros-yellow-img {
		padding-bottom: 50px;
	}
	.logros-white3-info {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.logros-white3{
		padding-bottom: 90px;
	}
	.logrosdesktop{
		display: none;
	}
	.logrosmovil{
		display: block;
	}
	.figure-4{
		width: 25%;
	}
	.figure-5 {
		bottom: 0;
		right: 10%;
	}
	.figure-3{
		width: 6%;
	}
	.figure-6{
		width: 2%;
		top: 0;
	}
	
	
	
}

@media screen and (min-width:1024px) and (max-width:1279px){
	.logros-title-fluid {
		padding-left: 70px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 9rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 2.8rem;
	}
	.parrafo-li{
		font-size: 2.8rem;
	}
	.logros-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	.logros2-fluid{
		padding-left: 100px;
		padding-right: 100px;
	}
	
	.logros-green-info {
		padding-top: 10px;
	}
	.logros-white-info {
		padding-top: 20px;
	}
	.logros-red-info {
		padding-top: 23px;
	}
	.logros-white2-info {
		padding-top: 20px;
	}
	.logros-white3-info {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 35px;
		padding-left: 20px;
	}
	.figure-4{
		width: 22%;
	}
	.figure-3{
		width: 7%;
	}
	.figure-6{
		width: 2%;
		top: 0;
	}
	
}

@media screen and (min-width:1280px) and (max-width:1359px){
	
	.logros-title-fluid {
		padding-left: 110px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 11rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 2.8rem;
	}
	.parrafo-li{
		font-size: 2.8rem;
	}
	.logros-fluid {
		padding-left: 100px;
		padding-right: 100px;
	}
	.logros2-fluid{
		padding-left: 100px;
		padding-right: 100px;
	}
	
	.logros-green-info {
		padding-top: 50px;
	}
	.logros-white-info {
		padding-top: 60px;
	}
	.logros-red-info {
		padding-top: 63px;
	}
	.logros-white2-info {
		padding-top: 50px;
	}
	.logros-white3-info {
		padding-top: 87px;
		padding-left: 50px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 87px;
		padding-left: 50px;
	}
	.figure-4{
		width: 22%;
	}
	

	
	
}

@media screen and (min-width:1360px) and (max-width:1439px){
	
	.logros-title-fluid {
		padding-left: 110px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 11rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 2.8rem;
	}
	.parrafo-li{
		font-size: 2.8rem;
	}
	.logros-fluid {
		padding-left: 100px;
		padding-right: 100px;
	}
	.logros2-fluid{
		padding-left: 100px;
		padding-right: 100px;
	}
	
	.logros-green-info {
		padding-top: 50px;
	}
	.logros-white-info {
		padding-top: 60px;
	}
	.logros-red-info {
		padding-top: 63px;
	}
	.logros-white2-info {
		padding-top: 50px;
	}
	.logros-white3-info {
		padding-top: 87px;
		padding-left: 50px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 87px;
		padding-left: 50px;
	}
	.figure-4{
		width: 22%;
	}
	

	
	
	
	
}

@media screen and (min-width:1440px) and (max-width:1599px){
	
	.logros-title-fluid {
		padding-left: 110px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 11rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 2.8rem;
	}
	.parrafo-li{
		font-size: 2.8rem;
	}
	.logros-fluid {
		padding-left: 170px;
		padding-right: 170px;
	}
	.logros2-fluid{
		padding-left: 170px;
		padding-right: 170px;
	}
	
	.logros-green-info {
		padding-top: 50px;
	}
	.logros-white-info {
		padding-top: 60px;
	}
	.logros-red-info {
		padding-top: 63px;
	}
	.logros-white2-info {
		padding-top: 50px;
	}
	.logros-white3-info {
		padding-top: 57px;
		padding-left: 50px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 87px;
		padding-left: 50px;
	}
	.figure-4{
		width: 22%;
	}
	

	
	
}

@media screen and (min-width:1600px) and (max-width:1679px){
	
	.logros-title-fluid {
		padding-left: 110px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 11rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 3.2rem;
	}
	.parrafo-li{
		font-size: 3.2rem;
	}
	.logros-fluid {
		padding-left: 170px;
		padding-right: 170px;
	}
	.logros2-fluid{
		padding-left: 170px;
		padding-right: 170px;
	}
	
	.logros-green-info {
		padding-top: 50px;
	}
	.logros-white-info {
		padding-top: 70px;
	}
	.logros-red-info {
		padding-top: 63px;
	}
	.logros-white2-info {
		padding-top: 50px;
	}
	.logros-white3-info {
		padding-top: 57px;
		padding-left: 50px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 87px;
		padding-left: 50px;
	}
	.figure-4{
		width: 22%;
	}
	
	
	
}

@media screen and (min-width:1680px) and (max-width:1919px){
	
	.logros-title-fluid {
		padding-left: 150px;
		padding-bottom: 70px;
	}
	
	.title{
		font-size: 14rem;
	}
	.title-figure{
		width: 9%;
	}
	.parrafo{
		font-size: 3.4rem;
	}
	.parrafo-li{
		font-size: 3.4rem;
	}
	.logros-fluid {
		padding-left: 190px;
		padding-right: 190px;
	}
	.logros2-fluid{
		padding-left: 190px;
		padding-right: 190px;
	}
	
	.logros-green-info {
		padding-top: 50px;
	}
	.logros-white-info {
		padding-top: 70px;
	}
	.logros-red-info {
		padding-top: 63px;
	}
	.logros-white2-info {
		padding-top: 50px;
	}
	.logros-white3-info {
		padding-top: 57px;
		padding-left: 50px;
		padding-right: 44px;
	}
	
	.logros-yellow-info {
		padding-top: 87px;
		padding-left: 50px;
	}
	.figure-4{
		width: 22%;
	}
	
	
}