/*
    hemisferio.space
*/
@import url("gridlex.css");
@import url("f/font_style.css");

body {
    color: #1d1d1b;
    font: normal 300 16px/1 'GT Walsheim', sans-serif;
}
body.es .en {display: none;}
body.en .es {display: none;}
.antonio {
    font-family: 'HelveticaRounded';
    padding: .8em;
    display: inline-block;   
}
.antonio h1 {
    font-weight: normal;
    letter-spacing: .22em;
    text-transform: lowercase;
}
.antonio a,
.antonio a:hover{
    color: #1d1d1b;
}
.antonio a:hover {
    opacity: .3;
}
.antonio span {
    color: #1e71b8;
}
b {
    letter-spacing: .15em;
}
nav,
.info-project {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding: .5em 1em 0;
    font-weight: normal;
}
nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
}
.menu, 
.menu li {
    display: inline-block;
}
.menu li a {
    color: #1d1d1b;
    font-size: .85em;
    padding: 1em;
    display: block;
    opacity: .5;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.menu:hover a{
    opacity: .15;
}
li.activo a,
.menu li a:hover {
    opacity: 1;
}
a.ins {
    display: inline-block;
    width: 16px;
    vertical-align: text-top;
    height: 0;
    padding: 16px 0 0;
    overflow: hidden;
    background: url(img/ins-logo.svg);
    opacity: .5;
    opacity: 0;
}
a.ins:hover {
    opacity: .8;
}
#ham {
    display: none;
    width: 28px;
    height: 28px;
    padding-top: 4px;
    text-indent: -9999px;
    position: absolute;
    right: 60px;
    top: 8px;
    opacity: .8;
}
#ham span {
    display: block;
    width: 26px;
    height: 3px;
    background: #111;
}
#ham.close {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
} 
#ham.close span {
    opacity: 0;
}
#ham.close:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    bottom: 13px;
}
#ham:before,
#ham:after {
    content: '';
    display: block;
    width: 26px;
    height: 3px;
    background: #111;
    position: absolute;
}
#ham:before {
    top: 12px;
}
#ham:after {
    bottom: 4px;
}
.lang {
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 1.2em;
    text-transform: uppercase;
    margin-left: -38px;
}
.lang li {
    display: inline-block;
    padding: .3em .5em;
    cursor: pointer;
}
.lang li.activo {
    color: #009fe3;
}
.lang li:nth-child(2) {
    padding: 0;
}
.gallery {
    text-align: center;
    padding: 60px 0;
    position: relative;
}
.flex-direction-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.flex-direction-nav li {
    width: 50%;
    float: left;
    height: 100%;
}
.flex-direction-nav li a {
    display: block;
    height: 100%;
}
.flex-prev {
    cursor: w-resize;
    cursor: url(img/anterior.png) 1 25, url(/css/img/arrw-l.cur), w-resize;
}
.flex-next {
    cursor: w-resize;
    cursor: url(img/siguiente.png) 1 25, url(/css/img/arrw-l.cur), w-resize;
}
.info-project {
    top: auto;
    bottom: 0;
    padding-bottom: 2em;
}
.info-project .titulo {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .15em;
}
.info-project .readmore {
    padding: .5em;
    display: inline-block;
    margin-left: 3em;
    color: #009fe3;
    font-weight: 500;
}

.info-project .readmore:hover {
    color: #8E8E8E;
}
    
