@import url("/Style%20Library/css/fonts-nm-root.css");
@import url("/Style%20Library/css/cores-nm-root.css");
@import url("/Style%20Library/css/escala-nm-root.css");
@import url("/Style%20Library/css/titulos-nm-root.css");
/* ===== FONTES DO EDITOR DO SHAREPOINT ===== */
/* Classes disponibilizadas no editor de texto rico do SharePoint.
   Cada classe combina família, peso e estilo definidos em fonts-nm-root.css. */
.ms-rteFontFace-caixa-display-light {
    -ms-name: "CaixaDisplay Light";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-light) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-display-light-italic {
    -ms-name: "CaixaDisplay Light Italic";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-light) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-display-regular {
    -ms-name: "CaixaDisplay Regular";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-regular) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-display-italic {
    -ms-name: "CaixaDisplay Italic";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-regular) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-display-medium {
    -ms-name: "CaixaDisplay Medium";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-medium) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-display-medium-italic {
    -ms-name: "CaixaDisplay Medium Italic";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-medium) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-display-bold {
    -ms-name: "CaixaDisplay Bold";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-bold) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-display-bold-italic {
    -ms-name: "CaixaDisplay Bold Italic";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-bold) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-display-extrabold {
    -ms-name: "CaixaDisplay ExtraBold";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-extrabold) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-display-extrabold-italic {
    -ms-name: "CaixaDisplay ExtraBold Italic";
    font-family: "CaixaDisplay" !important;
    font-weight: var(--peso-extrabold) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-text-light {
    -ms-name: "CaixaText Light";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-light) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-text-light-italic {
    -ms-name: "CaixaText Light Italic";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-light) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-text-regular {
    -ms-name: "CaixaText Regular";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-regular) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-text-italic {
    -ms-name: "CaixaText Italic";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-regular) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-text-medium {
    -ms-name: "CaixaText Medium";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-medium) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-text-medium-italic {
    -ms-name: "CaixaText Medium Italic";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-medium) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-text-bold {
    -ms-name: "CaixaText Bold";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-bold) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-text-bold-italic {
    -ms-name: "CaixaText Bold Italic";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-bold) !important;
    font-style: var(--estilo-italico) !important;
}

.ms-rteFontFace-caixa-text-extrabold {
    -ms-name: "CaixaText ExtraBold";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-extrabold) !important;
    font-style: var(--estilo-normal) !important;
}

.ms-rteFontFace-caixa-text-extrabold-italic {
    -ms-name: "CaixaText ExtraBold Italic";
    font-family: "CaixaText" !important;
    font-weight: var(--peso-extrabold) !important;
    font-style: var(--estilo-italico) !important;
}

/* ===== BASE ===== */
* {
    box-sizing: border-box;
    padding: 0;
}

body {
    margin: 0;
    background-color: var(--caixa-ui-porcelana);
}

footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

.hide {
    display: none;
}

.oculto {
    display: none;
}

.span-oculto {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.edicao {
    position: relative !important;
}

:focus-visible {
    outline-color: var(--caixa-azul-profundo);
}

.ms-cui-menu,
.contextMenuPopup,
.ms-core-menu-box,
.ms-dlgContent {
    z-index: 9999999 !important;
}

/* ===== BOTÃO DE ACESSIBILIDADE ===== */
/* Botão fixo que abre o recurso de Libras.
   Validar posição, área de acionamento, contraste e foco visível em cada breakpoint. */
.botao-acessibilidade {
    position: fixed;
    width: var(--scale-300);
    height: var(--scale-300);
    top: 11.875rem;
    right: 0.9375rem;
    z-index: 99999;
    border-radius: 50%;
    box-shadow: 0 0.1875rem 0.375rem 0 var(--caixa-azul-principal);
    cursor: pointer;
    background: var(--caixa-azul-principal) url("/Style%20Library/images/ic-libras-azul-v1.png");
    background-size: 100% !important;
    border: none;
    min-width: var(--scale-300);
}

    .botao-acessibilidade:hover {
        background: var(--caixa-azul-principal) url("/Style%20Library/images/ic-libras-cinza-v1.png");
    }

/* ===== HEADER ===== */
/* Cabeçalho principal: navegação, busca, acesso à conta, submenus e versões
   responsivas. IDs e classes são integrações existentes do SharePoint. */
.submenu-title {
    font-family: var(--fonte-texto);
    font-weight: var(--peso-regular);
    color: var(--caixa-azul-principal);
}

#header-home .header-content {
    padding-left: 0;
}

#main-nav-novo,
/* Submenu expansível do cabeçalho.
   O estado visível depende de .hover-popover e de .header-hover:hover. */
.popover-header {
    width: 100% !important;
    box-sizing: border-box;
}

/* Barra principal de navegação.
   A posição muda para o fluxo normal no breakpoint definido abaixo. */
#main-nav-novo {
    top: 0;
    height: var(--scale-475);
    display: flex;
    justify-content: space-between;
    background-color: var(--caixa-azul-principal);
    position: absolute;
    z-index: 99999;
    padding-top: var(--scale-100);
    padding-right: var(--scale-875);
    padding-left: var(--scale-875);
    border-radius: 0 0 var(--scale-150) var(--scale-150);
}

@media(max-width: 72.4375rem) {
    #main-nav-novo {
        position: inherit;
    }
}

#main-nav-novo a {
    text-decoration: none;
    font-family: var(--fonte-texto);
}

.header-lista {
    display: flex;
    height: 4.375rem;
    padding: var(--scale-000);
    margin-top: var(--scale-050);
}

    .header-lista li {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 0 var(--scale-125) 0 var(--scale-050);
        --leftBeforePopover: 0;
    }

#headerMenu1 > button,
#headerMenu2 > button,
#headerMenu3 > button,
#headerMenu1 > a,
#headerMenu2 > a,
#headerMenu3 > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--scale-275);
    min-height: var(--scale-275);
}

.border-conteudo-lista {
    border-left: 0;
    border-left-color: var(--caixa-laranja-profundo);
    padding-left: 0;
}

.conteudo-header-lista {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
    cursor: pointer;
}

.header-logo-caixa a img {
    display: block;
    width: auto;
    height: 1.6rem !important;
}

.header-logo-caixa .logo a,
.header-logo-caixa .logo a::before,
.header-logo-caixa .logo a::after,
.header-logo-caixa .logo a img,
.header-logo-caixa .logo a img::before,
.header-logo-caixa .logo a img::after {
    color: var(--caixa-azul-principal);
    border-color: var(--caixa-azul-principal);
    outline-color: var(--caixa-azul-principal);
    text-decoration-color: var(--caixa-azul-principal);
}

    .header-logo-caixa .logo a:focus-visible {
        outline-color: var(--caixa-azul-profundo);
    }

.header-menu-hamburguer .fa {
    color: var(--caixa-ui-porcelana);
    font-size: var(--fonte-20);
}

