@charset "UTF-8";
/*
	Theme Name: Theme
	Version: XXXX.XX
	Description: Design by Nombre Apellido and Code by Pablo Huertas
	Author: Pablo Huertas
	Author URI: https://pablohuertas.com/
*/
body.video-played {
  overflow: hidden; }

.popup {
  z-index: 9999 !important;
  height: 100% !important; }

.video video + video {
  display: none !important; }

.popup .close {
  width: 25px;
  height: 25px; }
  .popup .close svg {
    width: 25px; }

/*HEADER*/
.page-template-about .header .burger,
.page-template-contact .header .burger,
.page-template-landing .header .burger {
  display: block; }

.page-template-about .header .tag-title,
.page-template-contact .header .tag-title,
.page-template-landing .header .tag-title {
  display: block; }

.page-template-about .header .menu--footer,
.page-template-contact .header .menu--footer,
.page-template-landing .header .menu--footer {
  left: inherit;
  padding: 0;
  position: relative;
  top: inherit;
  width: auto; }

.nav .logo {
  padding: 7.2vw;
  position: absolute;
  top: 0;
  width: 100%;
  display: none; }
  .nav .logo a {
    text-transform: uppercase;
    font-size: 23px !important;
    color: #81fbba;
    position: relative;
    left: 1px; }

.nav .bottom {
  padding: 7.2vw;
  position: absolute;
  z-index: 99999;
  bottom: 0;
  width: 100%;
  display: none; }
  .nav .bottom ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
  .nav .bottom a {
    text-transform: uppercase;
    font-size: 23px !important; }

/*ANIMAR HAMBURGUESA*/
.header .burger .icon svg {
  height: auto;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .header .burger .icon svg:first-of-type {
    top: 0; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -4px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -8px; }

.header .burger .icon:hover svg:first-of-type {
  top: -2px; }

.header .burger .icon:hover svg:nth-of-type(3) {
  top: -6px; }

/*DOBLE SCROLL*/
.show-nav {
  overflow: hidden; }

/*FILTROS PROYECTOS*/
.header .menu--projects {
  z-index: 99999; }

/*REDUCIR GUTTER MODULO IMAGEN/VIDEO*/
.module--image-video .grid.gutter {
  grid-gap: 10px; }

/*AÑADIR MARGINS MODULO IMAGEN/VIDEO*/
.module--image-video__container.margins {
  padding-left: 20.78125vw;
  padding-right: 20.78125vw; }

/*AÑADIR ROUNDED MODULO IMAGEN/VIDEO*/
.module--image-video__container.rounded_img .visible {
  border-radius: 37.5vw;
  overflow: hidden; }

/*AÑADIR GUTTER MODULO GALLERY*/
.module--gallery .gallery.gutter {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .module--gallery .gallery.gutter .image {
    width: calc(50% - 5px);
    margin-bottom: 10px; }

/*AÑADIR MODULO COVER A LAS PÁGINA*/
.page-template-landing .cover {
  display: block; }

.page-template-landing .main__container {
  padding-top: 12.57812vw; }

.page-template-landing .module--text .module__container {
  padding-top: 0; }

.page-template-landing .cover + .modules .module--text .module__container {
  padding-top: 4.6875vw; }

/*ABOUT*/
.page-template-about .main__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto; }

.page-template-about .main .text {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  width: 100%; }

.page-template-about .main .text > p {
  position: relative;
  z-index: 1;
  width: 56.01562vw;
  margin: 0px auto; }

/*LANDING*/
.page-template-landing .main__container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.page-template-landing .projects {
  display: block; }
  .page-template-landing .projects .project {
    display: block; }

/*------------------ RESPONSIVE ----------------*/
@media (max-width: 1450px) {
  .header .burger .icon svg:first-of-type {
    top: 0; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -6px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -11px; }
  .header .burger .icon:hover svg:first-of-type {
    top: -2px; }
  .header .burger .icon:hover svg:nth-of-type(2) {
    top: -6px; }
  .header .burger .icon:hover svg:nth-of-type(3) {
    top: -9px; }
  .nav__container > .wrapper .image {
    width: 100%;
    height: 62.69531vw;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); } }

