.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */.principios-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.principios-grid > .elementor-element,
.principios-grid > .e-con {
    width: calc(50% - 12px);
}

.principio-card {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 18px;
    padding: 32px;
    min-height: 330px;
    transition: all 0.25s ease;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
}

.principio-card:hover {
    transform: translateY(-4px);
    border-color: rgba(246, 122, 0, 0.5);
    box-shadow: 0 20px 40px rgba(0, 47, 107, 0.08);
}

.principio-card .elementor-icon {
    color: #F67A00;
}

.principios-imagem img {
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
    border-radius: 20px 90px 20px 20px;
}

/* opcional para dar melhor espaçamento nos títulos dos cards */
.principio-card h3,
.principio-card .elementor-heading-title {
    margin-bottom: 0;
}


/* =========================================================
   RESPONSIVO TABLET
========================================================= */

@media (max-width: 1024px) {

    .principios-grid > .elementor-element,
    .principios-grid > .e-con {
        width: 100%;
    }

    .principio-card {
        min-height: auto;
    }
}


/* =========================================================
   RESPONSIVO MOBILE
========================================================= */

@media (max-width: 767px) {

    .principios-imagem img {
        border-radius: 18px 50px 18px 18px;
    }

    .principio-card {
        padding: 24px;
    }
}


/* =========================================================
   CABEÇALHO SERVIÇOS
========================================================= */

.cabecalho-servicos {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(8, 75, 150, 0.22) 0%,
            transparent 45%
        ),
        linear-gradient(
            115deg,
            #002F6B 0%,
            #001B3F 100%
        );
}

.cabecalho-servicos > .e-con-inner {
    position: relative;
    z-index: 2;
}


/* =========================================================
   LINHA VERTICAL LARANJA
========================================================= */

.linha-navegacao {
    width: 2px !important;
    height: 62px;
    min-width: 2px;
    margin-right: 12px;
}

.linha-navegacao .elementor-divider {
    height: 100%;
}

.linha-navegacao .elementor-divider-separator {
    display: block;

    width: 2px !important;
    height: 100%;

    border-top: 0 !important;
    border-left: 2px solid #F67A00;
}


/* =========================================================
   SETAS
   SEM MOVIMENTO — SOMENTE COR
========================================================= */

.seta-servico {
    width: 40px;
    height: 40px;
    min-width: 40px;

    border: 2px solid #FFFFFF;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    color: #FFFFFF !important;

    background: transparent;

    transform: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}


/* =========================================================
   ÍCONE DA SETA — ESTADO NORMAL
========================================================= */

.seta-servico .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    color: #FFFFFF !important;

    transform: none !important;
}


/* Font Awesome */

.seta-servico .elementor-icon i {
    color: #FFFFFF !important;

    transform: none !important;
}


/* SVG */

.seta-servico .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;

    transform: none !important;
}


/* Paths dentro do SVG */

.seta-servico .elementor-icon svg path {
    fill: #FFFFFF !important;
}


/* Caso o ícone use stroke em vez de fill */

.seta-servico .elementor-icon svg path[stroke] {
    stroke: #FFFFFF !important;
}


/* =========================================================
   HOVER DA SETA
   SOMENTE COR
========================================================= */

.seta-servico:hover {
    background: #F67A00 !important;

    border-color: #F67A00 !important;

    color: #FFFFFF !important;

    transform: none !important;
}


/* =========================================================
   GARANTE SETA BRANCA NO HOVER
========================================================= */

.seta-servico:hover .elementor-icon {
    color: #FFFFFF !important;

    transform: none !important;
}

.seta-servico:hover .elementor-icon i {
    color: #FFFFFF !important;

    transform: none !important;
}

.seta-servico:hover .elementor-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;

    transform: none !important;
}

.seta-servico:hover .elementor-icon svg path {
    fill: #FFFFFF !important;
}

.seta-servico:hover .elementor-icon svg path[stroke] {
    stroke: #FFFFFF !important;
}


/* =========================================================
   CLIQUE / FOCO DA SETA
   SEM MOVIMENTO
========================================================= */

