body {
	margin: 0px;
	background: #ffffff;
	font-family: Arial;
	display: flex;
	flex-direction: column;
}

.contenedor {
    display: flex;
    align-items: center; /* Alinea verticalmente el logo y los textos */
    justify-content: flex-start; /* Alinea los elementos al inicio (de izquierda a derecha) */
    background: linear-gradient(90deg, rgba(33,105,172,1) 0%, rgba(22,70,134,1) 56%, rgba(22,70,134,1) 100%);
    padding: 5px;
    color: white;
}

.logo-aguila {
    width: 60px;
    height: auto;
    margin-right: 15px; /* Espacio entre el logo y los textos */
    margin-left: 36px;  /* Mueve el logo hacia la derecha */
}


.textos {
    display: flex;
    flex-direction: column; /* Apila los textos en columna */
   
}

.encabezado {
    text-align: center; /* Centra el texto */
    font-size: 24px;
    font-family: Arial, sans-serif;/
}

.encabezado_alumno {
 
    font-size: 19px;
}

.sub_encabezado {
	width: 100%;
	color: white;
	font-size: 14px;
	letter-spacing: 20px;
	border-bottom: 12px solid #AF8514;
	text-align: center;
	background: linear-gradient(90deg, rgba(0,59,126,1) 0%, rgba(27,104,171,1) 48%, rgba(29,112,184,1) 100%);
}

.cont_cent {
    display: flex;
    justify-content: center; /* Centra los elementos en el contenedor */
    align-items: flex-start; /* Alinea los elementos al principio del contenedor */
}

.alerta {
    max-width: 620px;
    height: 280px;
    margin: 15px 20px;
    background: #cfe2ff;
    border: 1px solid #9ec5fe;
    color: #052c65;
    font-weight: bold;
}

.cont_login {
    width: 255px;
    height: 280px;
    margin: 15px; /* Ajusta el margen para evitar que se solapen */
    border: 1px solid #164686;
    display: flex;
    flex-direction: column;
}


.top_form_login {
	height: 60px;
	padding: 0.25rem!important;
	background: linear-gradient(90deg, rgba(33,105,172,1) 0%, rgba(22,70,134,1) 56%, rgba(22,70,134,1) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

@media only screen and (max-width: 1160px){
	.cont_login {
	width: 255px;
	height: 280px;
	margin: 20px auto;
	border: 1px solid #164686;
	display: flex;
	flex-direction: column;
	}
}

.input_login {
	border: 1px solid #ced4da;
	margin: 5px 30px;
	height: 4 rem;
	padding: 0.75rem;
	color: #495057;
	border-radius: 0.25rem;
}

.input_login:focus {
	border: 2px solid #9fa0a1;
	height: 4 rem;
	padding: 0.75rem;
	color: #495057;
	border-radius: 0.25rem;
	outline: none;
}

.btn_acceder {
	cursor: pointer;
	margin: 5px 82px;
	background: #af8514;
	color: white;
	font-size: 1rem;
	border: none;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	font-family: "Roboto",sans-serif;
}

.btn_acceder:hover {
	cursor: pointer;
	background: #785c0f;
	color: white;
	font-size: 1rem;
	border: none;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	font-family: "Roboto",sans-serif;
}

.requisitos{
	text-align: center;
}

.bottom {
	text-align: center;
	margin-top: 20px;
	padding: 10px 5px;  /* Ajusta el tamaño del botón */
	font-size: 15px;    /* Ajusta el tamaño del texto */
	height: 20x;       /* Ajusta la altura */
	width: auto;        /* Ajusta el ancho según el contenido */
  }
  

.btn_req {
	color: black;
	background: #fff;
	border: 1px solid #dee2e6;
	text-decoration: none;
}

.btn_req.active {
	z-index: 2;
	color: white;
	background: #0d6efd;
	border: 1px solid #0d6efd;
	text-decoration: none;
}