header #header-logo {
    background-image: url('../../../../images/iconos/logo-neg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
header #header-logo img {
    visibility: hidden;
}
header #mainMenu #mainMenu-root > .mainMenu-link {
    background-image: linear-gradient(var(--gray1), var(--gray1));
}
header #mainMenu #mainMenu-root > .mainMenu-link:before,
header #mainMenu #mainMenu-root > .mainMenu-link:after {
    background-color: var(--gray1);
}
header #header-menu-lg a {
    color: var(--gray1);
}

.stickyHeader-on .stickyHeader #header-logo {
    background-image: none;
}
.stickyHeader-on .stickyHeader #header-logo img {
    visibility: visible;
}
.stickyHeader-on .stickyHeader #mainMenu #mainMenu-root > .mainMenu-link {
    background-image: linear-gradient(var(--black), var(--black));
}
.stickyHeader-on .stickyHeader #mainMenu #mainMenu-root > .mainMenu-link:before,
.stickyHeader-on .stickyHeader #mainMenu #mainMenu-root > .mainMenu-link:after {
    background-color: var(--black);
}
.stickyHeader-on .stickyHeader #header-menu-lg a {
    color: var(--black);
}
.mainMenu-on #mainMenu #mainMenu-root > .mainMenu-link {
    background-image: linear-gradient(transparent, transparent)!important;
}
.mainMenu-on #mainMenu #mainMenu-root > .mainMenu-link:before,
.mainMenu-on #mainMenu #mainMenu-root > .mainMenu-link:after {
    background-color: var(--gray1)!important;
    /*transition: transform 0.2s, width 0.2s 0.2s, top 0.2s 0.2s, bottom 0.2s 0.2s;*/
}


#hero {
    color: var(--gray1);
    position: relative;
}
#hero picture,
#hero picture:before,
#hero picture img {
    width: 100%;
    height: 100%;
}
#hero picture,
#hero picture:before {
    position: absolute;
    top: 0;
    left: 0;
}
#hero picture:before {
    content: '';
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
#hero picture img {
    position: relative;
    object-fit: cover;
    object-position: center;
}
#hero .container {
    position: relative;
    z-index: 1;
}
#hero .blq-cont {
    position: relative;
}
#hero .blq-cont a,
#hero .blq-cont a:active {
    color: var(--gray1);
}
#hero .blq-cont a:focus,
.desktop #hero .blq-cont a:hover {
    color: white;
}
#hero #hero-top {
    margin-bottom: 0;
    font-size: 5rem;
    font-weight: 500;
    position: absolute;
    bottom: calc(100% + 3rem);
    left: 0;
}
#hero .blq-top:before {
    background-color: var(--gray1);
}
#hero .blq-top .blq-tit {
    text-transform: uppercase;
}
#hero .blq-des span {
    display: block;
}
#hero .blq-des .post-cat {
    font-weight: 500;
}
#hero .lnk-arrow-down {
    margin-top: auto;
    margin-bottom: 0;
}
#hero .lnk-arrow-down:after {
    background-image: url('../../../../images/iconos/lnk-arrow-down-neg.svg');
}

.duaSlider .video {
    cursor: pointer;
}

#blq-gris #featured .blq-cont {
    position: relative;
    z-index: 1;
}
#blq-gris #featured .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#blq-gris #featured .row:before,
#blq-gris #featured .row:after {
    display: none;
}
#blq-gris #featured .featured-tit {
    padding-top: 1.5rem;
    border-top: 0.5rem solid;
    margin-bottom: 2.5rem;
    font-weight: 500;
}
#blq-gris #featured .featured-tit + p {
    margin-bottom: 0;
}

#blq-gris #image-slider {
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
}
#blq-gris #image-slider .duaSlider-slides > div {
    background-attachment: initial;
}
#blq-gris #image-slider .duaSlider-label {
    font-weight: 500;
    line-height: 1.1;
}
#blq-gris #image-slider .duaSlider-pager {
    font-size: 5rem;
}
#blq-gris #image-slider .duaSlider-pager .duaSlider-page + .duaSlider-page {
    margin-left: 2rem;
}
#blq-gris #post-tags .post-tags {
    margin-top: 4.5rem;
    margin-left: -5rem;
}
#blq-gris #post-tags a {
    margin-top: 6rem;
    margin-left: 5rem;
    font-weight: 500;
    display: inline-block;
}

