/*
 * EXAUSTÃO CERTA
 * Header definitivo limpo
 * Não adicionar versões antigas abaixo deste arquivo.
 */

:root{
    --ec-navy:#082f54;
    --ec-blue:#0787d1;
    --ec-blue-dark:#056aa8;
    --ec-soft:#eef8fe;
    --ec-border:#dceaf4;
}


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

.site-header{
    background:#fff !important;
    border-bottom:1px solid #e3edf4 !important;
    box-shadow:0 3px 15px rgba(17,61,91,.055) !important;
}


.site-header .inside-header{
    width:100% !important;
    max-width:1540px !important;

    min-height:92px !important;

    margin:0 auto !important;
    padding:10px 22px !important;

    display:grid !important;
    grid-template-columns:285px minmax(0,1fr) !important;

    align-items:center !important;
    column-gap:34px !important;

    box-sizing:border-box !important;
}


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

.site-branding{
    display:none !important;
}


.ec-brand-logo{
    display:block !important;

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

    margin:0 !important;

    line-height:0 !important;

    transition:
        transform .18s ease,
        opacity .18s ease;
}


.ec-brand-logo:hover{
    transform:translateY(-1px);
    opacity:.96;
}


.ec-brand-logo img{
    display:block !important;

    width:285px !important;
    height:auto !important;

    max-width:100% !important;
}


/* ======================================================
   NAVEGAÇÃO
   ====================================================== */

.main-navigation{
    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    background:transparent !important;

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

    position:relative !important;
    top:auto !important;
}


.main-navigation .inside-navigation{
    width:100% !important;
    min-width:0 !important;

    min-height:58px !important;

    padding:0 !important;
}


.main-navigation .main-nav{
    width:100% !important;
}


.main-navigation .main-nav > ul{
    width:100% !important;

    display:flex !important;
    flex-wrap:nowrap !important;

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

    gap:4px !important;

    white-space:nowrap !important;
}


.main-navigation .main-nav > ul > li{
    flex:0 0 auto !important;

    margin:0 !important;
}


/* ======================================================
   LINKS
   ====================================================== */

.main-navigation .main-nav > ul > li > a{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    height:52px !important;
    line-height:52px !important;

    padding:0 8px !important;

    color:#123c5d !important;
    background:transparent !important;

    font-family:
        "Segoe UI Variable",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:15px !important;
    font-weight:700 !important;

    letter-spacing:-.2px !important;

    white-space:nowrap !important;
    word-break:normal !important;

    border:0 !important;
    border-radius:8px !important;

    box-shadow:none !important;

    transition:
        color .16s ease,
        background .16s ease,
        transform .16s ease !important;
}


/* ======================================================
   ÍCONES
   ====================================================== */

.main-navigation .main-nav > ul > li > a::before{
    display:inline-flex !important;

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

    width:25px !important;
    height:25px !important;

    flex:0 0 25px !important;

    margin-right:6px !important;

    color:var(--ec-blue) !important;
    background:var(--ec-soft) !important;

    border:1px solid #d2eafa !important;
    border-radius:7px !important;

    font-family:
        "Segoe UI Symbol",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:12px !important;
    font-weight:800 !important;

    line-height:1 !important;

    box-shadow:
        0 1px 3px rgba(6,102,169,.06) !important;
}


/* INÍCIO */
.menu-item-16 > a::before{
    content:"⌂" !important;
}


/* DIMENSIONAMENTO */
.menu-item-17 > a::before{
    content:"↔" !important;
}


/* PREÇOS */
.menu-item-18 > a::before{
    content:"$" !important;
}


/* FERRAMENTAS */
.menu-item-98 > a::before{
    content:"⚙" !important;
}


/* APLICAÇÕES */
.menu-item-19 > a::before{
    content:"▦" !important;
}


/* SERVIÇOS */
.menu-item-23 > a::before{
    content:"◆" !important;
}


/* MAIS */
.menu-item-113 > a::before{
    content:"•••" !important;

    font-size:9px !important;
    letter-spacing:-1px !important;
}


/* ORÇAMENTO */
.menu-item-26 > a::before{
    content:"→" !important;
}


/* ======================================================
   HOVER
   ====================================================== */

.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.sfHover > a{
    color:#0678bc !important;
    background:#f5fafe !important;

    transform:translateY(-1px) !important;
}


/* linha azul inferior */
.main-navigation .main-nav > ul > li > a::after{
    content:"" !important;

    position:absolute !important;

    left:10px !important;
    right:10px !important;
    bottom:1px !important;

    height:3px !important;

    background:#1294d8 !important;

    border-radius:4px !important;

    transform:scaleX(0) !important;

    transition:
        transform .17s ease !important;
}


.main-navigation .main-nav > ul > li > a:hover::after,
.main-navigation .main-nav > ul > li.current-menu-item > a::after,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a::after{
    transform:scaleX(1) !important;
}


.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a{
    color:#0678bc !important;
}


/* ======================================================
   PEDIR ORÇAMENTO
   ====================================================== */

.main-navigation
.main-nav
> ul
> li.menu-item-26
> a{
    margin-left:7px !important;

    padding-left:11px !important;
    padding-right:12px !important;

    color:#075f98 !important;

    background:
        linear-gradient(
            180deg,
            #f6fcff,
            #e9f7fe
        ) !important;

    border:1px solid #cae6f7 !important;
    border-radius:9px !important;

    font-weight:800 !important;

    box-shadow:
        0 2px 7px rgba(7,99,159,.08) !important;
}


.main-navigation
.main-nav
> ul
> li.menu-item-26
> a:hover{
    color:#064f81 !important;

    background:#dff2fd !important;

    box-shadow:
        0 4px 10px rgba(7,99,159,.12) !important;
}


.main-navigation
.main-nav
> ul
> li.menu-item-26
> a::after{
    display:none !important;
}


/* ======================================================
   DROPDOWNS
   ====================================================== */

.main-navigation .main-nav ul ul{
    min-width:230px !important;

    padding:8px !important;

    background:#fff !important;

    border:1px solid var(--ec-border) !important;
    border-radius:11px !important;

    box-shadow:
        0 14px 34px rgba(15,52,79,.14) !important;

    overflow:hidden !important;
}


.main-navigation .main-nav ul ul li a{
    padding:10px 12px !important;

    color:#244963 !important;
    background:#fff !important;

    font-family:
        "Segoe UI Variable",
        "Segoe UI",
        Arial,
        sans-serif !important;

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

    line-height:1.35 !important;

    border-radius:7px !important;
}


.main-navigation .main-nav ul ul li a:hover{
    color:#0678bc !important;
    background:#eef8fe !important;
}


.main-navigation .dropdown-menu-toggle{
    padding-left:4px !important;
    padding-right:0 !important;

    color:#7693a6 !important;
}


/* ======================================================
   NOTEBOOK
   ====================================================== */

