@charset "UTF-8";
/*ESTILOS IMPORTADOS*/
/*COLORES*/
/*B1FFA1*/
/*TIPOGRAFÍAS*/
.header nav {
  position: fixed;
  top: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 1000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), to(transparent));
  background: linear-gradient(180deg, #ffffff 70%, transparent);
}

@media screen and (max-width: 600px) {
  .header nav {
    width: 100vw;
    position: absolute;
    top: 0;
  }
}

@media screen and (max-width: 1200px) {
  .header nav img {
    width: 3vw;
  }
}

@media screen and (max-width: 600px) {
  .header nav img {
    display: none;
  }
}

.header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100vw;
}

@media screen and (max-width: 600px) {
  .header nav ul {
    display: none;
  }
}

.header nav ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4% 0 0;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .header nav ul li {
    padding: 0 0 0 0;
  }
}

.header nav ul li a {
  font-family: IBM Plex Mono;
  width: 100%;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  color: #2b2b2b;
}

.header nav ul li a:hover {
  background-color: #e5e5e5;
}

@media screen and (max-width: 1200px) {
  .header nav ul .texto-header-lm {
    display: none;
  }
}

.header-movil {
  display: none;
  font-family: IBM Plex Mono;
  /*  header
        .header, .header_lm
            padding-top: 2em
            z-index: 20
            background-color: rgba(255, 255, 255, 0.50)
            position: fixed
            width: 81%
            @media screen and (max-width: 600px)
            padding-top: 1.5em
            width: 81vw
            top: 0
            nav
                display: flex
                max-width: 100%
                justify-content: space-between
                align-items: center
                .logo_header
                    width: 6em
                    @media screen and (max-width: 600px)
                        width: 4.4em
                .label_menu, #burgermenu
                    display: none
                .material-icons
                    font-size: 1.8em
                    padding-top: 0em
                ul
                    display: flex
                    margin-bottom: 0
                    li
                        padding: 0em 0em 0em 3.5em
                        @media screen and (max-width: 800px)
                            padding: 0em 0em 0em 2em
                        a, .link_header
                            color: $negro
                            font-family: neuemachina
                            transition: 0.5s ease all
                            font-size: 1.3em
                            text-decoration: none
                            @media screen and (max-width: 800px)
                                font-size: 0.9em
                            &:hover
                                color: $beige
                                text-decoration: underline */
  /*creazione burger-menu*/
  /*@media screen and (max-width: 600px)
                    .label_menu
                        display: block
                        color: $marron
                        cursor: pointer
                    ul
                        opacity: 0
                        position: absolute
                        padding: 0.8em 0em
                        flex-direction: column
                        align-items: center
                        top: 73px
                        right: 0px
                        z-index: 2
                        background-color: rgba(245, 245, 244, 0.75)
                        border: 1.5px solid $marron
                        border-radius: 0px 0px 20px 20px
                        li
                            padding: 0.2em 0.4em
                            a
                                color: $marron
                                font-size: 0.8em
                                font-weight: 900
                    #burgermenu:checked ~ ul
                        opacity: 1

            .linea
                @include linea
                border-top: 2px solid $negro
                margin-top: 1.2em
                @media screen and (max-width: 600px)
                    margin-top: 1em */
}