#main-nav-novo button span,
#main-nav-novo strong,
.header-lista li strong,
.conteudo-header-lista span {
    color: var(--caixa-ui-porcelana);
    font-family: var(--fonte-interativa);
    font-size: var(--fonte-16);
    font-weight: var(--peso-medium);
    font-style: var(--estilo-normal);
    line-height: var(--linha-texto);
}

.header-lista li .conteudo-header-lista {
    padding: 0.0625rem var(--scale-075);
}

    .header-lista li .conteudo-header-lista a {
        padding: 0.0625rem 0.375rem 0.125rem 0.375rem;
    }

    .header-lista li .conteudo-header-lista > a {
        margin-top: 0.125rem;
    }

.conteudo-header-lista button,
.conteudo-header-lista,
.abrir-sidebar button {
    border: none;
    background: var(--ui-color-transparent);
}

#headerMenuHambuguerMobile .on-click-mobile button {
    background: var(--caixa-ui-porcelana) 0% 0% no-repeat padding-box !important;
}

.border-conteudo-lista div {
    height: 1.9375rem;
}

.header-lista li .fa-sort-down {
    margin: 0.3125rem 0.0625rem 0.375rem 0.625rem;
    font-size: var(--fonte-16);
    font-weight: var(--peso-extrabold);
    color: var(--caixa-ui-porcelana);
    bottom: 0.1875rem;
    position: relative;
}

.hover-popover .conteudo-header-lista,
.header-hover:hover .conteudo-header-lista {
    background: var(--caixa-ui-porcelana);
    box-shadow: none;
    border-radius: var(--radius-pill);
}

#main-nav-novo .hover-popover .conteudo-header-lista strong,
#main-nav-novo .header-hover:hover .conteudo-header-lista strong,
#main-nav-novo .hover-popover .conteudo-header-lista span,
#main-nav-novo .header-hover:hover .conteudo-header-lista span,
#main-nav-novo button:hover span,
#main-nav-novo button:hover strong {
    color: var(--caixa-azul-principal);
}

.hover-popover .conteudo-header-lista .fa,
.header-hover:hover .conteudo-header-lista .fa {
    color: var(--caixa-azul-principal);
}

.header-box {
    display: flex;
    margin-top: var(--scale-075);
    height: 3.375rem;
    right: 0.3125rem;
    position: relative
}

.conteudo-header-box {
    display: flex;
    align-items: center;
}

.header-box .search-box {
    margin-top: var(--scale-000);
    margin-right: var(--scale-275);
    padding-bottom: var(--scale-175);
}

    .header-box .search-box .fa {
        color: var(--caixa-ui-porcelana);
        font-size: var(--fonte-16);
        line-height: var(--linha-texto);
        margin-top: var(--scale-000);
        margin-right: var(--scale-075);
    }

    /* Campo de busca do cabeçalho.
   As declarações neutralizam borda, contorno, sombra e espaçamento nativos. */
    .header-box .search-box .search-input {
        width: var(--scale-825) !important;
        height: var(--scale-125) !important;
        margin-bottom: 0.1875rem !important;
        padding: var(--scale-000) !important;
        color: var(--caixa-ui-porcelana) !important;
        background-color: var(--ui-color-transparent);
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-family: var(--fonte-interativa);
        font-size: var(--fonte-12);
        font-weight: var(--peso-medium);
        font-style: var(--estilo-normal);
        line-height: var(--linha-texto);
    }

    .header-box .search-box .fa,
    .header-box .search-box .fa::before,
    .header-box .search-box .fa::after {
        border: none;
        outline: none;
        box-shadow: none;
        text-decoration: none;
    }

.header-box .search-input::-webkit-input-placeholder {
    color: var(--caixa-ui-porcelana);
    opacity: 1;
    font-size: var(--fonte-16);
}

.header-box .search-input:-ms-input-placeholder {
    color: var(--caixa-ui-porcelana);
    opacity: 1;
}

.header-box .search-input::-ms-input-placeholder {
    color: var(--caixa-ui-porcelana);
    opacity: 1;
}

.header-box .search-input::placeholder {
    color: var(--caixa-ui-porcelana);
    opacity: 1;
}

.search-box .caixa-busca {
    border-bottom: 0.0625rem solid var(--caixa-ui-branco);
    width: 10.625rem;
    height: var(--scale-175);
    display: flex;
    padding-bottom: 0.3125rem;
    padding-left: var(--scale-025);
}

.suggest-all-link,
.suggest-all-link::before,
.suggest-all-link::after {
    color: var(--caixa-azul-principal);
    border-color: var(--caixa-azul-principal);
    outline-color: var(--caixa-azul-principal);
    text-decoration-color: var(--caixa-azul-principal);
}

.header-box .conta {
    width: var(--scale-1375);
    height: var(--scale-500);
}

    /* Ação de acesso à conta.
   Os estados consolidados de interação permanecem no bloco AF-035. */
    .header-box .conta a {
        box-sizing: border-box;
        padding: var(--scale-000) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: var(--scale-275);
        background: var(--caixa-ui-porcelana);
        box-shadow: none;
        border-radius: var(--radius-pill);
        border: 0.125rem solid var(--caixa-azul-principal);
        color: var(--caixa-azul-principal);
        outline-color: var(--caixa-azul-principal);
        text-decoration-color: var(--caixa-azul-principal);
        font-family: var(--fonte-interativa);
        font-size: var(--fonte-16);
        font-weight: var(--peso-medium);
        font-style: var(--estilo-normal);
        line-height: var(--linha-texto);
    }

        .header-box .conta a::before,
        .header-box .conta a::after,
        .header-box .conta a .fa::before,
        .header-box .conta a .fa::after {
            color: var(--caixa-azul-principal);
            border-color: var(--caixa-azul-principal);
            outline-color: var(--caixa-azul-principal);
            text-decoration-color: var(--caixa-azul-principal);
        }

        .header-box .conta a .fa {
            font-size: var(--fonte-20);
            margin-right: 0.625rem;
            color: var(--caixa-azul-principal);
            line-height: var(--linha-texto);
        }

        .header-box .conta a:hover {
            background: var(--ui-color-transparent);
            color: var(--caixa-ui-porcelana);
            border-color: var(--caixa-ui-porcelana);
            transition-duration: 0.3s;
            transition-property: transform;
        }

            .header-box .conta a:hover::before,
            .header-box .conta a:hover::after,
            .header-box .conta a:hover .fa,
            .header-box .conta a:hover .fa::before,
            .header-box .conta a:hover .fa::after {
                color: var(--caixa-ui-porcelana);
                border-color: var(--caixa-ui-porcelana);
            }

        .header-box .conta a:focus:not(:focus-visible) {
            outline: none;
        }

        .header-box .conta a:focus-visible {
            outline: 0.125rem solid var(--caixa-ui-porcelana);
            outline-offset: 0.125rem;
        }