#blq-gris #relacionados .blq-top .blq-sub {
    margin-bottom: 0;
}
#blq-gris #posts .duaCarousel-prev,
#blq-gris #posts .duaCarousel-next {
    background-color: var(--gray2);
    color: var(--black);
}
#blq-gris #posts .duaCarousel-prev:hover,
#blq-gris #posts .duaCarousel-next:hover {
    background-color: var(--black);
    color: var(--gray2);
}
#blq-gris #posts .duaCarousel-prev:after,
#blq-gris #posts .duaCarousel-next:after {
    font-family: 'Material Design Icons';
    font-size: 9rem;
    line-height: 1;
    display: block;
}
#blq-gris #posts .duaCarousel-prev.duaCarousel-handlerOff,
#blq-gris #posts .duaCarousel-next.duaCarousel-handlerOff {
    display: none;
}
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-prev,
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-next {
    top: 50%;
    transform: translateY(-50%);
}
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-prev {
    right: 100%;
}
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-prev:after {
    content: "\F141";
}
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-next {
    left: 100%;
}
#blq-gris #posts.duaCarousel-horizontal .duaCarousel-next:after {
    content: "\F142";
}


#blq-gris #posts a {
    color: var(--gray1);
    position: relative;
    display: block;
    transition: color 0.2s;
}
#blq-gris #posts a:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s;
}
#blq-gris #posts a:hover {
    color: var(--corp);
}
#blq-gris #posts a:hover:before {
    opacity: 1;
}
#blq-gris #posts .post-cont {
    position: absolute;
    left: 0;
    bottom: 0;
}
#blq-gris #posts .post-tit {
    text-transform: uppercase;
}
#blq-gris #posts .post-cat {
    font-weight: 500;
}
#blq-gris #posts .post-lnk {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
}
#blq-gris #posts .post-lnk:before,
#blq-gris #posts .post-lnk:after {
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.2s;
}
#blq-gris #posts .post-lnk:before {
    background-image: url('../../../../images/iconos/lnk-esp-before-corp.svg');
}
#blq-gris #posts .post-lnk:after {
    background-image: url('../../../../images/iconos/lnk-esp-after-corp.svg');
}
#blq-gris #posts a:focus .post-lnk:before,
#blq-gris #posts a:focus .post-lnk:after,
.desktop #blq-gris #posts a:hover .post-lnk:before,
.desktop #blq-gris #posts a:hover .post-lnk:after {
    opacity: 1;
    transition: opacity 0.2s 0.2s;
}
#blq-gris #posts .post-lnk span {
    background-image: url('../../../../images/iconos/arrow-right-thin-gray.svg');
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    transition: background-position 0.2s 0.2s, opacity 0.2s;
}
#blq-gris #posts a:focus .post-lnk span,
.desktop #blq-gris #posts a:hover .post-lnk span {
    background-position: center;
    /*opacity: 0;*/
    transition: background-position 0.2s, opacity 0.2s 0.2s;
}

