:root{
	--clip: circle(0 at top right);
	--show: scale(0);
	--transitionModal: -5s transform;
	--transitionBackground: 1s .5s clip-path;
}
body {
	width: 100%;
	height: 100vh;
  background-image: url("../img/Login-bkground.jpg");
  /* La imagen de fondo está centrada vertical y horizontalmente en todo momento. */
  background-position: center center;

  /* La imagen de fondo no se muestra en mosaico*/
  background-repeat: no-repeat;

  /* La imagen de fondo se fija en la ventana gráfica para que no se mueva cuando
     la altura del contenido es mayor que la altura de la imagen */
  background-attachment: fixed;

  /* Esto es lo que hace que la imagen de fondo se vuelva a escalar
     en el tamaño del contenedor */
  background-size: cover;
  /* Establecer un color de fondo que se mostrará mientras se carga la imagen de fondo */
}
/*
.modal-local{
	position: flxed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.76);
	display: flex;
	clip-path: var(--clip);
	transition: var(--transitionBackground);
}
.modal-local:target{
	--clip: circle(150% at top right);
	--show: scale(1);
	--transitionModal: .5s 1s transform;
	--transitionBackground: 1s clip-path;
}
.modal__contenedor{
	margin: auto;
	background: #fff;
	width: 90%;
	max-width: 1200px;
	min-heigth: 70%;
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-template-rows: repeat(4, ifr);
	position: relative;
	transform: var(--show);
	transition: var(--transitionModal);
}
.modal__cerrar{
	position: absolute;
	background: crimson;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	text-aling: center;
	line-height: 30px;
	text-decoration: none;
	top: 0;
	right: 0;
	font-family: sans-serif;
	font-weight: bold;
}
*/
.modal__img{
	grid-row: 1/-1;
	grid-column: 1/4;
	width: 80%;
	place-self: center;
}
.modal__textos{
	grid-row: 2/-2;
	grid-column: 4/-2;
	place-self: center;
	display: grid;
	gap: 20px;
	justify-items: start;
}
.modal__titulo{
	font-size: 2.5rem;
}
.modal_parrafo{
	font-size: 1.3rem;
}
.cta{
	display: inline-block;
	margin: auto;
	background: steelblue;
	padding: 15px 50px;
	text-decoration: none;
	color: #fff;
}

.house {
  display: inline-block;
  content: "";
  background: #fff;
  opacity: 0.1;
  border: 5% solid #fff;
}
.house:hover {
  content: "UNAB";
  opacity: 0.2;
  background: #19199d;
  border-radius: 5%;
}
.aingresar2{
	position: absolute; 
	left: 42.92%; 
	top: 35.93%; 
	width: 14.74%; 
	height: 7.04%; 
	z-index: 2;
	border-radius: 5%;
}
.atecnologia{
	position: absolute; 
	left: 9.9%; 
	top: 55%; 
	width: 9.38%; 
	height: 27.69%; 
	z-index: 2;
	border-radius: 5%;
}
.aeconomia {
	position: absolute; 
	left: 24.27%; 
	top: 55%; 
	width: 9.38%; 
	height: 27.5%; 
	z-index: 2;
	border-radius: 5%;
}
.aenfermeria {
	position: absolute; 
	left: 65.42%; 
	top: 55.09%; 
	width: 9.38%; 
	height: 27.87%; 
	z-index: 2;
	border-radius: 5%;
}
.apostgrados {
	position: absolute; 
	left: 80%; 
	top: 54.81%; 
	width: 9.38%; 
	height: 27.87%; 
	z-index: 2;
	border-radius: 5%;
}
.ahumanidades {
	position: absolute; 
	left: 38.49%; 
	top: 55.09%; 
	width: 9.38%; 
	height: 27.59%; 
	z-index: 2;
	border-radius: 5%;
}
.asalud {
	position: absolute; 
	left: 52.08%; 
	top: 54.63%; 
	width: 9.38%; 
	height: 28.06%; 
	z-index: 2;
	border-radius: 5%;
}
.avideo {
	position: absolute; 
	left: 3.8%; 
	top: 31.02%; 
	width: 35.57%; 
	height: 6.48%; 
	z-index: 2;
	border-radius: 5%;
}