.popover-header {
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    left: 0;
    top: var(--scale-475);
    visibility: hidden;
    position: absolute;
    background-color: var(--caixa-ui-porcelana);
    box-shadow: none;
    width: 100%;
    z-index: 99;
    display: flex;
    border-radius: 0 0 var(--scale-150) var(--scale-150);
}
    /* AF-030 - Pseudoelemento triangular desativado.
.popover-header::before {
        position: absolute;
        content: "";
        top: calc(0% - 20px);
        left: var(--leftBeforePopover) !important;
        border-style: solid;
        border-width: 0 20px 20px 20px;
        border-color: transparent transparent var(--caixa-ui-porcelana) transparent;
    }
  */

    .popover-header .submenu-column {
        display: flex;
        width: auto;
        padding: 0;
        margin: var(--scale-225) 3.375rem var(--scale-625) 0;
    }

        .popover-header .submenu-column:not(:first-child) {
            margin-left: 0.625rem;
        }

    .popover-header ul {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .popover-header .submenu-column ul li {
        padding: 0;
        margin: 0;
        height: 2.6875rem;
        justify-content: flex-start;
        border: none;
    }

    .popover-header ul li a {
        color: var(--caixa-ui-preto);
        font-size: var(--fonte-16);
        font-family: var(--fonte-texto);
        font-weight: var(--peso-regular);
        display: inline-flex;
        flex-direction: column;
    }

    .popover-header .submenu-column li a,
    .popover-header .submenu-column li a::before,
    .popover-header .submenu-column li a::after {
        border-color: var(--caixa-ui-preto);
        outline-color: var(--caixa-ui-preto);
        text-decoration-color: var(--caixa-ui-preto);
    }

.submenu-column a::after {
    content: attr(data-text);
    content: attr(data-text)/"";
    height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    font-weight: var(--peso-bold);
}

.popover-header ul .see-more {
    align-items: center;
}

    .popover-header ul .see-more .fa {
        color: var(--caixa-azul-principal);
        font-size: var(--fonte-20);
        margin-right: 0.625rem;
        margin-top: 0.3125rem;
    }

.popover-header ul li.see-more {
    margin-top: var(--scale-125);
}

.popover-header ul .see-more a {
    color: var(--caixa-azul-principal);
    font-size: var(--fonte-20);
    font-weight: var(--peso-medium);
    font-family: var(--fonte-interativa) !important;
    font-style: var(--estilo-normal);
}

    .popover-header ul .see-more a:hover {
        text-decoration: underline 0.125rem !important;
    }

.popover-header ul li .submenu-title {
    font-size: var(--fonte-20);
    color: var(--caixa-azul-principal);
    font-weight: var(--peso-medium);
    margin: 0;
}

.popover-header .submenu-column .submenu-title,
.popover-header .submenu-column .submenu-title::before,
.popover-header .submenu-column .submenu-title::after,
.popover-header .submenu-column .see-more a,
.popover-header .submenu-column .see-more a::before,
.popover-header .submenu-column .see-more a::after,
.popover-header .submenu-column .see-more .fa,
.popover-header .submenu-column .see-more .fa::before,
.popover-header .submenu-column .see-more .fa::after {
    color: var(--caixa-azul-principal);
    border-color: var(--caixa-azul-principal);
    outline-color: var(--caixa-azul-principal);
    text-decoration-color: var(--caixa-azul-principal);
}

.hover-popover > .popover-header,
.header-hover:hover > .popover-header {
    visibility: visible;
    opacity: 1;
}

/* Painel de sugestões da busca do cabeçalho. */
.autocomplete-header {
    display: block;
    transition: visibility 0s, opacity 0.3s linear;
    top: var(--scale-375);
    position: absolute;
    background-color: var(--caixa-ui-porcelana);
    /*box-shadow: 0 0.125rem 0.3125rem 0 var(--caixa-ui-porcelana);*/
    z-index: 99999;
    padding-left: revert;
    border-bottom-left-radius: var(--scale-275);
    border-bottom-right-radius: var(--scale-275);
}

    .autocomplete-header li {
        display: flex;
        flex-direction: column;
        color: var(--caixa-ui-preto);
        font-size: var(--fonte-16);
        font-weight: var(--peso-regular);
        word-break: normal;
        height: auto;
        padding: var(--scale-075) 0.3125rem;
        position: relative;
        right: var(--scale-125);
    }

        .autocomplete-header li strong {
            color: var(--caixa-azul-principal);
            font-size: var(--fonte-20);
            font-weight: var(--peso-regular);
            padding-right: 0.625rem;
            overflow-wrap: break-word;
        }

        .autocomplete-header li:hover {
            background: var(--caixa-azul-principal);
            color: var(--caixa-ui-porcelana);
            border-radius: var(--scale-100);
        }

            .autocomplete-header li:hover strong {
                color: var(--caixa-ui-porcelana);
                cursor: pointer;
            }

#autocompleteHeaderMobile {
    background-color: var(--caixa-ui-porcelana);
    box-shadow: 0 0.125rem 0.3125rem 0 var(--caixa-ui-porcelana);
}

#autocompleteHeader * {
    font-family: sans-serif !important;
}

#autocompleteHeader li {
    margin-bottom: 0.5rem;
}

@media(min-width: 87.5rem) {
    .autocomplete-header {
        width: 32.8125rem;
        right: 3.35%;
    }
}

@media(min-width: 96.875rem) {
    .autocomplete-header {
        right: 4%;
    }
}

@media(min-width: 103.125rem) {
    .autocomplete-header {
        right: 4.5%;
    }
}

@media(min-width: 112.5rem) {
    .autocomplete-header {
        right: 5.5%;
    }
}

@media(min-width: 137.5rem) {
    .autocomplete-header {
        right: 6%;
    }
}

@media(max-width: 87.4375rem) {
    .autocomplete-header {
        width: 24.375rem;
        right: 3.15%;
    }
}

.header-lista-mobile,
.header-box-mobile,
.conta-mobile {
    display: none;
}