.texto {
    width: 42%;
    height: 0;
    overflow: hidden;
    -webkit-transition:.22s linear all;transition:.22s linear all
}
.texto p:last-of-type:after,
.texto div p:last-of-type:after{
    content: '';
    width: 4px;
    height: 8px;
    background: #1d1d1b;
    vertical-align: baseline;
    display: inline-block;
    margin-left: .3em;
}
.texto.visible {
    height: 360px;
    max-height: 50vh;
    overflow-y: auto;
    padding-top: .3em;
    /*padding-top: 1.5em;*/
}
.texto h3 {
    /*margin-bottom: 1em;*/
}
.ir-proyecto {
    display: block;
    margin-bottom: 1.5em;
}
p {
    font-size: .85em;
    line-height: 1.4;
    margin-bottom: 1em;
}
.content {
    margin: 0 auto;
    padding: 0 2%;
    max-width: 1200px;
}
a {
    color: #8E8E8E;
}
.blue,
a:hover {
    color: #009fe3;
}
.blue {
    font-weight: 500;
}
em {
    /*font-style: italic;*/
    color: #009fe3;
    font-weight: 500;
}
.proyectos,
.publicaciones {
    text-align: center;
    padding-top: 60px;
}
.proyectos .item,
.publicaciones .item {
    display: inline-block;
    width: 24%;
    padding: 1.7em;
    position: relative;
    vertical-align: middle;
}
.publicaciones span {
    display: inline-block;
    padding: .3em .8em;
    background: #009fe3;
    color: #111;
    position: absolute;
    top: 10%;
    opacity: 0;
}
.publicaciones a:hover span {
    color: #111;
    opacity: 1;
}
.proyectos .content_item {
    padding: 0 .4em;
    opacity: 0;
}
.proyectos .content_item {
    -webkit-transition:.22s linear all;transition:.22s linear all
}
.proyectos img,
.publicaciones img{
    -webkit-transition:.82s linear all;transition:.82s linear all

}
.proyectos a:hover .content_item {
    opacity: 1;
}
/*
.proyectos a:hover  img,
.publicaciones a:hover  img{
    -webkit-transform: scale(.98);
    transform: scale(.98);
}*/
.publicaciones p {
    font-weight: normal;
}
.proyectos .content_item h3 {
    color: #1d1d1b;
    padding: 1em .5em .3em;
    letter-spacing: .1em;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
.proyectos .content_item .u {
    color: #009fe3;
    text-transform: none;
    letter-spacing: initial;
}
.proyectos .content_item p {
    display: none;
}
/**/
.perfil {
    margin: 0;
    padding-top: 60px;
    min-height: 100vh;
    font-weight: normal;
}
.perfil img {
    max-width: 100%;
    max-height: 80vh;
}
form {
    margin-top: 5em;
}
input, textarea {
    width: 100%;
    border:1px solid #1d1d1b;
    padding: .5em 1em;
    min-height: 35px;
    max-height: 40vh;
}
button {
    color: #009fe3;
    background: none;
    padding: .5em 1.8em;
    padding-right: 0;
    border: none;
    float: right;
}
footer {
    padding: .5em 1.8em 15vh;
    text-align: right;
}
footer.fijo {
    position: fixed;
    z-index: 10;
    right: 0;
    padding-bottom: 0;
    bottom: 0;
}
footer .info.vertical {
    display: inline-block;
    width: 40px;
    padding-bottom: 5em;
} 
footer .info.vertical .ins {
    margin-top: 4em;
}
footer.fijo .ins {
    margin-left: 3em;
}
footer.fijo .info {
    color: #009fe3;
    font-size: 10.5px;
}
footer.fijo .info span:nth-of-type(3) {
    color: #FFF;
} 
footer .lineas {
    display: inline-block;
}
.lineas span {
    height: 46px;
    display: inline-block;
    background: #1d1d1b;
    border-right: 1px solid #FFF;
    font-weight: 500;
}
footer .info.vertical .lineas  span {
    width: 16px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    color: #1d1d1b;
    border-bottom: 1px solid #fff;
}
.lineas span:nth-of-type(2) {background: #4e4d4d;}
.lineas span:nth-of-type(3)  {background: #7f7f7f;}

.formulario .lineas {
    position: relative;
    margin-bottom: 1em;
}
.formulario .lineas:first-of-type {
    margin-bottom: 2em;
}
.formulario .lineas span,
.formulario .lineas span:before,
.formulario .lineas span:after {
    content: '';
    height: 4px;
    width: 100%;
    display: block;
    background: #4e4d4d;
    border-right: 1px solid #FFF;
}

.formulario .lineas span:before,
.formulario .lineas span:after {
    width: 33%;
    position: absolute;
    top: 0;
}
.formulario .lineas span:after {
    border-left: 1px solid #FFF;
    right: 0;
}

.formulario .lineas span:before {background: #1d1d1b;}
.formulario .lineas span:after  {background: #7f7f7f;}

footer .info.vertical .lineas span:nth-of-type(2)  {color: #4e4d4d;}
footer .info.vertical .lineas span:nth-of-type(3)  {color: #7f7f7f;}

section:not(.portfolio-items) h2 {
    /*padding: 0 4%;*/
    font-size: .85em;
    letter-spacing: .15em;
    font-weight: 500;
    margin-bottom: .4em;
}

@media screen and (orientation: portrait) {
}
/*480*/
@media screen and (min-width: 30em){
	body {text-rendering: optimizeSpeed;}	
}
/*768*/
@media screen and (min-width: 48em){	
}
/*960*/
@media screen and (min-width: 60em){
    img {
        max-width: 90%;
        max-height: 80vh;
    }
}
/*1240*/
@media screen and (min-width: 100em){
    p {
        font-size: 1em;
    }
    p b {
        font-size: .85em;
    }
}
/*1440*/
@media screen and (min-width: 91em){
    nav, footer, .info-project,.perfil {
        padding-left: 7vw;
        padding-right: 7vw;
    }
    section {
        max-width: 85%;
        margin: 0 auto;
    }
}
/*1280*/
@media screen and (min-width: 80em){
    .antonio {
        margin-right: 116px;
    }
    nav, footer, .info-project,.perfil {
        padding-left: 3vw;
        padding-right: 3vw;
    }
    section.portfolio-items ul {
        max-width: 90%;
        margin: 0 auto;
    }
    img.antonio-perfil {
        max-width: 358px;
        margin-right: 40px;
    }
    
    /*eliminar los bordes de los demás espacios*/
    .section-contacto,
    .section-perfil {
        max-width: none;
    }
    .formulario {
        
    }
}

/*1216*/
@media screen and (max-width: 76em){
}
/*1024*/
@media screen and (max-width: 64em){
    #ham {
        display: block;
        right: 50%;
    }
    .menu {
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        display: none;
        height: 0;
        overflow: hidden;
        -webkit-transition:.42s linear all;transition:.42s linear all;
    }
    .menu.visible {
        display: block;
        height: auto;
        margin-top: 3em;
        position: absolute;
        background: #FFF;
        left: 0;
    }
    .menu li a {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .lang {
        margin: 0;
        position: initial;
        left: initial;
    }
    .proyectos .content_item {
        display: block;
        opacity: 1;
    }
    .texto {
        width: 70%;
    }
}
/*960*/
@media screen and (max-width: 60em){
    .proyectos .item, .publicaciones .item {
        width: 32%;
    }
    footer.fijo {
        position: initial;
    }
    .perfil {
        padding-top: 80px;
    }
    .antonio-perfil {
        display: block;
        max-width: 400px !important;
        margin: 0 auto;
    }
}
/*640*/
@media screen and (max-width: 40em){
    nav {
        display: block;
        padding-top: 0;
    }
    #ham {
        right: 60px;
    }
    .menu.visible {
        display: block;
        height: 160px;
        margin-top: none;
        position: initial;
    }
    .menu li {
        display: block;
    }
    .lang {
        display: none;
        right: 1em;
        top: 3em;
        padding: .5em;
        z-index: 10;
    }
    .lang.visible {
        display: block;
    }
    section:not(.portfolio-items) {
        /*padding: 0 4%;*/
    }
    .proyectos .item, .publicaciones .item {
        width: 48%;
        padding: 1.2em;
    }
    .info-project {
        padding-bottom: 0;
        position: initial;
    }
    .info-project .readmore {
        display: none;
    }
    .info-project .titulo {
        padding-bottom: 1.2em;
    }
    .texto {
        height: auto;
        width: 90%;
        padding-bottom: 3em;
    }
    .antonio-perfil {
        max-width: 100% !important;
    }
    footer.fijo .info {
        text-align: center;
        font-size: 8.2px;
    }
}