/*popup*/
#popup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 15;
    top: 0;
    left: 0;
    overflow-y: scroll;
}
#popup #popup-bgr {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    /*cursor: zoom-out;*/
    position: absolute;
    top: 0;
    left: 0;
}
#popup #popup-cont {
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#popup #popup-cont > div {
    width: 100%;
    position: relative;
}
#popup #popup-cont > div a {
    display: block;
}
#popup #popup-cont > div > .mdi {
    font-size: 12rem;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
#popup #popup-cont > div > .mdi:before {
    position: relative;
    z-index: 1;
}
#popup #popup-cont > div > .mdi:after {
    content: '';
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    top: 3.75rem;
    left: 1.25rem;
}
#popup #popup-cont > div > .mdi:hover {
    color: var(--corp);
}
#popup #popup-cont picture,
#popup #popup-cont picture img {
    width: 100%;
    display: block;
}

.stickyHeader {
    width: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
}
.stickyHeader-on .stickyHeader {
    position: fixed;
}

#hero {
    padding-bottom: 12.5rem;
    position: relative;
}
#hero .container,
#hero .flex-lg {
    height: 100%;
}
#hero .flex-lg {
    position: relative;
}
#hero #section-titHero {
    margin-bottom: 5rem;
    color: var(--corp);
    font-weight: 700;
    line-height: 1.12;
}
#hero #section-titHero .bg-corp2 {
    padding: 0 1rem;
    color: white;
    display: inline-block;
}
#hero #section-subHero {
    margin-bottom: 10rem;
    color: var(--corp2);
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.44;
}
#hero picture {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#hero picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#hero #hero-scrolldown {
    width: 6rem;
    height: 10rem;
    border: 0.25rem solid var(--black);
    border-radius: 3rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#hero #hero-scrolldown:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    margin: 1.5rem auto 0;
    background-color: var(--black);
    display: block;
    animation-name: scrolldown;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes scrolldown {
    0% {
        margin-top: 1.5rem;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    to {
        margin-top: 4rem;
        opacity: 0;
    }
}

#servicios {
    margin-top: 17.5rem;
}
#servicios .section-subtit {
    font-size: 6rem;
}
#servicios #servicios1 img {
    width: 100%;
}
#servicios .flex-lg .servicio {
    padding-top: 19rem;
    position: relative;
}
#servicios .flex-lg .servicio:before {
    color: var(--gray);
    font-size: 27.5rem;
    font-weight: 600;
    line-height: 0.8;
    position: absolute;
    left: 0;
    top: 0;
}
#servicios .flex-lg .servicio:first-child:before {
    content: '01';
}
#servicios .flex-lg .servicio:nth-child(2):before {
    content: '02';
}
#servicios .flex-lg .servicio:nth-child(3):before {
    content: '03';
}
#servicios .flex-lg .servicio:last-child:before {
    content: '04';
}
#servicios .flex-lg .servicio strong,
#servicios .flex-lg .servicio .lnk-corp {
    font-size: 4.5rem;
    font-weight: 700;
}
#servicios .flex-lg .servicio strong {
    margin-bottom: 1rem;
    color: var(--corp);
}
#servicios .flex-lg .servicio .lnk-corp {
    text-decoration: underline;
}

#tecnico .section-cont {
    font-size: 4.5rem;
    line-height: 1.56;
}
#tecnico .section-cont .btn {
    margin-top: 10rem;
    font-weight: 400;
}

#noticias {
    background-color: var(--gray3);
}
#noticias .post {
    position: relative;
}
#noticias .post picture img {
    width: 100%;
}
#noticias .post .post-cont {
    color: var(--black);
}
#noticias .post .post-cont .post-tit {
    margin-bottom: 2.5rem;
    color: var(--corp);
    font-weight: 600;
    line-height: 1.14;
}
#noticias .post a:focus .post-cont .post-tit,
.desktop #noticias .post a:hover .post-cont .post-tit {
    color: var(--corp2);
}
#noticias .post .post-cont .post-fecCat {
    margin-bottom: 3rem;
    display: -webkit-flex;
    display: flex;
}
#noticias .post .post-cont .post-fecCat .post-fec {
    color: var(--corp);
    font-weight: 300;
}
#noticias .post .post-cont .post-fecCat .post-cat .categoria,
#noticias .post .post-cont .post-fecCat .post-cat .subcategoria {
    margin-left: 4rem;
    display: inline-block;
}
#noticias .post .post-cont .post-fecCat .post-cat .categoria {
    font-weight: normal;
}
#noticias .post .post-cont .post-fecCat .post-cat .subcategoria {
    font-weight: 300;
}
#noticias .post .post-cont .post-txt {
    margin-bottom: 5rem;
    font-size: 4.5rem;
}
#noticias .post .post-cont .btn {
    font-weight: 400;
}
#noticias .post .flex-lg + .lnk-corp {
    font-size: 4rem;
    font-weight: 600;
}
.desktop #noticias .post a:hover .btn-corp-outline,
#noticias .post a:focus .btn-corp-outline {
    background-color: var(--corp);
    color: white;
}