@media(max-width: 72.4375rem) {
    .autocomplete-header {
        width: 100%;
        right: 0;
        top: 7.8125rem;
    }

    .header-lista,
    .header-box {
        display: none !important;
    }

    .header-content,
    .header-content nav,
    .main-header {
        background: var(--ui-color-transparent) !important;
        border: none !important;
        opacity: 1 !important;
        height: 5.375rem !important;
    }

    #main-nav-novo {
        background: var(--caixa-azul-principal) 0% 0% no-repeat padding-box !important;
        overflow: auto;
        opacity: 1 !important;
        padding: var(--scale-100) var(--scale-225) var(--scale-100) var(--scale-225);
        height: 5.375rem;
        position: relative;
    	overflow: visible;
    }

    .conta-mobile {
        display: block;
    }

    .header-lista-mobile,
    .header-box-mobile {
        display: flex;
        width: auto;
        height: 3.375rem;
        padding: 0;
        margin: 0;
    }

        .header-lista-mobile li,
        .header-box-mobile div {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            margin: 0;
        }

        .header-lista-mobile .header-logo-caixa {
            display: flex;
            padding: 0;
            margin: 0;
            width: auto;
            height: 1.6875rem;
        }

            .header-lista-mobile .header-logo-caixa img {
                width: auto;
                height: 1.625rem;
            }

    .header-menu-hamburguer-mobile .border-conteudo-lista {
        display: flex;
        padding: 0;
        margin: 0;
    }

    .header-menu-hamburguer-mobile .fa {
        color: var(--caixa-ui-porcelana);
        font-size: var(--fonte-20);
    }

    .header-menu-hamburguer-mobile .conteudo-header-lista {
        padding: 0;
        margin: 0;
        margin-left: 0.4375rem;
        width: 2.125rem;
        height: 1.625rem;
    }

    .header-menu-hamburguer-mobile .on-click-mobile .conteudo-header-lista {
        background: var(--caixa-ui-porcelana) 0% 0% no-repeat padding-box;
        border-radius: var(--scale-025);
        opacity: 1;
    }

    .header-menu-hamburguer-mobile .on-click-mobile .fa {
        color: var(--caixa-azul-principal);
    }

    .conta {
        display: block;
    }

    .header-box-mobile .conteudo-header-box {
        display: flex;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

        .header-box-mobile .conteudo-header-box .conta {
            min-width: 7.625rem;
            min-height: 3.375rem;
            max-width: 8.4375rem;
            max-height: 3.375rem;
            justify-content: center;
            align-items: center;
        }

            .header-box-mobile .conteudo-header-box .conta a .fa {
                margin-right: 0.9375rem;
            }

            .header-box-mobile .conteudo-header-box .conta a {
                min-width: var(--scale-725);
                min-height: var(--scale-350);
                max-width: var(--scale-850);
                max-height: var(--scale-350);
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                background: var(--caixa-ui-porcelana);
                box-shadow: none;
                border-radius: var(--radius-pill);
                opacity: 1;
                font-size: var(--fonte-16);
                font-weight: var(--peso-medium);
                color: var(--caixa-azul-principal);
                font-family: var(--fonte-interativa) !important;
                padding: var(--scale-125);
            }

                .header-box-mobile .conteudo-header-box .conta a span {
                    margin-right: 0.625rem;
                }

    #autocompleteHeader .ver-todos {
        margin-bottom: 0.9375rem;
    }

    .autocomplete-header li strong {
        margin-bottom: -0.625rem;
    }

    .autocomplete-header li {
        padding: var(--scale-125) var(--scale-150);
        right: 0;
    }

    .see-more a,
    .see-more i {
        font-size: 1rem !important;
        font-weight: var(--peso-regular);
    }
}

/* Navegação móvel exibida abaixo do cabeçalho quando acionada pela interface. */
.sidebar-mobile {
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
    left: 0;
    top: 5.375rem;
    position: absolute;
    background-color: var(--caixa-ui-porcelana);
    display: none;
    width: 100%;
    z-index: 999;
    flex-direction: column;
}

.conteudo-link-sidebar {
    display: none;
    padding-bottom: var(--scale-125);
}

.sidebar-mobile .busca-mobile {
    width: 100%;
    height: 3.375rem;
    background: rgba(208, 224, 227, 0.25);
    box-shadow: inset 0 0.1875rem 0.375rem #00000029;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 0;
}

    .sidebar-mobile .busca-mobile .fa-search {
        margin-right: 2.3125rem;
    }

.search-input::-webkit-input-placeholder {
    color: var(--caixa-azul-principal);
    font-size: var(--fonte-16);
}

.busca-mobile .search-input {
    margin: 0;
    padding: 0 !important;
    border: none !important;
    box-shadow: none;
    background: var(--ui-color-transparent);
    width: 80%;
    height: 1.1875rem !important;
    margin-left: 2.3125rem;
    outline: none;
    color: var(--caixa-azul-principal);
}

.busca-mobile .fa {
    color: var(--caixa-azul-principal);
    font-size: var(--fonte-16);
}

    .busca-mobile .search-input,
    .busca-mobile .search-input::before,
    .busca-mobile .search-input::after,
    .busca-mobile .fa,
    .busca-mobile .fa::before,
    .busca-mobile .fa::after {
        border-color: var(--caixa-azul-principal);
        outline-color: var(--caixa-azul-principal);
        text-decoration-color: var(--caixa-azul-principal);
    }

        .busca-mobile .search-input::before,
        .busca-mobile .search-input::after,
        .busca-mobile .fa::before,
        .busca-mobile .fa::after {
            color: var(--caixa-azul-principal);
        }

.lista-sidebar-mobile ul {
    margin: 0;
    padding: 0;
}

    .lista-sidebar-mobile ul li {
        height: 3.375rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }

        .lista-sidebar-mobile ul li:nth-child(even) {
            background: rgba(0, 92, 169, 0.1);
            opacity: 1;
            border: none;
        }

        .lista-sidebar-mobile ul li:nth-child(odd) {
            background: var(--caixa-ui-porcelana) 0% 0% no-repeat padding-box;
            opacity: 1;
            border: none;
        }

        .lista-sidebar-mobile ul li span,
        .lista-sidebar-mobile ul li i {
            font-size: var(--fonte-16);
            color: var(--caixa-azul-principal);
        }

        .lista-sidebar-mobile ul li a {
            color: var(--caixa-azul-principal);
        }

        .lista-sidebar-mobile ul li .fa {
            font-size: var(--fonte-20);
        }

#listaMenusidebarMobile > li.abrir-sidebar {
    background-color: #0033FF1A;
}

    #listaMenusidebarMobile > li.abrir-sidebar button span,
    #listaMenusidebarMobile > li.abrir-sidebar button span::before,
    #listaMenusidebarMobile > li.abrir-sidebar button span::after,
    #listaMenusidebarMobile > li.abrir-sidebar .fa-caret-right,
    #listaMenusidebarMobile > li.abrir-sidebar .fa-caret-right::before,
    #listaMenusidebarMobile > li.abrir-sidebar .fa-caret-right::after {
        color: var(--caixa-azul-principal);
        border-color: var(--caixa-azul-principal);
        outline-color: var(--caixa-azul-principal);
        text-decoration-color: var(--caixa-azul-principal);
    }

.footer-sidebar-mobile {
    display: flex;
    height: auto;
    flex-direction: column;
    background: rgba(208, 224, 227, 0.25);
}

.logos-footer-sidebar-mobile ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
}

    .logos-footer-sidebar-mobile ul li {
        width: 1.8125rem;
        height: 1.8125rem;
        border-radius: 50%;
        background: var(--caixa-azul-principal) 0% 0% no-repeat padding-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0.625rem;
    }

        .logos-footer-sidebar-mobile ul li:not(:first-child) {
            margin-left: 14.5%;
        }

        .logos-footer-sidebar-mobile ul li a,
        .logos-footer-sidebar-mobile ul li a::before,
        .logos-footer-sidebar-mobile ul li a::after,
        .logos-footer-sidebar-mobile ul li a .oculto,
        .logos-footer-sidebar-mobile ul li a .oculto::before,
        .logos-footer-sidebar-mobile ul li a .oculto::after {
            color: var(--caixa-azul-principal);
            border-color: var(--caixa-azul-principal);
            outline-color: var(--caixa-azul-principal);
            text-decoration-color: var(--caixa-azul-principal);
        }

