/*COLORES*/
.color-blue{color: rgba(var(--blue), 1)}
.color-islands{color: rgba(var(--color-islands), 1)}
.color-northern{color: rgba(var(--color-northern), 1)}
.color-southern{color: rgba(var(--color-southern), 1)}

/*Formato general para todas las páginas*/
a, object, embed{outline: 0;}
a, a:link, a:visited, a:active,  a:hover{
	color: rgba(var(--link), 1);
	text-decoration: none;
	outline: 0;
  transition: var(--regular-transition);
}
a:hover{color: rgba(var(--link-hover), 1);}
.smooth a, .smooth{
	-webkit-transition: var(--regular-transition);
	transition: var(--regular-transition);
}
a.hover-bg-islands:hover, a.hover-bg-islands.active{
	background-color: rgba(var(--bg-color-islands), 1);
}
a.hover-bg-northern:hover, a.hover-bg-northern.active{
	background-color: rgba(var(--bg-color-northern), 1);
}
a.hover-bg-southern:hover, a.hover-bg-southern.active{
	background-color: rgba(var(--bg-color-southern), 1);
}

h1,.h1{
  font-size: var(--h1);
	color: rgba(var(--blue),1);
	font-weight: 700;
	line-height: var(--h1);
	margin: calc(var(--separator-height) * 3) 0 calc(var(--separator-height) * 2);
}
h1:first-child,.h1:first-child,
h2:first-child,.h2:first-child,
h3:first-child,.h3:first-child
{
	margin-top: 0;
}

h2, .h2{
	font-size: var(--h2);
	color: rgba(var(--blue),1);
	font-weight: 700;
	line-height: var(--h2-lineheight);
	margin-top: calc(var(--separator-height) * 3);
	margin-bottom: calc(var(--separator-height) * 2);
}
h3 {
	font-size: var(--h3);
	font-weight: 700;
	line-height: var(--h3);
	margin-top: calc(var(--separator-height) * 3);
	margin-bottom: calc(var(--separator-height) * 2);
}

/*
ol, ul{
	list-style: none;
	padding: 0;
}
p, ul, ol{
	margin: 0 0 2rem;
}
*/

::-ms-input-placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
::placeholder,
input::placeholder,
textarea::placeholder{
  color: red;
	/* Ensure full opacity in Firefox */
/*	opacity: 1; */
}

button:focus,
.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary, a.btn-primary, button.btn-primary {
	color: rgba(var(--white), 1);
	background-color: rgba(var(--blue));
	border-color: rgba(var(--blue));
	text-align: center;
}
.btn-dark, a.btn-dark, button.btn-dark {
	color: rgba(var(--white), 1);
	background-color: rgba(var(--black),.7);
	border-color: rgba(var(--black),.7);
	text-align: center;
}
.btn-islands, a.btn-islands, button.btn-islands {
	background-color: rgba(var(--bg-color-islands),1);
	border-color: rgba(var(--bg-color-islands),1);
}
.btn-northern, a.btn-northern, button.btn-northern {
	background-color: rgba(var(--bg-color-northern),1);
	border-color: rgba(var(--bg-color-northern),1);
}
.btn-southern, a.btn-southern, button.btn-southern {
	background-color: rgba(var(--bg-color-southern),1);
	border-color: rgba(var(--bg-color-southern),1);
}

.btn-primary[aria-expanded="true"], a.btn.btn-primary[aria-expanded="true"], button.btn.btn-primary[aria-expanded="true"],
.btn-primary.active, a.btn.btn-primary.active, button.btn.btn-primary.active,
.btn-primary:active, a.btn.btn-primary:active, button.btn.btn-primary:active
.btn-primary:hover, a.btn.btn-primary:hover, button.btn.btn-primary:hover
{
	background-color: rgba(var(--light-blue));
	border-color: rgba(var(--light-blue));
	color: rgba(var(--blue));
}
.btn-primary:hover, a.btn.btn-primary:hover, button.btn.btn-primary:hover{
	color: rgba(var(--white), 1);
}
.btn-dark:hover, a.btn.btn-dark:hover, button.btn.btn-dark:hover{
	color: rgba(var(--white), 1);
	background-color: rgba(var(--black), .5);
}
.button-admissions{
	text-transform: uppercase;
}