@media screen and (max-width: 600px) {
  .header-movil {
    display: block;
    position: fixed;
    bottom: 28px;
    max-width: 100%;
    width: 100vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
    background-color: #ffffff;
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .header-movil a {
    color: #2b2b2b;
  }
}

.header-movil .header-movil-visible {
  padding: 0 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-movil .header-movil-visible button {
  border: none;
  background-color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  font-family: IBM Plex Mono;
}

.header-movil .header-movil-visible .logo {
  width: 7.4em;
  padding-top: 6.5px;
}

.header-movil .nav-movil {
  display: none;
}

@media screen and (max-width: 600px) {
  .header-movil .nav-movil {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    bottom: -100px;
    background-color: #e5e5e5;
    z-index: 4;
    padding-bottom: 16px;
    padding-top: 20px;
    visibility: hidden;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
  }
}

.header-movil .nav-movil .ul-movil {
  text-align: center;
}

.header-movil .nav-movil .ul-movil li {
  padding-bottom: 4px;
}

.header-movil .nav-movil .ul-movil li a {
  font-family: IBM Plex Mono;
  color: #2b2b2b;
}

.header-movil .visible {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

.footer {
  padding: 0 0 26px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  text-transform: uppercase;
  font-family: IBM Plex Mono;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .footer .linea-corte-footer {
    width: 3vw;
  }
}

@media screen and (max-width: 600px) {
  .footer .linea-corte-footer {
    display: none;
  }
}

.footer a {
  padding: 0 2vw;
}

.footer .footer-texto-movil-ocultar {
  display: block;
}

@media screen and (max-width: 600px) {
  .footer .footer-texto-movil-ocultar {
    display: none;
  }
}

.footer-contact {
  position: absolute;
  bottom: 0;
}

.flecha {
  -webkit-animation: flecha 1.5s infinite ease;
          animation: flecha 1.5s infinite ease;
}

/*.aparecer
    animation: aparecer linear
    animation-timeline: view()
    animation-range: entry 0 cover 30% */
@-webkit-keyframes flecha {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  40% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flecha {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  40% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

/*@keyframes aparecer
    0%
        oppacity: 0
        scale: 0.5
    100%
        oppacity: 1
        scale: 1 */
@-webkit-keyframes fadein {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes fadein {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}

@font-face {
  font-family: editorialnew;
  font-weight: 200;
  src: url(../tipografias/PPEditorialNew-Ultralight.woff);
  src: url(../tipografias/PPEditorialNew-Ultralight.woff2);
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1em;
  font-variant-numeric: slashed-zero;
}

html, body {
  height: 100%;
  scroll-behavior: smooth;
  width: 100%;
  cursor: url(../images/icons/cursor1.png) 10 15, auto;
}

body {
  overflow-x: hidden;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  color: #6B6B6B;
  -webkit-animation: fadein 1.5s forwards;
          animation: fadein 1.5s forwards;
  height: 100%;
  font-family: IBM Plex Sans;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body main {
  padding: 2.1vw;
}

@media screen and (max-width: 1200px) {
  body main {
    padding: 3vw;
  }
}

@media screen and (max-width: 600px) {
  body main {
    padding: 4vw;
  }
}

body a {
  cursor: url(../images/icons/cursor-pulsar.png) 10 15, auto;
  color: #6B6B6B;
}

body h1 {
  font-family: IBM Plex Mono;
  font-size: 1em;
  font-weight: 400;
  margin-top: 10%;
}

body h2 {
  font-family: IBM Plex Mono;
  font-size: 1em;
  font-weight: 400;
  font-variant-numeric: slashed-zero;
}

body h3 {
  font-family: IBM Plex Mono;
  font-size: 1em;
  color: #6B6B6B;
  font-weight: 400;
  padding-left: 2.9em;
  padding-top: 1em;
}

@media screen and (max-width: 1024px) {
  body h3 {
    color: #2b2b2b;
    padding-top: 0.4em;
    font-size: 0.85em;
    padding-left: 3.5em;
  }
}

@media screen and (max-width: 600px) {
  body h3 {
    font-size: 1em;
    padding-left: 2.9em;
  }
}

body .line {
  border: 0.1px dashed #6B6B6B;
}

body .marquee {
  background-color: #e5e5e5;
  font-family: IBM Plex Mono;
  color: #2b2b2b;
  position: fixed;
  bottom: 0px;
  right: 0px;
  padding: 4px 0px;
  z-index: 1;
  cursor: url(../images/icons/cursor1.png) 10 15, auto;
}

body .lineas-fondo {
  position: absolute;
  top: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  width: 100vw;
  height: 100vh;
  -ms-grid-columns: 2.1vw 25.2vw 44.5vw 25.2vw 2.1vw;
      grid-template-columns: 2.1vw 25.2vw 44.5vw 25.2vw 2.1vw;
  z-index: -200;
  position: fixed;
}

@media screen and (max-width: 1200px) {
  body .lineas-fondo {
    -ms-grid-columns: 3vw 46.3vw 46.3vw 3vw;
        grid-template-columns: 3vw 46.3vw 46.3vw 3vw;
  }
}

@media screen and (max-width: 600px) {
  body .lineas-fondo {
    -ms-grid-columns: 4vw 46vw 46vw 4vw;
        grid-template-columns: 4vw 46vw 46vw 4vw;
  }
}

body .lineas-fondo .linea-fondo1 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo .linea-fondo1 {
    border-right: 1px dashed #c8c8c8;
  }
}

body .lineas-fondo .linea-fondo2 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 2;
  grid-column: 2;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo .linea-fondo2 {
    border-right: 1px dashed #c8c8c8;
  }
}

body .lineas-fondo .linea-fondo3 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 3;
  grid-column: 3;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo .linea-fondo3 {
    border-right: 1px dashed #c8c8c8;
  }
}

body .lineas-fondo .linea-fondo4 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 4;
  grid-column: 4;
}

@media screen and (max-width: 1200px) {
  body .lineas-fondo .linea-fondo4 {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  body .lineas-fondo .linea-fondo4 {
    display: none;
  }
}

body #inicio {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 27.5% 45.3% 27%;
      grid-template-columns: 27.5% 45.3% 27%;
  margin: 25vh 0vh 25vh 0vh;
}

@media screen and (max-width: 1200px) {
  body #inicio {
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    padding: 5vh 3vw 5vh 3vw;
  }
}

@media screen and (max-width: 600px) {
  body #inicio {
    font-size: 0.95em;
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    padding: 0vh 4vw 6vh 4vw;
    top: 0;
    margin: 0;
  }
}

body #inicio .texto-inicio {
  -ms-grid-column: 2;
  grid-column: 2;
}

