body {
	background:
		url(../../imagenes/autenticacion/fondo.png),
		linear-gradient(90deg, var(--bs-primary), var(--bs-primary-dark));
	place-items: center;
}

main {
	min-width: 95%;
	max-width: 480px;
	grid-template-areas: 'header' 'section' 'footer';
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 80%;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1)
}

header {
	grid-area: header;
	place-items: center
}

header img {
	min-width: 100%;
	max-width: 313px
}

section fieldset [role="alert"] {
	padding: 5px;
	transition: all .15s ease-in-out
}

section fieldset [role="alert"]:empty {
	margin: inherit;
	padding: inherit;
	opacity: 0
}

footer {
	grid-area: footer
}

footer > .container-lg {
	margin: inherit !important;
	padding: inherit !important
}

/* {} Tamaño de pantalla ampliada */
@media (-webkit-min-device-pixel-ratio: 2) {}

/* {} Pantalla para 576px de ancho */
@media (min-width: 576px) {

	body {
		--bs-body-font-size: inherit
	}

	main {
		min-width: 480px;
		grid-template-columns: 75%
	}

}

/* {} Pantalla para 768px de ancho */
@media (min-width: 768px) {}

/* {} Pantalla para 992px de ancho */
@media (min-width: 992px) {}

/* {} Pantalla para 1200px de ancho */
@media (min-width: 1200px) {}

/* {} Pantalla para 1400px de ancho */
@media (min-width: 1400px) {}