.seta-servico:active,
.seta-servico:focus,
.seta-servico:focus-visible {
    transform: none !important;
}

.seta-servico:active .elementor-icon,
.seta-servico:focus .elementor-icon,
.seta-servico:focus-visible .elementor-icon,
.seta-servico:active .elementor-icon svg,
.seta-servico:focus .elementor-icon svg,
.seta-servico:focus-visible .elementor-icon svg {
    transform: none !important;
}


/* =========================================================
   CARROSSEL DE SERVIÇOS — SCHERM
   VERSÃO COMPACTA E ALINHADA
========================================================= */

.scherm-servicos-carousel {
    position: relative !important;
    overflow: visible !important;
}


/* =========================================================
   ESTRUTURA DO CARROSSEL
========================================================= */

.scherm-servicos-carousel .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

.scherm-servicos-carousel .swiper-slide {
    display: flex !important;
    align-items: stretch !important;

    height: auto !important;
    min-width: 0 !important;
}

.scherm-servicos-carousel .swiper-slide > * {
    width: 100% !important;
    min-width: 0 !important;
}


/* =========================================================
   CARD PRINCIPAL
========================================================= */

.scherm-servicos-carousel .scherm-servico-card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 455px !important;

    overflow: hidden !important;

    border-radius: 14px !important;

    transition:
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Hover sem deslocar o card */

.scherm-servicos-carousel .scherm-servico-card:hover {
    transform: none !important;

    box-shadow:
        0 15px 32px rgba(0, 0, 0, 0.17) !important;
}


/* =========================================================
   IMAGEM SUPERIOR
========================================================= */

.scherm-servicos-carousel .scherm-servico-imagem,
.scherm-servicos-carousel
.scherm-servico-imagem
.elementor-widget-container,
.scherm-servicos-carousel
.scherm-servico-imagem
img {
    width: 100% !important;
}