img.scale-img, .scale-img img{
	width: auto;
	max-width: 100%;
	height: auto;
}
img.scale-img-forced, .scale-img-forced img{
	width: 100%;
	height: auto;
}
.sep-1, .sep-2, .sep-3, .sep-4, .sep-5, .sep-6,
 .sep-1-half, .sep-2-half, .sep-3-half, .sep-4-half, .sep-5-half, .sep-6-half{
	width: 100%;
	border: none;
	margin: 0;
	margin-top: var(--separator-height);
}
.sep-1{margin-top: calc(var(--separator-height) * 1);}
.sep-2{margin-top: calc(var(--separator-height) * 2);}
.sep-3{margin-top: calc(var(--separator-height) * 3);}
.sep-4{margin-top: calc(var(--separator-height) * 4);}
.sep-5{margin-top: calc(var(--separator-height) * 5);}
.sep-6{margin-top: calc(var(--separator-height) * 6);}
.sep-1-half{margin-top: calc(var(--separator-height) * 1.5);}
.sep-2-half{margin-top: calc(var(--separator-height) * 2.5);}
.sep-3-half{margin-top: calc(var(--separator-height) * 3.5);}
.sep-4-half{margin-top: calc(var(--separator-height) * 4.5);}
.sep-5-half{margin-top: calc(var(--separator-height) * 5.5);}



#all {

}


/*HEADER*/
header {
	background-color: rgba(var(--blue), 1);
}

header a,
header a:link,
header a:active,
header a:visited,
header a:hover,
header a:focus,
header a.active
{
  color: rgba(var(--white), 1);
}
header a.active
{
	cursor: default;
}
header a:not(.no-hover):hover, header a.active:not(.no-hover) {
	background-color: rgba(var(--white),.1);
/*	font-weight: 700;*/
}



.accordion-split-image-container {
	height: 17.8rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 2rem;
	margin-bottom: calc(var(--separator-height) * 2);
}


