/* =========================================
   BASE
========================================= */
:root {
    --header-topbar-height: 65px;
    --header__menu-list-height: 15px;
    --header-navbar-height: 58px;
    --header-logo-height: 100px;
    --header-cta-height: 46px;
}
.et-header {
    position: relative;

    background: #ffffff;

    box-shadow:
        0 1px 0 rgba(255,255,255,0.9) inset,
        0 6px 24px rgba(15,23,42,0.05);
}
/* =========================================
   TOPBAR
========================================= */
.et-header__topbar > .et-header__container {
    display: flex;
    height: var(--header-topbar-height);
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
        background:
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #eef3f8 100%
        );

    border-bottom: 1px solid rgba(0,0,0,0.06);
}
/* =========================================
   CONTAINER
========================================= */
.et-header__container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
    backdrop-filter: blur(8px);
    box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 2px 12px rgba(0,0,0,0.04);
}
/* =========================================
   BRAND
========================================= */
.et-header__brand {

    position: relative;

    display: flex;
    align-items: center;

    flex-shrink: 0;

    padding-right: 34px;
}
/* =========================================
   BRAND DIVIDER
========================================= */
.et-header__brand::after {

    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 1px;
    height: 54px;

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0,0,0,0.12) 18%,
            rgba(0,0,0,0.12) 82%,
            transparent 100%
        );
}
/* =========================================
   LOGO
========================================= */
.et-header__brand {
    display: block;
    align-items: center;
    flex-shrink: 0;
}
.et-header__brand img {
    height: 100px;
    width: auto;
    display: block;
}
.wp-block-site-logo img {
    height: 100px !important;
    width: auto !important;
}
/* =========================================
   CONTACT AREA
========================================= */
.et-header__contact {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: clamp(18px, 2vw, 34px);

    flex: 1;
}
/* =========================================
   CONTACT ITEM
========================================= */
.et-header__info {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #2c3e50;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 0.2px;

    white-space: nowrap;
}
/* =========================================
   CONTACT SMALL
========================================= */
.et-header__info small {

    display: block;

    margin-top: 2px;

    font-size: 12px;

    font-weight: 500;

    color: #7b8794;
}
/* =========================================
   ICON
========================================= */
.et-header__icon {

    width: 34px;
    height: 34px;

    border-radius: 999px;

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

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.95) 0%,
            rgba(245,247,250,0.95) 100%
        );

    box-shadow:
        0 1px 2px rgba(0,0,0,0.04),
        inset 0 1px 0 rgba(255,255,255,0.7);

    font-size: 15px;
}
/* =========================================
   DIVIDER
========================================= */
.et-header__divider {

    width: 1px;

    height: 36px;

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(0,0,0,0.10) 20%,
            rgba(0,0,0,0.10) 80%,
            transparent 100%
        );
}
/* =========================================
   CTA
========================================= */
.et-header__cta {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 13px;
    border-radius: 8px;
    background:
        linear-gradient(
            180deg,
            #ff922b 0%,
            #ff7a00 100%
        );
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow:
        0 10px 20px rgba(255,122,0,0.18),
        0 2px 4px rgba(0,0,0,0.08);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}
/* =========================================
   CTA HOVER
========================================= */
.et-header__cta:hover {

    transform: translateY(-1px);

    box-shadow:
        0 14px 26px rgba(255,122,0,0.24),
        0 4px 10px rgba(0,0,0,0.10);
}
/* =========================================
   NAVBAR
========================================= */
.et-header__navbar {
    border-top: 1px solid rgba(0,0,0,0.04);
    background: rgba(255,255,255,0.76);
     backdrop-filter: blur(10px);
}
/* =========================================
   MENU LIST
========================================= */
.et-header__menu-list {
    display: flex;
    height: var(--header__menu-list-height);
    justify-content: center;
    align-items: center;
    gap: clamp(26px, 3vw, 46px);
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}
/* =========================================
   MENU LINK
========================================= */

.et-header__menu-list a {

    position: relative;

    color: #32475b;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.15px;

    text-decoration: none;

    transition:
        color 0.25s ease;
}
/* =========================================
   MENU UNDERLINE
========================================= */

