*{
	padding: 0;
	margin: 0;
	font-family: sans-serif;
}
:root{
	--fondo_oscuro: #2A3F4F;
	--fondo_claro: #394F5A;
	--blanco: #EEEEEE;
	--negro: #010211;
	--logo: #ff0000ff;
	--celeste: #355C7D;
	--opaco: #BABABA;
	--verde: #34bb88ff;
	--celeste: #4788ff;
}
body{
	color: var(--blanco);
	background-color: var(--fondo_claro);
}
.cnt_uno{
	display: flex;
	justify-content: center;
}
.formulario{
	margin: 20px 0px;
	width: 80%;
	padding: 15px;
	border-radius: 10px;
	background-color: var(--fondo_oscuro);
	max-width: 600px;
}
.separadores{
	margin-top: 10px;
}
.entradas{
	width: calc(100% - 16px);
	padding: 2px 8px;
	border: none;
	outline: none;
	font-size: 1rem;
	color: var(--blanco);
	background-color: var(--fondo_oscuro);
	border-bottom: 2px solid var(--negro);
}
.cnt_ver{
	display: flex;
	justify-content: center;
	padding: 10px 0px;
}
.mirar{
	cursor: pointer;
	padding-left: 5px;
	user-select: none;
}
.cnt_advertencia{
	background-color: var(--logo);
	color: var(--negro);
	padding: 10px;
	border-radius: 10px;
	color: var(--blanco);
	display: none;
}
.cnt_btn{
	display: flex;
	justify-content: right;
}
.continuar{
	background-color: var(--celeste);
	color: var(--negro);
	padding: 10px 15px;
	cursor: pointer;
	font-size: 1rem;
	border: none;
	font-weight: 600;
}
.redirigir{
	display: flex;
	justify-content: center;
}
.redirigir a{
	color: var(--blanco);
}

/**/
.cnt_dos{
	display: none;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0;
	background-color: var(--fondo_claro);
	position: fixed;
}
.cnt_cargando{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 150px 0px;
}
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid var(--negro);
    border-top: 5px solid var(--logo);
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
    margin-top: 15px;
}

@keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}