/*HOME*/
.home-level-item {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
.home-level-item:not(:first-child){
	margin-top: calc(var(--separator-height) * 2);
}
.home-level-item-inner {
	border-radius: 2rem;
	overflow: hidden;
}
.home-level-item figure {
	margin: 0;
}
.home-level-item figcaption {
	background-color: rgba(var(--blue), 1);
	z-index: 1;
	position: relative;
	color: rgba(var(--white), 1);
	line-height: 7rem;
	margin: -1px 0 0;
}
.home-level-item img {
	transition: var(--regular-transition);
	width: 100%;
}
.home-level-item a:hover img {
	transform: scale(1.1);
}
.home .home-stats {
	position:relative;
	color: rgba(var(--white),1);
	font-weight: 400;
	font-size: 2rem;
	
}
.home-stats::before {
	content: '';
	width: calc(100vw * 1.1);
	position: absolute;
	left: 50%;
	top: 0rem;
	background-color: rgba(var(--bg-color-northern));
	height: 100%;
	z-index: -1;
	transform: translateX(-50%);
	border-top-left-radius: 8rem;
	border-top-right-radius: 8rem;
}
.home .home-stats .row {
/*
	padding-top: calc(var(--separator-height) * 2);
	padding-bottom: calc(var(--separator-height) * 2);
*/

	border: none;
}
.home-stats .row > div {
	padding-top: calc(var(--separator-height) * 3);
}
.home-stats .row:last-child > div:last-child {
	padding-bottom: calc(var(--separator-height) * 3);
}
/*
.home .home-stats .row:not(:first-child) {
	border-top: 1px solid rgba(var(--white),.4);
}
.home .home-stats .row > div:not(:first-child) {
	border-left: 1px solid rgba(var(--white),.4);
}
*/
.home .home-stats img {
	max-height: 11rem;
	margin-bottom: 1.5rem;
}
.home .home-stats span {
	font-size: 9rem;
	font-weight: 700;
	line-height: 14rem;
	height: 14rem;
	display: inline-block;
}
/*HOME*/


/*FOOTER*/
footer a,
footer a:link,
footer a:active,
footer a:visited,
footer a:hover,
footer a:focus,
footer a.active
{
  color: rgba(var(--white), 1);
}
footer {
	color: rgba(var(--white),1);
}
footer{
	background-color: rgba(var(--blue),1);
}
footer .footer-top{
/*	background-color: rgba(var(--blue),1);*/
}
footer .footer-bottom{
	background: rgba(var(--blue),1);  /* fallback for old browsers */
	background: -webkit-linear-gradient(left, rgba(var(--blue), 1), rgba(var(--light-blue), 1));
	background: -o-linear-gradient(left, rgba(var(--blue), 1), rgba(var(--light-blue), 1));
	background: linear-gradient(to right, rgba(var(--blue), 1), rgba(var(--light-blue), 1));  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.carousel-container {
/*	margin: auto;*/
	margin: 0 auto;
	position: relative;
	width: 100%;
	display: grid;
	place-items: center;
	padding: 0;
	overflow: hidden;
}
.carousel-track{
	display: flex;
/*	width: calc(9rem * 15); ancho de slide x cantidad de slides*/
/*	animation: marquee-footer 15s linear infinite;*/
	justify-content: space-between;
}
.carousel-track:hover{
/*	animation-play-state: paused;*/
}	
.carousel-element {
	display: grid;
	align-items: center;
	perspective: 1rem;
}
/*
.carousel-element img{
	width: 100%;
	transition: transform .35s;
}
*/
.carousel-element img {
	width: auto;
	transition: transform .35s;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.carousel-element img:hover{
/*	transform: translateZ(2rem);*/
}


/*WIZARD STEPS*/
.wizard-step {
	display: none;
	transition: var(--regular-transition);
}

.wizard-step.active {
	display: block;
	opacity: 1;
}

/* Barra de progreso */
.wizard-progress-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 2rem;
}

.wizard-progress-bar-custom {
	position: absolute;
	width: 100%;
	height: .6rem;
	background-color: rgba(var(--gray), 1);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
}

.wizard-progress-fill {
	height: .6rem;
	background-color: rgba(var(--blue), 1);
	width: 0%;
	transition: var(--regular-transition);
}

/* Círculos */
.wizard-step-circle {
	width: 4rem;
	height: 4rem;
	background-color: rgba(var(--gray), 1);
	color: rgba(var(--white), 1);
	font-weight: 700;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	cursor: pointer;
	transition: var(--regular-transition);
}

.wizard-step-circle.active,
.wizard-step-circle.completed {
	background-color: rgba(var(--blue), 1);
}
.wizard-step .h3 {
	position: relative;
	font-weight: 700;
	display: inline-block;
}
.wizard-step .h3 span {
	display: block;
	position: absolute;
	top: 50%;
	left: 100%;
	width: 1.5rem;
	height: 1.5rem;
	transform: translate(100%, -50%);
}
.wizard-step .h3 span::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 0;
	border: .75rem solid transparent;
	border-right: 0;
	border-left: 1.5rem solid rgba(var(--blue),1);
	transition: var(--regular-transition);
}
.wizard-step .h3[aria-expanded="true"] span::after {
	transform: rotate(90deg);
}
/*WIZARD STEPS*/




  /* Quitar scroll del fondo cuando el modal está abierto */
  body.modal-open {
    overflow: hidden;
  }

  /* Modal dialog con altura máxima del 90% del viewport */
  #video-modal .modal-dialog {
    max-height: 90vh;
    width: auto !important;
    min-width: 0 !important;
    margin: auto;
  }

  #video-modal .modal-content {
    display: flex;
    flex-direction: column;
		margin: auto;
    width: auto !important;
    min-width: 0 !important;
/*    max-height: 90vh;*/
    overflow: hidden;
    border: none;
    border-radius: 0;
  }

  #video-modal .modal-body {
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #video-modal .modal-body-inner {
    aspect-ratio: 9 / 16;
    height: 100%;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    display: flex;
  }
	#video-modal .modal-body-inner::before {
		content: '';
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

  #video-modal iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }



/*
#video-modal .modal-dialog {
	max-width: 73vw;
	max-height: 100vh;
}
#video-modal .modal-body .modal-body-inner {
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%; 
	height: 0;
}
#video-modal .modal-body .modal-body-inner::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#video-modal .modal-body #video-player {
	min-width: 100%;
	
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	object-fit: cover;
}
*/