@media screen and (max-width: 1200px) {
  body #inicio .texto-inicio {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

@media screen and (max-width: 600px) {
  body #inicio .texto-inicio {
    -ms-grid-column: 1;
    grid-column: 1;
    text-align: left;
  }
}

body #inicio .texto-inicio .logo {
  width: 8em;
}

@media screen and (max-width: 1200px) {
  body #inicio .texto-inicio .logo {
    width: 7.5em;
  }
}

body #inicio .redes {
  background-color: #e5e5e5;
  text-align: right;
  font-family: IBM Plex Mono;
  width: 44.5vw;
  margin-top: 2vh;
  padding: 2px 8px 3px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

@media screen and (max-width: 1200px) {
  body #inicio .redes {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  body #inicio .redes {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4vh;
  }
}

body #inicio .redes a {
  padding-left: 3em;
}

@media screen and (max-width: 600px) {
  body #inicio .redes a {
    padding-left: 0;
    padding: 0.1em 0 0.1em 0;
  }
}

body .selector-vista {
  width: 99.9%;
}

body .selector-vista nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

@media screen and (max-width: 600px) {
  body .selector-vista nav ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

body .selector-vista nav ul li {
  padding: 0 0 15px;
}

body .selector-vista nav ul li a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-family: IBM Plex Mono;
}

body .selector-vista nav ul li a:hover {
  background-color: #e5e5e5;
}

body .vista-seleccionada {
  text-decoration: line-through;
}

@media screen and (max-width: 1200px) {
  body .t-eliminar-movil {
    display: none;
  }
}

body #grid-index {
  display: none;
}

@media screen and (max-width: 600px) {
  body #grid-index {
    display: block;
    padding-top: 0;
  }
}

body .seccion-proyectos {
  padding: 10vh 0 15vh 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.2vw 69.65vw;
      grid-template-columns: 25.2vw 69.65vw;
  justify-items: end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

@media screen and (max-width: 1200px) {
  body .seccion-proyectos {
    -ms-grid-columns: 46.3vw 46.3vw;
        grid-template-columns: 46.3vw 46.3vw;
    height: 65vh;
  }
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos {
    display: none;
  }
}

body .seccion-proyectos .texto-proyecto .p-indent {
  text-indent: 2.5em;
  width: 96%;
  font-size: 1.05em;
}

body .seccion-proyectos .texto-proyecto a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  padding: 0 4px;
}