.scherm-servicos-carousel
.scherm-servico-imagem
img {
    display: block !important;

    width: 100% !important;
    height: 175px !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* =========================================================
   ÁREA BRANCA DO CONTEÚDO
========================================================= */

.scherm-servicos-carousel .scherm-servico-conteudo {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;

    flex: 1 1 auto !important;
}


/* =========================================================
   ÍCONE CIRCULAR
========================================================= */

.scherm-servicos-carousel .scherm-servico-icone {
    position: relative !important;
    z-index: 5 !important;

    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;

    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;

    flex: 0 0 78px !important;
}


/* =========================================================
   TEXTO DESCRITIVO
========================================================= */

.scherm-servicos-carousel
.scherm-servico-conteudo
.elementor-widget-text-editor {
    width: 100% !important;

    min-height: 92px !important;

    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    margin-bottom: 0 !important;
}

.scherm-servicos-carousel
.scherm-servico-conteudo
.elementor-widget-text-editor
.elementor-widget-container {
    margin: 0 !important;
}

.scherm-servicos-carousel
.scherm-servico-conteudo
.elementor-widget-text-editor
p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   LINK INFERIOR
========================================================= */

.scherm-servicos-carousel .scherm-servico-link {
    width: auto !important;

    margin-top: 14px !important;
    margin-bottom: 0 !important;

    align-self: flex-start !important;
}


/* Botão transparente */

.scherm-servicos-carousel
.scherm-servico-link
.elementor-button {
    padding: 0 !important;

    color: #F67A00 !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* Conteúdo do botão */

.scherm-servicos-carousel
.scherm-servico-link
.elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}


/* Anima somente a seta do link "Saiba mais" */

.scherm-servicos-carousel
.scherm-servico-link
.elementor-button-icon {
    transition: transform 0.3s ease !important;
}

.scherm-servicos-carousel
.scherm-servico-link:hover
.elementor-button-icon {
    transform: translateX(5px) !important;
}


/* =========================================================
   SETAS PERSONALIZADAS — CARROSSEL SCHERM
   SEM MOVIMENTO — SOMENTE ALTERAÇÃO DE COR
========================================================= */

.scherm-carousel-prev,
.scherm-carousel-next {
    position: relative !important;
    z-index: 100 !important;

    cursor: pointer !important;
    user-select: none !important;

    pointer-events: auto !important;
    touch-action: manipulation !important;

    -webkit-tap-highlight-color: transparent !important;

    transform: none !important;
}


/* Mantém toda a área da seta clicável */

.scherm-carousel-prev .elementor-widget-container,
.scherm-carousel-next .elementor-widget-container,
.scherm-carousel-prev .elementor-icon-wrapper,
.scherm-carousel-next .elementor-icon-wrapper,
.scherm-carousel-prev .elementor-icon,
.scherm-carousel-next .elementor-icon,
.scherm-carousel-prev a,
.scherm-carousel-next a,
.scherm-carousel-prev button,
.scherm-carousel-next button {
    position: relative !important;
    z-index: 101 !important;

    cursor: pointer !important;
    pointer-events: auto !important;

    transform: none !important;
}


/* Transição SOMENTE de cor/fundo/borda */

.scherm-carousel-prev .elementor-icon,
.scherm-carousel-next .elementor-icon,
.scherm-carousel-prev .elementor-button,
.scherm-carousel-next .elementor-button {
    transform: none !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease !important;
}


/* =========================================================
   HOVER — SEM SCALE / SEM DESLOCAMENTO
========================================================= */

.scherm-carousel-prev:hover,
.scherm-carousel-next:hover,
.scherm-carousel-prev:hover .elementor-icon,
.scherm-carousel-next:hover .elementor-icon,
.scherm-carousel-prev:hover .elementor-button,
.scherm-carousel-next:hover .elementor-button {
    transform: none !important;
}


/* =========================================================
   ACTIVE — SEM SCALE
========================================================= */

.scherm-carousel-prev:active,
.scherm-carousel-next:active,
.scherm-carousel-prev:active .elementor-icon,
.scherm-carousel-next:active .elementor-icon,
.scherm-carousel-prev:active .elementor-button,
.scherm-carousel-next:active .elementor-button {
    transform: none !important;
}


/* =========================================================
   FOCO — SEM MOVIMENTO
========================================================= */

.scherm-carousel-prev:focus,
.scherm-carousel-next:focus,
.scherm-carousel-prev:focus-visible,
.scherm-carousel-next:focus-visible,
.scherm-carousel-prev:focus .elementor-icon,
.scherm-carousel-next:focus .elementor-icon,
.scherm-carousel-prev:focus-visible .elementor-icon,
.scherm-carousel-next:focus-visible .elementor-icon {
    transform: none !important;
}


/* Oculta qualquer navegação nativa que ainda exista */

.scherm-servicos-carousel .elementor-swiper-button-prev,
.scherm-servicos-carousel .elementor-swiper-button-next,
.scherm-servicos-carousel .swiper-button-prev,
.scherm-servicos-carousel .swiper-button-next {
    display: none !important;
}


/* =========================================================
   SCHERM — SLIDESHOW DE SETORES
========================================================= */

.scherm-sectors {
    width: 100%;
    max-width: 1240px;

    margin:
        34px
        auto
        0;

    background:
        transparent !important;
}


/* =========================================================
   VIEWPORT
========================================================= */

.scherm-sectors__viewport {
    position: relative;

    width: 100%;

    min-height: 720px !important;
    height: 720px !important;

    background:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;
}


/* =========================================================
   REMOVE GRADE
========================================================= */

.scherm-sectors__viewport::before {
    display:
        none !important;

    content:
        none !important;
}


/* =========================================================
   CONTAINER DOS SLIDES
========================================================= */

.scherm-sectors__slides {
    position: relative;

    width: 100%;

    min-height:
        720px !important;

    height:
        720px !important;

    background:
        transparent !important;
}


/* =========================================================
   SLIDE
========================================================= */

.scherm-sector-slide {
    min-height:
        720px !important;

    height:
        720px !important;

    padding:
        48px
        46px
        50px !important;

    background:
        transparent !important;
}


/* =========================================================
   TIMELINE
========================================================= */

.scherm-sector-timeline {
    position: relative;

    width: 100%;

    height:
        610px !important;

    margin:
        0
        auto;

    background:
        transparent !important;
}


/* =========================================================
   LINHA CENTRAL
========================================================= */

.scherm-sector-timeline__line {
    top:
        50% !important;

    height:
        2px !important;

    background:
        linear-gradient(
            90deg,
            rgba(233,133,44,.18),
            #e9852c 5%,
            #e9852c 95%,
            rgba(233,133,44,.18)
        ) !important;
}


/* =========================================================
   CARDS
========================================================= */

.scherm-sector-card {
    width:
        250px !important;

    background:
        #ffffff !important;

    border-radius:
        16px !important;

    overflow:
        hidden !important;

    box-shadow:
        0
        14px
        32px
        rgba(0,0,0,.16) !important;
}


/* =========================================================
   CARD SUPERIOR
========================================================= */

.scherm-sector-item.is-top
.scherm-sector-card {
    bottom:
        calc(50% + 72px) !important;
}


/* =========================================================
   CARD INFERIOR
========================================================= */

.scherm-sector-item.is-bottom
.scherm-sector-card {
    top:
        calc(50% + 72px) !important;
}


/* =========================================================
   CONECTORES
========================================================= */

.scherm-sector-item__connector {
    height:
        48px !important;
}


/* =========================================================
   IMAGEM
========================================================= */

.scherm-sector-card__media {
    width:
        100% !important;

    height:
        145px !important;

    background:
        transparent !important;
}

.scherm-sector-card__media:empty {
    background:
        rgba(255,255,255,.06) !important;
}


/* =========================================================
   CORPO
========================================================= */

.scherm-sector-card__body {
    min-height:
        106px !important;

    padding:
        18px
        17px !important;

    background:
        #ffffff !important;
}


/* =========================================================
   TÍTULO
========================================================= */

.scherm-sector-card__title {
    color:
        #073b78 !important;

    font-size:
        21px !important;

    font-weight:
        700 !important;

    line-height:
        1.1 !important;
}


/* =========================================================
   DESCRIÇÃO
========================================================= */

.scherm-sector-card__description {
    margin-top:
        7px !important;

    color:
        #6b7584 !important;

    font-size:
        13px !important;

    line-height:
        1.35 !important;
}


/* =========================================================
   MARCADORES
========================================================= */

.scherm-sector-item__marker {
    width:
        52px !important;

    height:
        52px !important;

    background:
        #e9852c !important;

    border:
        1px solid
        rgba(255,255,255,.25) !important;

    box-shadow:
        none !important;
}


/* =========================================================
   CONTADOR
========================================================= */

.scherm-sector-slide__counter {
    top:
        8px !important;

    right:
        4px !important;
}


/* =========================================================
   CONTROLES
========================================================= */

.scherm-sectors__controls {
    margin-top:
        18px !important;
}


/* =========================================================
   PROGRESSO
========================================================= */

.scherm-sectors__progress {
    margin-top:
        16px !important;

    background:
        rgba(255,255,255,.12) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .scherm-sectors__viewport,
    .scherm-sectors__slides,
    .scherm-sector-slide {

        min-height:
            680px !important;

        height:
            680px !important;
    }


    .scherm-sector-slide {

        padding:
            42px
            24px
            46px !important;
    }


    .scherm-sector-timeline {

        height:
            570px !important;
    }


    .scherm-sector-card {

        width:
            210px !important;
    }


    .scherm-sector-card__media {

        height:
            125px !important;
    }


    .scherm-sector-card__body {

        min-height:
            100px !important;

        padding:
            15px
            12px !important;
    }


    .scherm-sector-card__title {

        font-size:
            18px !important;
    }


    .scherm-sector-card__description {

        font-size:
            12px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .scherm-sectors__viewport {

        height:
            auto !important;

        min-height:
            760px !important;
    }


    .scherm-sectors__slides {

        height:
            760px !important;

        min-height:
            760px !important;
    }


    .scherm-sector-slide {

        height:
            760px !important;

        min-height:
            760px !important;

        padding:
            40px
            14px
            24px !important;
    }


    .scherm-sector-timeline {

        height:
            675px !important;
    }


    .scherm-sector-timeline__line {

        top:
            0 !important;

        left:
            25px !important;

        width:
            2px !important;

        height:
            100% !important;
    }


    .scherm-sector-item {

        left:
            25px !important;

        width:
            calc(100% - 45px) !important;
    }


    .scherm-sector-item__marker {

        width:
            44px !important;

        height:
            44px !important;
    }


    .scherm-sector-card,
    .scherm-sector-item.is-top
    .scherm-sector-card,
    .scherm-sector-item.is-bottom
    .scherm-sector-card {

        width:
            calc(100% - 38px) !important;

        margin-left:
            38px !important;
    }


    .scherm-sector-card__media {

        width:
            108px !important;

        height:
            100% !important;

        min-height:
            112px !important;
    }


    .scherm-sector-card__body {

        min-height:
            112px !important;
    }

}


/* =========================================================
   HERO VÍDEO SCHERM
========================================================= */

.hero-video-scherm {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    overflow:
        hidden !important;
}

.hero-video-scherm
.elementor-background-video-container {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    overflow:
        hidden !important;
}

.hero-video-scherm
.elementor-background-video-container
video {

    position:
        absolute !important;

    top:
        50% !important;

    left:
        50% !important;

    width:
        100% !important;

    height:
        100% !important;

    min-width:
        100% !important;

    min-height:
        100% !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    transform:
        translate(-50%, -50%) !important;
}


/* =========================================================
   SCHERM — FUNDO AZUL DINÂMICO PREMIUM
========================================================= */

.scherm-bg-blue-dynamic {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(96, 183, 255, 0.24) 0%,
            rgba(96, 183, 255, 0.12) 12%,
            rgba(96, 183, 255, 0.04) 22%,
            transparent 34%
        ),
        radial-gradient(
            circle at 84% 16%,
            rgba(69, 146, 255, 0.22) 0%,
            rgba(69, 146, 255, 0.10) 14%,
            rgba(69, 146, 255, 0.03) 24%,
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 74%,
            rgba(0, 163, 255, 0.18) 0%,
            rgba(0, 163, 255, 0.08) 14%,
            rgba(0, 163, 255, 0.03) 24%,
            transparent 36%
        ),
        radial-gradient(
            circle at 18% 84%,
            rgba(83, 110, 255, 0.16) 0%,
            rgba(83, 110, 255, 0.07) 14%,
            rgba(83, 110, 255, 0.02) 24%,
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #020b2a 0%,
            #00153d 18%,
            #00275d 42%,
            #003978 68%,
            #0a4b97 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 -80px 120px rgba(0, 0, 0, 0.18);
}


/* Glow grande azul/ciano */

.scherm-bg-blue-dynamic::before {
    content: "";

    position: absolute;

    inset: auto;

    top: -140px;
    right: -120px;

    width: 460px;
    height: 460px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(113, 205, 255, 0.30) 0%,
            rgba(113, 205, 255, 0.18) 22%,
            rgba(113, 205, 255, 0.08) 42%,
            rgba(113, 205, 255, 0.02) 56%,
            rgba(113, 205, 255, 0) 72%
        );

    filter: blur(55px);

    pointer-events: none;

    z-index: 0;
}


/* Glow profundo no canto inferior esquerdo */

.scherm-bg-blue-dynamic::after {
    content: "";

    position: absolute;

    bottom: -180px;
    left: -180px;

    width: 560px;
    height: 560px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(35, 112, 255, 0.28) 0%,
            rgba(35, 112, 255, 0.16) 24%,
            rgba(35, 112, 255, 0.07) 44%,
            rgba(35, 112, 255, 0.02) 58%,
            rgba(35, 112, 255, 0) 74%
        );

    filter: blur(70px);

    pointer-events: none;

    z-index: 0;
}


