@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

*{
	font-family: 'Montserrat';
	font-size: 13px;
}
body {
	background-color: #f2f2f2;
}

.header {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

h1 {
	margin: 0;
}

/* Estilos del formulario de inicio de sesión */
#login-form {
	background-color: #f2f2f2;
	margin: 20px auto;
	max-width: 100%;
}

#usu,
#pass {
	border: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 0.625em;
	border-radius: 8px;
	font-size: 1em;
}

.login-btn {
	background-color: #9c0707;
	border: none;
	color: #fff;
	padding: 0.5em;
	width: 100%;
	border-radius: 8px;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.5em;
	cursor: pointer;
	transition: all 0.3s ease;
}

.login-btn:hover {
	background-color: #fff;
	color: #9c0707;
	border: 2px solid #9c0707;
}

/*#contenedorPadre {
position: relative;
}*/
/*#contenedorHijo {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
/*}*/

@media (max-width: 576px) {
	body {
		background-color: #f2f2f2;
	}

	.header {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	h1 {
		margin: 0;
	}

	/* Estilos del formulario de inicio de sesión */
	#login-form {
		background-color: #f2f2f2;
		margin: 20px auto;
		max-width: 400px;
	}

	#usu,
	#pass {
		border: 1px solid #ccc;
		padding: 1em;
		margin-bottom: 0.625em;
		width: 100%;
		border-radius: 8px;
		font-size: 1em;
		font-weight: bold;
	}

	.login-btn {
		background-color: #9c0707;
		border: none;
		color: #fff;
		padding: 0.5em;
		width: 100%;
		border-radius: 8px;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 0.5em;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.login-btn:hover {
		background-color: #fff;
		color: #9c0707;
		border: 2px solid #9c0707;
	}

	/* #contenedorPadre {
	position: relative;
}*/
	/*#contenedorHijo {*/
	/*  position: absolute;*/
	/*  top: 50%;*/
	/*  left: 50%;*/
	/*  transform: translate(-50%, -50%);*/
	/*}*/
}