.elementor-293 .elementor-element.elementor-element-03a7658{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-293 .elementor-element.elementor-element-03a7658{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-293 .elementor-element.elementor-element-03a7658{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-faee663 *//* =====================================================
   GPU NAVBAR — GLASSMORPHISM
===================================================== */

.gpu-navbar {

    position: fixed !important;

    top: 24px !important;
    left: 50% !important;

    z-index: 999999 !important;

    display: flex !important;

    align-items: center !important;

    gap: 24px !important;

    width: max-content !important;

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

    min-height: 72px !important;

    padding: 0 24px !important;

    background: rgba(12, 16, 22, 0.52) !important;

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

    border-radius: 18px !important;

    backdrop-filter: blur(26px) saturate(180%) !important;

    -webkit-backdrop-filter: blur(26px) saturate(180%) !important;

    box-shadow:

        0 12px 40px rgba(0, 0, 0, 0.38),

        inset 0 1px 0 rgba(255, 255, 255, 0.18),

        inset 0 -1px 0 rgba(255, 255, 255, 0.04),

        0 0 28px rgba(1, 219, 231, 0.04) !important;

    transform: translateX(-50%) !important;

    transition:

        top 0.45s ease,

        min-height 0.45s ease,

        padding 0.45s ease,

        border-radius 0.45s ease,

        background 0.45s ease,

        box-shadow 0.45s ease !important;

}


/* =====================================================
   REFLEXO DO VIDRO
===================================================== */

.gpu-navbar::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    background:

        linear-gradient(

            115deg,

            rgba(255, 255, 255, 0.13),

            rgba(255, 255, 255, 0.035) 18%,

            transparent 42%

        ),

        radial-gradient(

            ellipse at 80% 0%,

            rgba(1, 219, 231, 0.08),

            transparent 42%

        );

}


/* =====================================================
   BORDA INTERNA
===================================================== */

.gpu-navbar::after {

    content: "";

    position: absolute;

    inset: 1px;

    pointer-events: none;

    border: 1px solid rgba(255, 255, 255, 0.045);

    border-radius: 17px;

}


/* =====================================================
   COMPACTO AO ROLAR
===================================================== */

.gpu-navbar.is-scrolled {

    top: 10px !important;

    min-height: 56px !important;

    padding: 0 18px !important;

    border-radius: 15px !important;

    background: rgba(8, 12, 18, 0.58) !important;

    backdrop-filter: blur(32px) saturate(200%) !important;

    -webkit-backdrop-filter: blur(32px) saturate(200%) !important;

    box-shadow:

        0 10px 35px rgba(0, 0, 0, 0.48),

        inset 0 1px 0 rgba(255, 255, 255, 0.2),

        inset 0 -1px 0 rgba(255, 255, 255, 0.05),

        0 0 30px rgba(1, 219, 231, 0.07) !important;

}


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

.gpu-logo {

    position: relative;

    z-index: 2;

    display: flex !important;

    align-items: center !important;

    flex-shrink: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    text-decoration: none !important;

}


.gpu-logo img {

    display: block !important;

    width: 100px !important;

    max-width: 100px !important;

    height: auto !important;

    transition: width 0.45s ease !important;

}


.gpu-navbar.is-scrolled .gpu-logo img {

    width: 84px !important;

}


/* =====================================================
   MENU DESKTOP
===================================================== */

.gpu-menu {

    position: relative;

    z-index: 2;

    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    margin: 0 !important;

    padding: 0 !important;

}


.gpu-menu a {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 44px !important;

    padding: 0 18px !important;

    color: rgba(255, 255, 255, 0.68) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    border-radius: 11px !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

}


.gpu-menu a:hover {

    color: #ffffff !important;

    background: rgba(255, 255, 255, 0.055) !important;

}


/* =====================================================
   ITEM ATIVO
===================================================== */

.gpu-menu a.active {

    color: #ffffff !important;

    background:

        linear-gradient(

            135deg,

            rgba(1, 219, 231, 0.18),

            rgba(1, 219, 231, 0.035)

        ) !important;

    box-shadow:

        inset 0 0 0 1px rgba(1, 219, 231, 0.35),

        0 0 18px rgba(1, 219, 231, 0.12) !important;

}


.gpu-menu a.active::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -6px;

    width: 5px;

    height: 5px;

    transform: translateX(-50%);

    background: #01DBE7;

    border-radius: 50%;

    box-shadow:

        0 0 8px #01DBE7,

        0 0 16px rgba(1, 219, 231, 0.8);

}


/* =====================================================
   AÇÕES
===================================================== */

.gpu-actions {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-left: auto;

}


/* =====================================================
   BOTÃO ENVIAR EQUIPAMENTO
===================================================== */

.gpu-send-button {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    height: 44px !important;

    padding: 0 20px !important;

    color: #050E1C !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    border-radius: 10px !important;

    background:

        linear-gradient(

            135deg,

            #01DBE7,

            #008D99

        ) !important;

    box-shadow:

        0 0 18px rgba(1, 219, 231, 0.25) !important;

    overflow: hidden !important;

    transition: all 0.3s ease !important;

}


.gpu-send-button::before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 80%;

    height: 100%;

    background:

        linear-gradient(

            90deg,

            transparent,

            rgba(255, 255, 255, 0.35),

            transparent

        );

    transform: skewX(-20deg);

    transition: left 0.6s ease;

}


