/*-------NAVS (OVERRIDES NAVS.CSS)----------------*/
.nav-to-hide {
	/*background-color: var(--corporative-pages-bg-color);*/
}
/*/*---------------------END NAVS ----------------*/

/*----------ROTATING TEXT CIRCLE-------------*/
#container-circulo-home {
	position: absolute;
	display: flex;
	justify-content: flex-end;
	width: 15%;
	margin-top: -10%;
	/*margin-right: -65%;*/
        float:right;
        right: 10%;
}

#circulo-home {
	width: 250px;

	-webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
	-webkit-animation-duration: 50s;
	  -moz-animation-duration: 50s;
	   -ms-animation-duration: 50s;
	    -o-animation-duration: 50s;
	          animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	  -moz-animation-iteration-count: infinite;
	    -ms-animation-iteration-count: infinite;
	     -o-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	  -moz-animation-timing-function: linear;
	   -ms-animation-timing-function: linear;
	    -o-animation-timing-function: linear;
	          animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}
/*------------END ROTATING TEXT CIRCLE-------------------*/

/*SLOGAN / SUBSLOGAN*/
/*END SLOGAN / SUBSLOGAN*/

/*----------CONOCE QUIÉNES SOMOS-----------------*/
#section-who-we-are {
	position: relative;
	padding: 0;
	/*height: auto;*/
	/*background: linear-gradient(0deg, white 37%, var(--corporative-pages-bg-color) 37%);*/
}

/*.section-who-background {
	height: 100vh;
}*/

.section-who-background-new {
	position: absolute;
	height: 70%;
	width: 100%;
	background-color: var(--corporative-pages-bg-color);
	z-index: -1;
}
/*---------END CONOCE QUIÉNES SOMOS------------------*/

/*----------COURSES SECTION-----------------*/
#section-courses {
	/*padding-top: var(--margin-main);*/
	padding-bottom: var(--margin-main);
}

.course-cards-container {
	display: flex;
	justify-content: space-between;
	margin-top: /*70px*/2rem;
}

.course-card {
 	width: 47%;
 	text-align: center;
}

.course-card img {
	width: 100%;
}

.gallery-item-title {
	text-transform: uppercase;
	font-family: 'Poppins Light', sans-serif;
	font-weight: 300;
	font-size: var(--course-secondary-font-size);
	margin-bottom: -10px;
}

.course-date {
	text-transform: uppercase;
	font-family: 'Poppins Light', sans-serif;
	font-weight: 300;
	font-size: var(--course-secondary-font-size);
	color: var(--logo-color);
}

/*----------END COURSES SECTION-----------------*/

/*.section-recom-bg {
	background-color: var(--corporative-pages-bg-color);
}*/

/*---------------------------*/

footer {
	background-color: var(--corporative-pages-bg-color);
        float: left;
        position: relative;
        color: #FFFFFF;
        width:100%;
        overflow-x: hidden;
}

/* Maximum aspect ratio */
@media (max-aspect-ratio: 19/13) {
    
  .section-who-background {
    height: 60vh;
  }
  
}

/* Maximum aspect ratio */
@media (max-aspect-ratio: 19/19) {
    
  .section-who-background {
    height: 50vh;
  }
    
}

/* Portrait phones (less than 700px) */
@media /*(hover: none)
and (pointer: coarse)
and (orientation: portrait), (max-width: 400px)*/screen and (max-width: 780px) {
    
        .section-presentation {
            padding-bottom: 0;
        }

	/*-------------------------------------*/

	.main-image {
	    /*object-position: 53% 50%;*/
	}

	.main-image-container {
	  	display: flex;
	  	justify-content: center;
	  	/*height: 100vh;*/
	  	width: 100%;
	  	overflow: hidden;
	  	margin-top: var(--margin-main);
	}

	.main-image-taller {
		position: relative;
	  	width: 100%;
	  	/*border: none;*/
	  	/*object-fit: cover;*/
	  	height: auto;
	  	/*height: 100%;*/
	  	/*transform: translateY(-8%);*/
	}
	
	/*-------------------------------------*/

	/*----------ROTATING TEXT CIRCLE-------------*/
	#container-circulo-home {
		display: none;
	}
	/**/

	/*----------CONOCE QUIÉNES SOMOS-----------------*/
	#section-who-we-are {
		
	}

	.section-who-background {
		height: 50%;
	}
	/*---------END CONOCE QUIÉNES SOMOS------------------*/
	#section-courses {
		padding-top: calc( var(--margin-main) * 3 );
                padding-bottom: calc( var(--margin-main) * 3 );
	}
        
        #section-courses .section-inner {
		padding-top: 0;
	}
        
        #section-courses .section-inner .home-slogan-container {
		padding-top: 0;
	}
        
        .section-recom {
            padding-top: 0;
        }
        
        .section-recom-bg-new {
            height: 40%;
        }
        
        .section-who-background-new {
            height: 75%;
        }

	.course-cards-container {
		flex-direction: column;
		margin-top: /*70px*/2rem;
	}

	.course-card {
		margin-bottom: calc( var(--margin-main) * 3 );
	 	width: 100%;
	}
        
        .slogan-small-courses {
            margin-top: 5px;
        }
        
        .background-pink-100vh {
            height: 75vh;
        }

}