/*ratio 16:9*/
/* aspect-ratio: 16 / 6; */



#ajax-status {
	background: rgba(var(--white), 1);
	border-radius: 5px;
	left: 50%;
	padding: 10px;
	position: fixed;
	top: 50%;
	z-index: 1500;
	display: none;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
}
#ajax-status img {
	width: 100%;
	height: auto;
}

/*
.site-status {
	position: fixed;
	z-index: 99;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	right: 0;
	background-color: rgba(var(--white), .9);
	padding: 1rem;
	box-shadow: 0px 2px 10px 2px rgba(var(--dark),.2);
	transition: var(--regular-transition);
}
.site-status .col{
	position: relative;
}
.site-status.open {
	transform: translateY(0);
}
.site-status-inner {
	margin: auto;
	max-width: 800px;
	padding: 0 30px;
	text-align: center;
}
.site-status.success {
	background-color: rgba(var(--success),.8);
	color: rgba(var(--white),1);
}
.site-status.danger {
	color: rgb(21, 87, 36);
	background-color: rgba(var(--danger),.9);
	color: rgba(var(--white),1);
}
.site-status-close {
	position: absolute;
	top: -15px;
	right: 0;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 1.3rem;
}
.site-status-close a {
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(var(--base), 1);
	transition: var(--regular-transition);
}
.site-status.success .site-status-close a,
.site-status.danger .site-status-close a {
	color: rgba(var(--white), 1);
}
*/


.back-to-top {
	background: transparent;
	bottom: 0;
	top: auto;
	height: auto;
	right: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
	transform: translateY(100%);
	transition: var(--regular-transition);
}
.back-to-top, .back-to-top div {
	height: 1px;
}
.back-to-top a {
/*	opacity: .5;*/
	position: absolute;
	right: 2rem;
	display: block;
	width: 3rem;
	height: 3rem;
	padding: .5rem;
	border-radius: 50%;
	background: rgba(var(--blue), 0.2);
/*	border: 1px solid rgba(var(--base),0.08);*/
	text-align: center;
	line-height: 2rem;
/*	color: rgba(var(--base),1);*/
	transition: var(--regular-transition);
/*	box-shadow: 0px 0px 4px 0px rgba(var(--white),.5);*/
}
.back-to-top a:hover {
	background: rgba(var(--blue), 0.5);
    opacity: 1;
}
.back-to-top img {
	width: 100%;
	height: auto;
	margin-top: -3px;
}
.back-to-top.open {
	bottom: 6rem;
}



@media only screen and (min-width : 768px) {
	
	.home .home-stats span {
		font-size: 7rem;
	}
	.home .home-stats .row{
		padding-top: calc(var(--separator-height) * 2);
		padding-bottom: calc(var(--separator-height) * 2);
	}
	.home-stats .row > div,
	.home-stats .row:last-child > div:last-child{
		padding-top: 0;
	}
	.home .home-stats .row:not(:first-child) {
		border-top: 1px solid rgba(var(--white),.4);
	}
	.home .home-stats .row > div:not(:first-child) {
		border-left: 1px solid rgba(var(--white),.4);
	}
	
}


@media only screen and (min-width : 992px) {
	
	.home .home-welcome{
		padding: 0;
	}
	.home .home-welcome,
	.home .home-welcome > .row,
	.home .home-left-container, .home .home-left-container > .container, .home .home-left-container > .container > div, 
	.home .home-right-container, .home .home-right-container > .container, .home .home-right-container > .container > div{
		height: 67rem;
	}
	.home .home-left-container-top {
	/*	background: red;*/
		height: 44%;
	}
	.home .home-left-container-bottom {
		height: 56%;
	/*	background: green;*/
	}
	.home .home-right-container {
		margin-bottom: 0;
	}
	
	.home-level-item:not(:first-child){
		margin: 0;
	}
	.home-stats::before {
		border-top-left-radius: 15rem;
		border-top-right-radius: 15rem;
	}
	.home .home-stats span {
		font-size: 9rem;
	}
	
	.back-to-top a {
		right: 4rem;
	}

	
	.accordion-split-image-container{
		height: 35.5rem;
	}
	
}