body .seccion-proyectos .texto-proyecto a:hover {
  background-color: #e5e5e5;
}

body .seccion-proyectos .texto-proyecto .pack-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

body .seccion-proyectos .texto-proyecto .pack-titulo .numero-proyecto {
  font-family: IBM Plex Mono;
  font-size: 1em;
}

body .seccion-proyectos .texto-proyecto .pack-titulo .titulo-proyecto {
  font-family: IBM Plex Sans;
  font-size: 3em;
  font-weight: 300;
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos .texto-proyecto .pack-titulo .titulo-proyecto {
    font-size: 2.55em;
  }
}

body .seccion-proyectos .imagen-proyecto {
  -ms-grid-column: 2;
  grid-column: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos .imagen-proyecto {
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: 6vh;
  }
}

body .seccion-proyectos .imagen-proyecto video {
  width: 100%;
  height: 72vh;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 1s ease all;
  transition: 1s ease all;
}

@media screen and (max-width: 1200px) {
  body .seccion-proyectos .imagen-proyecto video {
    width: 90%;
    margin-left: 5vw;
  }
}

body .seccion-proyectos .etiquetas-proyecto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 10vh;
}

@media screen and (max-width: 1200px) {
  body .seccion-proyectos .etiquetas-proyecto {
    margin-left: 5%;
  }
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos .etiquetas-proyecto {
    top: 110%;
    width: 100%;
    margin-left: 0;
  }
}

body .seccion-proyectos .etiquetas-proyecto p, body .seccion-proyectos .etiquetas-proyecto a {
  color: #969696;
  font-family: IBM Plex Mono;
  text-transform: uppercase;
  font-size: 0.95em;
}

@media screen and (max-width: 1200px) {
  body .seccion-proyectos .etiquetas-proyecto p, body .seccion-proyectos .etiquetas-proyecto a {
    font-size: 0.95em;
  }
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos .etiquetas-proyecto p, body .seccion-proyectos .etiquetas-proyecto a {
    font-size: 0.8em;
  }
}

body .seccion-proyectos .etiquetas-proyecto .more {
  font-size: 1.7em;
  font-weight: 300;
}

@media screen and (max-width: 600px) {
  body .seccion-proyectos .etiquetas-proyecto .more {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  body .seccion-proyectos .t-eliminar-movil {
    display: none;
  }
}

body .cuadricula-proyectos {
  padding-top: 5vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.2vw 44.4vw 25.2vw;
      grid-template-columns: 25.2vw 44.4vw 25.2vw;
  margin-bottom: 5vh;
}

@media screen and (max-width: 1200px) {
  body .cuadricula-proyectos {
    -ms-grid-columns: 24.5vw 43.5vw 24.5vw;
        grid-template-columns: 24.5vw 43.5vw 24.5vw;
  }
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos {
    -ms-grid-columns: 96vw;
        grid-template-columns: 96vw;
  }
}

body .cuadricula-proyectos div {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

body .cuadricula-proyectos div img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  padding: 4px 0px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos div img {
    max-height: 60vh;
    width: 92vw;
  }
}

body .cuadricula-proyectos div video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  padding: 4px 0px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos div video {
    max-height: 60vh;
    width: 92vw;
  }
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos div .i-eliminar-movil {
    display: none;
  }
}

body .cuadricula-proyectos div p {
  font-family: IBM Plex Mono;
  padding-bottom: 4px;
}

@media screen and (max-width: 1200px) {
  body .cuadricula-proyectos div p {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos div p {
    font-size: 0.9em;
  }
}

body .cuadricula-proyectos .g2 {
  padding: 0 8px;
}

@media screen and (max-width: 600px) {
  body .cuadricula-proyectos .g2 {
    padding: 0;
  }
}

body .section-collaborate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70vh;
  margin: 0vh 27.4vw 0vh 27.2vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: IBM Plex Mono;
  color: #2b2b2b;
}

@media screen and (max-width: 1200px) {
  body .section-collaborate {
    margin: 0vh 3vw 0vh 3vw;
  }
}