.logos-footer-sidebar-mobile i {
    color: var(--caixa-ui-porcelana) !important;
    font-size: var(--fonte-16);
}

.logos-footer-sidebar-mobile .fa-facebook {
    margin-top: 0.40625rem;
    font-size: var(--fonte-20);
}

.links-footer-sidebar-mobile ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.625rem;
    padding-left: 0;
}

    .links-footer-sidebar-mobile ul li a {
        color: var(--caixa-ui-preto);
        font-size: var(--fonte-16);
    }

.links-footer-sidebar-mobile a {
    color: var(--caixa-ui-preto);
}

.links-footer-sidebar-mobile li {
    margin-top: 0.625rem;
}

.conteudo-link-sidebar ul,
.conteudo-link-sidebar li {
    margin: 0;
    padding: 0;
}

.conteudo-link-sidebar li {
    height: 3.375rem;
    display: flex;
    align-items: center;
    font-size: var(--fonte-16);
}

    .conteudo-link-sidebar li:not(:first-child, :last-child) {
        justify-content: space-between;
    }

    .conteudo-link-sidebar li a {
        color: var(--caixa-ui-preto);
    }

    .conteudo-link-sidebar li > a,
    .conteudo-link-sidebar li > a::before,
    .conteudo-link-sidebar li > a::after {
        color: var(--caixa-ui-preto);
        border-color: var(--caixa-ui-preto);
        outline-color: var(--caixa-ui-preto);
        text-decoration-color: var(--caixa-ui-preto);
    }

    .conteudo-link-sidebar li p,
    .conteudo-link-sidebar li span {
        color: var(--caixa-azul-principal);
        margin: 0;
        font-size: var(--fonte-16) !important;
        font-weight: var(--peso-medium);
        display: inline;
    }

.conteudo-link-sidebar ul li:first-child,
.conteudo-link-sidebar ul li:first-child button,
.conteudo-link-sidebar ul li:first-child button span {
    background: var(--caixa-azul-principal) 0% 0% no-repeat padding-box;
    color: var(--caixa-ui-porcelana);
    font-weight: var(--peso-extrabold);
    border: none;
}

    .conteudo-link-sidebar ul li:first-child .fa {
        font-size: var(--fonte-20);
        margin-top: -0.3125rem;
        margin-right: 0.9375rem;
    }

.conteudo-link-sidebar ul .see-more a,
.conteudo-link-sidebar ul .see-more .fa {
    color: var(--caixa-azul-principal);
}

.conteudo-link-sidebar ul .see-more .fa {
    font-size: var(--fonte-20);
    margin-top: 0.3125rem;
}

.conteudo-link-sidebar ul .see-more a {
    text-decoration: underline 0.125rem !important;
    margin-left: 0.9375rem;
    font-size: var(--fonte-20);
}

    .conteudo-link-sidebar ul .see-more a,
    .conteudo-link-sidebar ul .see-more a::before,
    .conteudo-link-sidebar ul .see-more a::after,
    .conteudo-link-sidebar ul .see-more .fa,
    .conteudo-link-sidebar ul .see-more .fa::before,
    .conteudo-link-sidebar ul .see-more .fa::after,
    .conteudo-link-sidebar ul li .submenu-title,
    .conteudo-link-sidebar ul li .submenu-title::before,
    .conteudo-link-sidebar ul li .submenu-title::after,
    .conteudo-link-sidebar ul li .submenu-title span,
    .conteudo-link-sidebar ul li .submenu-title span::before,
    .conteudo-link-sidebar ul li .submenu-title span::after {
        color: var(--caixa-azul-principal);
        border-color: var(--caixa-azul-principal);
        outline-color: var(--caixa-azul-principal);
        text-decoration-color: var(--caixa-azul-principal);
    }

.autocomplete-busca-desktop,
.autocomplete-busca-mobile {
    display: none !important;
}

@media(min-width: 72.5rem) {
    .logo {
        padding-top: 0.125rem;
        margin-right: 0;
    }
}

@media(max-width: 72.4375rem) {
    .logo {
        padding-top: 1.8125rem;
        align-self: center;
    }

    .header-menu-hamburguer-mobile {
        margin-left: 0.4375rem !important;
    }

        .header-menu-hamburguer-mobile .border-conteudo-lista .conteudo-header-lista {
            padding-top: 0.125rem;
        }

    .conteudo-sidebar .see-more {
        justify-content: flex-start !important;
        padding-left: 2.3125rem;
        padding-right: 2.3125rem;
    }

    .submenu-title {
        font-size: var(--fonte-16) !important;
    }
}

.submenu-column a:hover {
    font-weight: var(--peso-bold);
    text-decoration: underline !important;
}

/* ===== RODAPÉ — BLOCO UNIFICADO =====
 * ORIGEM: nm-caixa-wp-producao-09-10-2026-17h23.css.
 * CLASSIFICAÇÃO: EVOLUÇÃO.
 * ESCOPO: regras de footer#rodape e dos componentes internos do rodapé.
 * FORA DO ESCOPO: cabeçalho, menus, busca, conta e botão de acessibilidade.
 */
/*
===============================================================================
INICIO DO CSS DO RODAPE CAIXA
ORIGEM: rodape-caixa-nm.css
ESCOPO: #rodape e componentes internos do rodape.
===============================================================================
*/
/* AF-008: fundo e raios superiores do bloco de links do rodape. */
/* Faixa de links institucionais do rodapé. */
#rodape .link-footer {
    background: var(--caixa-azul-profundo) 0% 0% no-repeat padding-box !important;
    border-radius: var(--scale-150) var(--scale-150) 0 0;
}

    #rodape .link-footer ul li {
        margin: 0 2%;
        display: flex;
    }

#rodape .column-rodape .soft {
    display: -webkit-box;
}

#rodape .column-rodape li a {
    color: var(--caixa-ui-grafite) !important;
    font-family: var(--fonte-texto);
    font-weight: var(--peso-medium);
    font-size: var(--fonte-20) !important;
    text-decoration: none;
}

    #rodape .column-rodape li a:hover {
        font-weight: var(--peso-bold);
        text-decoration: underline !important;
        border-bottom-color: var(--ui-color-transparent) !important;
    }

#rodape .column-rodape ul li:first-child {
    margin-top: 3%;
}

#rodape .column-rodape ul li {
    margin-bottom: 2%;
}

#rodape .column-rodape:nth-child(2n+1) ul {
    margin-left: 5%;
}

#rodape .column-rodape i.fa-1x {
    font-size: 1.3rem;
}

#rodape .column-rodape .telefone {
    color: var(--caixa-azul-principal);
    font-family: var(--fonte-display);
    font-weight: var(--peso-bold);
    letter-spacing: 0;
    margin: 0;
}

