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

#id-depcontainer {
    padding-left: 0;
    padding-right: 0;
}

#id-hiw-how {
    font-size: 9rem;
}

#id-hiw-contact {
    margin: 2rem 0 5rem 0;
}

#id-slide-on {
    background-image: url(../images/slideshow/banner-mob-1.webp);
}

#id-slide-tw {
    background-image: url(../images/slideshow/banner-mob-2.webp);
}

#id-slide-tr {
    background-image: url(../images/slideshow/banner-mob-3.webp);
}



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

/* Presentation - begin */

.scl-mockup {
    height: 30rem;
}

.scl-circle-menu-adm, .scl-circle-menu-tec {
    & li > a {
        height: 2.8rem;
        width: 2.8rem;
        margin-inline: 0.8rem;

        & img { height: 1.8rem; }
    }
}

.scl-slogan {
    font-size: 4rem;
    color: var(--color-detail);
    -webkit-text-stroke-width: 1px;
}

/* Presentation - end */

.scl-hiw-text {
    font-size: 5rem;
}

.scl-dash-vert-line {
    width: 10rem;
    margin-left: -2.7rem;
}

.scl-hiw-circle {
    margin-inline: 0;
    height: 4rem;
    width: 4rem;
    min-height: 4rem;
    min-width: 4rem;
}

.scl-hiw-container {
	margin: 5rem 0;
}

.scl-hiw-container-bot {
    margin: 5rem 0 2.5rem 0;
}

.scl-wwa {
    background-image: url(../images/backgrounds/who-we-are-mobile.webp);
    background-position: center;
    background-size: cover;
    justify-content: center;
}

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

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

.scl-spacer {
    display: none;
}

.scl-diferencial {
    background-image: url(../images/backgrounds/diferencial-mobile.webp);
    background-position: center;
    background-size: cover;
    justify-content: center;
}

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

.scl-serv-intro {
    background-image: url(../images/backgrounds/services-mobile.webp);
    background-position: center;
    background-size: cover;
    justify-content: center;
}

.scl-tecserv-mob {
    display: block;
    width: 60vw;
    min-width: none;
}

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