@media screen and (max-width: 600px) {
  body .section-collaborate {
    margin: 0vh 4vw 0vh 4vw;
    height: 80vh;
  }
}

body .section-collaborate div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #e5e5e5;
  padding: 2px 4px 3px 4px;
}

@media screen and (max-width: 600px) {
  body .section-collaborate div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 94vw;
    background-color: #ffffff;
    mix-blend-mode: darken;
    padding-top: 1vh;
  }
}

body .section-collaborate div .texto-contact {
  color: #2b2b2b;
}

@media screen and (max-width: 600px) {
  body .section-collaborate div .texto-contact {
    padding: 4px 0 4px 0;
    background-color: #e5e5e5;
    width: 100%;
    text-align: center;
    margin-bottom: 2vh;
  }
}

body .section-collaborate .texto-collaborate {
  text-decoration: underline;
  padding-bottom: 2vh;
}

body .contenido-about {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.2vw 44.5vw 25vw;
      grid-template-columns: 25.2vw 44.5vw 25vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100vw;
  height: 95vh;
  padding-top: 20vh;
}

@media screen and (max-width: 1200px) {
  body .contenido-about {
    -ms-grid-columns: 46.3vw 46.3vw;
        grid-template-columns: 46.3vw 46.3vw;
    padding-top: 15vh;
  }
}

@media screen and (max-width: 600px) {
  body .contenido-about {
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    padding: 0;
    height: 100%;
    width: 100%;
  }
}

body .contenido-about .intro-about {
  -ms-grid-column: 1;
  grid-column: 1;
  margin-top: 0;
}

@media screen and (max-width: 600px) {
  body .contenido-about .intro-about {
    -ms-grid-row: 1;
    grid-row: 1;
    text-align: left;
    width: 100%;
    margin-top: 2.5vh;
  }
}

body .contenido-about .intro-about .texto-inicio {
  -ms-grid-column: 2;
  grid-column: 2;
}

body .contenido-about .intro-about .texto-inicio .logo {
  width: 7.5em;
}

@media screen and (max-width: 600px) {
  body .contenido-about .intro-about .texto-inicio .logo {
    width: 7.5em;
  }
}

body .contenido-about .texto-about {
  -ms-grid-column: 2;
  grid-column: 2;
  width: 100%;
}

@media screen and (max-width: 600px) {
  body .contenido-about .texto-about {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-bottom: 6vh;
  }
}

body .contenido-about .texto-about .cualidades-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
}