#rodape .content-rodape .icon {
    color: var(--caixa-azul-principal);
}

#rodape .redes-sociais a:hover > .icon {
    color: var(--caixa-ui-porcelana);
    border-radius: 50%;
    width: var(--scale-150);
    height: var(--scale-150);
    padding: 0.1875rem;
    background: var(--caixa-azul-principal);
    cursor: pointer;
    font-size: var(--fonte-16);
    border: 0.125rem solid var(--caixa-azul-principal);
}

#rodape .link-footer ul.ainfo {
    float: right;
}
/* Clearfix */
#rodape .clearfix:before,
#rodape .clearfix:after {
    content: " ";
    display: table;
}

#rodape .clearfix:after {
    clear: both;
}

#rodape {
    position: relative;
    padding-top: 3.125rem;
}

    #rodape a {
        font-size: var(--fonte-16);
        line-height: var(--linha-texto);
        color: var(--caixa-ui-grafite);
    }

    #rodape .content-rodape .column-rodape ul {
        margin: var(--scale-250) 0;
        padding: 0;
        list-style: none;
    }

    #rodape .column-rodape,
    #rodape .column-rodape .telefones {
        list-style: none;
    }

        #rodape .column-rodape p {
            line-height: var(--linha-confortavel);
        }

        #rodape .column-rodape .telefone {
            color: var(--caixa-ui-grafite);
            font-size: 1.6rem;
        }

        #rodape .column-rodape .soft {
            color: var(--caixa-ui-grafite);
            font-family: var(--fonte-texto);
            font-weight: var(--peso-medium);
            margin-top: 0.3125rem;
        }

    #rodape .content-rodape .icon {
        background: no-repeat center center;
        display: inline-block;
        width: var(--scale-125);
        height: var(--scale-125);
        margin: 0 var(--scale-125) -0.3125rem 0;
    }


    #rodape > .link-footer > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #rodape > .link-footer > ul li a {
            font-family: var(--fonte-texto);
            font-weight: var(--peso-medium);
            color: var(--caixa-ui-neutra-45);
            font-size: .9rem;
        }


/*--------------------------------------------
    > 600px
----------------------------------------------*/

@media screen and (min-width: 37.5rem) {

    #rodape a {
        font-size: .9rem;
    }

    #rodape .content-rodape > .column-rodape {
        width: 19%;
        float: left;
        margin-left: 6%;
    }

    #rodape .content-rodape .column-rodape > ul {
        margin: 0;
    }

    #rodape .column-rodape p {
        line-height: var(--linha-texto);
    }

    #rodape .column-rodape .telefone {
        font-size: 1.6rem;
    }

    #rodape .column-rodape .soft {
        font-size: var(--fonte-16);
    }

    #rodape .link-footer {
        padding-bottom: 4.375rem;
        bottom: auto;
        left: auto;
    }


        #rodape .link-footer ul.languages li {
            display: block;
            margin: 0 0 0.625rem;
        }

            #rodape .link-footer ul.languages li a {
                line-height: var(--linha-texto);
            }
}
/*/mediaquery*/

/*--------------------------------------------
    > 1000px
----------------------------------------------*/

@media screen and (min-width: 62.5rem) {

    #rodape {
        padding-top: var(--scale-750);
    }

        #rodape a {
            font-size: var(--fonte-16);
        }


        #rodape > .link-footer > ul {
            display: inline-block;
            width: auto;
            margin-left: 0.625rem;
        }

            #rodape > .link-footer > ul > li {
                display: inline-block;
                margin: 0 0.625rem;
            }

                #rodape > .link-footer > ul > li:last-child {
                    margin-right: 0;
                }

        #rodape .link-footer ul {
            width: 88%;
            display: flex;
            justify-content: center;
            margin-top: 2%;
            margin-left: 4%;
        }

        /* AF-010: altura do bloco no desktop definida por --scale-625 (6.25rem). */
        #rodape .link-footer {
            padding: 0 !important;
            height: var(--scale-625) !important;
        }
}


/* AF-007: faixa final do rodape em fundo porcelana. */
#rodape .rodape-azul {
    background-color: var(--caixa-ui-porcelana);
    width: 100vw !important;
    height: auto;
    position: absolute;
    left: 0;
    margin: 0 !important;
    box-sizing: border-box;
}

    /* AF-006: texto azul sobre o fundo porcelana definido no AF-007. */
    #rodape .rodape-azul p {
        color: var(--caixa-azul-principal);
        text-align: center;
        font-family: var(--fonte-texto);
        font-weight: var(--peso-medium);
        padding: var(--scale-100) 0 var(--scale-075);
        font-size: var(--fonte-16);
        margin: 0;
    }

#rodape > .link-footer > ul > li {
    display: inline-block;
    margin: 0 0.625rem;
    padding: 0 var(--scale-125) 0;
}

#rodape > .link-footer > ul li a {
    font-family: var(--fonte-interativa);
    font-weight: var(--peso-regular);
    color: var(--caixa-ui-porcelana);
    font-size: var(--fonte-16);
}

    #rodape > .link-footer > ul li a:hover {
        border-bottom-color: var(--caixa-ui-grafite);
        text-decoration: none !important;
        font-weight: var(--peso-bold);
    }

#rodape .informacao-rodape {
    display: flex;
    justify-content: center;
    margin: 2% 0;
    width: 100%;
}

    #rodape .informacao-rodape ul {
        display: flex;
    }

        #rodape .informacao-rodape ul li {
            display: block;
            position: relative;
        }



            #rodape .informacao-rodape ul li:nth-child(3) {
                left: var(--scale-625);
            }



    #rodape .informacao-rodape li a {
        font-size: var(--fonte-16) !important;
        line-height: var(--scale-125) !important;
        display: inline-flex;
        position: absolute;
    }

    #rodape .informacao-rodape a img {
        max-height: 2.625rem;
        width: auto;
        height: auto;
        position: absolute;
    }

#rodape .divisor-rodape {
    display: inline-block;
    height: 3rem;
    border-left: 0.0625rem solid var(--caixa-ui-grafite);
    margin-bottom: -0.2rem;
}

#rodape .informacao-rodape a,
#rodape .link-footer a {
    text-decoration: none;
    font-family: var(--fonte-texto);
    font-weight: var(--peso-medium);
}

    #rodape .informacao-rodape a:hover,
    #rodape .link-footer a:hover {
        font-weight: var(--peso-bold);
        text-decoration: underline !important;
        color: var(--caixa-ui-grafite) !important;
        border-bottom-color: var(--ui-color-transparent) !important;
    }

/* AF-009: apresentacao dos links sobre o fundo azul profundo. */
#rodape .link-footer li a {
    font-size: var(--fonte-16) !important;
    display: inline-flex;
    flex-direction: column;
    color: var(--caixa-ui-porcelana);
    font-family: var(--fonte-interativa);
    font-weight: var(--peso-regular);
    text-decoration: none;
}

    #rodape .link-footer li a::after {
        content: attr(data-text);
        content: attr(data-text)/"";
        height: 0;
        visibility: hidden;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        font-weight: var(--peso-bold);
    }

