/* =============================================== */
/* ID STYLES */
/* =============================================== */

#id-depcontainer {
    height: 72rem;
}



/* =============================================== */
/* SPECIFIC CLASSES */
/* =============================================== */

.scl-mockup {
    margin: 5rem 0 0;
}

.scl-about-title-tablet {
    display: block;
    max-width: var(--def-container-width);
    margin: 0 auto;
    padding-top: var(--def-cont-topbot-pad);
    padding-left: var(--def-space);
    padding-right: var(--def-space);
}

.scl-hiw {
    flex-wrap: wrap;
}

.scl-wwa {
    background-image: url(../images/backgrounds/who-we-are-smaller.webp);
    flex-direction: column;
}

.scl-wwa > div {
    padding: 3rem var(--def-space) 7rem var(--def-space);
}

.scl-serv-intro > div {
    padding: 3rem var(--def-space) 7rem var(--def-space);
}

.scl-diferencial {
    background-image: url(../images/backgrounds/diferencial-smaller.webp);
    background-position: bottom;
    flex-direction: column;
}

.scl-diferencial > div {
    padding: 7rem var(--def-space) 3rem var(--def-space);
}

.scl-serv-intro {
    background-image: url(../images/backgrounds/services-smaller.webp);
    flex-direction: column;
    padding: 0;
}

.scl-spacer {
    height: 15rem;
    min-width: 0;
}

.scl-contact-txt {
    padding: 0;
}

.scl-admserv-tablet {
    display: block;
}

.scl-admserv-default {
    display: none;
}

.scl-tecserv-mob {
    display: none;
}