@media screen and (max-width: 600px) {
  body .contenido-about .texto-about .cualidades-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

body .contenido-about .texto-about .cualidades-about .titulo-cualidades-about {
  width: 22%;
  font-weight: 400;
  font-family: IBM Plex Mono;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .texto-about .cualidades-about .titulo-cualidades-about {
    width: 35%;
  }
}

@media screen and (max-width: 600px) {
  body .contenido-about .texto-about .cualidades-about .titulo-cualidades-about {
    width: 100%;
    padding-bottom: 1em;
    padding-top: 1.3em;
    font-weight: 500;
  }
}

body .contenido-about .texto-about .cualidades-about .texto-cualidades-about {
  width: 69%;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .texto-about .cualidades-about .texto-cualidades-about {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  body .contenido-about .texto-about .cualidades-about .texto-cualidades-about {
    width: 100%;
  }
}

body .contenido-about .texto-about .cualidades-about .texto-cualidades-about a {
  background-color: #e5e5e5;
}

body .contenido-about .texto-about .cualidades-about .texto-cualidades-about .movil-mostrar {
  display: none;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .texto-about .cualidades-about .texto-cualidades-about .movil-mostrar {
    display: inline;
  }
}

body .contenido-about .texto-about .cualidades-about .lugar-cualidades-about {
  width: 11%;
  text-align: left;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .texto-about .cualidades-about .lugar-cualidades-about {
    display: none;
  }
}

body .contenido-about .imagen-about {
  width: 100%;
  padding-left: 18%;
  -ms-grid-column: 3;
  grid-column: 3;
  mix-blend-mode: darken;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .imagen-about {
    -ms-grid-column: 1;
    grid-column: 1;
    position: absolute;
    padding-left: 0%;
    top: 37vh;
    left: 0;
  }
}

@media screen and (max-width: 600px) {
  body .contenido-about .imagen-about {
    position: relative;
    top: 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    padding: 10vh 0 8vh 2vw;
    mix-blend-mode: normal;
  }
}

body .contenido-about .imagen-about img {
  width: 18vw;
}

@media screen and (max-width: 1200px) {
  body .contenido-about .imagen-about img {
    width: 27vw;
  }
}

@media screen and (max-width: 600px) {
  body .contenido-about .imagen-about img {
    width: 88vw;
  }
}

body .contact-page {
  height: 92.2vh;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 600px) {
  body .contact-page {
    height: 95%;
    width: 100%;
  }
}

body .contact-page .section-contact {
  margin: 0vh 25.6vw 0vh 25.5vw;
  width: 100%;
  z-index: 3;
}

@media screen and (max-width: 1200px) {
  body .contact-page .section-contact {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  body .contact-page .section-contact {
    margin: 0;
    width: 100%;
  }
}

body .lineas-fondo-contact {
  position: absolute;
  top: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  width: 100vw;
  height: 100vh;
  -ms-grid-columns: 2.1vw 25.5vw 44.7vw 25.5vw 2.1vw;
      grid-template-columns: 2.1vw 25.5vw 44.7vw 25.5vw 2.1vw;
}

@media screen and (max-width: 1200px) {
  body .lineas-fondo-contact {
    -ms-grid-columns: 3vw 47vw 47vw 3vw;
        grid-template-columns: 3vw 47vw 47vw 3vw;
  }
}

@media screen and (max-width: 600px) {
  body .lineas-fondo-contact {
    -ms-grid-columns: 4vw 46vw 46vw 4vw;
        grid-template-columns: 4vw 46vw 46vw 4vw;
  }
}

body .lineas-fondo-contact .linea-fondo1 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo-contact .linea-fondo1 {
    border-right: 0.1px dashed #c8c8c8;
  }
}

body .lineas-fondo-contact .linea-fondo2 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 2;
  grid-column: 2;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo-contact .linea-fondo2 {
    border-right: 0.1px dashed #c8c8c8;
  }
}

body .lineas-fondo-contact .linea-fondo3 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 3;
  grid-column: 3;
}

@media screen and (max-width: 600px) {
  body .lineas-fondo-contact .linea-fondo3 {
    border-right: 0.1px dashed #c8c8c8;
  }
}

body .lineas-fondo-contact .linea-fondo4 {
  border-right: 0.1px dashed #d3d3d3;
  -ms-grid-column: 4;
  grid-column: 4;
}

@media screen and (max-width: 1200px) {
  body .lineas-fondo-contact .linea-fondo4 {
    display: none;
  }
}

body .section-otrosproyectos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 10vh;
}

@media screen and (max-width: 600px) {
  body .section-otrosproyectos {
    padding: 0 4vw;
  }
}

body .section-otrosproyectos .texto-otrosproyectos {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-weight: 500;
  font-family: IBM Plex Mono;
  background-color: #e5e5e5;
  padding: 2px 17.52vw 2px 17.55vw;
}

@media screen and (max-width: 600px) {
  body .section-otrosproyectos .texto-otrosproyectos {
    width: 100%;
    padding: 2px 0vw;
    text-align: center;
  }
}

body #inicio-proyecto {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 69.6vw 25.2vw;
      grid-template-columns: 69.6vw 25.2vw;
}

@media screen and (max-width: 1200px) {
  body #inicio-proyecto {
    -ms-grid-columns: 71vw 21.5vw;
        grid-template-columns: 71vw 21.5vw;
  }
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto {
    -ms-grid-columns: 92vw;
        grid-template-columns: 92vw;
  }
}

body #inicio-proyecto .proyecto-titulo-in {
  font-size: 1.2em;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto .proyecto-titulo-in {
    text-align: left;
    padding-bottom: 2vh;
    padding-top: 2vh;
  }
}