@media screen and (max-width: 26.25rem) {
    #rodape .divisor-rodape {
        height: 2.5rem;
    }

    #rodape .informacao-rodape a img {
        max-height: 1.875rem;
    }

    #rodape .informacao-rodape {
        margin-bottom: 10%;
    }
}

@media only screen and (max-width: 87.5625rem) {
    #rodape .link-footer ul {
        margin-top: 2%;
    }
}

@media only screen and (min-width: 72.5rem) and (max-width: 87.5rem) {
    #rodape .link-footer ul {
        margin-top: 2.8%;
    }
}

@media only screen and (min-width: 44.5rem) and (max-width:62.5rem) {
    #rodape .link-footer ul {
        width: 100%;
        display: flex;
        float: right;
    }
}

@media only screen and (max-width: 44.5rem) {
    #rodape .link-footer ul li {
        margin: 0.625rem 2%;
    }
}

#rodape .fa-youtube {
    font-size: 0.8125rem !important;
}

#rodape .fa-instagram {
    width: var(--scale-075);
}

#rodape .link-footer,
#rodape .rodape-azul {
    padding: 0;
}

@media only screen and (min-width: 50rem) {
    #rodape .link-footer,
    #rodape .rodape-azul {
        height: auto;
    }
}

@media only screen and (min-width: 53.75rem) and (max-width: 62.5rem) {

    #rodape .link-footer {
        padding-bottom: 1.875rem !important;
    }
}

@media only screen and (min-width: 28.75rem) and (max-width: 53.75rem) {
    #rodape .link-footer {
        padding-bottom: 1.125rem;
    }

    #rodape .rodape-azul p {
        margin: 0 4%;
    }
}

@media only screen and (min-width: 37.5rem) and (max-width: 56.25rem) {
    #rodape .column-rodape li a {
        font-size: var(--fonte-16) !important;
    }

    #rodape .link-footer li a {
        font-size: var(--fonte-16) !important;
    }
}

@media only screen and (min-width: 26.5rem) and (max-width: 37.5rem) {
    #rodape .column-rodape {
        margin-left: 9%;
    }
}

@media only screen and (max-width: 26.4375rem) {

    #rodape .informacao-rodape {
        justify-content: flex-start !important;
        padding: 0 10% !important;
    }

        #rodape .informacao-rodape ul {
            flex-direction: column;
            align-items: flex-start;
            gap: var(--scale-125);
        }

        #rodape .informacao-rodape li:first-child {
            direction: rtl;
            display: block;
            left: 0 !important;
        }

        #rodape .informacao-rodape li:nth-child(2) {
            display: none;
        }

        #rodape .informacao-rodape li:nth-child(3) {
            /* margin-left: 8%; */
            margin-top: 20%;
            left: 0 !important;
        }

        #rodape .informacao-rodape li a {
            display: contents;
        }

    #rodape .link-footer ul {
        padding: 0;
        margin-left: 10%;
    }

    #rodape .rodape-azul p {
        margin: 0 4%;
    }

    #rodape .column-rodape.noindex {
        margin-left: 10%;
    }
}


#rodape .redes-sociais *,
#rodape .redes-sociais *:before,
#rodape .redes-sociais *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#rodape .oculto {
    display: none;
}

#rodape .span-oculto {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ============================================================================
   AJUSTES FINAIS PARA PRODUCAO
   ============================================================================ */

/* AF-011: links das colunas do rodape. */
footer#rodape .column-rodape li a {
    color: var(--caixa-ui-porcelana) !important;
    font-family: var(--fonte-interativa);
    font-weight: var(--peso-regular);
    font-size: var(--fonte-16) !important;
    text-decoration: none;
}

/* AF-012: texto de apoio das colunas do rodape. */
footer#rodape .content-rodape .column-rodape .soft {
    color: var(--caixa-ui-porcelana);
    font-family: var(--fonte-texto);
    font-weight: var(--peso-regular);
    margin: 0 0 var(--scale-075) 0;
}

/* AF-014: cor dos icones do conteudo do rodape. */
footer#rodape .content-rodape .icon {
    color: var(--caixa-ui-porcelana);
}

/* AF-015: estado hover dos icones de redes sociais. */
footer#rodape .content-rodape .redes-sociais a:hover > .icon {
    color: var(--caixa-azul-escuro);
    border-radius: 50%;
    width: var(--scale-150);
    height: var(--scale-150);
    padding: 0.1875rem;
    background: var(--caixa-ui-porcelana);
    cursor: pointer;
    font-size: var(--fonte-16);
    border: 0.125rem solid var(--caixa-ui-porcelana);
}

/* AF-013 e AF-016: apresentacao dos telefones reposicionada no bloco final.
   O seletor mais especifico vence a regra nativa sem uso de !important. */
footer#rodape .content-rodape .column-rodape .telefone {
    color: var(--caixa-ui-porcelana);
    font-family: var(--fonte-texto);
    font-weight: var(--peso-medium);
    letter-spacing: 0;
    margin: 0;
}

/* AF-017 e AF-018: fundo principal do rodape em azul escuro,
com especificidade reforcada. */
/* Contêiner do rodapé.
   A especificidade deste seletor consolida fundo, raio e recorte do componente. */
footer#rodape {
    background-color: var(--caixa-azul-escuro);
    border-radius: var(--scale-150) var(--scale-150) 0 0;
    overflow: hidden;
}

    /* AF-019: links da area de informacoes do rodape. */
    footer#rodape .informacao-rodape li a {
        font-size: var(--fonte-16) !important;
        line-height: 1.5 !important;
        display: inline-flex;
        position: absolute;
        color: var(--caixa-ui-porcelana);
    }

    /* AF-020: tipografia dos links da area de informacoes do rodape. */
    footer#rodape .informacao-rodape a {
        text-decoration: none;
        font-family: var(--fonte-interativa);
        font-weight: var(--peso-regular);
    }

        /* AF-021: estado hover dos links da area de informacoes do rodape. */
        footer#rodape .informacao-rodape a:hover {
            font-weight: var(--peso-regular);
            text-decoration: underline !important;
            color: var(--caixa-ui-porcelana) !important;
            border-bottom-color: var(--ui-color-transparent) !important;
        }

    /* ============================================================================
   AF-022 - FAIXA FINAL EM FUNDO PORCELANA
   CLASSIFICAÇÃO: CORREÇÃO.
   ESCOPO: footer#rodape .rodape-azul e o parágrafo interno.
   EFEITO: mantém a faixa no fluxo do rodapé e evita recorte pelo overflow do contêiner.
   ============================================================================ */
    footer#rodape .rodape-azul {
        position: relative !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        box-sizing: border-box;
        background-color: var(--caixa-ui-porcelana);
        overflow: visible;
    }

        footer#rodape .rodape-azul p {
            display: block;
            color: var(--caixa-azul-principal);
            text-align: center;
            font-family: var(--fonte-texto);
            font-size: var(--fonte-16);
            font-weight: var(--peso-medium);
            line-height: var(--linha-texto);
            margin: 0;
            padding: var(--scale-100) 0 var(--scale-075);
        }