/* conteúdo sempre acima */

.scherm-bg-blue-dynamic > * {
    position: relative;

    z-index: 1;
}


/* =========================================================
   TRAVA GLOBAL — SETAS SEM QUALQUER MOVIMENTO
   DEIXAR ESTE BLOCO NO FINAL DO CSS
========================================================= */


/* SETA-SERVICO */

.seta-servico,
.seta-servico:hover,
.seta-servico:active,
.seta-servico:focus,
.seta-servico:focus-visible,
.seta-servico .elementor-icon,
.seta-servico:hover .elementor-icon,
.seta-servico:active .elementor-icon,
.seta-servico:focus .elementor-icon,
.seta-servico .elementor-icon i,
.seta-servico:hover .elementor-icon i,
.seta-servico .elementor-icon svg,
.seta-servico:hover .elementor-icon svg,
.seta-servico:active .elementor-icon svg {
    transform: none !important;
}


/* SETAS PERSONALIZADAS DO CARROSSEL */

.scherm-carousel-prev,
.scherm-carousel-next,
.scherm-carousel-prev:hover,
.scherm-carousel-next:hover,
.scherm-carousel-prev:active,
.scherm-carousel-next:active,
.scherm-carousel-prev:focus,
.scherm-carousel-next:focus,

.scherm-carousel-prev .elementor-icon,
.scherm-carousel-next .elementor-icon,
.scherm-carousel-prev:hover .elementor-icon,
.scherm-carousel-next:hover .elementor-icon,
.scherm-carousel-prev:active .elementor-icon,
.scherm-carousel-next:active .elementor-icon,