@media (max-width: 1024px) {
  /*MENU*/
  .nav .close {
    width: 2.465vw;
    height: 2.465vw; }
  /*LANDING*/
  .module--text .text p,
  .single-project .cover .description p {
    text-align: center !important; }
  .cover__container {
    padding: 0 10.25391vw; }
  /*CONTATCO*/
  .page-template-contact .projects .project .shape,
  .page-template-contact .projects .project .image {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; } }

@media (max-width: 990px) {
  .header .burger .icon svg:first-of-type {
    top: 0; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -9px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -18px; }
  .header .burger .icon:hover svg:first-of-type {
    top: -2px; }
  .header .burger .icon:hover svg:nth-of-type(2) {
    top: -9px; }
  .header .burger .icon:hover svg:nth-of-type(3) {
    top: -15px; }
  /*MENU*/
  .nav__container > .wrapper .image {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .nav .buttons {
    width: 50%; }
    .nav .buttons .button__header {
      width: 100%;
      padding: 8.641vw 0 4.49219vw;
      height: 20.234vw; }
      .nav .buttons .button__header .title {
        font-size: 3.246vw; }
      .nav .buttons .button__header .semicircle {
        width: 100%;
        height: 100%; }
    .nav .buttons .button__content .tax__header {
      font-size: 2.953vw; } }

@media (max-width: 800px) {
  /*MENU*/
  .nav__container > .wrapper .image {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  .nav .buttons {
    width: 50%; }
    .nav .buttons .button__header {
      width: 100%;
      padding: 10.641vw 0 4.49219vw;
      height: 25.234vw; }
      .nav .buttons .button__header .title {
        font-size: 4.246vw; }
      .nav .buttons .button__header .semicircle {
        width: 100%;
        height: 100%; }
    .nav .buttons .button__content .tax__header {
      font-size: 3.25vw; }
  .module--image-video .icon-play {
    display: none !important; } }

@media (max-width: 767px) {
  /*HEADER*/
  .header .tag-title {
    visibility: hidden; }
  .header .menu--footer .menu-item {
    font-size: 4.13333vw; }
  .header .burger .icon svg:first-of-type {
    top: 0; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -2px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -3px; }
  .header .burger .icon:hover svg:first-of-type {
    top: -2px; }
  .header .burger .icon:hover svg:nth-of-type(2) {
    top: -2px; }
  .header .burger .icon:hover svg:nth-of-type(3) {
    top: -1px; }
  /*.page-template-about,
 .page-template-contact,
 .page-template-landing{
  #projects{display:none;}
 }*/
  .nav .logo, .nav .bottom {
    display: block; }
  .header__container {
    height: 100dvh !important; }
  /*MENU*/
  .nav .buttons {
    width: 85%; }
    .nav .buttons .button__header .semicircle {
      width: 100%;
      height: 100%;
      min-height: 26.234vw !important; }
  .button__content .tax__header {
    font-size: 3.25vw; }
  /*PROYECTOS*/
  .projects .project {
    margin-bottom: 0 !important; }
    .projects .project.gap {
      height: 80vw !important; }
  .info .title {
    font-size: 23px !important;
    margin-top: -3px; }
  .projects .project .link .rollover .image {
    height: 30vw;
    width: 20vw; }
  /*ABOUT*/
  .page-template-about .main__container {
    padding: 0; }
  .page-template-about .text.visible .image img {
    height: 80%;
    width: auto;
    margin-top: 10%; }
  .main .text {
    font-size: 5.2vw; }
  .page-template-about .main .text > p {
    width: 75vw; }
  .player {
    bottom: 14.66667vw !important;
    -webkit-transform: translate3d(0, 31.25vw, 0);
    transform: translate3d(0, 31.25vw, 0); }
  /*CONTACTO*/
  .page-template-contact .main .image {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75); }
  .page-template-contact .main .row:first-child, .page-template-contact .main .row:nth-child(2) {
    margin-bottom: 20vw; }
  /*LANDING*/
  .page-template-landing .module--text.size--m .text {
    font-size: 5.2vw; }
  .page-template-landing .module--text .module__container {
    padding-top: 25vw; }
  /*PROYECTO*/
  .single-project .info__container {
    padding: 21vw 9.33333vw 9.33333vw; }
  .single-project .cover .description,
  .single-project .module--text.size--m .text {
    font-size: 5.2vw; } }

.flecha-mobile {
  display: none; }

.barra-fija {
  display: none; }

@media (max-width: 590px) {
  html {
    height: 110vh; }
  .barra-fija {
    display: block;
    position: fixed;
    bottom: -80px;
    left: 0;
    right: 0;
    background-color: #898883;
    height: 100px;
    z-index: 2; }
  /* Capa que pinta SOLO la safe area */
  .barra-fija::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: env(safe-area-inset-bottom);
    background-color: #8b8a85; }
  /*HEAD*/
  .header .burger .icon svg:first-of-type {
    top: -2px; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -7px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -12px; }
  .header .burger .icon:hover svg:first-of-type {
    top: -4px; }
  .header .burger .icon:hover svg:nth-of-type(2) {
    top: -7px; }
  .header .burger .icon:hover svg:nth-of-type(3) {
    top: -10px; }
  /*HOME*/
  .projects .project {
    height: 375px;
    width: 85%;
    position: relative !important;
    left: 7.5% !important;
    top: 0 !important; }
  .projects .project .link:hover .rollover {
    opacity: 0; }
  .projects .project .link:hover + .thumbnail {
    opacity: 1; }
  /*PROYECTO*/
  .top-line {
    width: 1.25px !important; }
  .single-project .top-line {
    top: 100%; }
  .single-project .info__container {
    padding: 23vw 7.333vw 9.333vw;
    padding-bottom: 0;
    margin-bottom: 25px; }
    .single-project .info__container .info {
      margin-bottom: 37px; }
  .single-project .cover {
    margin-top: 75px;
    margin-bottom: 0; }
  .single-project .cover .description,
  .single-project .module--text.size--m .text {
    font-size: 24px; }
  .single-project .module--text.size--s .text {
    font-size: 16px; }
  .single-project .module--slider__container {
    padding-bottom: 0 !important;
    margin-bottom: 55px !important; }
  .module--gallery .gallery.col--2.col--1-mobile .image,
  .module--gallery .gallery.col--3.col--1-mobile .image {
    width: 100%; }
  .module--gallery .gallery.col--2.col--2-mobile .image {
    width: 50%; }
  .module {
    position: relative; }
  .module--slider .icon-left,
  .module--slider .icon-right {
    min-height: auto;
    height: auto;
    min-width: auto;
    width: auto;
    z-index: 1; }
    .module--slider .icon-left img,
    .module--slider .icon-right img {
      width: 60px;
      height: auto;
      display: none; }
      .module--slider .icon-left img.flecha-mobile,
      .module--slider .icon-right img.flecha-mobile {
        display: block; }
  .module--slider .icon-left {
    left: 35px;
    top: calc(50% - 27px); }
  .module--slider .icon-right {
    width: 60px;
    top: calc(50% - 27px);
    left: calc(100% - 35px);
    opacity: 1; }
  .fullscreen .popup .video, .popup .video video {
    height: auto !important;
    width: auto !important;
    max-height: 67.5vh !important;
    display: block;
    max-width: 90vw !important;
    margin: 0px auto !important; } }

@media (max-width: 480px) {
  /*HEADER*/
  .header__container {
    min-height: 100dvh !important; }
  .header {
    padding-bottom: env(safe-area-inset-bottom);
    /*&:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(-1 * env(safe-area-inset-bottom));
    height: env(safe-area-inset-bottom);
    background: #8B8A85;
    z-index:0;
  }*/ }
    .header:before {
      content: '';
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      height: 175px;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #898883), to(rgba(137, 136, 131, 0)));
      background: -webkit-linear-gradient(bottom, #898883 20%, rgba(137, 136, 131, 0) 100%);
      background: -o-linear-gradient(bottom, #898883 20%, rgba(137, 136, 131, 0) 100%);
      background: linear-gradient(0deg, #898883 20%, rgba(137, 136, 131, 0) 100%);
      z-index: 0; }
    .header .logo {
      left: 30px; }
      .header .logo a {
        font-size: 23px !important; }
    .header .menu--footer .menu-item a {
      font-size: 23px !important; }
    .header .header__container {
      position: relative;
      z-index: 1; }
  .header .burger .icon svg:first-of-type {
    top: 1px; }
  .header .burger .icon svg:nth-of-type(2) {
    top: -8px; }
  .header .burger .icon svg:nth-of-type(3) {
    top: -16px; }
  .header .burger .icon:hover svg:first-of-type {
    top: -2px; }
  .header .burger .icon:hover svg:nth-of-type(2) {
    top: -8px; }
  .header .burger .icon:hover svg:nth-of-type(3) {
    top: -13px; }
  /*MENU*/
  .nav .buttons .button__header {
    height: 36.234vw; }
    .nav .buttons .button__header .title {
      font-size: 23px !important; }
  .nav .buttons .button__content .tax__header {
    font-size: 23px !important; }
  .nav .buttons .button__content li.item {
    margin-bottom: 10px; }
    .nav .buttons .button__content li.item:last-child {
      margin-bottom: 0; }
  .nav .buttons .button__content .tax__content {
    font-size: 18px; }
  .nav__container {
    padding: 25vw 0 !important; }
  /*HOME*/
  .projects .project {
    width: 80%;
    margin-left: 10%;
    position: relative !important;
    margin-bottom: 0;
    top: 0 !important;
    left: 0 !important; }
  /*PROYECTO*/
  .single-project {
    /*.cover .description,
 .module--text.size--m .text,
 .module--text.size--s .text {
    font-size: 24px;
  }*/ }
    .single-project .main__container {
      padding-top: 0;
      padding-bottom: 50px; }
      .single-project .main__container .info {
        position: relative;
        margin-bottom: 37px; }
        .single-project .main__container .info .row {
          margin-bottom: 0; }
    .single-project .module--text .module__container {
      padding: 0 7.2vw !important; }
    .single-project .cover .image {
      margin-bottom: 44px; }
    .single-project .cover .description {
      margin-bottom: 55px; }
    .single-project .module--slider__container {
      padding: 0vw 6.66667vw;
      margin-bottom: 55px;
      padding-top: 0 !important; }
    .single-project .module--image-video {
      padding: 0vw 6.66667vw;
      margin-bottom: 55px; }
    .single-project .module--image-video + .module--text {
      margin-top: 55px; }
    .single-project .module--play__container,
    .single-project .module--text__container,
    .single-project .module--gallery__container {
      padding: 0vw 6.66667vw !important;
      margin-bottom: 55px; }
    .single-project .module--mobiles .row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .single-project .module--mobiles .row .mobile {
        width: 240px;
        margin-bottom: 40px; }
        .single-project .module--mobiles .row .mobile:last-of-type {
          margin-bottom: 0; }
    .single-project .module--mobiles__container {
      padding-bottom: 0 !important;
      margin-bottom: 55px; }
  /*CONTACT*/
  .page-template-contact #projects {
    margin-top: -100px; }
  .page-template-contact .main .row:first-child {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    padding-right: 27px; }
  .page-template-contact .main .row:nth-child(2) {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: 27px; }
  .page-template-contact .main .row .phones li:first-child {
    margin-left: -40px; } }