@font-face {
    font-family: "Main font";
    src: local(Humanist),url(../fonts/humanist-521.otf);
}



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

#id-depcontainer {
    height: 60rem;
    background-position: center;
    background-repeat: no-repeat;
    min-width: unset;
    padding-bottom: var(--def-cont-topbot-pad);
}

#id-depcontainer > .sfc-slide {
    margin-left: -10rem;
    margin-right: -10rem;
}
       
#id-slide-on {
    background-image: url(../images/slideshow/banner-1.webp);
}

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

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

#id-logo-bg {
    background-image: url(../images/logo/favicon-dark-opac.svg);
	background-size: contain;
    min-height: inherit;
    margin-bottom: calc(var(--def-space) * 2.6);
}

#id-hiw-how {
    font-size: 12.5rem;
    line-height: 0;
    margin-top: calc(var(--def-space) * 2.6);
    margin-bottom: 0;
    opacity: 0.5;
}

#id-hiw-btn {
    background: var(--color-alternative);
}

#id-hiw-btn:hover {
	background-color: var(--color-whatsapp);
}

#id-hiw-btn:hover > img {
    display: block;
}

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



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

.scl-hiw-container > p, .scl-hiw-container-bot > p {
    margin: auto 1rem;
}

.scl-about-title-tablet {
    display: none;
}

.scl-contact-txt {
    padding: 0 var(--def-space);
}

.scl-serv-intro {
    background-image: url(../images/backgrounds/services.webp);
    background-position: initial;
    background-size: contain;
    background-repeat: no-repeat;
}

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

.scl-services {
    justify-content: space-evenly !important;
}

.scl-vert-curve-sep {
    height: calc(var(--card-height) * 0.8);
}

.scl-hiw-text {
    font-size: 7.5rem;
    -webkit-text-stroke-width: 2px;
    margin: 0 0 0 10rem;
}

.scl-dash-vert-line {
	border: 0.2rem dashed var(--color-detail);
	transform: rotate(-90deg);
	width: 20rem;
	margin-left: -4.65rem;
}

.scl-hiw-circle {
    border-color: #ffffff;
}

.scl-hiw-container {
	display: flex;
    margin: 10rem 0;
	justify-content: normal;
	flex-wrap: nowrap;
}

.scl-hiw-container-bot {
    display: flex;
    margin: 10rem 0 2.5rem 0;
    justify-content: normal;
	flex-wrap: nowrap;
}

/* Presentation - begin */

.scl-mockup {
    margin-left: -20rem;
    height: 60rem;
    position: relative;
}

.scl-circle-menu-adm, .scl-circle-menu-tec {
    display: flex;
    align-items: center;
    position: absolute;
    top: 32.5%;

    & li > a > img { height: 4rem; }
}

.scl-circle-menu-adm {
    left: 22.5%;
}

.scl-circle-menu-tec {
    left: 50%;
}

.scl-circle-menu-adm > li > a {
    color: var(--color-sec1);
}

.scl-circle-menu-adm > li > a:hover {
    background-color: var(--color-sec1);
}

.scl-circle-menu-tec > li > a {
    color: var(--color-sec2);
}

.scl-circle-menu-tec > li > a:hover {
    background-color: var(--color-sec2);
}

.scl-slogan {
    font-family: Metamorphous, "Main font", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 6.4rem;
    color: var(--color-detail);
    -webkit-text-fill-color: var(--color-main);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--color-detail);
    text-shadow: var(--shadow);
}

/* Presentation - end */

/* Who we are - begin */

.scl-wwa {
    background-color: var(--color-alternative);
    background-image: url(../images/backgrounds/who-we-are.webp);
    background-position: initial;
    background-size: contain;
    background-repeat: no-repeat;
}

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

.scl-spacer {
    height: 95rem;
    min-width: 50rem;
}

/* Who we are - end */

/* Diferencial - begin */

.scl-diferencial {
    background-image: url(../images/backgrounds/diferencial.webp);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}

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

/* Diferencial - end */

@media only screen and (min-width: 2400px) {
    .scl-spacer { min-width: 30rem; }
}

@media only screen and (min-width: 1900px) {
    .scl-spacer { min-width: 50rem; }
}

@media only screen and (max-width: 1610px) {
    .scl-spacer { min-width: 65rem; }
}

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

.scl-tecserv-video-cont {
    justify-content: space-evenly;
    gap: 2rem;
}

.scl-tecserv-video-cont video {
    border-radius: 1rem;
    height: auto;
    object-fit: cover; /* Corta o vídeo para preencher a área */
    box-shadow: var(--shadow);
}

.scl-tecserv-mob {
    width: 17.5vw;
    min-width: 20rem;
}

.scl-tecserv-desk {
    width: 50vw;
    min-width: 80rem;
}