.asansalvador{
	position: absolute; 
	left: 12.42%; 
	top: 70.83%; 
	width: 16.17%; 
	height: 8.33%; 
	z-index: 2;
}
.asanmiguel{
	position: absolute; 
	left: 74.61%; 
	top: 70.56%; 
	width: 16.02%; 
	height: 8.33%; 
	z-index: 2;
}
.achalatenango{
	position: absolute; 
	left: 53.91%; 
	top: 70.42%; 
	width: 15.63%; 
	height: 8.61%; 
	z-index: 2;
}
.asonsonate{
	position: absolute; 
	left: 32.66%; 
	top: 70.42%; 
	width: 16.33%; 
	height: 8.61%; 
	z-index: 2;
}
.aindex{
	position: absolute; 
	left: 0%; 
	top: 0.69%; 
	width: 22.11%; 
	height: 9.17%; 
	z-index: 2;
}

.aindex2{
	position: absolute; 
	left: 26.56%; 
	top: 0%; 
	width: 44.48%; 
	height: 19.35%; 
	z-index: 2;
}
.asedes{
	position: absolute; 
	left: 60%; 
	top: 31.67%; 
	width: 35.68%; 
	height: 5.56%; 
	z-index: 2;
}
.aingresar{
	position: absolute; 
	left: 38.67%; 
	top: 88.06%; 
	width: 22.27%; 
	height: 9.86%; 
	z-index: 2;
}
.noscript {
  justify-content: center;
  width: 100%;
  height: 75px;
  background: url(../img/noscript.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #fff;
}

.turnDeviceNotification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #010101;
  z-index: 99999;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.turnDeviceNotification img {
  height: 50vw;
}
.turnDeviceNotification p {
  color: #fff;
  width: 50vw;
  font-size: 14px;
}
.temp_img_aal {
  width: 100%;
}
.stand-container {
  position: relative;
}
.stand-container .stands-links {
  position: absolute;
  left: 0;
  bottom: 1.3vw;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stand-btn {
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  margin-right: 1vw;
}
.stand-btn:last-of-type {
  margin-right: 0;
}
.stand-btn span {
  background-color: #ea5a28;
  width: 3.5vw;
  height: 3.5vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
}
.stand-btn span svg {
  width: 55%;
  height: auto;
}
.stand-btn p {
  max-width: 12vw;
  margin: 0;
  padding: 0 1.1vw;
  font-family: montserrat, sans-serif;
  font-size: 1.1vw;
  text-align: center;
  line-height: 1.2;
  color: #110f0d;
}
.stand-btn:hover span {
  background-color: #ea9628;
}
.social-btns {
  margin-left: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-btns .stand-social-btn {
  line-height: 1;
  margin-right: 0.7vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-btns .stand-social-btn:last-of-type {
  margin-right: 0;
}
.social-btns .stand-social-btn svg {
  width: 2.2vw;
  height: auto;
  fill: #ea5a28;
}
.social-btns .stand-social-btn:hover svg {
  fill: #ea9628;
}
.pavilion {
  position: absolute;
  top: 1.6vw;
  width: 100%;
  display: flex;
  justify-content: center;
}
.pavilion .pavilion-return-btn span {
  width: 5.2vw;
  height: 5.2vw;
}
.pavilion .pavilion-return-btn span svg {
  width: 70%;
}
.pavilion .pavilion-return-btn p {
  font-size: 1.5vw;
}

@media (max-width: 768px) and (orientation: portrait) {
  body {
    overflow: hidden;
  }
  .turnDeviceNotification {
    display: flex;
  }
}