/* ============================================================================
   AJUSTES FINOS CONSOLIDADOS - AF-023 A AF-030
   CLASSIFICACAO: CORRECAO E EVOLUCAO.
   ============================================================================ */
#rodape .link-footer a:hover {
    font-weight: var(--peso-bold);
    text-decoration: underline !important;
    color: var(--caixa-ui-porcelana) !important;
    border-bottom-color: var(--ui-color-transparent) !important;
}

.header-box .conta a,
.header-box .conta a:hover,
.header-box .conta a:focus,
.header-box .conta a:focus-visible,
.header-box .conta a:active,
.header-box-mobile .conteudo-header-box .conta a,
.header-box-mobile .conteudo-header-box .conta a:hover,
.header-box-mobile .conteudo-header-box .conta a:focus,
.header-box-mobile .conteudo-header-box .conta a:focus-visible,
.header-box-mobile .conteudo-header-box .conta a:active {
    box-shadow: none !important;
}

.popover-header .margem-lateral-home {
    padding-left: var(--scale-875);
    padding-right: var(--scale-875);
}

/* ============================================================================
   AF-035 - ESTADOS DO BOTÃO ACESSAR MINHA CONTA
   CLASSIFICAÇÃO: CORREÇÃO.
   ESCOPO: estados normal, hover, focus, focus-visible e active no desktop e no mobile.
   EFEITO: remove sombras; mantém o estado normal em porcelana e o hover transparente.
   ============================================================================ */

/* Estado normal desktop. */
.header-box .conta a {
    background: var(--caixa-ui-porcelana) !important;
    color: var(--caixa-azul-principal) !important;
    border: 0.125rem solid var(--caixa-azul-principal) !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    transition-duration: 0.3s;
    transition-property: background-color, color, border-color;
}

    .header-box .conta a .fa,
    .header-box .conta a::before,
    .header-box .conta a::after,
    .header-box .conta a .fa::before,
    .header-box .conta a .fa::after {
        color: var(--caixa-azul-principal) !important;
        border-color: var(--caixa-azul-principal) !important;
    }

    /* Hover desktop. */
    .header-box .conta a:hover {
        background: var(--ui-color-transparent) !important;
        color: var(--caixa-ui-porcelana) !important;
        border-color: var(--caixa-ui-porcelana) !important;
        border-radius: var(--radius-pill) !important;
        box-shadow: none !important;
        text-decoration: underline !important;
    }

        .header-box .conta a:hover .fa,
        .header-box .conta a:hover::before,
        .header-box .conta a:hover::after,
        .header-box .conta a:hover .fa::before,
        .header-box .conta a:hover .fa::after {
            color: var(--caixa-ui-porcelana) !important;
            border-color: var(--caixa-ui-porcelana) !important;
        }

    /* Estados de acionamento desktop sem sombra. */
    .header-box .conta a:focus,
    .header-box .conta a:active {
        box-shadow: none !important;
    }

    .header-box .conta a:focus-visible {
        outline: 0.125rem solid var(--caixa-ui-porcelana) !important;
        outline-offset: 0.125rem;
        box-shadow: none !important;
    }

/* Estados do botão no mobile sem sombra. */
.header-box-mobile .conteudo-header-box .conta a,
.header-box-mobile .conteudo-header-box .conta a:hover,
.header-box-mobile .conteudo-header-box .conta a:focus,
.header-box-mobile .conteudo-header-box .conta a:focus-visible,
.header-box-mobile .conteudo-header-box .conta a:active {
    box-shadow: none !important;
}

/* ============================================================================
   AF-036 - ESPACAMENTO SUPERIOR DO FOOTER
   CLASSIFICACAO: EVOLUCAO.
   ESCOPO: footer#rodape.
   ============================================================================ */
footer#rodape {
    background-color: var(--caixa-azul-escuro);
    border-radius: var(--scale-150) var(--scale-150) 0 0;
    overflow: hidden;
    padding-top: var(--scale-375);
}


    /* ============================================================================
   AF-037 - MARGEM DO TEXTO DE APOIO DO FOOTER
   CLASSIFICACAO: EVOLUCAO DE ESPACAMENTO.
   ESCOPO: footer#rodape .content-rodape .column-rodape .soft.
   ============================================================================ */

    footer#rodape .informacao-rodape {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: var(--scale-250) 0;
    }

        footer#rodape .informacao-rodape ul {
            display: flex;
            align-items: center;
            gap: var(--scale-250);
            margin: 0;
            padding: 0;
            list-style: none;
        }

            footer#rodape .informacao-rodape ul li {
                position: static;
                display: flex;
                align-items: center;
            }

        footer#rodape .informacao-rodape li a {
            position: static;
            display: inline-flex;
            align-items: center;
            gap: var(--scale-075);
            max-width: 13rem;
            color: var(--caixa-ui-porcelana);
            font-family: var(--fonte-interativa);
            font-weight: var(--peso-regular);
            font-size: var(--fonte-16);
            line-height: 1.3;
            text-decoration: none;
        }

            footer#rodape .informacao-rodape li a:hover {
                color: var(--caixa-ui-porcelana);
                text-decoration: underline;
            }

        footer#rodape .informacao-rodape a img {
            position: static;
            order: -1;
            flex: 0 0 auto;
            width: auto;
            height: 2.625rem;
            max-height: none;
            margin: 0;
        }

        footer#rodape .informacao-rodape .divisor-rodape {
            height: 3rem;
            margin: 0;
        }

@media (max-width: 26.4375rem) {
    footer#rodape .informacao-rodape {
        justify-content: flex-start;
        padding: 0 10%;
    }

        footer#rodape .informacao-rodape ul {
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
        }

        footer#rodape .informacao-rodape li:nth-child(2) {
            display: none;
        }
}

footer#rodape .informacao-rodape li:first-child a img {
    order: 1;
    height: 2rem;
}

.header-lista li {
    flex-shrink: 0;
}

    .header-lista li .conteudo-header-lista,
    .header-lista li .conteudo-header-lista button,
    .header-lista li .conteudo-header-lista a {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .header-lista li .fa-sort-down {
        flex-shrink: 0;
    }

@media (min-width: 72.5rem) {
    #main-nav-novo.margem-lateral-home,
    .popover-header.margem-lateral-home {
        padding-left: clamp(var(--scale-250), calc((100vw - 75rem) / 2), 8.75rem) !important;
        padding-right: clamp(var(--scale-125), calc((100vw - 78rem) / 2), 8.75rem) !important;
    }

    #main-nav-novo.margem-lateral-home {
        gap: var(--scale-125);
    }

    .header-lista li {
        padding: 0 var(--scale-050);
    }

    .header-box .search-box {
        margin-right: var(--scale-125);
    }
}

.abrir-sidebar strong {
    color: var(--caixa-azul-principal) !important;
}