@charset "UTF-8";
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }
@font-face{font-family 'alpha_echo'; src: local('alpha_echo'),url('alpha_echo-webfont.woff'),url('alpha_echo-webfont.woff2'),url('alpha_echo-webfont.ttf');}
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700,900');

/* font-family: 'Montserrat', sans-serif;
/* .alpha_echo {
    font-family: 'alpha_echo';

/* ------------- TODO ------------- */

*{	margin:0;    
	padding:0;
	box-sizing:border-box; 
    border: 0;
    outline: 0;	 }
body{margin: 0;
	background-image: linear-gradient(30deg,#686B89,#DA4A3B);
     }
a:link { text-decoration:none; } 
h4{	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
    font-size:.8em;
    text-transform: uppercase;
    letter-spacing: .07em;
    }

/* ---------- ENCABEZADO ---------- */

.logoso {		
	background: url('../imagenes/encab.svg') #DA4A3B; 
	background-size: cover;
    padding: .7em 4vw .4em 3vw; 
    display: flex; 
    justify-content: space-between; 
    }
/* ------------ PRESENTACIÓN ------------- */
.ego{display:flex;
    justify-content: space-between;
    margin: 1.2em 1em 1.6em 2em; /*externo*/
    }
.sociales{order: 3;}
.entrada{display: flex;}
.avatar{margin:1em .5em 1em 0;}
.datos{margin:2em 0 2em 0;}
.datos .nombre{
    font-family: "alpha_echo","Montserrat", sans-serif;
    font-weight: 900;
    font-size: 1.6em;
    line-height: 1.1em;
    color: #4AB8B8;}
.datos #dg{font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: .7em;
    letter-spacing: .1em;
    color: beige;
    background-image: linear-gradient(40deg,rgba(32,31,68,20) 5%,rgba(32,31,68,0)70%);
    margin-top: .5em;}

/* ------------ MATERIAS  ------------ */

.materias{
    margin: 0 2em;}
.materias #titulo {
    color: rgb(235,224,193);
    margin: 0 0 1em 0;}
.aprobadas{
    background-color: rgba(235,224,193,50%);
    color: #201f44;
    display: flex;
    padding: 1em 1.3em 1em 1.3em;
    justify-content: center;
}
.aprobadas p{
    font-family: 'Montserrat', sans-serif;
    font-size: .7em;
}

/* ------------- PROYECTO  ----------- */
.dgpc{
    display: flex; 
    justify-content: center;
    margin: 2em 2em 1em 2em;}
.dgpc .tit {
    color: rgb(235,224,193);    
    border: 1.5px solid rgb(235,224,193);
    padding: .8em;
    }
.docentes{ padding: 0 .5em 0 1em;}
#grupo,#gestion{font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 3em;
    word-spacing: -.1em;
    letter-spacing: .1em;
    color:rgb(235,224,193);
    font-size: .6em;
    margin-top: 1.5em;}
#nom{font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    line-height: 2em;
    word-spacing: -.1em;
    letter-spacing: .1em;
    color:rgb(235,224,193);
    font-size: .5em;
    margin: 1.1em 0 0 1em;}

   /* --------- Equipo  --------- */

.botones{
	text-transform: none;	
	font-family: 'Montserrat', sans-serif;
    padding: 0 1em 0 .5em;
    }
.botones .integrantes{
    font-size: 50%;
    text-align: left;
    text-transform: uppercase;
    word-spacing: -.3em;
    letter-spacing: .3em;
	    }
#as,#cm,#cn,#fa{
    background: #4AB8B8;
    text-decoration:none;
    list-style: none;
    margin-bottom: 1.6em; /*externo*/
    padding: .7em 4em .8em 1em; /*interno*/ }
#as,#cm,#cn,#fa, a:link{color: #201F44; }
#as,#cm,#cn,#fa, a:visited{color: #DA4A3B; }
.integrantes ul li:active {
    transform: scale(0.90);
	color: rgba(235,224,193,50%);}

   /* --------- Comitente  --------- */
#gestion{line-height: 1.2em; 
    margin-bottom: 1.5em;}
.comitente{
    padding-right: .5em;}
.comitente p{
    color:#201F44;
    font-family: 'Montserrat', sans-serif;
    font-size: .75em;
    }
/* --------- Apps  --------- */

.apps{
    display: block; 
    justify-content: center;
    margin: 0 2em 1em 2em;}
.apps .tit {
    color: rgb(235,224,193);    
    border: 1.5px solid rgb(235,224,193);
    padding: .8em;
	background: rgba(218,74,59,20%);
	margin-top: .5em;}
.apps .tit:active {
    transform: scale(0.95);
	color: rgba(235,224,193,50%);    
    border: 1px solid rgba(235,224,193,70%);}

/* ----------- PIE  ---------- */
#flecha{
    padding: 0 0 4em 1.5em;
    margin-bottom: 2em;}
.pie{
	
    color: #4AB8B8; 
	font-family: 'Montserrat', sans-serif;
    font-size: .6em; 
    border-top: 2px solid #4AB8B8;
    margin: 2em;}