body #inicio-proyecto .proyecto-intro-in {
  -ms-grid-column: 1;
  grid-column: 1;
}

body #inicio-proyecto .proyecto-intro-in .proyecto-numero-in {
  font-size: 1.3em;
}

body #inicio-proyecto .proyecto-intro-in .proyecto-texto-in {
  font-size: 2em;
  font-weight: 300;
  padding-left: 24.38vw;
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto .proyecto-intro-in .proyecto-texto-in {
    padding-left: 10vw;
    font-size: 1.5em;
  }
}

body #inicio-proyecto .etiquetas-proyecto-in {
  -ms-grid-column: 2;
  grid-column: 2;
  font-family: IBM Plex Mono;
  text-transform: uppercase;
  text-align: right;
  padding-top: 1vh;
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto .etiquetas-proyecto-in {
    -ms-grid-column: 1;
    grid-column: 1;
    padding-top: 5vh;
    font-weight: 300;
    text-align: left;
    padding-left: 45vw;
  }
}

body #inicio-proyecto .etiquetas-proyecto-in p {
  padding-top: 0.1em;
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto .etiquetas-proyecto-in p {
    color: #b1b1b1;
  }
}

@media screen and (max-width: 600px) {
  body #inicio-proyecto .etiquetas-proyecto-in .t-eliminar-movil {
    display: none;
  }
}

body .proyecto-info-foto {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-grid-columns: 25.2vw 69.7vw;
      grid-template-columns: 25.2vw 69.7vw;
  margin: 10vh 0 10vh 0;
}