@media (min-width: 992px) {
    #popup #popup-cont {
        padding: 12.5rem 5rem 6.25rem;
    }
    #popup #popup-cont > div {
        max-width: 205rem;
    }
    #hero {
        height: var(--vh);
    }
    #hero picture {
        width: 100%;
    }
    #hero .flex-lg {
        width: 128.25rem;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    #hero #section-titHero {
        font-size: 13rem;
    }
    #hero #hero-scrolldown {
        bottom: 7.5rem;
    }
    #servicios #servicios1 {
        width: 232rem;
        margin-left: auto;
        margin-right: auto;
    }
    #servicios .flex-lg {
        margin-top: 12.5rem;
        -webkit-justify-content: center;
        justify-content: center;
    }
    #servicios .flex-lg .servicio {
        -webkit-flex: 0 0 75rem;
        flex: 0 0 75rem;
    }
    #servicios .flex-lg .servicio:first-child {
        -webkit-flex: 0 0 60.75rem;
        flex: 0 0 60.75rem;
    }
    #servicios .flex-lg .servicio:nth-child(2) {
        -webkit-flex: 0 0 52rem;
        flex: 0 0 52rem;
    }
    #servicios .flex-lg .servicio:before {
        opacity: 0.2;
    }
    #servicios .flex-lg .servicio + .servicio {
        margin-left: 15rem;
    }
    #servicios .flex-lg .servicio .section-titLight {
        margin-bottom: 4rem;
    }
    #tecnico .section-cont {
        padding: 12.5rem 29rem 0 159.25rem;
        background-image: url('../../images/iconos/inicio-tecnico-fondo.svg');
        background-size: 161.75rem 21.75rem;
        background-position: top 12.5rem left -21rem;
        background-repeat: no-repeat;
        position: relative;
        z-index: 1;
    }
    #tecnico #tecnico1 {
        height: 74rem;
    }
    #tecnico #tecnico1 img {
        width: calc(100% + 41.5rem);
        height: 113rem;
        top: auto;
        bottom: 0;
    }
    #noticias .listado-posts {
        padding: 22.5rem 30rem;
    }
    #noticias .post .flex-lg .blq-img {
        margin-right: 14rem;
        -webkit-flex: 0 0 138.5rem;
        flex: 0 0 138.5rem;
    }
    #noticias .post .flex-lg .blq-txt {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    #noticias .post .flex-lg + .lnk-corp {
        position: absolute;
        left: 152.75rem;
        bottom: 5rem;
    }
    #noticias .post .post-cont {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    #noticias .post .post-cont .post-tit {
        font-size: 10.5rem;
    }
    #noticias .post .post-cont .btn {
        margin-top: auto;
        margin-bottom: 18.25rem;
    }
}
@media (max-width: 991px) {
    #popup #popup-cont {
        padding: 5rem;
    }
    #popup #popup-cont > div {
        max-width: 180rem;
    }
    #hero {
        min-height: var(--vh);
    }
    #hero picture {
        width: calc(100% + 7.5rem);
        margin-top: 0;
        margin-bottom: 0;
    }
    #hero .flex-lg {
        padding-top: 20rem;
    }
    #hero #hero-scrolldown {
        bottom: 1.25rem;
    }
    #hero #section-titHero {
        margin-bottom: 2.5rem;
        font-size: 7rem;
    }
    #hero #section-subHero {
        margin-bottom: 2.5rem;
        font-size: 4rem;
    }
    #servicios .flex-lg {
        padding: 10rem 3.75rem;
        margin-left: -3.75rem;
        margin-right: -3.75rem;
        background-color: var(--gray3);
    }
    #servicios .flex-lg .servicio:before {
        opacity: 0.4;
    }
    #servicios .flex-lg .servicio + .servicio {
        margin-top: 6rem;
    }
    #servicios .flex-lg .servicio .section-titLight {
        margin-bottom: 2rem;
    }
    #tecnico .section-cont {
        padding: 10rem 0;
    }
    #tecnico #tecnico1 {
        display: none;
    }
    #noticias .listado-posts {
        padding-bottom: 10rem;
    }
    #noticias .post .blq-img {
        margin: 0 -3.75rem 2.5rem;
    }
    #noticias .post .post-cont .post-tit {
        font-size: 8.5rem;
    }
    #noticias .post .post-cont .btn {
        margin-bottom: 6.5rem;
    }
}