.elementor-89 .elementor-element.elementor-element-2d9aa7e4{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;top:0px;--z-index:999;}body:not(.rtl) .elementor-89 .elementor-element.elementor-element-2d9aa7e4{left:0px;}body.rtl .elementor-89 .elementor-element.elementor-element-2d9aa7e4{right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-menu-toggle{margin:0 auto;}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:12px;padding-right:12px;}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-89 .elementor-element.elementor-element-1fb884d div.elementor-menu-toggle{color:#FFFFFF;}.elementor-89 .elementor-element.elementor-element-1fb884d div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-2d9aa7e4{--padding-top:1rem;--padding-bottom:1rem;--padding-left:2rem;--padding-right:2rem;}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main .elementor-item{padding-top:12px;padding-bottom:12px;}.elementor-89 .elementor-element.elementor-element-1fb884d{--e-nav-menu-horizontal-menu-item-margin:calc( 49px / 2 );}.elementor-89 .elementor-element.elementor-element-1fb884d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:49px;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-2d9aa7e4{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}/* Start custom CSS for container, class: .elementor-element-2d9aa7e4 *//* =========================================================
   HEADER ACREDITORS
   Classes:
   header-main
   header-logo
   header-button
========================================================= */


/* =========================================================
   HEADER PRINCIPAL
========================================================= */

.header-main {
    position: fixed !important;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;

    height: 103px;
    min-height: 0 !important;

    z-index: 9999;

    margin: 0 !important;
    border: 0 !important;

    background-color: rgba(10, 22, 40, 0);

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0);

    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);

    animation-name: header-scroll;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-fill-mode: both;

    animation-timeline: scroll(root block);
    animation-range: 0px 240px;
}


/* =========================================================
   CONTAINER INTERNO
========================================================= */

.header-main > .e-con-inner {
    height: 100% !important;
    min-height: 0 !important;

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

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;
}


/* =========================================================
   LOGO - DESKTOP
========================================================= */

.header-main .header-logo {
    width: 185px !important;
    max-width: 185px !important;

    flex: 0 0 185px !important;

    transform-origin: left center;

    animation-name: header-logo-scroll;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-fill-mode: both;

    animation-timeline: scroll(root block);
    animation-range: 0px 240px;
}


/* Caso a classe esteja no widget */
.header-main .header-logo img,

/* Caso esteja diretamente na imagem */
.header-main img.header-logo {
    display: block !important;

    width: 185px !important;
    max-width: 185px !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;

    aspect-ratio: auto !important;
}


/* =========================================================
   BOTÃO
========================================================= */

.header-main .header-button {
    width: auto !important;
    max-width: none !important;

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

    flex: 0 0 auto !important;

    transform-origin: right center;

    animation-name: header-button-scroll;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-fill-mode: both;

    animation-timeline: scroll(root block);
    animation-range: 0px 240px;
}


.header-main .header-button a,
.header-main a.header-button,
.header-main .header-button .elementor-button,
.header-main .header-button .e-n-button {
    width: max-content !important;
    max-width: none !important;

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

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;

    word-break: keep-all !important;
    overflow-wrap: normal !important;
}


/* =========================================================
   ANIMAÇÃO DO HEADER
========================================================= */

@keyframes header-scroll {

    0% {
        height: 103px;

        background-color:
            rgba(10, 22, 40, 0);

        -webkit-backdrop-filter:
            blur(0);

        backdrop-filter:
            blur(0);
    }


    25% {
        height: 95px;

        background-color:
            rgba(10, 22, 40, 0.18);

        -webkit-backdrop-filter:
            blur(4px);

        backdrop-filter:
            blur(4px);
    }


    50% {
        height: 86px;

        background-color:
            rgba(10, 22, 40, 0.45);

        -webkit-backdrop-filter:
            blur(8px);

        backdrop-filter:
            blur(8px);
    }


    75% {
        height: 78px;

        background-color:
            rgba(10, 22, 40, 0.70);

        -webkit-backdrop-filter:
            blur(12px);

        backdrop-filter:
            blur(12px);
    }


    100% {
        height: 72px;

        background-color:
            rgba(10, 22, 40, 0.88);

        box-shadow:
            0 8px 30px rgba(0, 0, 0, 0.10);

        -webkit-backdrop-filter:
            blur(14px);

        backdrop-filter:
            blur(14px);
    }
}


/* =========================================================
   LOGO NO SCROLL
========================================================= */

@keyframes header-logo-scroll {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(0.86);
    }
}


/* =========================================================
   BOTÃO NO SCROLL
========================================================= */

@keyframes header-button-scroll {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(0.92);
    }
}


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

@media (max-width: 767px) {

    /* Header */

    .header-main {
        height: 76px;

        animation-range: 0px 180px;
    }


    /* Container */

    .header-main > .e-con-inner {
        height: 100% !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 14px !important;
    }


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

       largura fixa + height auto
       = não distorce
    ===================================================== */

    .header-main .header-logo {
        width: 140px !important;
        max-width: 140px !important;

        height: auto !important;

        flex: 0 0 140px !important;

        transform: none !important;

        animation: none !important;
    }


    .header-main .header-logo img,
    .header-main img.header-logo {
        display: block !important;

        width: 140px !important;
        max-width: 140px !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;

        transform: none !important;

        aspect-ratio: auto !important;
    }


    /* =====================================================
       BOTÃO MOBILE
    ===================================================== */

    .header-main .header-button {
        width: auto !important;
        max-width: none !important;

        flex: 0 0 auto !important;

        animation-range: 0px 180px;
    }


    .header-main .header-button a,
    .header-main a.header-button,
    .header-main .header-button .elementor-button,
    .header-main .header-button .e-n-button {
        width: max-content !important;

        padding:
            9px
            16px !important;

        font-size: 13px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       HEADER MOBILE NO SCROLL
    ===================================================== */

    @keyframes header-scroll {

        0% {
            height: 76px;

            background-color:
                rgba(10, 22, 40, 0);

            -webkit-backdrop-filter:
                blur(0);

            backdrop-filter:
                blur(0);
        }


        50% {
            height: 69px;

            background-color:
                rgba(10, 22, 40, 0.45);

            -webkit-backdrop-filter:
                blur(8px);

            backdrop-filter:
                blur(8px);
        }


        100% {
            height: 62px;

            background-color:
                rgba(10, 22, 40, 0.88);

            box-shadow:
                0 8px 30px rgba(0, 0, 0, 0.10);

            -webkit-backdrop-filter:
                blur(14px);

            backdrop-filter:
                blur(14px);
        }
    }


    @keyframes header-button-scroll {

        from {
            transform: scale(1);
        }

        to {
            transform: scale(0.94);
        }
    }
}


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

@media (max-width: 390px) {

    .header-main > .e-con-inner {
        gap: 10px !important;
    }


    .header-main .header-logo {
        width: 125px !important;
        max-width: 125px !important;

        flex-basis: 125px !important;
    }


    .header-main .header-logo img,
    .header-main img.header-logo {
        width: 125px !important;
        max-width: 125px !important;

        height: auto !important;
    }


    .header-main .header-button a,
    .header-main a.header-button,
    .header-main .header-button .elementor-button,
    .header-main .header-button .e-n-button {
        padding:
            8px
            13px !important;

        font-size: 12px !important;
    }
}/* End custom CSS */