body {
	background-color: rgb(70, 186, 186);
}

button.btn-primary {
	background-color: #46BABA;
	border-color: #46BABA;
	display: block;
}

button.btn-primary:hover {
	color: #46BABA;
	background: transparent;
	border-color: #46BABA;
}

button.btn-primary a {
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

button.btn-primary:hover a {
	color: #46BABA;
}

@keyframes fade-in {
	from { opacity: 0; }
}

@keyframes fade-out {
	to { opacity: 0; }
}

@keyframes slide-from-right {
	from { transform: translateX(90px); }
}

@keyframes slide-to-left {
	to { transform: translateX(-90px); }
}

.slide-it {
	view-transition-name: slide-it;
}

::view-transition-old(slide-it) {
	animation: 180ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
	600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
}
::view-transition-new(slide-it) {
	animation: 420ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
	600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}

div#institucion-logo {
	height: 120px;
	text-align: center;
}

div.contendor-logo-acadeu {
	height: 65px;
}

div#institucion-logo img.logo-default {
	margin-top: 20px;
	height: 40px;
}

div.slide-it div.logo {
	text-align: center;
}

div.slide-it div.logo img {
	max-width: 230px;
	max-height: 60px;
	width: auto;
	height: auto;
}

div.slide-it p.ubicacion {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}

a.tyc, a.ldu {
	text-decoration: underline;
	color: #fff;
	font-size: 10px;
}

.footer-login {
	text-align: center;
	margin-top: 15px;
}

.footer-login .redes {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.footer-login .email-soporte {
	color: #fff;
}

.footer-login .email-soporte a {
	text-decoration: underline;
	color: #fff;
}