.scherm-carousel-prev .elementor-button,
.scherm-carousel-next .elementor-button,
.scherm-carousel-prev:hover .elementor-button,
.scherm-carousel-next:hover .elementor-button,
.scherm-carousel-prev:active .elementor-button,
.scherm-carousel-next:active .elementor-button {
    transform: none !important;
}


/* SETAS NATIVAS DO SLIDER DE SETORES */

.setores-slider .elementor-swiper-button,
.setores-slider .elementor-swiper-button:hover,
.setores-slider .elementor-swiper-button:active,
.setores-slider .elementor-swiper-button:focus,
.setores-slider .elementor-swiper-button:focus-visible,

.setores-slider .elementor-swiper-button svg,
.setores-slider .elementor-swiper-button:hover svg,
.setores-slider .elementor-swiper-button:active svg,
.setores-slider .elementor-swiper-button:focus svg {
    transform: none !important;
}


/* HOVER DO SLIDER DE SETORES:
   APENAS ALTERA COR */

.setores-slider .elementor-swiper-button:hover {
    background: #F67A00 !important;
    border-color: #F67A00 !important;
    color: #FFFFFF !important;

    transform: none !important;
}


/* SVG CONTINUA BRANCO */

.setores-slider .elementor-swiper-button:hover svg,
.setores-slider .elementor-swiper-button:hover svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;

    transform: none !important;
}