.et-header__menu-list a::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -8px;

    width: 0;

    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #ff7a00 0%,
            #ffb347 100%
        );

    transition:
        width 0.28s ease;
}
/* =========================================
   MENU HOVER
========================================= */

.et-header__menu-list a:hover {

    color: #1f3447;
}

.et-header__menu-list a:hover::after {

    width: 100%;
}
/* =========================================
AJUSTE APLICADO AQUI (SUBLINHADO LARANJA)
========================================= */
@media (hover: hover) and (min-width: 769px) {
    .et-header__menu-list a {
        position: relative;
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        font-weight: 500;
    }
/* =========================================
LINHA ANIMADA
========================================= */
    .et-header__menu-list a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;

        width: 0;
        height: 2px;

        background: #ff6a00;
        transition: width 0.3s ease;
    }

/* =========================================
ANIMAÇÃO NO HOUVER
========================================= */
    .et-header__menu-list a:hover::after {
        width: 100%;
    }

}
.et-header__menu-list a:hover::after {
    width: 100%;
}

.et-header__menu-list li:not(:last-child)::after {
    content: "|";
    margin-left: 35px;
    color: #ccc;
}
.et-header__mobile-menu {
    display: none !important;
}
/* =========================================
   GARANTIA GLOBAL — SEM MENU DUPLICADO
========================================= */

.et-header__mobile-menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* =========================================
   MOBILE FINAL — LOGO / CONTATO + CTA / MENU
========================================= */

@media (max-width: 768px) {

    .et-header {
        width: 100% !important;
        background: #fff;
        overflow: visible;
    }

    .et-header__topbar {
        padding: 12px 8px 6px !important;
        justify-content: center !important;
    }

    .et-header__topbar .et-header__container {
        width: 100% !important;
        justify-content: center !important;
        max-width: none !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }

    /* LINHA 1 — LOGO */
    .et-header__left,
    .et-header__brand {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .et-header__brand img,
    .et-header__brand .custom-logo,
    .wp-block-site-logo img {
        width: clamp(130px, 40vw, 170px) !important;
        height: auto !important;
        max-width: none;
    }

    /* LINHA 2 — CONTATO + CTA */
    .et-header__right {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        position: relative!important;
        top: -4px !important;        
    }

    .et-header__contact {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        position: relative!important;
        top: -6px !important;        
    }

    .et-header__info--secondary,
    .et-header__divider {
        display: none !important;
    }

    .et-header__info--primary {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        font-size: clamp(10px, 3vw, 13px) !important;
        line-height: 1.1;
        color: #073b77;
        white-space: nowrap;
        text-decoration: none !important;
    }

    .et-header__info--primary small {
        font-size: clamp(8px, 2.4vw, 10.5px);
        margin-left: 2px;
        opacity: 0.85;
    }

    .et-header__cta {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: clamp(30px, 8vw, 34px);
        padding: 0 clamp(10px, 3vw, 14px);
        font-size: clamp(9px, 2.7vw, 12px);
        border-radius: 7px;
        white-space: nowrap;
        position: relative!important;
        top: -6px !important;
    }

    /* REMOVE HAMBURGER */
    .et-header__toggle {
        display: none !important;
    }

    /* LINHA 3 — MENU PRINCIPAL */
    .et-header__navbar {
        display: block !important;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        margin-top: 2px;
        padding-bottom: 4px;
    }

    .et-header__navbar .et-header__container {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    .et-header__menu {
        display: block !important;
        width: 100%;
    }

    .et-header__menu-list {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 36px !important;
        padding: 6px 0;
        list-style: none;
        box-sizing: none;
    }

    .et-header__menu-list li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        text-align: center !important;
        line-height: 1 !important;
        transform: translateY(-1px);
    }

    .et-header__menu-list li:last-child {
        border-right: 0 !important;
    }

    .et-header__menu-list a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 36px !important;
    padding: 0 2px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: #073b77;
    text-decoration: none !important;
    white-space: nowrap !important;
    position: relative !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px);
    /* 🔥 REMOVE QUALQUER SUBLINHADO */
    background: none !important;
}

    .et-header__menu-list a::before {
        display: none !important;
        content: none !important;
    }

    .et-header__menu-list a::after {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;;
    width: 100% !important;;
    font-size: clamp(9.5px, 2.7vw, 12px);
    line-height: 1 !important;
    color: #073b77;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px);    
}

    .et-header__menu-list li:nth-child(1) a::after { content: "Empresa"; }
    .et-header__menu-list li:nth-child(2) a::after { content: "Serviços"; }
    .et-header__menu-list li:nth-child(3) a::after { content: "Dúvidas"; }
    .et-header__menu-list li:nth-child(4) a::after { content: "Clientes"; }
}
@media (min-width: 769px) {

    /* 🔥 AJUSTE APLICADO APENAS NO DESKTOP */
    .et-header__menu-list a {
        position: relative !important;
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        font-weight: 500;
    }

}
/* =========================================
   MOBILE — SOBRESCREVE O DESKTOP
========================================= */

