/* ------- Footer -------- */

footer {
    /*
    width:100%;
    height: 150px;
    background: #cccccc;
    margin-top: 6em;*/
    background: #0f1010;
    height: auto;
    text-align: center;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    margin-top: 7em;


}

footer img {
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 2em;
}

footer .legales {
    font-size: 0.70em;
    line-height: 1.5em;
    color: white;
    margin: 0 auto;
    margin-top: 1em;
    opacity: 0.3;
    max-width: 600px;
    text-align: center;
    display: block;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* ---------- HOME ----------- */

.home-background-cointainer {}

.home {
    height: calc(100vh - 60px);
    padding: 1em;
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(imagenes/fondo-banner-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.home-footer {
    color: white;
    font-size: 0.75em;
    opacity: 0.5;
    max-width: 720px;
    text-align: center;
    line-height: 1.45em;
    margin-top: 10em;
}

.home img {
    max-width: 180px;
    margin-bottom: 2.5em;
    margin-top: 1.75em;
}

.fila.home-botones {
    justify-content: space-between;
}

.home-titulo {
    font-size: 2.3em;
    color: #fff;
    margin-bottom: 0.3em;
    text-align: center;
    font-family: 'Exo';
}

.home-subtitulo {
    font-size: 1em;
    max-width: 23em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    margin-bottom: 2em;
    opacity: 0.7;
}

.home-boton,
.home-boton:visited {
    flex-basis: 45%;
    padding: 1.5em;
    margin: 1%;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: 0.8em;
    transition: 0.2s;
}

.home-boton.izquierda {
    background: #005a73;
    color: #fff;
}

.home-boton.izquierda:hover {
    background: #007698;
}

.home-boton.derecha {
    background: white;
}

.home-boton.derecha:hover {
    background: #ffa800;
}


@media(max-width:720px) {
    .home {
        height: 100vh;
    }
}

@media(max-width:480px) {
    .home-boton {
        flex-basis: 100%;
        margin-bottom: 1.5em;
    }
}



/* General */

.banner-secciones {
    height: 22vh;
    padding: 1em;
    background: purple;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(imagenes/fondo-main2.jpg);
    background-size: cover;
}

.banner-secciones .titulo {
    font-family: 'Sunflower';
    font-size: 3em;
    color: white;
}

.banner-secciones .descripcion {
    font-size: 0.6em;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.6em;
}


/* EJEMPLO */

.miclase {
    background: red;
}

.titulo {
    font-family: 'Sunflower';
    font-size: 20px;
}


.descripcion {
    font-size: 10px;
}

.proyecto-volver {
    padding: 0.5em;
    background: black;
    font-weight: bold;
    font-size: 13px;
    color: white;
}

.proyecto-ver-manual {
    padding: 0.5em;
    background: gray;
    font-weight: bold;
    font-size: 13px;
    color: white;
    float: right;
}

.proyecto-imagen-usuario {
    text-align: center;
}


.proyecto-imagen-usuario img {
    width: 100%;
    border-radius: 300px;
    max-width: 180px;
    text-align: center;
}

.proyecto-nombre-usuario {
    font-family: 'Exo';
    color: #002934;
    font-size: 1.5rem;
    margin-top: 0.8em;
    margin-bottom: 0.5em;
}

.proyecto-nombre-subtitulo {
    font-family: 'Arimo';
    color: #002934;
    font-size: 0.7rem;
    letter-spacing: 0.4em;
    margin-bottom: 2em;
    text-transform: uppercase;
    font-weight: bold;
}

.proyecto-descripcion-usuario {
    font-size: 0.9em;
    line-height: 1.4em;
    color: #4d4d4d;
}

.proyecto-trabajo img {
    width: 100%;
}

.proyecto-trabajo-titulo {
    font-family: 'Exo';
    color: #002934;
    font-size: 3rem;
    margin-top: 0.75em;
}

.proyecto-trabajo-subtitulo {
    font-family: 'Exo';
    color: #000000;
    font-size: 1.3rem;
    margin-top: 0.3em;
    margin-bottom: 1.8em;
}

.proyecto-trabajo-descripcion {
    font-size: 0.91em;
    line-height: 1.43em;
    color: #4d4d4d;
    margin-bottom: 2em;
}


.proyecto-interna-usuario {
    margin-bottom: 1em;
}

.proyecto-interna-usuario img {
    border-radius: 100px;
    max-width: 80px;
}

.proyecto-interna-usuario .nombre {
    font-family: 'Exo';
    color: #002934;
    font-size: 1.15rem;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.proyecto-interna-usuario .texto {
    font-size: 0.91em;
    line-height: 1.43em;
    color: #4d4d4d;
    margin-bottom: 1em;
}

.proyecto-interna-usuario .fecha {
    font-size: 0.75em;
    line-height: 1.43em;
    color: #4d4d4d;
    margin-bottom: 2em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.proyecto-interna-comentarios {
    font-family: 'Exo';
    color: #002934;
    font-size: 2rem;
    margin-bottom: 3rem;
}

/* Proyectos */

.banner-proyecto {
    background-image: url("imagenes/fondo-banner-2.jpg");
    background-position: top;
    background-attachment: fixed;
    background-size: 1920px;
}

.proyecto-bajada {}

.proyecto-bajada .ciclo {
    font-size: 0.9em;
    font-family: 'Sunflower';
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.proyecto-bajada .año {
    font-size: 7em;
    font-family: 'Sunflower';
    margin-bottom: 0.1em;
    line-height: 1em;
}

.proyecto-bajada .texto {
    padding-left: 1em;
    border-left: 2px solid #79bacc;
}

.proyecto-bajada .texto p {
    font-size: 0.9em;
    line-height: 1.45em;
    color: #4d4d4d;
    margin-top: 1.2em;
}

.proyecto {
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(232, 232, 232, 1);
    -moz-box-shadow: 0px 2px 4px 0px rgba(232, 232, 232, 1);
    box-shadow: 0px 2px 4px 0px rgba(232, 232, 232, 1);
    transition: all 300ms ease;
    background: #fff;
}

.proyecto:link, .proyecto:visited{
    color:black;
}

.proyecto img {
    width: 100%;
    height: auto;
    display: block;
}

.proyecto:hover {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 8px 20px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 8px 20px 0px rgba(219, 219, 219, 1);
    cursor: pointer;
    opacity: 0.9;
}

.proyecto .votos {
    padding: 1em 1.5em 1em 1.5em;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;*/
}

.proyecto .votos .cantidad {
    font-family: 'Sunflower';
    font-size: 1.7em;
}

.proyecto .votos .texto {
    font-size: 0.7em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #808080;
}

.proyecto .informacion {
    padding: 1em;
    padding-left: 0;
}

.proyecto .informacion .titulo {
    font-size: 1.2em;
    margin-bottom: 0.3em;
}

.proyecto .informacion .autor {
    margin-top: 5%;
    font-size: 0.8em;
    letter-spacing: 0.03em;
    color: dodgerblue;
    display: inline-block;
}

.proyecto .informacion .descripcion {
    font-size: 0.70em;
    line-height: 1.3em;
    color: #808080;
}

.boton-subir {
    padding: 0.7em 1em 0.7em 1em;
    text-align: center;
    color: white;
    background: green;
    font-family: 'Exo';
    letter-spacing: 0.1em;
    transition: 200ms all;
    cursor: pointer;
}

.boton-subir:hover {
    background: #289a00;
}


.proyecto-interna-votos {
    text-align: center;
    font-family: 'Exo';
    font-size: 1em;
    display: block;
}

.proyecto-interna-votos .votar {
    padding: 0.5em;
    font-family: 'Exo';
    color: white;
    background: green;
    transition: 200ms all;
    cursor: pointer;
    margin-left: 1em;
    font-size: 1rem;

}

.proyecto-interna-volver {
    padding: 0.5em;
    font-family: 'Exo';
    color: white;
    background: #555555;
    transition: 200ms all;
    cursor: pointer;
    margin-left: 0.5em;
    text-align: center;
}

.proyecto-interna-vermanual {
    padding: 0.5em;
    font-family: 'Exo';
    color: white;
    background: #002934;
    transition: 200ms all;
    cursor: pointer;
    margin-left: 0.5em;
    text-align: center;
}

.proyecto-interna-votos .votar:hover {
    background: #289a00;
}


.interna-votar {
    padding: 0.8em;
    font-family: 'Exo';
    color: white;
    background: green;
    transition: 200ms all;
    cursor: pointer;
    font-size: 1rem;
    margin-top: 1em;
    float: left;
}

.interna-votar:hover {
    background: #289a00;
}

.interna-volver {
    padding: 0.8em;
    font-family: 'Exo';
    color: white;
    background: gray;
    transition: 200ms all;
    cursor: pointer;
    font-size: 1rem;
    float: left;
    margin-bottom: 1.5em;

}

.interna-volver:hover {
    background-color: darkgrey;
}


/* INGRESAR */

.loginInputContainer {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    max-width: 350px;
    margin: auto;
    margin-bottom: 0em;
}

.loginInputContainer input,
.loginInputContainer select,
.loginInputContainer textarea {
    font-family: 'Arimo', sans-serif;
    border: 1px solid #e4e4e4;
    margin-bottom: 1em;
    height: auto;
    font-size: 0.9em;
    padding: 0.7em;
}

.loginInputContainer .legales {
    margin-bottom: 1em;
}

.loginInputContainer .legales .texto {
    float: left;
    display: inline-block;
    font-size: 0.8em;
    margin-left: 0.5em;
    padding-top: 0.15em;
    color: dimgrey;
}

.loginInputContainer .ingresar {
    margin-bottom: 0.5em;
    height: auto;
    font-size: 1em;
    background: green;
    font-family: 'Sunflower', sans-serif;
    padding: 0.5em;
    text-align: center;
    color: white;
    transition: 150ms all;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.loginInputContainer .ingresar:hover {
    background: #00a700;
}


.loginInputContainer .links {

    margin-top: 1em;
    height: auto;
    font-size: 0.9em;
}



.loginInputContainer .links .registrar {
    margin-bottom: 1em;
    height: auto;
    display: inline-block;
    text-decoration: underline;
    color: #002934;

}

.loginInputContainer .links .registrar.derecha {
    margin-bottom: 1em;
    float: right;

}

.loginInputContainer .links .registrar:visited {
    color: #002934;
}

.loginInputContainer .links .registrar:hover {
    color: orange;
}

.loginInputContainer .confirmacion {
    color: green;
    text-align: center;
    font-size: 0.9em;
    margin-top: 1em;
    display: none;
}

.exobold {
    font-weight: 600;
}

.separator {
    padding: 5em 0em 5em 0em;
    display: flex;
}

.flecha {
    font-size: 0.75em;
    padding: 0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.separator .titulo {
    font-family: 'Exo';
    font-size: 2.5em;
    line-height: 1em;
    margin-bottom: 0.75em;
    font-weight: 300;
    text-align: center;
}

.separator .edicion {
    font-size: 0.75em;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-align: center;
}

.separator .edicion .semanas {
    display: inline-block;
    margin-right: 1em;
    margin-left: 1em;
    color: #737373;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 0.8em;
    margin-bottom: 1.5em;
}

.separator .edicion .semanas.seleccionado {
    color: #003c4d;
    font-weight: bold;
    border-bottom: 2px solid #003c4d;
}

.separator .subtitulo {
    font-family: 'Exo';
    font-size: 1.7em;
    margin-bottom: 0.3em;
    font-weight: 600;
}

.separator .texto {
    font-size: 0.9em;
    color: #4d4d4d;
    line-height: 1.35em;
}

.flex-box {
    display: flex;
    flex-flow: row;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    line-height: 30px;
}

.flex-container.ancho-2-5 {
    width: 40%;
}

.flex-container.ancho-3-5 {
    width: 60%;
}

.flex-item {
    background: tomato;
    color: white;
    font-size: 1.5em;
    text-align: center;
    flex: 1 0 auto;
    height: auto;
}

.flex-item.medium {
    flex-basis: 66.66%;
    padding-top: 50%;
}

.flex-item.small {
    flex-basis: 33.33%;
}

.flex-item:before {
    content: '';
    float: left;
    /*padding-top: 100%;*/
}

.blog {}

.blog .img-principal {
    background-image: url(imagenes/blog-1.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    /*border: 25px solid #002934;*/
}

.blog .img-principal::before,
.blog .img-principal::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}

.blog .img-principal::before {
    border-width: 1.5em;
    border-right-color: #002934;
    border-top-color: #002934;
}

.blog .img-principal::after {
    border-radius: 0.4em;
    border-width: 1.35em;
    border-right-color: #002934;
    border-top-color: #002934;
}

.blog .img-secundaria {
    background-image: url(imagenes/blog-2.jpg);
    background-size: cover;
    background-position: center;
    border-left: 15px solid #f2f2f2;
}

.blog .img-terciaria {
    background-image: url(imagenes/blog-3.jpg);
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    border-top: 15px solid #f2f2f2;
}

.blog .bloque {
    text-align: left;
    padding: 1.8em 2.5em 2em 2.5em;
}

.blog .bloque.negro {
    /*background-color: black;*/
    color: aliceblue;
    background-image: url(imagenes/blog-fondo.jpg);
    background-position: center;
    background-attachment: fixed;
    border-left: 15px solid #f2f2f2;
    border-top: 15px solid #f2f2f2;
}

.blog .bloque.azul {
    background-color: #002934;
}

.blog .bloque.blanco {
    background: white;
    color: black;
    border-left: 15px solid #f2f2f2;
}

.blog .bloque .fecha {
    font-size: 0.5em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 1.3em;
    font-family: 'Exo';
}

.blog .bloque .fecha.margen {
    margin-bottom: 0.4em;
}

.blog .bloque .titulo {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

.blog .bloque .titulo.grande {
    font-size: 2em;
    font-weight: 300;
}

.blog .bloque .texto {
    font-size: 0.6em;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.blog .bloque .boton {
    display: inline-block;
    padding: 0.6em 1em 0.5em 1em;
    font-family: 'Exo';
    font-weight: 600;
    font-size: 0.6em;
    margin-top: 1em;
    color: white;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid white;
    transition: 200ms all;
}

.blog .bloque .boton:hover {
    background: white;
    color: black;
}

.blog .bloque .boton.negro {
    color: black;
    border: 1px solid black;
}

.blog .bloque .boton.negro:hover {
    color: white;
    background: black;
}



@media(max-width:480px) {
    .flex-item.medium {
        flex-basis: 100%;
    }

    .flex-item.small {
        flex-basis: 100%;
    }
    #img-main {
        display: none;
    }

    .flex-container.ancho-2-5 {
        width: 100%;
    }

    .flex-container.ancho-3-5 {
        width: 100%;
    }

    .blog .bloque {
        padding: 1em 1.3em 1em 1.3em;
    }
    .blog .bloque.negro {
        /*background-color: black;*/
        color: aliceblue;
        background-image: url(imagenes/blog-fondo.jpg);
        background-position: center;
        background-attachment: fixed;
        border-left: 0px solid #f2f2f2;
        border-top: 15px solid #f2f2f2;
    }

    .blog .bloque.azul {
        background-color: #002934;
    }

    .blog .bloque.blanco {
        background: white;
        color: black;
        border-left: 0px solid #f2f2f2;
        margin-bottom: 2em;
    }
}


@media(max-width:960px) {
    .columna.proyecto,
    .columna.proyecto-bajada {
        width: calc(50% - 20px);
    }
}

@media(max-width:720px) {
    .columna.proyecto,
    .columna.proyecto-bajada {
        width: calc(100% - 20px);
    }

    .columna.ancho-1-4 {
        width: 100%;
    }

    .proyecto .informacion {
        padding: 1.5em;
        padding-top: 0;
    }
}