.gpu-send-button:hover {

    transform: translateY(-2px) !important;

    filter: brightness(1.12) !important;

    box-shadow:

        0 0 28px rgba(1, 219, 231, 0.45) !important;

}


.gpu-send-button:hover::before {

    left: 140%;

}


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

.gpu-send-icon {

    position: relative;

    z-index: 1;

    display: block;

    width: 18px;

    height: 18px;

    filter: brightness(0) invert(1);

    transition: transform 0.3s ease;

}


.gpu-send-button:hover .gpu-send-icon {

    transform: translateX(3px);

}


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

.gpu-mobile-toggle {

    display: none !important;

}


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

@media (max-width: 900px) {

    .gpu-navbar {

        gap: 12px !important;

        padding: 0 16px !important;

    }


    .gpu-menu a {

        padding: 0 10px !important;

        font-size: 13px !important;

    }


    .gpu-send-button {

        padding: 0 14px !important;

        font-size: 12px !important;

    }

}


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

@media (max-width: 680px) {

    .gpu-navbar {

        top: 12px !important;

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

        max-width: none !important;

        min-height: 62px !important;

        padding: 0 10px !important;

        justify-content: space-between !important;

        gap: 0 !important;

    }


    .gpu-navbar.is-scrolled {

        top: 8px !important;

        min-height: 54px !important;

    }


    /* LOGO À ESQUERDA */

    .gpu-logo {

        position: relative !important;

        left: auto !important;

        top: auto !important;

        transform: none !important;

        margin: 0 !important;

    }


    .gpu-logo img {

        width: 72px !important;

        max-width: 72px !important;

        max-height: 46px !important;

        object-fit: contain !important;

    }


    .gpu-navbar.is-scrolled .gpu-logo img {

        width: 66px !important;

        max-width: 66px !important;

    }


    /* MENU DROPDOWN */

    .gpu-menu {

        position: absolute !important;

        top: calc(100% + 12px) !important;

        right: 0 !important;

        left: auto !important;

        display: flex !important;

        flex-direction: column !important;

        gap: 4px !important;

        width: 50% !important;

        min-width: 170px !important;

        max-width: 210px !important;

        padding: 8px !important;

        background: rgba(3, 7, 12, 0.95) !important;

        border: 1px solid rgba(1, 219, 231, 0.25) !important;

        border-radius: 14px !important;

        backdrop-filter: blur(22px) !important;

        -webkit-backdrop-filter: blur(22px) !important;

        box-shadow:

            0 15px 35px rgba(0, 0, 0, 0.65),

            inset 0 1px 0 rgba(255, 255, 255, 0.08),

            0 0 20px rgba(1, 219, 231, 0.04) !important;

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

        transform: translateY(-10px) !important;

        transition: all 0.3s ease !important;

    }


    .gpu-menu.is-open {

        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform: translateY(0) !important;

    }


    .gpu-menu a {

        justify-content: flex-start !important;

        width: 100% !important;

        min-height: 42px !important;

        padding: 0 14px !important;

        font-size: 14px !important;

    }


    .gpu-menu a.active::after {

        display: none !important;

    }


    /* AÇÕES */

    .gpu-actions {

        margin-left: auto !important;

        gap: 8px !important;

    }


    /* BOTÃO ENVIAR */

    .gpu-send-button {

        height: 40px !important;

        padding: 0 12px !important;

        font-size: 12px !important;

    }


    .gpu-send-icon {

        width: 16px !important;

        height: 16px !important;

    }


    /* BOTÃO MENU */

    .gpu-mobile-toggle {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 40px !important;

        height: 40px !important;

        padding: 0 !important;

        color: #ffffff !important;

        font-size: 21px !important;

        line-height: 1 !important;

        background: rgba(255, 255, 255, 0.055) !important;

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

        border-radius: 10px !important;

        cursor: pointer !important;

    }


    .gpu-mobile-toggle.is-open {

        transform: rotate(90deg) !important;

    }

}


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

@media (max-width: 380px) {

    .gpu-send-text {

        display: none !important;

    }


    .gpu-send-button {

        width: 40px !important;

        padding: 0 !important;

    }

}/* End custom CSS */