/*
Theme Name: TecNM Campus IT Huejutla
Theme URI: https://ithuejutla.edu.mx/
Author: Jared & July Solis
Description: Hombre, Campo, Razon y Estudio
Version: 1.0
Text Domain: TecNMCampus
Tags: TecNM, TecNM-Campus, Campus
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;1,300;1,500&display=swap');/*************************ARTICULO PRINCIPAL***************************/ 
.contenedor{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}
.Vista{
    text-align: center;
    padding: 0 1rem;
    width: 100%;
}
.login{
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 1rem;
    grid-gap: 1.4rem .8rem ;
    margin: 0;
    width: 90%
}
.login__data, .login__control{
    grid-column: span 2;
}
.formulario__label{display: none}
.formulario__input{
    width: 100%;
    border: none;
    border-bottom: solid #000 1px;
    transition: .5s ease-out all;
    padding: 10px 2px;
    text-align: center
}

.formulario__link2{
    color: var(--azulEdu);
    text-decoration: none;
}
.Vista{
    font-family: 'IBM Plex Serif';
    padding: 20px 0;
}
.formulario__link2:hover{
    text-decoration: underline;
    font-weight: 600;
}
.formulario__titulo{
    border: 3px double black;
	padding: 10px 0px;
    margin: 0;
	border-left: 0px;
	border-right: 0px;
	border-color: var(--doradoGOB_B);
	color: black;
    font-weight: 600;
}
[login='Estudiantes']::after{content: ' para Estudiantes o Egresados'}
[login='Aspirantes']::after{content: ' para Aspirantes'}
.Vista__Tlink{
    text-decoration: none;
}
.Vista__titulo{
    border: 3px double black;
	padding: 10px 0px;
    margin: 0;
	border-left: 0px;
	border-right: 0px;
	border-color: var(--doradoGOB_B);
	color: var(--doradoGOB_B);
    font-weight: 500;
    font-style: italic;
}
.Vista__subtitulo{
	color: var(--doradoGOB);
    margin-top: 100px;
	text-align: right;
	padding: 5px 0px;
	padding-right: 10px;
	background:linear-gradient(to right, rgba(101,28,50,0) 0%, rgba(101,28,50,0) 5%, rgba(101,28,50,0.25) 13%, rgba(101,28,50,0.75) 23%, rgba(101,28,50,1) 35%, rgba(101,28,50,1) 100%);
    font-weight: 200;
    font-style: italic;
}
.formulario__btn{
    padding: 10px 20px;
	margin: 0px 5px;
	background: none;
    border: none;
	border-radius: 3px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
}
.azul{
    border: 2px solid var(--azulEdu);
	color: var(--azulEdu);
}
.azul:hover{
    background: var(--azulEdu);
	color: white;
}
.rojo{
    border: 2px solid var(--rojoGOB);
	color: var(--rojoGOB);
}
.rojo:hover{
    background: var(--rojoGOB);
	color: white;
}
.dorado{
    border: 2px solid var(--doradoGOB);
	color: var(--doradoGOB);
}
.dorado:hover{
    background: var(--doradoGOB);
	color: black;
}
.P-dis{
    display: none
}
.iconhref__text{
    font-size: 1rem;
}
.PR__unlogin, .PR__login{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    width: 100%
}
.PR__title{
    grid-column: span 3;
    margin-bottom: 1rem;
}
.iconhref a{
    color: var(--azulEdu);
    font-size: 50px;
    text-decoration: none;
    transition: .5s ease-out all;
}
.iconhref:hover a {
    font-size: 55px;
    text-decoration: underline;
}
@media screen and (max-width:350px ){
	.login{
        grid-template-columns: 1fr;
    }
    .login__data, .login__control {
        grid-column: span 1;
    }
    .PR__title, .P-ext{
        grid-column: span 2;
    }
    .PR__unlogin, .PR__login{
        grid-template-columns: repeat(2, 1fr);
    }
}