@media (max-width: 768px) {

    .et-header__topbar > .et-header__container {
        height: auto;
        align-items: center !important;        
        justify-content: center !important;        
        padding: 0;
        flex-direction: column;
        gap: 16px !important;
    }

    .et-header__menu-list {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        height: auto;
        gap: 0;
        padding: 6px 0;
    }
}
/* =========================================
   DESKTOP — OCULTA HAMBURGER
========================================= */

@media (min-width: 769px) {

    .et-header__toggle {
        display: none !important;
    }

}
/* =========================================
   MOBILE — AJUSTE DO CONTAINER
========================================= */

@media (max-width: 900px) {

    .et-header__container {

        gap: 16px !important;

        padding-left: 14px;
        padding-right: 14px;
    }

}
/* =========================================
   MOBILE — BLINDAGEM TOPBAR E MENU LIST
========================================= */

@media (max-width: 900px) {

    /* TOPBAR */

    .et-header__topbar {
        min-height: auto !important;
        gap: 16px !important;
        align-items: center !important;
        padding: 0 !important;
        
    }

    .et-header__topbar > .et-header__container {

        min-height: 72px !important;
        
        justify-content: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        gap: 16px !important;

        align-items: center !important;
    }
/* =========================================
   MENU LIST
========================================= */
    .et-header__menu-list {
        min-height: auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }
}
/* =========================================
   BLINDAGEM MOBILE — SEM SOBRESCREVER ESTRUTURA
   Remove apenas heranças/efeitos do desktop
========================================= */
@media (max-width: 768px) {
    .et-header__navbar {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .et-header__menu-list {
        gap: 0 !important;
        height: 30px !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .et-header__menu-list a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        text-align: center !important;
        line-height: 1 !important;
        transform: translateY(-1px);        
        color: #073b77 !important;
        text-decoration: none !important;
        letter-spacing: 0 !important;
        transition: none !important;
        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }
    .et-header__menu-list a:hover,
    .et-header__menu-list a:focus,
    .et-header__menu-list a:active {
        color: #073b77 !important;
        text-decoration: none !important;
        background: none !important;
        box-shadow: none !important;
    }
    .et-header__menu-list a::before {
        display: none !important;
        content: none !important;
    }
    .et-header__menu-list a:hover::before,
    .et-header__menu-list a:focus::before,
    .et-header__menu-list a:active::before {
        display: none !important;
        content: none !important;
    }
    .et-header__menu-list a:hover::after,
    .et-header__menu-list a:focus::after,
    .et-header__menu-list a:active::after {
        width: 100% !important;
        background: none !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }
    .et-header__menu-list li:not(:last-child)::after {
        display: none !important;
        content: none !important;
    }
    .et-header__mobile-menu {
        display: none !important;
    }
}
/* =========================================
   MOBILE — REMOVE CAIXA DOS MENUS
   Mantém apenas texto centralizado
========================================= */
@media (max-width: 768px) {
    .et-header__menu-list a::after {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        text-align: center !important;
        line-height: 1 !important;
        transform: translateY(-1px);        
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}
/* =========================================
   AJUSTE VERTICAL MOBILE
   CONTATO + CTA
========================================= */

.et-topbar__contacts,
.et-topbar__right,
.et-topbar__cta {
    position: relative !important;
    top: -6px !important;
    gap: 14px;
}