@media screen and (max-width: 1200px) {
  body .proyecto-info-foto {
    -ms-grid-columns: 46.2vw 46.4vw;
        grid-template-columns: 46.2vw 46.4vw;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-info-foto {
    -ms-grid-columns: 92vw;
        grid-template-columns: 92vw;
    margin-top: 10vh;
  }
}

body .proyecto-info-foto .proyecto-info-in {
  font-size: 1.1em;
  padding-right: 0.5em;
}

@media screen and (max-width: 600px) {
  body .proyecto-info-foto .proyecto-info-in {
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 10vh;
    padding-right: 0;
  }
}

body .proyecto-info-foto .proyecto-info-in .proyecto-texto-in {
  padding-left: 2vw;
  font-weight: 300;
}

body .proyecto-info-foto .proyecto-info-in .proyecto-texto-in a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

body .proyecto-info-foto .proyecto-info-in .proyecto-texto-in a:hover {
  background-color: #e5e5e5;
}

body .proyecto-info-foto .proyecto-foto-in {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 85vh;
}

@media screen and (max-width: 1200px) {
  body .proyecto-info-foto .proyecto-foto-in {
    height: 42vh;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-info-foto .proyecto-foto-in {
    -ms-grid-row: 1;
    grid-row: 1;
    height: 35vh;
  }
}

body .proyecto-fotografias {
  width: 100%;
}

body .proyecto-fotografias .proyecto-foto-completa {
  width: 99.9%;
  margin: 5vh 0;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .proyecto-foto-completa {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-foto-completa {
    margin: 3vh 0 0vh 0;
  }
}

body .proyecto-fotografias .proyecto-foto-completa img {
  width: 100%;
  height: 105vh;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .proyecto-foto-completa img {
    height: 100%;
    mix-blend-mode: normal;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-foto-completa img {
    height: 100%;
    mix-blend-mode: normal;
  }
}

body .proyecto-fotografias .proyecto-foto-completa video {
  width: 100%;
  height: 105vh;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .proyecto-foto-completa video {
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-foto-completa video {
    height: 100%;
  }
}

body .proyecto-fotografias .foto-herencia {
  background-color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 5%;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-herencia {
    height: 33vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

body .proyecto-fotografias .foto-herencia img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 70%;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-herencia img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body .proyecto-fotografias .foto-herencia video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 70%;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-herencia video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body .proyecto-fotografias .foto-ajo {
  -o-object-fit: contain;
     object-fit: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  mix-blend-mode: darken;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-ajo {
    mix-blend-mode: normal;
  }
}

body .proyecto-fotografias .foto-ajo img {
  width: 45vw;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-ajo img {
    width: 100%;
    margin: 12vh 0 5vh 0;
  }
}

body .proyecto-fotografias .foto-ajo .video-movil {
  width: 27vw;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-ajo .video-movil {
    width: 35vh;
    margin: 5vh 0;
  }
}

body .proyecto-fotografias .foto-movilajo {
  mix-blend-mode: darken;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-movilajo {
    width: 91vw;
    height: 50vh;
    mix-blend-mode: normal;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-movilajo img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body .proyecto-fotografias .foto-sentido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100vh;
  mix-blend-mode: darken;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .foto-sentido {
    height: 60vh;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-sentido {
    height: 100%;
    margin: 5vh 0;
  }
}

body .proyecto-fotografias .foto-sentido img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80vw;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-sentido img {
    width: 100%;
    height: 20vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body .proyecto-fotografias .foto-sentido video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80vw;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-sentido video {
    width: 100%;
    height: 20vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

body .proyecto-fotografias .foto-librosentido {
  mix-blend-mode: normal;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-librosentido {
    width: 92vw;
    height: 30vh;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .foto-librosentido img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .movil-ocultar {
    display: none;
  }
}

body .proyecto-fotografias .movil-aparecer {
  display: none;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .movil-aparecer {
    display: block;
  }
}

body .proyecto-fotografias .proyecto-fotos-columnas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25.2vw 44.5vw 25.2vw;
      grid-template-columns: 25.2vw 44.5vw 25.2vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin: 25vh 0;
  margin-left: 0;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-columnas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
  }
}

body .proyecto-fotografias .proyecto-fotos-columnas .g2 {
  padding: 0 8px;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-columnas .g2 {
    padding: 0;
  }
}

body .proyecto-fotografias .proyecto-fotos-columnas img {
  width: 100%;
  mix-blend-mode: darken;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-columnas img {
    margin-top: 3vh;
    mix-blend-mode: normal;
  }
}

body .proyecto-fotografias .proyecto-fotos-columnas .proyecto-foto-centro {
  -ms-grid-column: 2;
  grid-column: 2;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .proyecto-fotos-columnas .proyecto-foto-centro {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

body .proyecto-fotografias .proyecto-fotos-columnas .proyecto-foto-centro img {
  margin-bottom: 5vh;
}

@media screen and (max-width: 1200px) {
  body .proyecto-fotografias .proyecto-fotos-columnas .proyecto-foto-centro img {
    width: 95vw;
    padding: 0 3vw 0 3vw;
    mix-blend-mode: normal;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-columnas .proyecto-foto-centro img {
    margin-bottom: 3vh;
    mix-blend-mode: normal;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-columnas .movil-ocultar {
    display: none;
  }
}

body .proyecto-fotografias .proyecto-fotos-4columnas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24% 24% 24% 24%;
      grid-template-columns: 24% 24% 24% 24%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 1%;
  margin-bottom: 5%;
  mix-blend-mode: darken;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-4columnas {
    -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
  }
}

body .proyecto-fotografias .proyecto-fotos-4columnas .proyecto-foto-4c {
  width: 100%;
  margin-top: 20%;
}

body .proyecto-fotografias .proyecto-fotos-4columnas .proyecto-foto-4c img {
  width: 100%;
  height: 110%;
  -o-object-fit: cover;
     object-fit: cover;
}

body .proyecto-fotografias .proyecto-fotos-4columnas .ajo-foto-4c {
  width: 100%;
  padding-left: 6%;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-4columnas .ajo-foto-4c {
    padding-left: 0%;
  }
}

body .proyecto-fotografias .proyecto-fotos-4columnas .ajo-foto-4c img {
  width: 94%;
  padding-top: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .proyecto-fotos-4columnas .ajo-foto-4c img {
    width: 100%;
    padding-top: 5vh;
  }
}

@media screen and (max-width: 600px) {
  body .proyecto-fotografias .i-eliminar-movil {
    display: none;
  }
}
/*# sourceMappingURL=styles.css.map */