/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  /* La ruta debe apuntar a donde guardaste los archivos */
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'); 
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2');
}

/* Aplicar la fuente */
body {
  font-family: 'Poppins', sans-serif;
}




/*AHORA LOS ESTILOS PARA EL FORMULARIO DE INICIO DE SESIÓN*/


:root {
	--ucs-blue: #1a4a7a;
	--ucs-red: #b30000;
	--ucs-light: #f8f9fa;
}

body {
	font-family: 'Poppins', sans-serif;
	background-color: #e9ecef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.header-banner {
	background: white;
	padding: 10px 0;
	border-bottom: 3px solid var(--ucs-red);
}

.login-container {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.card-login {
	background: white;
	border: none;
	border-radius: 15px;
	overflow: hidden;
	max-width: 400px;
	width: 100%;
}

.card-header-ucs {
	background-color: var(--ucs-blue);
	color: white;
	padding: 25px;
	text-align: center;
	border-bottom: 5px solid var(--ucs-red);
}

.btn-ucs {
	background-color: var(--ucs-blue);
	color: white;
	border-radius: 8px;
	padding: 10px;
	font-weight: 600;
	width: 100%;
	transition: 0.3s;
}

.btn-ucs:hover {
	background-color: #123354;
	color: white;
	transform: translateY(-2px);
}

/* Estilo para los inputs de Django */
.form-control {
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 15px;
	border: 1px solid #ced4da;
}

.form-control:focus {
	border-color: var(--ucs-blue);
	box-shadow: 0 0 0 0.25rem rgba(26, 74, 122, 0.25);
}

footer {
	background: white;
	border-top: 1px solid #dee2e6;
	color: #6c757d;
}