/* =========================================================
   SCHERM — TIPOGRAFIA TÉCNICA
========================================================= */


/* Base técnica */

.scherm-tech,
.scherm-tech * {
    font-family:
        "JetBrains Mono",
        "Roboto Mono",
        monospace !important;
}


/* =========================================================
   LABEL TÉCNICO
========================================================= */

.scherm-tech-label,
.scherm-tech-label .elementor-heading-title {
    font-family:
        "JetBrains Mono",
        "Roboto Mono",
        monospace !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;
}


/* FUNDO ESCURO */

.scherm-tech-label--dark,
.scherm-tech-label--dark .elementor-heading-title {
    color: rgba(255, 255, 255, 0.62) !important;
}


/* FUNDO CLARO */

.scherm-tech-label--light,
.scherm-tech-label--light .elementor-heading-title {
    color: #667085 !important;
}


/* =========================================================
   NÚMEROS / MÉTRICAS
========================================================= */

.scherm-tech-number,
.scherm-tech-number .elementor-heading-title {
    font-family:
        "JetBrains Mono",
        "Roboto Mono",
        monospace !important;

    font-weight: 600 !important;

    letter-spacing: -1px !important;
}


/* =========================================================
   ESPECIFICAÇÃO
========================================================= */

.scherm-tech-spec,
.scherm-tech-spec * {
    font-family:
        "JetBrains Mono",
        "Roboto Mono",
        monospace !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.2px !important;
}


/* =========================================================
   ÍNDICE / NUMERAÇÃO
========================================================= */

