@charset "utf-8";

.logoministerio{
	color: white;
	max-width: 100%;
	width: 80%;
    height: auto;
	margin: 4rem auto 0 auto;
}

.intranet-card--left {
    border-radius: .785rem 0 0 .785rem;
    background-color: rgba(0, 0, 0, .5);
}

.intranet-card {
    align-items: center;
    border: 0;
    border-radius: 0;
    height: 100%;
}

.bg-form{
	border: none;
}

.bg-form h4 {
	text-align: center;
}

body, html {
	height: 100%;
	margin: 0;
}

.main-content {
	min-height: 100%;
	padding-bottom: 50px;
	box-sizing: border-box;
}

.footer {
	width: 100%;
	text-align: center;
	color: white;
	padding: 10px 0;
	margin-top: auto;
}

@media (max-width: 767px) {
	.row {
		display: block;
	}
	.col-sm-6 {
		width: 100%;
	}
	.col-sm-6 .row {
		display: block;
	}
	.registrarme {
		display: block;
	}
}

@keyframes fade {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

.celeste {
	animation: fade 3s linear infinite;
}

.loading-container {
	position: relative;
	width: 100px;
	height: auto;
}

.image-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.no_cta {
	margin-top: 30px;
}

.card-info {
	display: flex;
	color: white;
	margin: 4rem auto 4rem auto;
	background: rgba(48, 73, 81, .3);
	padding: .8rem 2rem;
	width: 85%;
}

/* Ocultar en móviles */
@media (max-width: 768px) {
	.card-info {
		display: none;
	}
}

@media (min-width: 1200px) {
	.bg-form .titulo {
		font-size: 2.5rem;
	}
}

@media (min-width: 992px) {
	bg-form .titulo {
		font-size: 2rem;
	}
}
@media (min-width: 992px) {
	.bg-form .titulo {
		font-size: clamp(6.5rem, 5vw, 4rem);
	}
}

.bg-form .titulo {
	color: #5f5f5f;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: .025rem;
	margin: 3.5rem 0 4rem;
	text-align: center;
}
.bg-form input {
	border-radius: 0!important;
}

.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.75rem;
	height: 1.25rem;
	margin: -.625rem 0 0 -1.875rem;
	text-align: center
}

.spinner>div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #00b1c7;
	-webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
	animation: 1.4s ease-in-out infinite both sk-bouncedelay
}

.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

#btn_login, #btn_registrar, #btn_register_cuenta, #btn_register_sin_cuenta, #btnIniciarSesion {
	box-shadow: .025rem .085rem .25rem rgba(0, 0, 0, .35) !important;
	color: #fafcfe;
	font-size: 1.6rem;
	margin-top: .35rem;
	padding: .625rem;
	font-weight: 500;
}

#btn_register_sin_cuenta {
	margin-bottom: 20px;
}

#btn_login {
	background: #00b1c7;
}

#form_registrar {
	width: 80%;
	margin: auto;
}

#btnIniciarSesion {
	width: 79%;
}