#blq-verde .blq-top {
    padding-top: 0;
    border-top: 0;
}
#blq-verde .blq-cont h3 {
    font-weight: 500;
    line-height: 1.1;
}
#blq-verde .blq-cont #clausulas-contacto ul {
    padding-left: 4rem;
    margin-left: 0;
}
#blq-verde .blq-cont #clausulas-contacto ul li {
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .blq .blq-top .blq-sub {
        padding-top: 8rem;
    }

    #hero .blq-top .blq-tit {
        margin-bottom: 2.5rem;
    }
    #hero .blq-des {
        font-size: 6rem;
    }
    #hero .blq-des .post-cat {
        margin-bottom: 2.5rem;
    }

    #blq-gris {
        margin-bottom: -37.5rem;
    }
    #blq-gris #featured {
        margin-top: -37.5rem;
    }
    #blq-gris #featured .blq-cont {
        padding: 0 29rem 12.5rem;
        margin-left: 0;
        margin-right: 0;
        font-size: 4.5rem;
        line-height: 6.5rem;
    }
    #blq-gris #featured .featured-tit {
        margin-top: 12.5rem;
        font-size: 5.5rem;
    }

    #blq-gris #post-text {
        margin-top: 25rem;
        margin-left: 29rem;
        margin-right: 29rem;
    }
    #blq-gris #post-text .blq-sub {
        width: 192.5rem;
        margin-bottom: 12.5rem;
    }

    #blq-gris #image-slider {
        margin-top: 25rem;
    }
    #blq-gris #image-slider .duaSlider-prev,
    #blq-gris #image-slider .duaSlider-next,
    #blq-gris #image-slider .duaSlider-pager {
        /*bottom: 76.5rem;*/
        bottom: 28rem;
    }
    #blq-gris #image-slider .duaSlider-prev,
    #blq-gris #image-slider .duaSlider-next {
        left: 177rem;
        transform: translateX(-100%);
    }
    #blq-gris #image-slider .duaSlider-prev {
        margin-left: -4rem;
        transform: translateX(-200%) scaleX(-1);
    }
    #blq-gris #image-slider .duaSlider-next {
        transform: translateX(-100%);
    }
    #blq-gris #image-slider .duaSlider-pager,
    #blq-gris #image-slider .duaSlider-track,
    #blq-gris #image-slider .duaSlider-label {
        left: 13rem;
    }
    #blq-gris #image-slider .duaSlider-track,
    #blq-gris #image-slider .duaSlider-label {
        width: 164rem;
    }
    #blq-gris #image-slider .duaSlider-track {
        /*bottom: 70.5rem;*/
        bottom: 20rem;
    }
    #blq-gris #image-slider .duaSlider-label {
        font-size: 6.5rem;
        letter-spacing: -0.5rem;
        line-height: 1.2;
        bottom: 15rem;
        transform: translateY(100%);
    }

    #blq-gris #post-tags,
    #blq-gris #relacionados {
        margin-top: 25rem;
    }
    #blq-gris #posts {
        margin-top: 12.5rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    #blq-gris #posts .duaCarousel-col {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
    #blq-gris #posts .post-cont {
        padding: 9rem 12rem;
        font-size: 6rem;
    }
    #blq-gris #posts .post-tit {
        font-size: 18rem;
        letter-spacing: -0.25rem;
        line-height: 1;
    }
    #blq-gris #posts .post-lnk {
        margin-top: 12.5rem;
    }
    #blq-gris #posts .post-lnk:before {
        width: 9rem;
        height: 9rem;
    }
    #blq-gris #posts .post-lnk:after {
        width: 10rem;
        height: 10rem;
        margin-left: 2rem;
    }
    #blq-gris #posts .post-lnk span {
        width: 21rem;
        height: 10rem;
        background-size: 13rem auto;
    }

    #blq-verde {
        padding-top: 72rem;
        padding-bottom: 37.5rem;
    }
    #blq-verde .blq-cont h3 {
        width: 165rem;
        margin-bottom: 20rem;
        font-size: 19rem;
        letter-spacing: -0.25rem;
    }
    #blq-verde .blq-cont #clausulas-contacto p {
        width: auto;
        margin-bottom: 2.5rem;
        font-size: 5rem;
    }
}
@media (max-width: 767px) {
    #hero #hero-top {
        display: none;
    }
    #hero .blq-top .blq-tit {
        font-size: 9rem;
        margin-bottom: 1.5rem;
    }

    #blq-gris {
        margin-bottom: -12.5rem;
    }

    #blq-gris #featured {
        margin-top: -12.5rem;
    }
    #blq-gris #featured .blq-cont {
        padding: 6.5rem 6rem 12.5rem;
        margin-left: 0;
        margin-right: 0;
        font-size: 3.5rem;
        line-height: 5rem;
    }
    #blq-gris #featured .featured-tit {
        margin-top: 6rem;
        font-size: 4.5rem;
    }

    #blq-gris #post-text {
        margin-top: 12.5rem;
    }
    #blq-gris #post-text .blq-sub {
        margin-bottom: 6rem;
    }

    #blq-gris #image-slider {
        margin-top: 12.5rem;
    }
    /* #blq-gris #image-slider .duaSlider-prev,
    #blq-gris #image-slider .duaSlider-next, */
    #blq-gris #image-slider .duaSlider-pager {
        /*bottom: 31rem;*/
        bottom: 6rem;
    }
    #blq-gris #image-slider .duaSlider-prev,
    #blq-gris #image-slider .duaSlider-next {
        right: 3.75rem;
        bottom: 4rem;
    }
    #blq-gris #image-slider .duaSlider-prev {
        margin-left: -4rem;
        transform: translateX(-200%) scaleX(-1);
    }
    #blq-gris #image-slider .duaSlider-pager,
    #blq-gris #image-slider .duaSlider-track,
    #blq-gris #image-slider .duaSlider-label {
        left: 3.75rem;
    }
    #blq-gris #image-slider .duaSlider-track,
    #blq-gris #image-slider .duaSlider-label {
        width: 65rem;
    }
    #blq-gris #image-slider .duaSlider-track {
        /*bottom: 27rem;*/
        bottom: 3rem;
    }
    #blq-gris #image-slider .duaSlider-label {
        font-size: 4rem;
        letter-spacing: -0.25rem;
        line-height: 1.1;
        bottom: 20rem;
        transform: translateY(100%);
    }

    #blq-gris #post-tags,
    #blq-gris #relacionados {
        margin-top: 12.5rem;
    }
    #blq-gris #posts {
        margin-top: 6rem;
    }
    #blq-gris #posts .duaCarousel-col {
        width: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    #blq-gris #posts .post-cont {
        padding: 3rem;
        font-size: 3.5rem;
    }
    #blq-gris #posts .post-tit {
        font-size: 9rem;
        line-height: 1.1;
    }
    #blq-gris #posts .post-lnk {
        margin-top: 5rem;
    }
    #blq-gris #posts .post-lnk:before {
        width: 4.5rem;
        height: 4.5rem;
    }
    #blq-gris #posts .post-lnk:after {
        width: 5rem;
        height: 5rem;
        margin-left: 1rem;
    }
    #blq-gris #posts .post-lnk span {
        width: 10.5rem;
        height: 5rem;
        background-size: 6.5rem auto;
    }

    #blq-verde {
        padding-top: 24rem;
        padding-bottom: 11rem;
    }
    #blq-verde .blq-cont {
        margin-left: 0;
        margin-right: 0;
    }
    #blq-verde .blq-cont h3 {
        margin-bottom: 11rem;
        font-size: 7.5rem;
    }
    #blq-verde .blq-cont #clausulas-contacto p {
        margin-bottom: 2.5rem;
        font-size: 4.5rem;
    }
}

