:root {
	--fondo: #323E48;
	--fondo-gris: #A5A5A5;
	--fondo-gris-2: #999999;
	--fondo-plomo: #E1E1E1;
	--fondo-blanco: #FFFFFF;
	--fondo-verde: #42a02e;
	--fondo-azul: #0E75B8;
	--fondo-rojo: #dc3545;
	--fondo-naranja: #e55422;
	--fondo-amarrillo: #F1C300;
	--fondo-morado: #953f80;
	--texto-negro: #000000;
	--texto-naranja: #e55422;
	--texto-gris: #A5A5A5;
	--texto-blanco: #FFFFFF;
	--texto-verde: #42a02e;
	--color-1: #5F477667;
	--texto:#323E48;
	--texto-claro:#999999;
	--texto-azul: #0E75B8;
	--texto-rojo: #dc3545;
	--texto-morado: #953f80;
	--fila-par:rgba(250, 250, 252, 1);
	--fila-impar: rgba(95, 71, 118, 0.1);
	--fondo-light: #d9d9d9;
	--texto-amarrillo: #F1C300;
}

body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
}

img {
	width: 100%;
}
	
.login-container {
	width: 300px;
	padding: 20px;
	border: 5px solid #a7007f; /* Color vino */
	border-radius: 15px;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.login-container .input-login {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
}

.login-container .login-button {
	width: 100%;
	padding: 10px;
	background-color: #a7007f;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}

.login-container .login-button:hover {
	background-color: #85d421;
}

.w3-panel {
	font-size: 14px;
	margin-bottom: 15px;
}

/*********************************************
RESPONSIVE
**/

@media only screen and (max-width: 600px) {
	
}

@media only screen and(min-width: 993px) {
	
}