.scherm-tech-index,
.scherm-tech-index .elementor-heading-title {
    font-family:
        "JetBrains Mono",
        "Roboto Mono",
        monospace !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: 0.8px !important;

    color: #F67A00 !important;
}

/* =========================================================
   SCHERM — FUNDO CLARO TÉCNICO
========================================================= */

.scherm-bg-light-tech {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(0, 47, 107, 0.055) 0%,
            rgba(0, 47, 107, 0.025) 18%,
            rgba(0, 47, 107, 0.010) 30%,
            transparent 44%
        ),
        radial-gradient(
            circle at 12% 90%,
            rgba(246, 122, 0, 0.035) 0%,
            rgba(246, 122, 0, 0.015) 20%,
            transparent 42%
        ),
        #F7F8FA;
}


/* =========================================================
   GRADE TÉCNICA SUAVE
========================================================= */

.scherm-bg-light-tech::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(0, 47, 107, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 47, 107, 0.025) 1px,
            transparent 1px
        );

    background-size:
        64px 64px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.30),
            rgba(0,0,0,.10) 45%,
            transparent 85%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.30),
            rgba(0,0,0,.10) 45%,
            transparent 85%
        );
}


/* =========================================================
   GLOW AZUL DIFUSO
========================================================= */

.scherm-bg-light-tech::after {
    content: "";

    position: absolute;

    top: -220px;
    right: -180px;

    width: 560px;
    height: 560px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0, 84, 180, 0.07) 0%,
            rgba(0, 84, 180, 0.035) 30%,
            rgba(0, 84, 180, 0.012) 48%,
            transparent 72%
        );

    filter: blur(55px);

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   CONTEÚDO ACIMA DO FUNDO
========================================================= */

.scherm-bg-light-tech > * {
    position: relative;
    z-index: 1;
}

/* =========================================================
   SCHERM — SISTEMA DE GRID TÉCNICO
========================================================= */

:root {
    --scherm-line-light: rgba(0,47,107,.12);
    --scherm-line-light-strong: rgba(0,47,107,.20);

    --scherm-line-dark: rgba(255,255,255,.12);
    --scherm-line-dark-strong: rgba(255,255,255,.20);

    --scherm-orange: #F67A00;
}


/* =========================================================
   LINHA EM FUNDO CLARO
========================================================= */

.scherm-line-light {
    border-color: var(--scherm-line-light) !important;
}


/* =========================================================
   LINHA EM FUNDO ESCURO
========================================================= */

.scherm-line-dark {
    border-color: var(--scherm-line-dark) !important;
}


/* =========================================================
   GRID TÉCNICO — FUNDO CLARO
========================================================= */

.scherm-grid-light {
    border-top: 1px solid var(--scherm-line-light);
    border-left: 1px solid var(--scherm-line-light);
}

.scherm-grid-light > * {
    border-right: 1px solid var(--scherm-line-light);
    border-bottom: 1px solid var(--scherm-line-light);
}


/* =========================================================
   GRID TÉCNICO — FUNDO ESCURO
========================================================= */

.scherm-grid-dark {
    border-top: 1px solid var(--scherm-line-dark);
    border-left: 1px solid var(--scherm-line-dark);
}

.scherm-grid-dark > * {
    border-right: 1px solid var(--scherm-line-dark);
    border-bottom: 1px solid var(--scherm-line-dark);
}


/* =========================================================
   DIVISOR HORIZONTAL
========================================================= */

.scherm-divider-light {
    border-top: 1px solid var(--scherm-line-light);
}

.scherm-divider-dark {
    border-top: 1px solid var(--scherm-line-dark);
}


/* =========================================================
   DETALHE TÉCNICO LARANJA
========================================================= */

.scherm-tech-line {
    position: relative;
}

.scherm-tech-line::before {
    content: "";

    position: absolute;

    top: -1px;
    left: 0;

    width: 68px;
    height: 1px;

    background: var(--scherm-orange);

    z-index: 2;
}


/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width: 767px) {

    .scherm-grid-light,
    .scherm-grid-dark {
        border-left: 0;
        border-right: 0;
    }

}/* End custom CSS */