/*casos de estudio*/
#post-concept .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#post-concept .row:before,
#post-concept .row:after {
    display: none;
}
#post-concept .concept-tit {
    padding-bottom: 3rem;
    border-bottom: 0.25rem solid;
    margin-bottom: 3rem;
    font-size: 10.5rem;
    font-weight: 500;
    line-height: 1.25;
}
#post-concept .concept-tit + p {
    margin-bottom: 0;
}
#post-concept strong {
    font-size: 4.5rem;
    font-weight: 500;
}

#post-videos .embed-responsive + .embed-responsive {
    margin-top: 5rem;
}

#post-cita .blq-sub {
    margin-bottom: 6rem;
    position: relative;
}
#post-cita .blq-sub:before {
    content: '“';
    position: absolute;right: 100%;
}
#post-cita .blq-txt > *:first-child {
    font-weight: 500;
}

#post-details .blq-top .blq-sub {
    margin-bottom: 0;
}
#post-details .row > * {
    margin-top: 12.5rem;
}
#post-details .details-tit {
    padding-top: 1rem;
    border-top: 0.25rem solid;
    font-size: 4.5rem;
    font-weight: 500;
}
#post-details .details-tit ~ * {
    margin-top: 0.5rem;
}

#post-mapa .blq-top .blq-sub {
    margin-bottom: 12.5rem;
}

@media (min-width: 768px) {
    #post-concept {
        font-size: 4rem;
    }
    #post-concept .row {
        margin-right: 0;
    }
    #post-concept .row > * {
        padding-right: 6.25rem;
    }
    #post-concept .row > *:nth-child(n + 3) {
        margin-top: 8rem;
    }

    #post-videos,
    #post-proyecto,
    #post-imgs,
    #post-cita,
    #post-details,
    #post-mapa {
        margin-top: 25rem;
    }
    #post-proyecto .blq-sub {
        margin-bottom: 12.5rem;
    }
    #post-cita .blq-sub {
        width: 192.5rem;
        font-size: 10.5rem;
    }
    #post-cita .blq-txt > *:first-child {
        margin-bottom: 2rem;
    }

    #post-mapa .mapa {
        height: 188rem;
    }
}
@media (max-width: 767px) {
    #post-concept {
        font-size: 3.5rem;
    }
    #post-concept .row {
        margin-bottom: 12.5rem;
    }
    #post-concept .row > *:nth-child(n + 2) {
        margin-top: 6rem;
    }

    #post-videos,
    #post-proyecto,
    #post-imgs,
    #post-cita,
    #post-details,
    #post-mapa {
        margin-top: 12.5rem;
    }

    #post-details {
        font-size: 3rem;
    }
    #post-mapa .mapa {
        height: var(--vh);
    }
}