@media (max-width:1250px){

    .site-header .inside-header{
        grid-template-columns:245px minmax(0,1fr) !important;
        column-gap:16px !important;

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

    .ec-brand-logo,
    .ec-brand-logo img{
        width:245px !important;
        max-width:245px !important;
    }

    .main-navigation .main-nav > ul{
        gap:1px !important;
    }

    .main-navigation .main-nav > ul > li > a{
        font-size:14px !important;

        padding-left:5px !important;
        padding-right:5px !important;
    }

    .main-navigation .main-nav > ul > li > a::before{
        width:22px !important;
        height:22px !important;

        flex-basis:22px !important;

        margin-right:4px !important;
    }
}


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

@media (max-width:768px){

    .site-header .inside-header{
        display:block !important;

        min-height:auto !important;

        padding:9px 13px !important;
    }

    .ec-brand-logo,
    .ec-brand-logo img{
        width:245px !important;
        max-width:245px !important;
    }

    .main-navigation{
        margin-top:7px !important;
    }

    .main-navigation .inside-navigation{
        min-height:50px !important;
    }

    .main-navigation .menu-toggle{
        min-height:50px !important;

        color:#123c5d !important;
        background:#f6fbfe !important;

        border:1px solid #dcebf5 !important;
        border-radius:8px !important;

        font-family:
            "Segoe UI Variable",
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:16px !important;
        font-weight:700 !important;
    }

    .main-navigation.toggled .main-nav > ul{
        display:block !important;

        padding-top:7px !important;

        white-space:normal !important;
    }

    .main-navigation.toggled
    .main-nav
    > ul
    > li
    > a{
        height:48px !important;
        line-height:48px !important;

        padding-left:9px !important;
        padding-right:9px !important;

        font-size:15px !important;
    }
}


/* não permitir scrollbar horizontal */
html,
body{
    max-width:100% !important;
    overflow-x:hidden !important;
}


/* =========================================================
   EC MOBILE FIX V5
   Corrige menu mobile porco:
   - some com itens escapando
   - remove visual quebrado
   - mostra só botão Menu + botão Pedir orçamento
   - ao abrir, mostra a lista vertical limpa
   ========================================================= */

@media (max-width: 1024px){

    /* HEADER */
    .site-header{
        background:#ffffff !important;
    }

    .site-header .inside-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:14px !important;
        padding:14px 14px 10px !important;
        max-width:100% !important;
    }

    .site-branding,
    .site-logo,
    #site-navigation{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
    }

    .site-branding{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
    }

    .site-branding img,
    .site-logo img,
    .custom-logo{
        max-width:320px !important;
        width:auto !important;
        height:auto !important;
        margin:0 auto !important;
    }

    /* NAVEGAÇÃO */
    .main-navigation{
        width:100% !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    .main-navigation .inside-navigation{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px !important;
        padding:0 !important;
    }

    /* BOTÃO MENU */
    .main-navigation .menu-toggle{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-height:56px !important;
        padding:0 16px !important;
        margin:0 !important;
        border:1px solid #d9e8f6 !important;
        border-radius:14px !important;
        background:#f7fbff !important;
        color:#0d4d84 !important;
        font-size:18px !important;
        font-weight:700 !important;
        box-shadow:none !important;
    }

    .main-navigation .menu-toggle:hover,
    .main-navigation .menu-toggle:focus{
        background:#eef7ff !important;
        color:#0b3f6d !important;
    }

    /* LISTA DO MENU */
    .main-navigation .main-nav{
        width:100% !important;
    }

    .main-navigation .main-nav > ul{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
    }

    /* FECHADO: esconde tudo */
    .main-navigation:not(.toggled) .main-nav > ul > li{
        display:none !important;
    }

    /* FECHADO: deixa só o botão Pedir orçamento visível */
    .main-navigation:not(.toggled) .main-nav > ul > li.menu-item-26{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation:not(.toggled) .main-nav > ul > li.menu-item-26 > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:56px !important;
        padding:0 18px !important;
        border:1px solid #d9e8f6 !important;
        border-radius:14px !important;
        background:#f7fbff !important;
        color:#0d4d84 !important;
        font-size:17px !important;
        font-weight:800 !important;
        text-decoration:none !important;
        box-shadow:none !important;
    }

    /* ABERTO: menu vertical bonito */
    .main-navigation.toggled .main-nav > ul{
        display:block !important;
        background:#ffffff !important;
        border:1px solid #e6eef6 !important;
        border-radius:14px !important;
        padding:8px 0 !important;
        box-shadow:0 10px 30px rgba(12,53,96,.08) !important;
    }

    .main-navigation.toggled .main-nav > ul > li{
        display:block !important;
        float:none !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .main-navigation.toggled .main-nav > ul > li > a{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        min-height:52px !important;
        padding:0 16px !important;
        border:0 !important;
        border-bottom:1px solid #edf3f8 !important;
        background:#ffffff !important;
        color:#123b63 !important;
        font-size:17px !important;
        font-weight:700 !important;
        text-decoration:none !important;
        box-shadow:none !important;
    }

    .main-navigation.toggled .main-nav > ul > li:last-child > a{
        border-bottom:0 !important;
    }

    .main-navigation.toggled .main-nav ul ul{
        position:static !important;
        float:none !important;
        width:100% !important;
        margin:0 !important;
        padding:0 0 6px 0 !important;
        border:0 !important;
        box-shadow:none !important;
        background:#f9fcff !important;
        display:block !important;
    }

    .main-navigation.toggled .main-nav ul ul li{
        display:block !important;
        width:100% !important;
    }

    .main-navigation.toggled .main-nav ul ul li a{
        display:block !important;
        width:100% !important;
        min-height:auto !important;
        padding:12px 16px 12px 28px !important;
        border:0 !important;
        border-bottom:1px solid #eef4fa !important;
        background:#f9fcff !important;
        color:#35597d !important;
        font-size:15px !important;
        font-weight:600 !important;
    }

    .main-navigation.toggled .main-nav ul ul li:last-child a{
        border-bottom:0 !important;
    }

    /* CTA dentro do menu aberto */
    .main-navigation.toggled .main-nav > ul > li.menu-item-26{
        padding:10px 12px 4px !important;
    }

    .main-navigation.toggled .main-nav > ul > li.menu-item-26 > a{
        justify-content:center !important;
        border:1px solid #d9e8f6 !important;
        border-radius:12px !important;
        background:#f7fbff !important;
        color:#0d4d84 !important;
        font-weight:800 !important;
        border-bottom:1px solid #d9e8f6 !important;
    }

    /* some qualquer sobra lateral / escape */
    .main-navigation,
    .main-navigation .inside-navigation,
    .main-navigation .main-nav,
    .main-navigation .main-nav > ul,
    .main-navigation .main-nav > ul > li{
        max-width:100% !important;
        overflow:visible !important;
    }
}


/* =========================================================
   EC MOBILE NAV V6
   ========================================================= */

.ec-mobile-nav{
    display:none;
}


@media (max-width:900px){

    /*
     * O GeneratePress NÃO controla mais o menu mobile.
     */
    .main-navigation{
        display:none !important;
    }


    /*
     * Remove título antigo/duplicado.
     */
    .site-branding{
        display:none !important;
    }


    /*
     * Header limpo.
     */
    .site-header{
        background:#fff !important;
        border-bottom:1px solid #e6eef5 !important;
        box-shadow:none !important;
    }


    .site-header .inside-header{
        width:100% !important;
        max-width:100% !important;

        min-height:0 !important;

        margin:0 !important;
        padding:16px 14px 12px !important;

        display:block !important;

        box-sizing:border-box !important;
    }


    /*
     * LOGO
     */
    .ec-brand-logo{
        display:block !important;

        width:290px !important;
        max-width:calc(100vw - 36px) !important;

        margin:0 auto 17px !important;

        line-height:0 !important;
    }


    .ec-brand-logo img{
        display:block !important;

        width:290px !important;
        max-width:100% !important;
        height:auto !important;

        margin:0 auto !important;
    }


    /*
     * MENU CUSTOM
     */
    .ec-mobile-nav{
        display:block !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        position:relative !important;
        z-index:999 !important;
    }


    .ec-mobile-main{
        display:grid !important;

        grid-template-columns:
            .78fr
            1.15fr
            1.10fr
            .72fr !important;

        width:100% !important;

        gap:5px !important;

        padding:5px !important;

        background:#f7fbfe !important;

        border:1px solid #dceaf4 !important;
        border-radius:13px !important;

        box-sizing:border-box !important;
    }


    /*
     * LINKS PRINCIPAIS
     */
    .ecm-link,
    .ec-mobile-more > summary{
        min-width:0 !important;
        min-height:48px !important;

        padding:5px 3px !important;

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

        gap:5px !important;

        color:#123e62 !important;
        background:transparent !important;

        border:0 !important;
        border-radius:9px !important;

        font-family:
            "Segoe UI Variable",
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:13.5px !important;
        font-weight:700 !important;

        line-height:1 !important;

        text-decoration:none !important;

        white-space:nowrap !important;

        cursor:pointer !important;

        box-sizing:border-box !important;
    }


    .ecm-link:hover,
    .ecm-link:focus,
    .ec-mobile-more > summary:hover{
        color:#0878bb !important;
        background:#edf7fd !important;
    }


    /*
     * ÍCONES
     */
    .ecm-icon,
    .ecm-more-icon{
        width:21px !important;
        height:21px !important;

        flex:0 0 21px !important;

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

        color:#0788cf !important;
    }


    .ecm-icon svg,
    .ecm-more-icon svg,
    .ecm-chevron svg{
        width:100% !important;
        height:100% !important;

        fill:none !important;
        stroke:currentColor !important;
        stroke-width:2 !important;
        stroke-linecap:round !important;
        stroke-linejoin:round !important;
    }


    /*
     * Orçamento recebe só leve destaque.
     */
    .ecm-budget{
        background:#edf8fe !important;

        color:#075f98 !important;

        border:1px solid #d3eaf8 !important;
    }


    /*
     * DETAILS
     */
    .ec-mobile-more{
        position:static !important;

        margin:0 !important;
        padding:0 !important;

        min-width:0 !important;
    }


    .ec-mobile-more > summary{
        list-style:none !important;
        width:100% !important;
    }


    .ec-mobile-more > summary::-webkit-details-marker{
        display:none !important;
    }


    .ecm-chevron{
        width:13px !important;
        height:13px !important;

        flex:0 0 13px !important;

        color:#7594aa !important;

        transition:transform .18s ease !important;
    }


    .ec-mobile-more[open] .ecm-chevron{
        transform:rotate(180deg) !important;
    }


    /*
     * PAINEL MAIS
     */
    .ec-mobile-panel{
        position:absolute !important;

        top:calc(100% + 8px) !important;
        right:0 !important;

        width:min(355px, calc(100vw - 28px)) !important;
        max-height:70vh !important;

        overflow-y:auto !important;
        overscroll-behavior:contain !important;

        padding:9px !important;

        background:#fff !important;

        border:1px solid #d9e7f2 !important;
        border-radius:14px !important;

        box-shadow:
            0 16px 42px rgba(12,49,78,.18) !important;

        box-sizing:border-box !important;
    }


    .ecm-panel-title{
        padding:7px 10px 9px !important;

        color:#7690a3 !important;

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

        letter-spacing:.7px !important;

        text-transform:uppercase !important;
    }


    .ec-mobile-panel > a,
    .ecm-group > a{
        display:flex !important;
        align-items:center !important;

        min-height:43px !important;

        padding:0 11px !important;

        color:#173f5f !important;
        background:#fff !important;

        border-radius:8px !important;

        font-size:15px !important;
        font-weight:650 !important;

        text-decoration:none !important;

        box-sizing:border-box !important;
    }


    .ec-mobile-panel > a:hover,
    .ecm-group > a:hover{
        color:#0878bb !important;
        background:#eef8fe !important;
    }


    /*
     * GRUPOS
     */
    .ecm-group{
        margin-top:8px !important;
        padding-top:8px !important;

        border-top:1px solid #e8eff5 !important;
    }


    .ecm-group-title{
        padding:5px 11px 4px !important;

        color:#7891a4 !important;

        font-size:12px !important;
        font-weight:800 !important;

        text-transform:uppercase !important;

        letter-spacing:.5px !important;
    }


    .ecm-last{
        padding-bottom:3px !important;
    }


    /*
     * Nenhum escape lateral.
     */
    html,
    body{
        width:100% !important;
        max-width:100% !important;

        overflow-x:hidden !important;
    }
}


/*
 * Celulares realmente estreitos.
 */
@media (max-width:380px){

    .ec-mobile-main{
        grid-template-columns:
            .72fr
            1.08fr
            1.03fr
            .65fr !important;

        gap:2px !important;
    }


    .ecm-link,
    .ec-mobile-more > summary{
        font-size:12.5px !important;
    }


    .ecm-icon,
    .ecm-more-icon{
        width:18px !important;
        height:18px !important;

        flex-basis:18px !important;
    }
}


/* =========================================================
   EC MOBILE NAV V7
   Mobile em grade 2x2:
   [ Início ] [ Ferramentas ]
   [ Orçamento ] [ Mais ]
   ========================================================= */

@media (max-width:900px){

    html, body{
        overflow-x:hidden !important;
        max-width:100% !important;
    }

    .site-header{
        background:#fff !important;
        border-bottom:1px solid #e7eef5 !important;
        box-shadow:none !important;
    }

    .site-header .inside-header{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        padding:14px 16px 12px !important;
        box-sizing:border-box !important;
    }

    .ec-brand-logo{
        display:block !important;
        width:100% !important;
        max-width:330px !important;
        margin:0 auto 14px !important;
        line-height:0 !important;
        text-align:center !important;
    }

    .ec-brand-logo img{
        display:block !important;
        width:100% !important;
        max-width:330px !important;
        height:auto !important;
        margin:0 auto !important;
    }

    /* some com o menu mobile nativo/theme */
    .main-navigation{
        display:none !important;
    }

    .menu-toggle,
    button.menu-toggle,
    .mobile-menu-control-wrapper,
    .slideout-toggle,
    .navigation-search{
        display:none !important;
    }

    /* navegação custom mobile */
    .ec-mobile-nav{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .ec-mobile-main{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:10px !important;
        width:100% !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-sizing:border-box !important;
    }

    .ec-mobile-main > *{
        min-width:0 !important;
        width:100% !important;
    }

    .ecm-link,
    .ec-mobile-more > summary{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;

        width:100% !important;
        min-height:56px !important;
        padding:0 12px !important;

        background:#f4f9fd !important;
        border:1px solid #d9e8f4 !important;
        border-radius:14px !important;
        box-shadow:none !important;

        color:#0f4f84 !important;
        text-decoration:none !important;

        font-size:15px !important;
        font-weight:700 !important;
        line-height:1.1 !important;
        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

    .ecm-link:hover,
    .ec-mobile-more > summary:hover{
        background:#eef6fc !important;
        border-color:#cfe1f0 !important;
        color:#0a6fb7 !important;
    }

    .ecm-budget{
        background:#edf7ff !important;
        border-color:#cfe3f3 !important;
        color:#0a5f98 !important;
    }

    .ecm-icon,
    .ecm-more-icon{
        width:18px !important;
        height:18px !important;
        flex:0 0 18px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#1484d6 !important;
    }

    .ecm-icon svg,
    .ecm-more-icon svg,
    .ecm-chevron svg{
        width:100% !important;
        height:100% !important;
        fill:none !important;
        stroke:currentColor !important;
        stroke-width:2 !important;
        stroke-linecap:round !important;
        stroke-linejoin:round !important;
    }

    .ec-mobile-more{
        position:relative !important;
        margin:0 !important;
        padding:0 !important;
    }

    .ec-mobile-more > summary{
        list-style:none !important;
        cursor:pointer !important;
    }

    .ec-mobile-more > summary::-webkit-details-marker{
        display:none !important;
    }

    .ecm-chevron{
        width:13px !important;
        height:13px !important;
        flex:0 0 13px !important;
        color:#7a96ac !important;
        transition:transform .18s ease !important;
    }

    .ec-mobile-more[open] .ecm-chevron{
        transform:rotate(180deg) !important;
    }

    /* dropdown centralizado e bonito */
    .ec-mobile-panel{
        position:absolute !important;
        top:calc(100% + 10px) !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;

        width:calc(100vw - 32px) !important;
        max-width:380px !important;
        max-height:70vh !important;
        overflow-y:auto !important;

        padding:10px !important;
        background:#fff !important;
        border:1px solid #d9e7f2 !important;
        border-radius:14px !important;
        box-shadow:0 18px 42px rgba(14,41,66,.16) !important;
        z-index:9999 !important;

        box-sizing:border-box !important;
    }

    .ecm-panel-title{
        padding:6px 10px 10px !important;
        color:#7991a3 !important;
        font-size:11px !important;
        font-weight:800 !important;
        letter-spacing:.6px !important;
        text-transform:uppercase !important;
    }

    .ec-mobile-panel > a,
    .ecm-group > a{
        display:flex !important;
        align-items:center !important;
        min-height:42px !important;
        padding:0 10px !important;
        border-radius:9px !important;
        color:#173f5f !important;
        text-decoration:none !important;
        font-size:15px !important;
        font-weight:650 !important;
        box-sizing:border-box !important;
    }

    .ec-mobile-panel > a:hover,
    .ecm-group > a:hover{
        background:#eef8fe !important;
        color:#0878bb !important;
    }

    .ecm-group{
        margin-top:8px !important;
        padding-top:8px !important;
        border-top:1px solid #e8eff5 !important;
    }

    .ecm-group-title{
        padding:5px 10px !important;
        color:#7b92a4 !important;
        font-size:12px !important;
        font-weight:800 !important;
        letter-spacing:.4px !important;
        text-transform:uppercase !important;
    }

    /* se existir título duplicado no header, some */
    .site-branding,
    .inside-header .site-logo + .site-branding,
    .inside-header .site-branding{
        display:none !important;
    }
}


/* celular muito estreito */
@media (max-width:380px){

    .site-header .inside-header{
        padding:12px 12px 10px !important;
    }

    .ec-brand-logo{
        max-width:300px !important;
    }

    .ecm-link,
    .ec-mobile-more > summary{
        min-height:52px !important;
        font-size:14px !important;
        gap:6px !important;
        padding:0 10px !important;
    }

    .ecm-icon,
    .ecm-more-icon{
        width:16px !important;
        height:16px !important;
        flex-basis:16px !important;
    }

    .ec-mobile-panel{
        width:calc(100vw - 24px) !important;
    }
}


/* =========================================================
   EC MOBILE TOOLS DROPDOWN V8
   ========================================================= */

@media (max-width:900px){

    .ec-mobile-main{
        position:relative !important;
    }

    .ec-mobile-tools{
        position:static !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .ec-mobile-tools > summary{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        min-width:0 !important;
        min-height:56px !important;

        gap:6px !important;
        padding:0 8px !important;

        list-style:none !important;

        color:#0f4f84 !important;
        background:#f4f9fd !important;

        border:1px solid #d9e8f4 !important;
        border-radius:14px !important;

        font-family:
            "Segoe UI Variable",
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:15px !important;
        font-weight:700 !important;

        line-height:1 !important;
        white-space:nowrap !important;

        cursor:pointer !important;

        box-sizing:border-box !important;
    }

    .ec-mobile-tools > summary::-webkit-details-marker{
        display:none !important;
    }

    .ec-mobile-tools > summary:hover{
        color:#0878bb !important;
        background:#eef6fc !important;
    }

    .ec-mobile-tools[open] > summary{
        color:#0878bb !important;
        background:#eaf6fd !important;
        border-color:#c9e3f4 !important;
    }

    .ec-mobile-tools[open] .ecm-chevron{
        transform:rotate(180deg) !important;
    }


    /*
     * Tanto Ferramentas quanto Mais abrem um painel
     * abaixo da grade inteira, sem sair da tela.
     */
    .ec-mobile-tools .ec-mobile-panel,
    .ec-mobile-more .ec-mobile-panel{
        position:absolute !important;

        top:calc(100% + 10px) !important;
        left:0 !important;
        right:auto !important;

        transform:none !important;

        width:100% !important;
        max-width:none !important;

        max-height:68vh !important;
        overflow-y:auto !important;

        padding:10px !important;

        background:#fff !important;

        border:1px solid #d9e7f2 !important;
        border-radius:14px !important;

        box-shadow:
            0 18px 42px rgba(12,49,78,.18) !important;

        z-index:99999 !important;

        box-sizing:border-box !important;
    }


    /*
     * Ferramenta principal recebe destaque.
     */
    .ec-tools-panel .ec-tool-featured{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;

        min-height:65px !important;

        margin-bottom:5px !important;
        padding:9px 12px !important;

        background:#eef8fe !important;

        border:1px solid #d3e9f7 !important;
        border-radius:10px !important;

        color:#075f98 !important;
    }

    .ec-tools-panel .ec-tool-featured strong{
        display:block !important;

        font-size:15px !important;
        line-height:1.25 !important;
        font-weight:800 !important;
    }

    .ec-tools-panel .ec-tool-featured small{
        display:block !important;

        margin-top:3px !important;

        color:#6c879b !important;

        font-size:12px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
    }


    /*
     * "Ver todas" no final.
     */
    .ec-tools-panel .ec-tools-all{
        color:#0878bb !important;
        background:#f6fbfe !important;

        font-weight:800 !important;
    }
}


/* =========================================================
   EC MOBILE DROPDOWN POSITION V9
   Dropdown nasce diretamente abaixo de Ferramentas
   ========================================================= */

@media (max-width:900px){

    /*
     * Ferramentas vira a referência física do dropdown.
     */
    .ec-mobile-tools{
        position:relative !important;
        z-index:10000 !important;
    }


    /*
     * O painel começa IMEDIATAMENTE abaixo do botão
     * Ferramentas, não abaixo da segunda linha.
     *
     * Como Ferramentas ocupa a primeira coluna,
     * o painel se expande para a largura das duas colunas.
     */
    .ec-mobile-tools .ec-mobile-panel,
    .ec-mobile-tools .ec-tools-panel{
        position:absolute !important;

        top:calc(100% + 7px) !important;
        left:0 !important;
        right:auto !important;

        transform:none !important;

        width:calc(200% + 10px) !important;
        max-width:calc(100vw - 32px) !important;

        margin:0 !important;
        padding:10px !important;

        background:#ffffff !important;

        border:1px solid #d7e6f2 !important;
        border-radius:14px !important;

        box-shadow:
            0 16px 38px rgba(12,49,78,.18) !important;

        z-index:100001 !important;
    }


    /*
     * Dá destaque visual ao botão enquanto aberto.
     */
    .ec-mobile-tools[open] > summary{
        background:#e8f5fd !important;
        border-color:#bcdff3 !important;
        color:#066da9 !important;

        box-shadow:
            0 3px 9px rgba(7,108,170,.08) !important;
    }


    /*
     * Garante que os botões da linha de baixo fiquem
     * ATRÁS do dropdown.
     */
    .ec-mobile-main > .ecm-link,
    .ec-mobile-main > .ec-mobile-more{
        position:relative !important;
        z-index:1 !important;
    }

    .ec-mobile-main > .ec-mobile-tools{
        z-index:20 !important;
    }


    /*
     * Links internos com área de toque confortável.
     */
    .ec-tools-panel > a{
        min-height:46px !important;
    }

    .ec-tools-panel .ec-tool-featured{
        min-height:68px !important;
    }
}


@media (max-width:380px){

    .ec-mobile-tools .ec-mobile-panel,
    .ec-mobile-tools .ec-tools-panel{
        width:calc(200% + 10px) !important;
        max-width:calc(100vw - 24px) !important;
    }
}

/* EC TOOLS UNIFORM V10 */
@media (max-width:900px){

    .ec-tools-panel .ec-tool-featured{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;

        min-height:46px !important;

        margin:0 !important;
        padding:0 11px !important;

        background:#fff !important;
        border:0 !important;
        border-radius:8px !important;

        color:#173f5f !important;
    }

    .ec-tools-panel .ec-tool-featured strong{
        font-size:15px !important;
        font-weight:650 !important;
        line-height:1.3 !important;
    }

    .ec-tools-panel .ec-tool-featured small{
        display:none !important;
    }
}


/* =========================================================
   EC TOOLS PANEL VISUAL V1
   Título mais forte + lista mais limpa
   ========================================================= */

/* caixa do dropdown */
.ec-tools-dropdown,
.ecm-tools-dropdown,
.ec-tools-menu,
.ecm-tools-menu{
    background:#ffffff !important;
    border:1px solid #d9e6f2 !important;
    border-radius:18px !important;
    box-shadow:0 14px 34px rgba(10,40,80,.10) !important;
    padding:18px 18px 14px !important;
}

/* título do bloco */
.ec-tools-dropdown h4,
.ecm-tools-dropdown h4,
.ec-tools-menu h4,
.ecm-tools-menu h4,
.ec-tools-title,
.ecm-tools-title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 14px 0 !important;
    padding:0 0 10px 0 !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
    color:#123b63 !important;
    border-bottom:1px solid #e5eef6 !important;
}

/* pequeno ícone visual antes do título */
.ec-tools-dropdown h4::before,
.ecm-tools-dropdown h4::before,
.ec-tools-menu h4::before,
.ecm-tools-menu h4::before,
.ec-tools-title::before,
.ecm-tools-title::before{
    content:"✦";
    font-size:14px;
    color:#1f88d9;
}

/* subtítulo opcional, se existir */
.ec-tools-subtitle,
.ecm-tools-subtitle{
    display:block !important;
    margin:-6px 0 14px 0 !important;
    font-size:13px !important;
    color:#6f859b !important;
    font-weight:500 !important;
}

/* listas */
.ec-tools-dropdown ul,
.ecm-tools-dropdown ul,
.ec-tools-menu ul,
.ecm-tools-menu ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* itens */
.ec-tools-dropdown li,
.ecm-tools-dropdown li,
.ec-tools-menu li,
.ecm-tools-menu li{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

/* links das ferramentas */
.ec-tools-dropdown li a,
.ecm-tools-dropdown li a,
.ec-tools-menu li a,
.ecm-tools-menu li a{
    display:block !important;
    padding:12px 12px !important;
    margin:0 0 6px 0 !important;
    border-radius:12px !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#1d466e !important;
    background:transparent !important;
    border:1px solid transparent !important;
    transition:all .18s ease !important;
}

/* hover dos links */
.ec-tools-dropdown li a:hover,
.ecm-tools-dropdown li a:hover,
.ec-tools-menu li a:hover,
.ecm-tools-menu li a:hover{
    background:#f3f8fd !important;
    border-color:#d7e7f5 !important;
    color:#0d5ea8 !important;
    transform:none !important;
}

/* remove destaque diferente do primeiro item */
.ec-tools-dropdown li:first-child a,
.ecm-tools-dropdown li:first-child a,
.ec-tools-menu li:first-child a,
.ecm-tools-menu li:first-child a{
    background:transparent !important;
    border-color:transparent !important;
    padding:12px 12px !important;
}

/* remove cartões especiais antigos, se houver */
.ec-tools-featured,
.ecm-tools-featured,
.ec-tools-card,
.ecm-tools-card{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
}

/* mobile */
@media (max-width: 768px){
    .ec-tools-dropdown,
    .ecm-tools-dropdown,
    .ec-tools-menu,
    .ecm-tools-menu{
        padding:16px 14px 12px !important;
        border-radius:16px !important;
    }

    .ec-tools-dropdown h4,
    .ecm-tools-dropdown h4,
    .ec-tools-menu h4,
    .ecm-tools-menu h4,
    .ec-tools-title,
    .ecm-tools-title{
        font-size:17px !important;
        margin-bottom:12px !important;
    }

    .ec-tools-dropdown li a,
    .ecm-tools-dropdown li a,
    .ec-tools-menu li a,
    .ecm-tools-menu li a{
        font-size:15px !important;
        padding:11px 10px !important;
    }
}



/* =========================================================
   EC TOOLS MINIMAL V12
   Hierarquia simples e profissional
   ========================================================= */

@media (max-width:900px){

    /* caixa principal */
    .ec-mobile-tools .ec-tools-panel{
        padding:14px 16px 12px !important;
        background:#fff !important;

        border:1px solid #d5e5f1 !important;
        border-radius:16px !important;

        box-shadow:
            0 12px 28px rgba(15,52,80,.12) !important;
    }


    /* título */
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title{
        display:block !important;

        min-height:0 !important;

        margin:0 0 10px 0 !important;
        padding:2px 0 11px 13px !important;

        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #e4edf4 !important;
        border-radius:0 !important;

        color:#0e4169 !important;

        font-size:17px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        letter-spacing:-.1px !important;
        text-transform:none !important;

        position:relative !important;
    }


    /* pequeno traço azul */
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title::before{
        content:"" !important;

        position:absolute !important;
        left:0 !important;
        top:3px !important;

        width:4px !important;
        height:20px !important;

        background:#118bd2 !important;

        border:0 !important;
        border-radius:4px !important;

        transform:none !important;
    }


    .ec-mobile-tools .ec-tools-panel .ecm-panel-title::after{
        display:none !important;
        content:none !important;
    }


    /* ferramentas */
    .ec-mobile-tools .ec-tools-panel > a,
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;

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

        margin:0 !important;
        padding:8px 8px !important;

        color:#173f60 !important;
        background:transparent !important;

        border:0 !important;
        border-radius:8px !important;

        box-shadow:none !important;

        font-size:15px !important;
        line-height:1.3 !important;
        font-weight:600 !important;

        text-decoration:none !important;
    }


    /* primeira igual às demais */
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured strong{
        font:inherit !important;
        color:inherit !important;
    }

    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured small{
        display:none !important;
    }


    /* hover discreto */
    .ec-mobile-tools .ec-tools-panel > a:hover,
    .ec-mobile-tools .ec-tools-panel > a:focus{
        color:#0874b4 !important;
        background:#f2f8fc !important;
    }


    /* elimina setas/eventuais decorações antigas */
    .ec-mobile-tools .ec-tools-panel > a::before,
    .ec-mobile-tools .ec-tools-panel > a::after{
        display:none !important;
        content:none !important;
    }
}


/* =========================================================
   EC MORE MINIMAL V13
   Mesmo padrão visual do dropdown Ferramentas
   ========================================================= */

@media (max-width:900px){

    /* painel */
    .ec-mobile-more .ec-mobile-panel{
        padding:14px 16px 12px !important;

        background:#fff !important;

        border:1px solid #d5e5f1 !important;
        border-radius:16px !important;

        box-shadow:
            0 12px 28px rgba(15,52,80,.12) !important;
    }


    /* título principal: Navegação */
    .ec-mobile-more .ecm-panel-title{
        position:relative !important;

        display:block !important;

        min-height:0 !important;

        margin:0 0 8px 0 !important;
        padding:2px 0 11px 13px !important;

        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #e4edf4 !important;
        border-radius:0 !important;

        color:#0e4169 !important;

        font-size:17px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        letter-spacing:-.1px !important;
        text-transform:none !important;
    }


    /* traço azul igual ao Ferramentas */
    .ec-mobile-more .ecm-panel-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:3px !important;

        width:4px !important;
        height:20px !important;

        background:#118bd2 !important;

        border-radius:4px !important;
    }


    .ec-mobile-more .ecm-panel-title::after{
        display:none !important;
        content:none !important;
    }


    /* Dimensionamento / Preços */
    .ec-mobile-more .ec-mobile-panel > a{
        display:flex !important;
        align-items:center !important;

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

        margin:0 !important;
        padding:8px 8px !important;

        color:#173f60 !important;
        background:transparent !important;

        border:0 !important;
        border-radius:8px !important;

        font-size:15px !important;
        line-height:1.3 !important;
        font-weight:600 !important;

        text-decoration:none !important;
    }


    /* grupos: Aplicações / Serviços / Exaustão Certa */
    .ec-mobile-more .ecm-group{
        margin:9px 0 0 0 !important;
        padding:10px 0 0 0 !important;

        border-top:1px solid #e5edf4 !important;
    }


    .ec-mobile-more .ecm-group-title{
        position:relative !important;

        margin:0 0 3px 0 !important;
        padding:3px 8px 5px 12px !important;

        color:#315c7c !important;

        font-size:14px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        letter-spacing:0 !important;
        text-transform:none !important;
    }


    /* pequeno traço para cada seção */
    .ec-mobile-more .ecm-group-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:5px !important;

        width:3px !important;
        height:15px !important;

        background:#9bcce9 !important;

        border-radius:3px !important;
    }


    /* links internos */
    .ec-mobile-more .ecm-group > a{
        display:flex !important;
        align-items:center !important;

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

        margin:0 !important;
        padding:7px 8px !important;

        color:#234b69 !important;
        background:transparent !important;

        border:0 !important;
        border-radius:8px !important;

        font-size:14.5px !important;
        line-height:1.3 !important;
        font-weight:600 !important;

        text-decoration:none !important;
    }


    /* hover uniforme */
    .ec-mobile-more .ec-mobile-panel > a:hover,
    .ec-mobile-more .ec-mobile-panel > a:focus,
    .ec-mobile-more .ecm-group > a:hover,
    .ec-mobile-more .ecm-group > a:focus{
        color:#0874b4 !important;
        background:#f2f8fc !important;
    }


    /* remove qualquer seta/decoracao antiga dos links */
    .ec-mobile-more .ec-mobile-panel > a::before,
    .ec-mobile-more .ec-mobile-panel > a::after,
    .ec-mobile-more .ecm-group > a::before,
    .ec-mobile-more .ecm-group > a::after{
        display:none !important;
        content:none !important;
    }
}



/* =========================================================
   EC MOBILE POLISH V14
   ========================================================= */

@media (max-width:900px){

    /*
     * 1. PRIMEIRA FERRAMENTA
     * Ela ainda herdava centralização de uma versão antiga.
     */
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured{
        justify-content:flex-start !important;
        align-items:center !important;
        text-align:left !important;
    }

    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured strong{
        display:block !important;
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
        text-align:left !important;
    }


    /*
     * Todas as ferramentas começam exatamente
     * no mesmo alinhamento.
     */
    .ec-mobile-tools .ec-tools-panel > a{
        justify-content:flex-start !important;
        text-align:left !important;

        padding-left:8px !important;
        padding-right:8px !important;
    }


    /*
     * 2. HOME
     * Remove o grande vazio entre o header e o título.
     */
    body.home .site-content{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    body.home .inside-article{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    body.home .entry-content{
        margin-top:0 !important;
        padding-top:0 !important;
    }

    /*
     * Primeiro bloco da página inicial = hero.
     * Mantemos respiro, mas não aquele vazio enorme.
     */
    body.home .entry-content > div:first-child{
        margin-top:0 !important;
        padding-top:42px !important;
    }

    /*
     * Título do hero.
     */
    body.home .entry-content h1:first-of-type{
        margin-top:0 !important;
    }
}



/* =========================================================
   EC HOME MOBILE WIDE V15
   Pré-dimensionador aproveita a largura do celular
   ========================================================= */

@media (max-width:900px){

    /* área geral da home */
    body.home .site-content{
        width:100% !important;
        max-width:100% !important;

        padding-left:8px !important;
        padding-right:8px !important;

        box-sizing:border-box !important;
    }

    body.home .content-area,
    body.home .site-main,
    body.home article,
    body.home .inside-article,
    body.home .entry-content{
        width:100% !important;
        max-width:none !important;

        box-sizing:border-box !important;
    }

    body.home .inside-article{
        padding-left:8px !important;
        padding-right:8px !important;
    }


    /*
     * Qualquer container do pré-dimensionador que contenha
     * campos ec2 deixa de ficar preso em max-width estreito.
     */
    body.home .entry-content div:has([id^="ec2-"]),
    body.home .entry-content section:has([id^="ec2-"]),
    body.home .entry-content form:has([id^="ec2-"]){
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * Container principal do pré-dimensionador:
     * pouca margem interna, em vez daquele corredor estreito.
     */
    body.home .entry-content > *:has([id^="ec2-"]){
        width:100% !important;
        max-width:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:14px !important;
        padding-right:14px !important;

        box-sizing:border-box !important;
    }


    /* campos ocupam toda a largura disponível */
    body.home select[id^="ec2-"],
    body.home input[id^="ec2-"]:not([type="checkbox"]):not([type="radio"]),
    body.home textarea[id^="ec2-"]{
        display:block !important;

        width:100% !important;
        max-width:none !important;

        box-sizing:border-box !important;
    }
}


/* telas muito pequenas */
@media (max-width:380px){

    body.home .site-content,
    body.home .inside-article{
        padding-left:5px !important;
        padding-right:5px !important;
    }

    body.home .entry-content > *:has([id^="ec2-"]){
        padding-left:10px !important;
        padding-right:10px !important;
    }
}


/* =========================================================
   EC HOME MOBILE WIDE +30 V16
   ========================================================= */

@media (max-width:900px){

    body.home .entry-content > *:has([id^="ec2-"]){
        width:130% !important;
        max-width:calc(100vw - 18px) !important;

        position:relative !important;
        left:50% !important;
        transform:translateX(-50%) !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:16px !important;
        padding-right:16px !important;

        box-sizing:border-box !important;
    }

    body.home .entry-content div:has([id^="ec2-"]),
    body.home .entry-content section:has([id^="ec2-"]),
    body.home .entry-content form:has([id^="ec2-"]){
        max-width:100% !important;
    }

    body.home select[id^="ec2-"],
    body.home input[id^="ec2-"]:not([type="checkbox"]):not([type="radio"]),
    body.home textarea[id^="ec2-"]{
        width:100% !important;
        max-width:100% !important;
    }
}


/* =========================================================
   EC HOME MOBILE WIDE +30 V16
   ========================================================= */

@media (max-width:900px){

    body.home .entry-content > *:has([id^="ec2-"]){
        width:130% !important;
        max-width:calc(100vw - 18px) !important;

        position:relative !important;
        left:50% !important;
        transform:translateX(-50%) !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:16px !important;
        padding-right:16px !important;

        box-sizing:border-box !important;
    }

    body.home .entry-content div:has([id^="ec2-"]),
    body.home .entry-content section:has([id^="ec2-"]),
    body.home .entry-content form:has([id^="ec2-"]){
        max-width:100% !important;
    }

    body.home select[id^="ec2-"],
    body.home input[id^="ec2-"]:not([type="checkbox"]):not([type="radio"]),
    body.home textarea[id^="ec2-"]{
        width:100% !important;
        max-width:100% !important;
    }
}


/* =========================================================
   EC TOOLS TYPOGRAPHY V17
   Hierarquia tipográfica mais equilibrada
   ========================================================= */

@media (max-width:900px){

    /* painel um pouco mais compacto */
    .ec-mobile-tools .ec-tools-panel{
        padding:14px 18px 14px !important;
    }


    /* título */
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title{
        margin:0 0 8px 0 !important;
        padding:4px 0 12px 14px !important;

        color:#103f63 !important;

        font-size:17px !important;
        line-height:1.15 !important;
        font-weight:750 !important;

        letter-spacing:-.15px !important;
    }


    /* traço azul mais discreto */
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title::before{
        width:4px !important;
        height:22px !important;
        top:2px !important;

        background:#1594d4 !important;
    }


    /* lista */
    .ec-mobile-tools .ec-tools-panel > a,
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured{
        min-height:0 !important;

        padding:12px 10px !important;
        margin:0 !important;

        color:#214968 !important;

        font-size:14.5px !important;
        line-height:1.3 !important;
        font-weight:600 !important;

        letter-spacing:0 !important;

        justify-content:flex-start !important;
        text-align:left !important;
    }


    /* primeira ferramenta exatamente igual */
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured strong{
        font-size:14.5px !important;
        line-height:1.3 !important;
        font-weight:600 !important;
        color:#214968 !important;
    }


    /* respiro sutil entre itens, sem parecer lista gigante */
    .ec-mobile-tools .ec-tools-panel > a + a{
        margin-top:2px !important;
    }


    /* hover */
    .ec-mobile-tools .ec-tools-panel > a:hover,
    .ec-mobile-tools .ec-tools-panel > a:focus{
        background:#f4f9fc !important;
        color:#0877b8 !important;
    }
}

/* =========================================================
   EC TOOLS HIERARCHY V18
   Título claramente dominante + itens leves
   ========================================================= */

@media (max-width:900px){

    .site-header .ec-mobile-nav .ec-mobile-tools .ec-tools-panel{
        padding:16px 18px 14px !important;
    }


    /* TÍTULO */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title{
        display:block !important;

        margin:0 0 7px !important;
        padding:3px 0 14px 15px !important;

        color:#093b61 !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #dfeaf2 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:20px !important;
        font-weight:800 !important;
        line-height:1.15 !important;
        letter-spacing:-.4px !important;

        text-transform:none !important;
    }

    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title::before{
        content:"" !important;

        position:absolute !important;
        left:0 !important;
        top:3px !important;

        width:4px !important;
        height:23px !important;

        background:#1292d4 !important;
        border-radius:4px !important;
    }

    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel .ecm-panel-title::after{
        display:none !important;
        content:none !important;
    }


    /* TODAS AS FERRAMENTAS */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a,
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured{
        position:relative !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;

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

        margin:0 !important;
        padding:10px 8px 10px 22px !important;

        color:#31536c !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #eef3f6 !important;
        border-radius:0 !important;

        box-shadow:none !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.3 !important;
        letter-spacing:0 !important;

        text-align:left !important;
        text-decoration:none !important;
    }


    /* marcador pequeno */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a::before{
        content:"" !important;

        display:block !important;
        position:absolute !important;

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

        width:5px !important;
        height:5px !important;

        transform:translateY(-50%) !important;

        background:#1592d1 !important;
        border-radius:50% !important;
    }


    /* sem seta */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a::after{
        display:none !important;
        content:none !important;
    }


    /* primeira ferramenta sem qualquer privilégio visual */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured strong{
        display:inline !important;

        margin:0 !important;
        padding:0 !important;

        color:inherit !important;

        font-family:inherit !important;
        font-size:inherit !important;
        font-weight:inherit !important;
        line-height:inherit !important;
    }

    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a.ec-tool-featured small{
        display:none !important;
    }


    /* último item sem linha */
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a:last-of-type{
        border-bottom:0 !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a:hover,
    .site-header .ec-mobile-nav
    .ec-mobile-tools .ec-tools-panel > a:focus{
        color:#0871ad !important;
        background:#f5fafd !important;
        border-radius:7px !important;
    }
}


/* =========================================================
   EC MORE HIERARCHY V19
   Mesmo padrão tipográfico do Ferramentas V18
   ========================================================= */

@media (max-width:900px){

    /*
     * PAINEL MAIS
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel{
        padding:16px 18px 14px !important;
    }


    /*
     * TÍTULO PRINCIPAL: Navegação
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title{
        position:relative !important;

        display:block !important;

        margin:0 0 7px !important;
        padding:3px 0 14px 15px !important;

        color:#093b61 !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #dfeaf2 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:20px !important;
        font-weight:800 !important;
        line-height:1.15 !important;
        letter-spacing:-.4px !important;

        text-transform:none !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:3px !important;

        width:4px !important;
        height:23px !important;

        background:#1292d4 !important;
        border-radius:4px !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title::after{
        display:none !important;
        content:none !important;
    }


    /*
     * LINKS DIRETOS:
     * Dimensionamento / Preços
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

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

        margin:0 !important;
        padding:10px 8px 10px 22px !important;

        color:#31536c !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #eef3f6 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.3 !important;

        text-align:left !important;
        text-decoration:none !important;
    }


    /* marcador azul */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a::before{
        content:"" !important;

        display:block !important;
        position:absolute !important;

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

        width:5px !important;
        height:5px !important;

        transform:translateY(-50%) !important;

        background:#1592d1 !important;
        border-radius:50% !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a::after{
        display:none !important;
        content:none !important;
    }


    /*
     * GRUPOS:
     * Aplicações / Serviços / Exaustão Certa
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group{
        margin:10px 0 0 !important;
        padding:11px 0 0 !important;

        border-top:1px solid #dfeaf2 !important;
    }


    /*
     * Títulos dos grupos
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group-title{
        position:relative !important;

        display:block !important;

        margin:0 0 3px !important;
        padding:3px 0 7px 13px !important;

        color:#164766 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:15.5px !important;
        font-weight:750 !important;
        line-height:1.2 !important;

        letter-spacing:-.15px !important;
        text-transform:none !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:4px !important;

        width:3px !important;
        height:17px !important;

        background:#7fc3e8 !important;
        border-radius:3px !important;
    }


    /*
     * Itens de cada grupo
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

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

        margin:0 !important;
        padding:9px 8px 9px 22px !important;

        color:#31536c !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #f0f4f7 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.3 !important;

        text-align:left !important;
        text-decoration:none !important;
    }


    /*
     * Bolinha discreta nos itens
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a::before{
        content:"" !important;

        display:block !important;
        position:absolute !important;

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

        width:5px !important;
        height:5px !important;

        transform:translateY(-50%) !important;

        background:#9bcce7 !important;
        border-radius:50% !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a::after{
        display:none !important;
        content:none !important;
    }


    /*
     * Hover igual ao Ferramentas
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a:hover,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a:focus,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:hover,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:focus{
        color:#0871ad !important;
        background:#f5fafd !important;

        border-radius:7px !important;
    }


    /*
     * Últimos itens sem linha desnecessária
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:last-child{
        border-bottom:0 !important;
    }
}


/* =========================================================
   EC MORE HIERARCHY V19
   Mesmo padrão tipográfico do Ferramentas V18
   ========================================================= */

@media (max-width:900px){

    /*
     * PAINEL MAIS
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel{
        padding:16px 18px 14px !important;
    }


    /*
     * TÍTULO PRINCIPAL: Navegação
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title{
        position:relative !important;

        display:block !important;

        margin:0 0 7px !important;
        padding:3px 0 14px 15px !important;

        color:#093b61 !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #dfeaf2 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:20px !important;
        font-weight:800 !important;
        line-height:1.15 !important;
        letter-spacing:-.4px !important;

        text-transform:none !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:3px !important;

        width:4px !important;
        height:23px !important;

        background:#1292d4 !important;
        border-radius:4px !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-panel-title::after{
        display:none !important;
        content:none !important;
    }


    /*
     * LINKS DIRETOS:
     * Dimensionamento / Preços
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

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

        margin:0 !important;
        padding:10px 8px 10px 22px !important;

        color:#31536c !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #eef3f6 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.3 !important;

        text-align:left !important;
        text-decoration:none !important;
    }


    /* marcador azul */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a::before{
        content:"" !important;

        display:block !important;
        position:absolute !important;

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

        width:5px !important;
        height:5px !important;

        transform:translateY(-50%) !important;

        background:#1592d1 !important;
        border-radius:50% !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a::after{
        display:none !important;
        content:none !important;
    }


    /*
     * GRUPOS:
     * Aplicações / Serviços / Exaustão Certa
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group{
        margin:10px 0 0 !important;
        padding:11px 0 0 !important;

        border-top:1px solid #dfeaf2 !important;
    }


    /*
     * Títulos dos grupos
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group-title{
        position:relative !important;

        display:block !important;

        margin:0 0 3px !important;
        padding:3px 0 7px 13px !important;

        color:#164766 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:15.5px !important;
        font-weight:750 !important;
        line-height:1.2 !important;

        letter-spacing:-.15px !important;
        text-transform:none !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group-title::before{
        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:4px !important;

        width:3px !important;
        height:17px !important;

        background:#7fc3e8 !important;
        border-radius:3px !important;
    }


    /*
     * Itens de cada grupo
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

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

        margin:0 !important;
        padding:9px 8px 9px 22px !important;

        color:#31536c !important;
        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid #f0f4f7 !important;
        border-radius:0 !important;

        font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
        font-size:14px !important;
        font-weight:500 !important;
        line-height:1.3 !important;

        text-align:left !important;
        text-decoration:none !important;
    }


    /*
     * Bolinha discreta nos itens
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a::before{
        content:"" !important;

        display:block !important;
        position:absolute !important;

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

        width:5px !important;
        height:5px !important;

        transform:translateY(-50%) !important;

        background:#9bcce7 !important;
        border-radius:50% !important;
    }


    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a::after{
        display:none !important;
        content:none !important;
    }


    /*
     * Hover igual ao Ferramentas
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a:hover,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel > a:focus,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:hover,
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:focus{
        color:#0871ad !important;
        background:#f5fafd !important;

        border-radius:7px !important;
    }


    /*
     * Últimos itens sem linha desnecessária
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ecm-group > a:last-child{
        border-bottom:0 !important;
    }
}


/* =========================================================
   EC MORE FULL WIDTH V21
   Faz o dropdown Mais ocupar toda a largura do menu mobile
   ========================================================= */

@media (max-width:900px){

    /*
     * A grade inteira passa a ser a referência do dropdown.
     */
    .ec-mobile-main{
        position:relative !important;
    }

    /*
     * Remove o botão Mais como referência de posicionamento.
     */
    .ec-mobile-more{
        position:static !important;
    }

    /*
     * Painel Mais igual ao painel Ferramentas:
     * largura total das duas colunas.
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel{
        position:absolute !important;

        top:calc(100% + 10px) !important;
        left:0 !important;
        right:auto !important;

        transform:none !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        z-index:100001 !important;

        box-sizing:border-box !important;
    }

    /*
     * Garante que o dropdown fique por cima do conteúdo.
     */
    .ec-mobile-more[open]{
        z-index:10000 !important;
    }
}


/* =========================================================
   EC MORE FULL WIDTH V22
   Mais ocupa exatamente as duas colunas do menu mobile
   ========================================================= */

@media (max-width:900px){

    /*
     * Mais está na coluna da direita.
     * Ele será a referência do dropdown.
     */
    .site-header .ec-mobile-nav .ec-mobile-more{
        position:relative !important;
        z-index:9000 !important;
    }


    /*
     * Volta uma coluna inteira para a esquerda
     * e ocupa as duas colunas + o gap de 10px.
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel{

        position:absolute !important;

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

        left:calc(-100% - 10px) !important;
        right:auto !important;

        transform:none !important;

        width:calc(200% + 10px) !important;
        max-width:none !important;

        margin:0 !important;

        box-sizing:border-box !important;

        z-index:9001 !important;
    }


    /*
     * Garante que nenhuma regra antiga limite
     * o painel à largura do botão Mais.
     */
    .site-header .ec-mobile-nav
    .ec-mobile-more[open] .ec-mobile-panel{
        left:calc(-100% - 10px) !important;
        right:auto !important;

        width:calc(200% + 10px) !important;
        max-width:none !important;
    }

}


/* celulares mais estreitos continuam iguais */
@media (max-width:380px){

    .site-header .ec-mobile-nav
    .ec-mobile-more .ec-mobile-panel,
    .site-header .ec-mobile-nav
    .ec-mobile-more[open] .ec-mobile-panel{

        left:calc(-100% - 10px) !important;
        width:calc(200% + 10px) !important;
        max-width:none !important;
    }
}


/* EC TOOLS ABOVE MORE V23 */
@media (max-width:900px){

    /*
     * Estado normal:
     * Ferramentas já fica acima do botão Mais.
     */
    .site-header .ec-mobile-nav .ec-mobile-tools{
        position:relative !important;
        z-index:10 !important;
    }

    .site-header .ec-mobile-nav .ec-mobile-more{
        position:relative !important;
        z-index:1 !important;
    }

    /*
     * Ao abrir Ferramentas, sobe TODO o details,
     * não apenas o painel interno.
     */
    .site-header .ec-mobile-nav .ec-mobile-tools[open]{
        z-index:300000 !important;
    }

    .site-header .ec-mobile-nav
    .ec-mobile-tools[open] > .ec-mobile-panel,
    .site-header .ec-mobile-nav
    .ec-mobile-tools[open] > .ec-tools-panel{
        z-index:300001 !important;
    }

    /*
     * Quando o Mais for aberto, ele também pode
     * subir normalmente.
     */
    .site-header .ec-mobile-nav .ec-mobile-more[open]{
        z-index:300000 !important;
    }

    .site-header .ec-mobile-nav
    .ec-mobile-more[open] > .ec-mobile-panel{
        z-index:300001 !important;
    }
}

/* =========================================================
   EC REMOVE GENERATEPRESS DEFAULT FOOTER
   ========================================================= */

.site-info{
    display:none !important;
}


/* =========================================================
   EC REMOVE GENERATEPRESS DEFAULT FOOTER
   ========================================================= */

.site-info{
    display:none !important;
}


/* =========================================================
   EC REMOVE GENERATEPRESS DEFAULT FOOTER
   ========================================================= */

.site-info{
    display:none !important;
}