/*
===============================================================================
ARQUIVO: devgn-style-14-09-2026-14h52-organizado.css
CLASSIFICACAO: CORRECAO E EVOLUCAO DE MANUTENCAO
BASE: devgn-style-14-09-2026-12h37-abrir-conta-caixa.css
ORGANIZACAO:
1. REGRAS GENERICAS PARA WEB PARTS E SECTIONS
2. INICIO DIA DO CLIENTE 2026
   a) Regras genericas do projeto
   b) SECTION 01 - Quando acontece
   c) SECTION 02 - Para voce
   d) SECTION 03 - Para sua empresa
   Final Dia do Cliente 2026
3. BANNERS GENERICOS
   a) UAU CAIXA
   b) Abrir Conta CAIXA
OBSERVACAO: CSS nao minificado. IDs, classes e regras homologadas preservados.
===============================================================================
*/

/* ==========================================================================
   TRECHO 1 - GENERICO PARA QUALQUER WEB PART OU SECTION
   ========================================================================== */
@import url("devgn-root-colors.css");
@import url("devgn-root-scale.css");

.devgn-scope {
    color: #3A4859;
    color: var(--ui-color-text);
    background: #FFF;
    background: var(--ui-color-background);
    font-family: "CAIXA Std", Arial, Helvetica, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.6
}

.devgn-scope *,
.devgn-scope *::before,
.devgn-scope *::after {
    box-sizing: border-box
}

.devgn-scope h1,
.devgn-scope h2,
.devgn-scope h3,
.devgn-scope h4 {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    color: #005CA9 !important;
    color: var(--ui-color-title);
    line-height: 1.2
}

.devgn-scope p,
.devgn-scope a,
.devgn-scope ul,
.devgn-scope ol,
.devgn-scope li {
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;


}

/*
===============================================================================
TIPOGRAFIA: DESTAQUES EM NEGRITO

Aplica a fonte Bold aos elementos <strong> e <b> dentro de qualquer Web Part
que utilize a classe .devgn-scope.

O texto externo permanece com a fonte e o peso definidos no elemento pai.
===============================================================================
*/

.devgn-scope strong,
.devgn-scope b {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

/*CSS para ocultar visualmente a informação da saiba mais, mantendo-a disponível para leitores de tela */

.devgn-scope .dc-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}




/* ==========================================================================
   TRECHO 2 - INICIO DIA DO CLIENTE 2026
   ========================================================================== */

/* a) Generico do Dia do Cliente 2026 e b) SECTION 01 - Quando acontece */

#dia-do-cliente-2026-quando-acontece .wp-menu {
    display: none
}

.dc-skip-link {
    position: absolute;
    top: -6.25rem;
    left: 1rem;
    z-index: 9999;
    padding: .75rem 1rem;
    color: #FFF;
    background: #3A4859;
    border-radius: .5rem
}

.dc-skip-link:focus {
    top: 1rem;
    outline: .25rem solid #005CA9 !important;
    outline-offset: .25rem
}

#dia-do-cliente-2026 .dc-container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content);
    margin: 0 auto
}

/* SECTION01 independente: mesmo contêiner homologado, sem depender de outra Web Part. */
#dia-do-cliente-2026-quando-acontece .dc-container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content);
    margin: 0 auto
}

#dia-do-cliente-2026-quando-acontece {
    position: relative;
    overflow: hidden;
    padding: 4.5rem 0 4rem;
    color: #FFF;
    background: none
}

/* SECTION01: imagem declarada no HTML e posicionada como fundo visual da Web Part. */
#dia-do-cliente-2026-quando-acontece>img.dc-hero__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    pointer-events: none
}

#dia-do-cliente-2026-quando-acontece .dc-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(17.5rem, .6fr);
    gap: 2.5rem;
    align-items: center;
}

#dia-do-cliente-2026-quando-acontece .dc-hero__content,
#dia-do-cliente-2026-quando-acontece .dc-hero__aside {
    min-width: 0;
    max-width: 100%
}

#dia-do-cliente-2026-quando-acontece .dc-hero__content p,
#dia-do-cliente-2026-quando-acontece .dc-hero__aside p {
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#dia-do-cliente-2026-quando-acontece h2#dc-quando-acontece-titulo {
    margin: 0 0 1.25rem;
    color: #004075 !important;
    font-size: 3rem !important;
    font-weight: bold !important;
}

#dia-do-cliente-2026-quando-acontece .dc-kicker {
    margin: 0 0 0.5rem;
    color: #FFFFFF;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "CAIXA Std Bold";
    font-size: 1.5rem !important;
    
}

#dia-do-cliente-2026-quando-acontece .dc-hero__lead {
    max-width: 47.5rem;
    margin: 0 0 .75rem;
    font-size: 1.25rem;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#dia-do-cliente-2026-quando-acontece .dc-hero__support {
    max-width: 44.5rem;
    margin: 0;
    color: #FFF;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

#dia-do-cliente-2026-quando-acontece .dc-hero__aside {
    padding: 1.75rem;
    color: #3A4859;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    background: #FFF;
    border-radius: 1rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 64, 117, .14)
}

#dia-do-cliente-2026-quando-acontece .dc-hero__aside h2 {
    margin: 0 0 .75rem;
    font-size: 1.5rem;
    font-family: "CAIXA Std Bold" !important;
    font-weight: bold;
}

#dia-do-cliente-2026-quando-acontece .dc-choice {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.25rem
}

#dia-do-cliente-2026 .dc-general,
#dia-do-cliente-2026 .dc-section {
    padding: 4rem 0
}

#dia-do-cliente-2026 .dc-section--soft {
    background: #F6F9F9;
    background: var(--ui-color-background-polar)
}

#dia-do-cliente-2026 .dc-section-heading {
    max-width: 51.25rem;
    margin-bottom: 2rem
}

#dia-do-cliente-2026 .dc-section-heading h2 {
    margin: 0 0 .75rem;
    font-size: 2.5rem
}

#dia-do-cliente-2026 .dc-section-heading p:last-child {
    margin: 0;
    color: #3A4859;
    font-size: 1.25rem
}

#dia-do-cliente-2026 .dc-notice {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    background: #F9FBFB;
    border-left: .25rem solid #D87B00;
    border-radius: .75rem
}

#dia-do-cliente-2026 .dc-notice p {
    margin: 0
}

#dia-do-cliente-2026 .dc-notice__icon {
    display: inline-grid;
    flex: 0 0 2rem;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: #FFF;
    background: #005CA9 !important;
    border-radius: 50%;
    font-weight: 700
}

#dia-do-cliente-2026 .dc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem
}

#dia-do-cliente-2026 .dc-grid--top {
    margin-top: 1.5rem
}

#dia-do-cliente-2026 .dc-card,
#dia-do-cliente-2026 .dc-feature {
    display: flex;
    flex-direction: column;
    padding: 1.75rem;
    background: #FFF;
    border: 1px solid #D0E0E3;
    border-radius: 1rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 64, 117, .10)
}

#dia-do-cliente-2026 .dc-card h3,
#dia-do-cliente-2026 .dc-feature h3 {
    margin: 0 0 .75rem;
    font-size: 1.5rem
}

#dia-do-cliente-2026 .dc-card__meta {
    align-self: flex-start;
    margin: 0 0 .75rem;
    padding: .25rem .75rem;
    color: #004075;
    background: #EFF4F5;
    border-radius: 999rem;
    font-size: .75rem;
    font-weight: 700
}

#dia-do-cliente-2026 .dc-card__note {
    color: #4F6178;
    font-size: .75rem
}

#dia-do-cliente-2026 .dc-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: .5rem
}

/*
===============================================================================
LINKS DAS WEB PARTS

Estado normal:
- texto em CAIXA Std Regular 400;
- sublinhado somente no texto visível;
- ícone de nova aba sem sublinhado;
- sem sinal ">" automático.

Hover e foco:
- texto em CAIXA Std Bold 700;
- cor Azul CAIXA escuro;
- sublinhado preservado;
- ícone preservado.

Compatibilidade temporária:
- aceita <span> e a marcação legada inválida <spam> presente na SECTION02 atual.
- a substituição de <spam> por <span> continua recomendada no HTML.
===============================================================================
*/

/* Elemento interativo */
.devgn-scope .devgn-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;

    color: #005CA9 !important;
    color: var(--ui-color-link, #005CA9) !important;

    font-family:
        "CAIXA Std Regular",
        Arial,
        Helvetica,
        sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

/* Texto visível: marcação correta <span> e compatibilidade com <spam> */
.devgn-scope .devgn-link > span:first-child,
.devgn-scope .devgn-link > spam:first-child {
    min-width: 0;

    font-family:
        "CAIXA Std Regular",
        Arial,
        Helvetica,
        sans-serif !important;
    font-weight: 400 !important;

    text-decoration: underline !important;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.25rem;
}

/* Cor no hover e no foco */
.devgn-scope .devgn-link:hover,
.devgn-scope .devgn-link:focus,
.devgn-scope .devgn-link:focus-visible {
    color: #004075 !important;
    color: var(--ui-color-link-hover, #004075) !important;
}

/* Peso do texto no hover e no foco */
.devgn-scope .devgn-link:hover > span:first-child,
.devgn-scope .devgn-link:focus > span:first-child,
.devgn-scope .devgn-link:focus-visible > span:first-child,
.devgn-scope .devgn-link:hover > spam:first-child,
.devgn-scope .devgn-link:focus > spam:first-child,
.devgn-scope .devgn-link:focus-visible > spam:first-child {
    font-family:
        "CAIXA Std Bold",
        Arial,
        Helvetica,
        sans-serif !important;
    font-weight: 700 !important;
}

/* Ícone externo sem sublinhado */
.devgn-scope .devgn-link .fa-arrow-up-right-from-square {
    flex: 0 0 auto;
    margin-left: 0.5rem;
    text-decoration: none !important;
}

/* Remove o sinal ">" criado pelo pseudoelemento antigo */
.devgn-scope .devgn-link::after {
    display: none !important;
    margin-left: 0;
    content: none !important;
    text-decoration: none !important;
}

/*
===============================================================================
RÓTULOS DE SUBSEÇÃO EM CAIXA ALTA

Aplica caixa alta visual a todos os elementos .dc-eyebrow localizados nas
Web Parts do projeto.
===============================================================================
*/

.devgn-scope .dc-eyebrow {
    text-transform: uppercase;
    font-family: "CAIXA Std Semi Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
}

#dia-do-cliente-2026 .dc-subsection {
    margin-top: 3rem;
}

#dia-do-cliente-2026 .dc-subsection__heading {
    margin-bottom: 1.5rem
}

#dia-do-cliente-2026 .dc-subsection__heading h3 {
    margin: 0;
    font-size: 2rem;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    color:#005CA9 !important
}

#dia-do-cliente-2026 .dc-feature {
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    margin: 1.5rem 0;
    border-left: .25rem solid #008254
}

#dia-do-cliente-2026 .dc-list {
    margin: 0 0 1rem;
    padding-left: 1.5rem
}

#dia-do-cliente-2026 .dc-list li+li {
    margin-top: .5rem
}

#dia-do-cliente-2026 .dc-list--inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem 1.5rem
}

#dia-do-cliente-2026 .dc-panel {
    margin-top: 1.5rem;
    background: #FFF;
    border: 1px solid #D0E0E3;
    border-radius: 1rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 64, 117, .10);
    overflow: hidden
}

#dia-do-cliente-2026 .dc-panel summary {
    position: relative;
    min-height: 3.5rem;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
    color: #005CA9 !important;
    cursor: pointer;
    font-weight: 700;
    list-style: none
}

#dia-do-cliente-2026 .dc-panel summary::-webkit-details-marker {
    display: none
}

#dia-do-cliente-2026 .dc-panel summary::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    content: "+";
    width: 2rem;
    height: 2rem;
    color: #FFF;
    background: #005CA9 !important;
    border-radius: 50%;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
    transform: translateY(-50%)
}

#dia-do-cliente-2026 .dc-panel[open] summary::after {
    content: "−"
}

#dia-do-cliente-2026 .dc-panel__body {
    padding: .25rem 1.5rem 1.75rem;
    border-top: 1px solid #D0E0E3
}

#dia-do-cliente-2026 .dc-nested-panel {
    margin-top: 1rem;
    border: 1px solid #D0E0E3;
    border-radius: .5rem
}

#dia-do-cliente-2026 .dc-nested-panel summary {
    padding: .75rem 1rem;
    color: #005CA9 !important;
    font-weight: 700;
    cursor: pointer
}

#dia-do-cliente-2026 .dc-nested-panel div {
    padding: 0 1rem 1rem
}

#dia-do-cliente-2026 .dc-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem
}

#dia-do-cliente-2026 .dc-table-wrap {
    max-width: 100%;
    margin: 1rem 0;
    overflow-x: auto;
    border: 1px solid #D0E0E3;
    border-radius: .75rem
}

#dia-do-cliente-2026 table {
    width: 100%;
    min-width: 42.5rem;
    border-collapse: collapse;
    background: #FFF
}

#dia-do-cliente-2026 caption {
    padding: .75rem 1rem;
    color: #004075;
    background: #EFF4F5;
    font-weight: 700;
    text-align: left
}

#dia-do-cliente-2026 th,
#dia-do-cliente-2026 td {
    padding: .75rem 1rem;
    border-bottom: 1px solid #D0E0E3;
    text-align: left;
    vertical-align: top
}

#dia-do-cliente-2026 thead th {
    color: #FFF;
    background: #005CA9
}

#dia-do-cliente-2026 tbody tr:nth-child(even) {
    background: #F9FBFB
}

#dia-do-cliente-2026 .dc-debt {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(16.25rem, .65fr);
    gap: 2rem;
    margin-top: 3rem;
    padding: 2rem;
    color: #FFF;
    background: #004075;
    border-radius: 1rem
}

#dia-do-cliente-2026 .dc-debt h3,
#dia-do-cliente-2026 .dc-debt h4,
#dia-do-cliente-2026 .dc-debt .dc-eyebrow {
    color: #FFF
}

#dia-do-cliente-2026 .dc-debt__channels {
    padding: 1.5rem;
    color: #3A4859;
    background: #FFF;
    border-radius: .75rem
}

#dia-do-cliente-2026 .dc-debt__channels h4 {
    color: #005CA9
}

#dia-do-cliente-2026 .dc-footer {
    padding: 2rem 0;
    color: #4F6178;
    background: #F6F9F9;
    border-top: 1px solid #D0E0E3
}

.devgn-scope .devgn-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: .5rem 1rem;
    gap: .5rem;
    border: .125rem solid;
    border-radius: .5rem;
    font-weight: 700;
    text-decoration: none
}

.devgn-scope .devgn-button--primary {
    color: #FFFFFF;
    background: #005CA9;
    border-color: #005CA9;
}

.devgn-scope .devgn-button--primary:hover {
    color: #005CA9;
    background: #FFFFFF;
    border-color: #005CA9;
}

.devgn-scope .devgn-button--secondary {
    color: #005CA9;
    background: #FFFFFF;
    border-color: #005CA9;
}

.devgn-scope .devgn-button--secondary:hover {
    color: #FFFFFF;
    background: #005CA9;
    border-color: #005CA9;
}

.devgn-scope a:focus,
.devgn-scope button:focus,
.devgn-scope summary:focus,
.devgn-scope [tabindex]:focus {
    outline: .25rem solid #005CA9 !important;
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem #FFF
}

.devgn-scope a:focus-visible,
.devgn-scope button:focus-visible,
.devgn-scope summary:focus-visible,
.devgn-scope [tabindex]:focus-visible {
    outline: .25rem solid #005CA9 !important;
    outline-offset: .25rem;
    box-shadow: 0 0 0 .25rem #FFF
}

@media(max-width:51.25em) {

    #dia-do-cliente-2026-quando-acontece .dc-hero__grid,
    #dia-do-cliente-2026 .dc-grid,
    #dia-do-cliente-2026 .dc-columns,
    #dia-do-cliente-2026 .dc-debt {
        grid-template-columns: 1fr
    }

    #dia-do-cliente-2026 .dc-feature {
        align-items: flex-start;
        flex-direction: column
    }

    #dia-do-cliente-2026-quando-acontece {
        padding: 3.25rem 0
    }
}

@media(max-width:32.5em) {

    #dia-do-cliente-2026 .dc-container,
    #dia-do-cliente-2026-quando-acontece .dc-container {
        width: calc(100% - 1.5rem)
    }

    #dia-do-cliente-2026 .dc-general,
    #dia-do-cliente-2026 .dc-section {
        padding: 2.75rem 0
    }

    #dia-do-cliente-2026 .dc-card,
    #dia-do-cliente-2026 .dc-feature,
    #dia-do-cliente-2026-quando-acontece .dc-hero__aside,
    #dia-do-cliente-2026 .dc-debt {
        padding: 1.25rem
    }

    #dia-do-cliente-2026-quando-acontece .dc-choice a {
        width: 100%
    }

    #dia-do-cliente-2026 .dc-list--inline {
        grid-template-columns: 1fr
    }
}

@media(prefers-reduced-motion:reduce) {

    .devgn-scope *,
    .devgn-scope *::before,
    .devgn-scope *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important
    }
}

/*
===============================================================================
CORRECOES CIRURGICAS DE RESPONSIVIDADE MOBILE

ESCOPO:
- Preserva integralmente o layout aprovado no desktop.
- Atua somente em robustez, refluxo, largura, toque e leitura em telas menores.
- Mantem hero, grids, cards, chips, paineis, tabelas e bloco de negociacao.
- Usa rem e media queries em em, conforme a escala aprovada.

WCAG 2.2 AA:
- Controles destacados mantem altura minima de 2.75rem.
- O foco permanece visivel em Azul CAIXA.
- Nao ha informacao dependente de hover.
- Tabelas usam rolagem horizontal localizada.
===============================================================================
*/

/*
CORRECAO DE REGRESSAO DE MARGENS DESKTOP
Foram removidas as regras globais aplicadas a html e body e a declaracao tardia
max-width: 100% que atingia .dc-container. A regra original do conteiner,
max-width: 73.75rem e margin: 0 auto, volta a prevalecer em toda a pagina.
*/
/* Impede que conteudo longo force rolagem horizontal na pagina inteira. */
#dia-do-cliente-2026,
#dia-do-cliente-2026 .dc-hero__content,
#dia-do-cliente-2026-quando-acontece .dc-hero__aside,
#dia-do-cliente-2026 .dc-card,
#dia-do-cliente-2026 .dc-feature,
#dia-do-cliente-2026 .dc-panel,
#dia-do-cliente-2026 .dc-panel__body,
#dia-do-cliente-2026 .dc-debt,
#dia-do-cliente-2026 .dc-debt__channels {
    min-width: 0;
    max-width: 100%;
}

/* Conteudos extensos quebram linha sem alterar textos ou URLs. */
#dia-do-cliente-2026 p,
#dia-do-cliente-2026 li,
#dia-do-cliente-2026 h1,
#dia-do-cliente-2026 h2,
#dia-do-cliente-2026 h3,
#dia-do-cliente-2026 h4,
#dia-do-cliente-2026 a,
#dia-do-cliente-2026 th,
#dia-do-cliente-2026 td,
#dia-do-cliente-2026 summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Midias futuras nunca ultrapassam o conteiner. */
#dia-do-cliente-2026 img,
#dia-do-cliente-2026 svg,
#dia-do-cliente-2026 video,
#dia-do-cliente-2026 iframe {
    max-width: 100%;
}

#dia-do-cliente-2026 img,
#dia-do-cliente-2026 video {
    height: auto;
}

/* Links de acao isolados ganham alvo confortavel sem afetar links em tabelas. */
#dia-do-cliente-2026 .dc-card>.dc-link,
#dia-do-cliente-2026 .dc-feature>.dc-link,
#dia-do-cliente-2026 .dc-panel__body>.dc-link,
#dia-do-cliente-2026 .dc-footer .devgn-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    max-width: 100%;
}

/* Permite quebra do rotulo sem separar o indicador visual do link. */
#dia-do-cliente-2026 .devgn-link::after {
    flex: 0 0 auto;
}

/* Botoes preservam icone e rotulo, mas podem quebrar texto em telas estreitas. */
#dia-do-cliente-2026 .devgn-button {
    max-width: 100%;
    white-space: normal;
}

#dia-do-cliente-2026 .devgn-button span:last-child {
    min-width: 0;
}

/* Rolagem localizada das tabelas com melhor resposta ao toque no iOS. */
#dia-do-cliente-2026 .dc-table-wrap {
    width: 100%;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
}

/* Evita que o foco do summary seja cortado pelo overflow do painel. */
#dia-do-cliente-2026 .dc-panel summary:focus,
#dia-do-cliente-2026 .dc-panel summary:focus-visible {
    outline-offset: -0.25rem;
    box-shadow: none;
}

/* O destino do skip link e das ancoras recebe margem de rolagem. */
#dia-do-cliente-2026 #dc-conteudo,
#dia-do-cliente-2026 #publico-geral,
#dia-do-cliente-2026 #pessoa-fisica,
#dia-do-cliente-2026 #pessoa-juridica {
    scroll-margin-top: 4rem;
}

/* Tablet e celulares grandes: uma coluna sem alterar a ordem do HTML. */
@media (max-width: 51.25em) {

    #dia-do-cliente-2026-quando-acontece .dc-hero__grid,
    #dia-do-cliente-2026 .dc-grid,
    #dia-do-cliente-2026 .dc-columns,
    #dia-do-cliente-2026 .dc-debt {
        grid-template-columns: minmax(0, 1fr);
    }

    #dia-do-cliente-2026-quando-acontece .dc-hero__aside {
        width: 100%;
    }

    #dia-do-cliente-2026 .dc-feature {
        align-items: flex-start;
        flex-direction: column;
    }

    #dia-do-cliente-2026-quando-acontece .dc-choice {
        align-items: stretch;
    }

    #dia-do-cliente-2026-quando-acontece .dc-hero__content {
        grid-column: 1;
        grid-row: 1;
    }

    #dia-do-cliente-2026-quando-acontece .dc-hero__aside {
        grid-column: 1;
        grid-row: 2;
    }
}

/* Celulares: ajustes apenas de escala, respiro e alvos de toque. */
@media (max-width: 32.5em) {

    #dia-do-cliente-2026 .dc-container,
    #dia-do-cliente-2026-quando-acontece .dc-container {
        width: calc(100% - 1.5rem);
    }

    #dia-do-cliente-2026-quando-acontece {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }

    #dia-do-cliente-2026-quando-acontece h2#dc-quando-acontece-titulo {
        font-size: 2.25rem;
    }

    #dia-do-cliente-2026-quando-acontece .dc-hero__lead,
    #dia-do-cliente-2026 .dc-section-heading p:last-child {
        font-size: 1.125rem;
    }

    #dia-do-cliente-2026 .dc-section-heading h2 {
        font-size: 2rem;
    }

    #dia-do-cliente-2026 .dc-general,
    #dia-do-cliente-2026 .dc-section {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }

    #dia-do-cliente-2026 .dc-card,
    #dia-do-cliente-2026 .dc-feature,
    #dia-do-cliente-2026-quando-acontece .dc-hero__aside,
    #dia-do-cliente-2026 .dc-debt,
    #dia-do-cliente-2026 .dc-debt__channels {
        padding: 1.25rem;
    }

    #dia-do-cliente-2026-quando-acontece .dc-choice {
        flex-direction: column;
    }

    #dia-do-cliente-2026-quando-acontece .dc-choice .devgn-button {
        width: 100%;
    }

    #dia-do-cliente-2026 .dc-list--inline {
        grid-template-columns: minmax(0, 1fr);
    }

    #dia-do-cliente-2026 .dc-panel summary {
        padding: 1rem 3.5rem 1rem 1rem;
    }

    #dia-do-cliente-2026 .dc-panel summary::after {
        right: 1rem;
    }

    #dia-do-cliente-2026 .dc-panel__body {
        padding-right: 1rem;
        padding-bottom: 1.25rem;
        padding-left: 1rem;
    }

    #dia-do-cliente-2026 .dc-table-wrap {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #dia-do-cliente-2026 table {
        min-width: 40rem;
    }
}

/* Telas muito estreitas: preserva legibilidade sem remover conteudo. */
@media (max-width: 22.5em) {

    #dia-do-cliente-2026 .dc-container,
    #dia-do-cliente-2026-quando-acontece .dc-container {
        width: calc(100% - 1rem);
    }

    #dia-do-cliente-2026-quando-acontece h2#dc-quando-acontece-titulo {
        font-size: 2rem !important;
    }

    #dia-do-cliente-2026 .dc-card,
    #dia-do-cliente-2026 .dc-feature,
    #dia-do-cliente-2026-quando-acontece .dc-hero__aside,
    #dia-do-cliente-2026 .dc-debt,
    #dia-do-cliente-2026 .dc-debt__channels {
        padding: 1rem;
    }
}

/* Em dispositivos sem hover, nenhuma informacao depende desse estado. */
@media (hover: none) {
    #dia-do-cliente-2026 .devgn-link:hover {
        font-weight: 400;
    }
}

/*
===============================================================================
SECTION01: BOTÕES EMPILHADOS E COM A MESMA LARGURA

Os dois botões permanecem um abaixo do outro no desktop, tablet e celular.
Cada botão ocupa toda a largura disponível no quadro lateral.
===============================================================================
*/

#dia-do-cliente-2026-quando-acontece .dc-choice {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    width: 100%;
}

#dia-do-cliente-2026-quando-acontece .dc-choice .devgn-button {
    width: 100%;
    min-width: 0;
}

/*
===============================================================================
SECTIONS 01, 02 E 03: ESPAÇAMENTO LATERAL NO MOBILE

Aplica 5% de padding à esquerda e à direita nos contêineres internos.
Não altera o desktop nem cria dependência entre as Web Parts.
===============================================================================
*/

@media screen and (max-width: 51.25em) {
    #dia-do-cliente-2026-quando-acontece .dc-container,
    #dia-do-cliente-2026-para-voce .dc-container,
    #dia-do-cliente-2026-para-sua-empresa .dc-container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
        box-sizing: border-box;
    }
}


/* --------------------------------------------------------------------------
   c) SECTION 02 - Para voce
   -------------------------------------------------------------------------- */

/*
===============================================================================
SECTION02 INDEPENDENTE: PARA VOCE

Correcao:
- aplica a UI homologada ao ID proprio da SECTION02;
- remove a dependencia do wrapper legado #dia-do-cliente-2026;
- preserva estrutura, textos, IDs, classes, links e comportamento;
- mantem 5% de espacamento lateral em tablet e celular.
===============================================================================
*/

#dia-do-cliente-2026-para-voce .wp-id,
#dia-do-cliente-2026-para-voce .wp-menu {
    display: none;
}

#dia-do-cliente-2026-para-voce {
    padding: 4rem 0;
}

#dia-do-cliente-2026-para-voce.dc-section--soft {
    background: #F6F9F9;
    background: var(--ui-color-background-polar, #F6F9F9);
}

#dia-do-cliente-2026-para-voce .dc-container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content, 73.75rem);
    margin: 0 auto;
}

#dia-do-cliente-2026-para-voce .dc-anchor-target {
    position: relative;
    display: block;
    visibility: hidden;
    scroll-margin-top: 4rem;
}

#dia-do-cliente-2026-para-voce .dc-section-heading {
    max-width: 51.25rem;
    margin-bottom: 2rem;
}

#dia-do-cliente-2026-para-voce .dc-section-heading h2 {
    margin: 0 0 0.75rem;
    font-size: 2.5rem !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-voce .dc-section-heading p:last-child {
    margin: 0;
    color: #3A4859 !important;
    font-size: 1.25rem !important;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#dia-do-cliente-2026-para-voce .dc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

#dia-do-cliente-2026-para-voce .dc-grid--top {
    margin-top: 1.5rem;
}

#dia-do-cliente-2026-para-voce .dc-card,
#dia-do-cliente-2026-para-voce .dc-feature {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    padding: 1.75rem;
    background: #FFFFFF !important;
    border: 1px solid #D0E0E3 !important;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 64, 117, 0.10);
}

#dia-do-cliente-2026-para-voce .dc-card h3,
#dia-do-cliente-2026-para-voce .dc-feature h3 {
    margin: 0 0 0.75rem;
    font-size: 1.5rem !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-voce .dc-card__meta {
    align-self: flex-start;
    margin: 0 0 0.75rem;
    padding: 0.25rem 0.75rem;
    color: #004075 ;
    background: #EFF4F5 !important;
    border-radius: 999rem;
    font-size: 0.75rem !important;
    font-family: "CAIXA Std Semi Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
}

#dia-do-cliente-2026-para-voce .dc-card__note {
    color: #4F6178 !important;
    font-size: 0.75rem !important;
    font-family: "CAIXA Std Semi Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
}

#dia-do-cliente-2026-para-voce .dc-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 0.5rem;
}

#dia-do-cliente-2026-para-voce .dc-subsection {
    margin-top: 3rem;
}

#dia-do-cliente-2026-para-voce .dc-subsection__heading {
    margin-bottom: 1.5rem;
}

#dia-do-cliente-2026-para-voce .dc-subsection__heading h3 {
    margin: 0;
    font-size: 2rem !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    color:#005CA9 !important
}

#dia-do-cliente-2026-para-voce .dc-feature {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;

    min-width: 0;
    max-width: 100%;

    margin: 1.5rem 0;
    padding: 1.75rem;

    background-color: #FFFFFF;

    border: 1px solid #D0E0E3 !important;
    border-left: 0.25rem solid #008254 !important;
    border-radius: 1rem !important;

    box-shadow: 0 0.5rem 1.5rem rgba(0, 64, 117, 0.10);
}

#dia-do-cliente-2026-para-voce .dc-list {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}

#dia-do-cliente-2026-para-voce .dc-list li + li {
    margin-top: 0.5rem;
}

#dia-do-cliente-2026-para-voce .dc-panel {
    margin-top: 1.5rem;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    background: #FFFFFF !important;
    border: 1px solid #D0E0E3 !important;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 64, 117, 0.10);
}

#dia-do-cliente-2026-para-voce .dc-panel summary {
    position: relative;
    min-height: 3.5rem;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
    color: #005CA9 !important;
    cursor: pointer;
    list-style: none;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;

}

#dia-do-cliente-2026-para-voce .dc-panel summary::-webkit-details-marker {
    display: none;
}

#dia-do-cliente-2026-para-voce .dc-panel summary::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 2rem;
    height: 2rem;
    color: #FFFFFF !important;
    background: #005CA9 !important;
    border-radius: 50%;
    content: "+";
    font-size: 1.25rem !important;
    line-height: 1.875rem;
    text-align: center;
    transform: translateY(-50%);
}

#dia-do-cliente-2026-para-voce .dc-panel[open] summary::after {
    content: "−";
}

#dia-do-cliente-2026-para-voce .dc-panel__body {
    min-width: 0;
    max-width: 100%;
    padding: 0.25rem 1.5rem 1.75rem;
    border-top: 1px solid #D0E0E3;
}

#dia-do-cliente-2026-para-voce .dc-table-wrap {
    width: 100%;
    max-width: 100%;
    margin: 1rem 0;
    overflow-x: auto;
    border: 1px solid #D0E0E3;
    border-radius: 0.75rem;
    -webkit-overflow-scrolling: touch;
}

#dia-do-cliente-2026-para-voce table {
    width: 100%;
    min-width: 42.5rem;
    border-collapse: collapse;
    background: #FFFFFF;
}

#dia-do-cliente-2026-para-voce caption {
    padding: 0.75rem 1rem;
    color: #004075;
    background: #EFF4F5;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    text-align: left;
}

#dia-do-cliente-2026-para-voce th,
#dia-do-cliente-2026-para-voce td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #D0E0E3;
    text-align: left;
    vertical-align: top;
}

#dia-do-cliente-2026-para-voce thead th {
    color: #FFFFFF;
    background: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}


#dia-do-cliente-2026-para-voce tbody tr:nth-child(even) {
    background: #F9FBFB;
}

#dia-do-cliente-2026-para-voce p,
#dia-do-cliente-2026-para-voce li,
#dia-do-cliente-2026-para-voce h2,
#dia-do-cliente-2026-para-voce h3,
#dia-do-cliente-2026-para-voce a,
#dia-do-cliente-2026-para-voce th,
#dia-do-cliente-2026-para-voce td,
#dia-do-cliente-2026-para-voce summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#dia-do-cliente-2026-para-voce .dc-card > .dc-link,
#dia-do-cliente-2026-para-voce .dc-feature > .dc-link,
#dia-do-cliente-2026-para-voce .dc-panel__body > .dc-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    max-width: 100%;
}


@media screen and (max-width: 51.25em) {
    #dia-do-cliente-2026-para-voce .dc-container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
        box-sizing: border-box;
    }

    #dia-do-cliente-2026-para-voce .dc-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #dia-do-cliente-2026-para-voce .dc-feature {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media screen and (max-width: 32.5em) {
    #dia-do-cliente-2026-para-voce {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }

    #dia-do-cliente-2026-para-voce .dc-section-heading h2 {
        font-size: 2rem !important;
        font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
    }

    #dia-do-cliente-2026-para-voce .dc-section-heading p:last-child {
        font-size: 1.125rem;
            font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
            font-weight: 400 !important;
    }

    #dia-do-cliente-2026-para-voce .dc-card,
    #dia-do-cliente-2026-para-voce .dc-feature {
        padding: 1.25rem;
    }

    #dia-do-cliente-2026-para-voce .dc-panel summary {
        padding: 1rem 3.5rem 1rem 1rem;
    }

    #dia-do-cliente-2026-para-voce .dc-panel summary::after {
        right: 1rem;
    }

    #dia-do-cliente-2026-para-voce .dc-panel__body {
        padding-right: 1rem;
        padding-bottom: 1.25rem;
        padding-left: 1rem;
    }

    #dia-do-cliente-2026-para-voce table {
        min-width: 40rem;
    }
}

/*
===============================================================================
SECTION02: PAINEL ABERTO E FOCO DE TECLADO

- Painel fechado: fundo branco e texto azul.
- Painel aberto: fundo azul e texto branco.
- Ícone aberto: fundo branco e sinal azul.
- Clique comum: sem contorno persistente.
- Teclado: mantém foco visível para acessibilidade.
===============================================================================
*/

/* Estado padrão do cabeçalho */
#dia-do-cliente-2026-para-voce .dc-panel > summary {
    color: #005CA9;
    background-color: #FFFFFF;
}

/* Estado aberto: inverte as cores */
#dia-do-cliente-2026-para-voce .dc-panel[open] > summary {
    color: #FFFFFF;
    background-color: #005CA9;
}

/* Ícone no estado fechado */
#dia-do-cliente-2026-para-voce .dc-panel > summary::after {
    color: #FFFFFF;
    background-color: #005CA9;
    content: "+";
}

/* Ícone no estado aberto */
#dia-do-cliente-2026-para-voce .dc-panel[open] > summary::after {
    color: #005CA9;
    background-color: #FFFFFF !important;
    content: "−";
}

/* Retira o efeito persistente depois do clique comum */
#dia-do-cliente-2026-para-voce .dc-panel > summary:focus {
    outline: none;
    box-shadow: none;
}

/* Mantém indicação acessível somente na navegação por teclado */
#dia-do-cliente-2026-para-voce .dc-panel > summary:focus-visible {
    outline: 0.1875rem solid #A94F00;
    outline-offset: -0.375rem;
    box-shadow: none;
}

/*
===============================================================================
SECTION02: CORRECAO FINAL DO PAINEL ABERTO

Correcao localizada:
- garante texto branco no summary quando o painel estiver aberto;
- garante fundo azul no estado aberto;
- inverte as cores do indicador para fundo branco e sinal azul;
- preserva o estado fechado e o foco de teclado existentes.

Este bloco permanece no final do arquivo para prevalecer sobre as regras
anteriores que definem color: #005CA9 !important no summary.
===============================================================================
*/

#dia-do-cliente-2026-para-voce .dc-panel[open] > summary {
    color: #FFFFFF !important;
    background-color: #005CA9 !important;
}

#dia-do-cliente-2026-para-voce .dc-panel[open] > summary::after {
    color: #005CA9 !important;
    background-color: #FFFFFF !important;
    content: "\2212";
}


/* --------------------------------------------------------------------------
   d) SECTION 03 - Para sua empresa
   -------------------------------------------------------------------------- */

/*
===============================================================================
SECTION03: PARA SUA EMPRESA - PRODUCAO 12-09-2026-18h25
CLASSIFICACAO: EVOLUCAO
- Incorpora ao CSS principal as regras antes mantidas em arquivo adicional.
- Mantem todas as regras visuais da SECTION03 limitadas ao ID proprio.
- Nao cria dependencia estrutural de SECTION01 ou SECTION02.
- Preserva foco visivel, refluxo, alvos de toque e reducao de movimento do CSS base.
===============================================================================
*/
#dia-do-cliente-2026-para-sua-empresa .wp-id, #dia-do-cliente-2026-para-sua-empresa .wp-menu {
    display: none;
}

#dia-do-cliente-2026-para-sua-empresa {
    padding: 4rem 0;
    background: #FFFFFF;
}

#dia-do-cliente-2026-para-sua-empresa .dc-container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    margin: 0 auto;
}

#dia-do-cliente-2026-para-sua-empresa .dc-anchor-target {
    display: block;
    visibility: hidden;
    scroll-margin-top: 4rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-section-heading {
    max-width: 51.25rem;
    margin-bottom: 2rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-section-heading h2 {
    margin: 0 0 .75rem;
    color: #005CA9;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-section-heading p:last-child {
    margin: 0;
    color: #3A4859 !important;
    font-size: 1.25rem !important;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-eyebrow {
    margin: 0 0 .5rem;
    font-family: "CAIXA Std Semi Bold",Arial,Helvetica,sans-serif!important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
}

#dia-do-cliente-2026-para-sua-empresa .dc-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1.5rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-grid--top {
    margin-top: 1.5rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:1.75rem;
    background:#FFF;
    border:1px solid #D0E0E3;
    border-radius:1rem;
    box-shadow:0 .5rem 1.5rem rgba(0,64,117,.10);
}

#dia-do-cliente-2026-para-sua-empresa .dc-card h3 {
    margin: .5rem 0 1rem;
    color:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-size:1.5rem !important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-card__meta {
    align-self:flex-start;
    margin:0 0 .5rem;
    padding:.25rem .75rem;
    color:#004075;
    background:#EFF4F5;
    border-radius:999rem;
    font-family:"CAIXA Std Semi Bold",Arial,Helvetica,sans-serif!important;
    font-size:.75rem;
    font-weight:600!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-card__note {
    color:#4F6178;
    font-size:.75rem !important;
    font-weight:600 !important;
    font-family:"CAIXA Std Semi Bold",Arial,Helvetica,sans-serif!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-list {
    margin:0 0 1rem;
    padding-left:1.5rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-list li+li {
    margin-top:.5rem;
}

#dia-do-cliente-2026-para-sua-empresa strong {
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel {
    margin-top:1.5rem;
    overflow:hidden;
    background:#FFF;
    border:1px solid #D0E0E3;
    border-radius:1rem;
    box-shadow:0 .5rem 1.5rem rgba(0,64,117,.10);
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel>summary {
    position:relative;
    min-height:3.5rem;
    padding:1.25rem 4rem 1.25rem 1.5rem;
    color:#005CA9!important;
    background:#FFF!important;
    cursor:pointer;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    list-style:none;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel>summary::-webkit-details-marker {
    display:none;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel>summary::after {
    position:absolute;
    top:50%;
    right:1.5rem;
    width:2rem;
    height:2rem;
    color:#FFF;
    background:#005CA9;
    border-radius:50%;
    content:"+";
    font-size:1.25rem !important;
    line-height:1.875rem;
    text-align:center;
    transform:translateY(-50%);
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel[open]>summary {
    color:#FFF!important;
    background:#005CA9!important;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel[open]>summary::after {
    color:#005CA9!important;
    background:#FFF!important;
    content:"\2212";
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel__body {
    padding:.25rem 1.5rem 1.75rem;
    border-top:1px solid #D0E0E3;
}

#dia-do-cliente-2026-para-sua-empresa .dc-panel__body>h3 {
    margin:2rem 0 1rem;
    color:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel {
    margin-top:1rem;
    border-top:1px solid #D0E0E3;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel summary {
    padding:1rem 0;
    color:#005CA9;
    cursor:pointer;
    font-weight:700;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-product-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.25rem;
    margin-top:1.25rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-product-box {
    min-width:0;
    padding:1.5rem;
    background:#F9FBFB;
    border:1px solid #D0E0E3;
    border-left:.25rem solid #D87B00;
    border-radius:.75rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-product-box h3 {
    margin:0 0 1rem;
    color:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-table-wrap {
    width:100%;
    margin:1rem 0;
    overflow-x:auto;
    border:1px solid #D0E0E3;
    border-radius:.75rem;
    -webkit-overflow-scrolling:touch;
}

#dia-do-cliente-2026-para-sua-empresa table {
    width:100%;
    min-width:42.5rem;
    border-collapse:collapse;
    background:#FFF;
}

#dia-do-cliente-2026-para-sua-empresa th,#dia-do-cliente-2026-para-sua-empresa td {
    padding:.75rem 1rem;
    border-bottom:1px solid #D0E0E3;
    text-align:left;
    vertical-align:top;
}

#dia-do-cliente-2026-para-sua-empresa thead th {
    color:#FFF;
    background:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa tbody tr:nth-child(even) {
    background:#F9FBFB;
}

#dia-do-cliente-2026-para-sua-empresa .dc-list--inline {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.75rem 1.5rem;
    padding-left:0;
    list-style:none;
}

#dia-do-cliente-2026-para-sua-empresa .dc-subsection {
    margin-top:3rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-subsection__heading {
    margin-bottom:1.5rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-subsection__heading h3 {
    margin:.5rem 0 0;
    color:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-size:2rem;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-debt {
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);
    gap:1.5rem;
    margin-top:3rem;
    padding:2rem;
    color:#FFF;
    background:#004075;
    border-radius:1rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-debt h3,#dia-do-cliente-2026-para-sua-empresa .dc-debt h4,#dia-do-cliente-2026-para-sua-empresa .dc-debt .dc-eyebrow {
    color:#FFF;
}

#dia-do-cliente-2026-para-sua-empresa .dc-debt h3 {
    margin:.5rem 0 1rem;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-debt__channels {
    padding:1.5rem;
    color:#3A4859;
    background:#FFF;
    border-radius:.75rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-debt__channels h4 {
    margin:0 0 1rem;
    color:#005CA9;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-sua-empresa .devgn-link {
    display:inline-flex;
    align-items:center;
    max-width:100%;
    color:#005CA9!important;
    font-family:"CAIXA Std Regular",Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
    text-decoration:underline!important;
    text-decoration-thickness:.125rem!important;
    text-underline-offset:.25rem;
}

#dia-do-cliente-2026-para-sua-empresa .devgn-link>span:first-child {
    text-decoration:underline!important;
    text-decoration-thickness:.125rem;
    text-underline-offset:.25rem;
}

#dia-do-cliente-2026-para-sua-empresa .devgn-link:hover,#dia-do-cliente-2026-para-sua-empresa .devgn-link:focus,#dia-do-cliente-2026-para-sua-empresa .devgn-link:focus-visible {
    color:#004075!important;
    font-family:"CAIXA Std Bold",Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
}

#dia-do-cliente-2026-para-sua-empresa .devgn-link .fa-arrow-up-right-from-square {
    flex:0 0 auto;
    margin-left:.5rem;
    text-decoration:none!important;
}

#dia-do-cliente-2026-para-sua-empresa .devgn-link::after {
    display:none!important;
    content:none!important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    white-space:nowrap;
    border:0;
    clip:rect(0,0,0,0);
    clip-path:inset(50%);
}

#dia-do-cliente-2026-para-sua-empresa a:focus-visible,#dia-do-cliente-2026-para-sua-empresa summary:focus-visible,#dia-do-cliente-2026-para-sua-empresa [tabindex]:focus-visible {
    outline:.1875rem solid #A94F00!important;
    outline-offset:.25rem;
}

@media screen and (max-width:51.25em) {
    #dia-do-cliente-2026-para-sua-empresa .dc-container {
        width:100%;
        max-width:100%;
        padding-right:5%;
        padding-left:5%;
        box-sizing:border-box
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-grid,#dia-do-cliente-2026-para-sua-empresa .dc-product-grid,#dia-do-cliente-2026-para-sua-empresa .dc-debt {
        grid-template-columns:minmax(0,1fr)
    }

}

@media screen and (max-width:32.5em) {
    #dia-do-cliente-2026-para-sua-empresa {
        padding:2.75rem 0
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-section-heading h2 {
        font-size:2rem !important;
        font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
        font-weight: 700 !important;
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-card,#dia-do-cliente-2026-para-sua-empresa .dc-product-box,#dia-do-cliente-2026-para-sua-empresa .dc-debt {
        padding:1.25rem
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-panel>summary {
        padding:1rem 3.5rem 1rem 1rem
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-panel>summary::after {
        right:1rem
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-panel__body {
        padding-right:1rem;
        padding-bottom:1.25rem;
        padding-left:1rem
    }

    #dia-do-cliente-2026-para-sua-empresa .dc-list--inline {
        grid-template-columns:1fr
    }

}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel {
    margin-top: 1rem;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #D0E0E3;
    border-radius: 0.75rem;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > summary {
    position: relative;
    min-height: 3.5rem;
    padding: 1rem 4rem 1rem 1rem;
    color: #005CA9 !important;
    background: #FFFFFF !important;
    cursor: pointer;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    list-style: none;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > summary::-webkit-details-marker {
    display: none;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > summary::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    color: #FFFFFF;
    background: #005CA9;
    border-radius: 50%;
    content: "+";
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
    transform: translateY(-50%);
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel[open] > summary {
    color: #FFFFFF !important;
    background: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel[open] > summary::after {
    color: #005CA9;
    background: #FFFFFF;
    content: "\2212";
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > div {
    padding: 0 1rem 1rem;
    border-top: 1px solid #D0E0E3;
}

#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > summary:focus-visible {
    outline: 0.1875rem solid #A94F00 !important;
    outline-offset: -0.375rem;
    box-shadow: none;
}

/*
===============================================================================
SECTION03: ESPACAMENTO SUPERIOR DO CONTEUDO DOS PAINEIS
CLASSIFICACAO: CORRECAO
- Corrige o respiro entre o summary e o primeiro elemento do conteúdo.
- Abrange painéis principais e painel aninhado.
- Não altera HTML, estrutura, largura ou comportamento.
===============================================================================
*/

/* Painéis principais da SECTION03 */
#dia-do-cliente-2026-para-sua-empresa .dc-panel > .dc-panel__body {
    padding-top: 1rem;
}

/* Painel aninhado da SECTION03 */
#dia-do-cliente-2026-para-sua-empresa .dc-nested-panel > div {
    padding-top: 1rem;
}

/*
===============================================================================
SECTIONS 02 E 03: MARCADORES DAS LISTAS
CLASSIFICACAO: CORRECAO
- Restaura os marcadores neutralizados pelo CSS do portal.
- Mantem a grade da SECTION03 em duas colunas.
===============================================================================
*/

/* SECTION02 */
#dia-do-cliente-2026-para-voce ul.dc-list {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
    list-style-type: disc !important;
    list-style-position: outside;
}

#dia-do-cliente-2026-para-voce ul.dc-list > li {
    display: list-item !important;
}

/* SECTION03 */
#dia-do-cliente-2026-para-sua-empresa ul.dc-list {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
    list-style-type: disc !important;
    list-style-position: outside;
}

#dia-do-cliente-2026-para-sua-empresa ul.dc-list > li {
    display: list-item !important;
}

/* Grade de taxas da SECTION03 */
#dia-do-cliente-2026-para-sua-empresa ul.dc-list--inline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1.5rem;
    padding-left: 1.5rem;
    list-style-type: disc !important;
}

#dia-do-cliente-2026-para-sua-empresa ul.dc-list--inline > li {
    display: list-item !important;
}

@media screen and (max-width: 32.5em) {
    #dia-do-cliente-2026-para-sua-empresa ul.dc-list--inline {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*
===============================================================================
SECTION03: COR DO TEXTO NO BLOCO DE NEGOCIACAO DE DIVIDAS
CLASSIFICACAO: CORRECAO
- Força a cor branca nos parágrafos do conteúdo principal.
- Não afeta o quadro branco de canais.
- Não exige alteração no HTML.
===============================================================================
*/

#dia-do-cliente-2026-para-sua-empresa .dc-debt > div > p {
    color: #FFFFFF !important;
}

/*
===============================================================================
SECTION03: COR DO TITULO DE NEGOCIACAO NO MOBILE
CLASSIFICACAO: CORRECAO
- Altera somente o h3 do bloco de negociacao de dividas.
- Aplica apenas em telas de ate 32.5em.
- Nao altera o HTML nem outros titulos da SECTION03.
===============================================================================
*/


    #dia-do-cliente-2026-para-sua-empresa
    #dc-para-sua-empresa-negociacao-titulo {
        color: #F9B000 !important;
    }


/*
===============================================================================
SECTION03: COMPLEMENTO DO PAINEL DA azulzinha
CLASSIFICACAO: EVOLUCAO DE CONTEUDO
- Mantem a estrutura homologada do painel.
- Acrescenta apenas espacamento entre os blocos completos da SCD.
- Preserva o CSS global devgn-style.css e o comportamento nativo de details.
===============================================================================
*/

#dia-do-cliente-2026-para-sua-empresa
#dc-para-sua-empresa-painel-05 .dc-azulzinha__section + .dc-azulzinha__section {
    margin-top: 2rem;
}

#dia-do-cliente-2026-para-sua-empresa
#dc-para-sua-empresa-painel-05 .dc-azulzinha__section > h3 {
    margin: 0 0 1rem;
}

#dia-do-cliente-2026-para-sua-empresa
#dc-para-sua-empresa-painel-05 .dc-azulzinha__note {
    margin-top: 1rem;
}

#dia-do-cliente-2026-para-sua-empresa
#dc-para-sua-empresa-painel-05 sup {
    line-height: 0;
}

#dia-do-cliente-2026-para-sua-empresa
#dc-para-sua-empresa-painel-05 .dc-table-wrap + .dc-azulzinha__note {
    margin-top: 1rem;
}


/* ==========================================================================
   FINAL DIA DO CLIENTE 2026
   ========================================================================== */

/* ==========================================================================
   TRECHO 3 - BANNERS GENERICOS
   ========================================================================== */

/* a) UAU CAIXA
   Bloco homologado recuperado e incorporado integralmente.
   Escopo exclusivo: #dia-do-cliente-2026-uau-caixa
   O botao Ver ofertas permanece Regular 400 em todos os estados.
*/

#dia-do-cliente-2026-uau-caixa,
#dia-do-cliente-2026-uau-caixa *,
#dia-do-cliente-2026-uau-caixa *::before,
#dia-do-cliente-2026-uau-caixa *::after {
    box-sizing: border-box;
}

#dia-do-cliente-2026-uau-caixa {
    width: 100%;
    padding: 4rem 0;
    color: #3A4859;
    background-color: #FFFFFF;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content, 73.75rem);
    margin-right: auto;
    margin-left: auto;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__grid {
    display: flex;
    align-items: stretch;
    width: 100%;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__media,
#dia-do-cliente-2026-uau-caixa .dc-uau__content-column {
    display: flex;
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__media {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__image {
    display: block;
    width: 90%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__content-column {
    align-items: center;
    justify-content: flex-end;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__content {
    width: 90%;
    min-width: 0;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__content h2 {
    margin: 0 0 1rem;
    color: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__lead {
    margin: 0 0 1.75rem;
    color: #3A4859;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.25rem;
    font-weight: 400 !important;
    line-height: 1.45;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__actions {
    margin: 0 0 1.5rem;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    width: auto;
    max-width: 100%;
    min-height: 3.5rem;
    padding: 0.75rem 1.5rem;
    color: #FFFFFF !important;
    background-color: #005CA9;
    border: 0.125rem solid #005CA9;
    border-radius: 0.5rem;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.125rem;
    font-weight: 400 !important;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__button:hover {
    color: #005CA9 !important;
    background-color: #FFFFFF;
    border-color: #005CA9;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__button:focus,
#dia-do-cliente-2026-uau-caixa .dc-uau__button:focus-visible {
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    outline: 0.1875rem solid #A94F00 !important;
    outline-offset: 0.25rem;
    box-shadow: none;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__button-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 1.125rem;
    line-height: 1;
    text-decoration: none !important;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__button::after {
    display: none !important;
    content: none !important;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__notice {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 1rem 1.25rem;
    color: #3A4859;
    background-color: #F9FBFB;
    border: 1px solid #D0E0E3;
    border-left: 0.25rem solid #D87B00;
    border-radius: 0.75rem;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__notice p {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    line-height: 1.5;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__notice strong {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#dia-do-cliente-2026-uau-caixa .dc-uau__notice-icon {
    display: inline-flex;
    flex: 0 0 1.25rem;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    color: #005CA9;
    font-size: 1.25rem;
    line-height: 1;
}

@media screen and (max-width: 51.25em) {
    #dia-do-cliente-2026-uau-caixa {
        padding: 3rem 0;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__grid {
        flex-direction: column;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__media {
        display: block;
        order: 1;
        width: 100%;
        flex: 0 0 auto;
        margin: 0 0 2rem;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__content-column {
        display: block;
        order: 2;
        width: 100%;
        flex: 0 0 auto;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__image,
    #dia-do-cliente-2026-uau-caixa .dc-uau__content {
        width: 100%;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__content h2 {
        font-size: 2rem !important;
    }
}

@media screen and (max-width: 32.5em) {
    #dia-do-cliente-2026-uau-caixa {
        padding: 2.5rem 0;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__lead {
        font-size: 1.125rem;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__button {
        width: 100%;
    }

    #dia-do-cliente-2026-uau-caixa .dc-uau__notice {
        padding: 1rem;
    }
}

/* b) Abrir Conta CAIXA */

/*
===============================================================================
SECTION ABRIR CONTA CAIXA
ID exclusivo: #devgn-abrir-conta-caixa
CLASSIFICACAO: INCLUSAO
- Reutiliza a arquitetura homologada da SECTION UAU CAIXA.
- Desktop em duas colunas de 50%, com 90% de ocupacao interna.
- Mobile com imagem acima e conteudo abaixo.
- Regras limitadas ao ID exclusivo desta SECTION.
===============================================================================
*/
#devgn-abrir-conta-caixa,
#devgn-abrir-conta-caixa *,
#devgn-abrir-conta-caixa *::before,
#devgn-abrir-conta-caixa *::after {
    box-sizing: border-box;
}
#devgn-abrir-conta-caixa {
    width: 100%;
    padding: 4rem 0;
    color: #3A4859;
    background-color: #FFFFFF;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content, 73.75rem);
    margin-right: auto;
    margin-left: auto;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__grid {
    display: flex;
    align-items: stretch;
    width: 100%;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__media,
#devgn-abrir-conta-caixa .devgn-abrir-conta__content-column {
    display: flex;
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__media {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__image {
    display: block;
    width: 90%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__content-column {
    align-items: center;
    justify-content: flex-end;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__content {
    width: 90%;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__content h2 {
    margin: 0 0 1rem;
    color: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__lead {
    margin: 0 0 1.75rem;
    color: #3A4859;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.25rem;
    font-weight: 400 !important;
    line-height: 1.45;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    width: auto;
    max-width: 100%;
    min-height: 3.5rem;
    padding: 0.75rem 1.5rem;
    color: #FFFFFF !important;
    background-color: #005CA9;
    border: 0.125rem solid #005CA9;
    border-radius: 0.5rem;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.125rem;
    font-weight: 400 !important;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
}

#devgn-abrir-conta-caixa .devgn-abrir-conta__button:hover {
    color: #005CA9 !important;
    background-color: #FFFFFF;
    border-color: #005CA9;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

#devgn-abrir-conta-caixa .devgn-abrir-conta__button:hover,
#devgn-abrir-conta-caixa .devgn-abrir-conta__button:focus-visible {
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    outline: 0.1875rem solid #A94F00 !important;
    outline-offset: 0.25rem;
    box-shadow: none;
}

#devgn-abrir-conta-caixa .devgn-abrir-conta__button-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 1.125rem;
    line-height: 1;
    text-decoration: none !important;
}
#devgn-abrir-conta-caixa .devgn-abrir-conta__button::after {
    display: none !important;
    content: none !important;
}

@media screen and (max-width: 51.25em) {
    #devgn-abrir-conta-caixa {
        padding: 3rem 0;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__grid {
        flex-direction: column;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__media {
        display: block;
        order: 1;
        width: 100%;
        flex: 0 0 auto;
        margin: 0 0 2rem;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__content-column {
        display: block;
        order: 2;
        width: 100%;
        flex: 0 0 auto;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__image,
    #devgn-abrir-conta-caixa .devgn-abrir-conta__content {
        width: 100%;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__content h2 {
        font-size: 2rem !important;
    }
}
@media screen and (max-width: 40em) {
    #devgn-abrir-conta-caixa .devgn-abrir-conta__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media screen and (max-width: 32.5em) {
    #devgn-abrir-conta-caixa {
        padding: 2.5rem 0;
    }
    #devgn-abrir-conta-caixa .devgn-abrir-conta__lead {
        font-size: 1.125rem;
    }
}

/*
===============================================================================
SECTION02: AJUSTES DO BLOCO DE INVESTIMENTOS
CLASSIFICAÇÃO: CORREÇÃO

- Aumenta o espaço entre o painel de Fundos e a grade CDB/Tesouro Selic.
- Aproxima o nome completo do fundo do título CAIXA Indexa Tesouro Selic.
- Mantém UAU CAIXA, Abrir Conta e demais componentes sem alteração.
- Usa exclusivamente o ID homologado da SECTION02.
===============================================================================
*/

/* Espaço entre o painel de Fundos e a grade de cards seguinte. */
#dia-do-cliente-2026-para-voce .dc-panel + .dc-grid {
    margin-top: 2rem;
}

/* Aproxima o parágrafo do nome completo ao título do card Tesouro Selic. */
#dia-do-cliente-2026-para-voce
#dc-para-voce-oferta-04
h3 {
    margin-bottom: 0.5rem;
}

#dia-do-cliente-2026-para-voce
#dc-para-voce-oferta-04
h3 + p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Tablet e mobile: preserva respiro sem ampliar excessivamente a rolagem. */
@media screen and (max-width: 51.25em) {
    #dia-do-cliente-2026-para-voce .dc-panel + .dc-grid {
        margin-top: 1.5rem;
    }

    #dia-do-cliente-2026-para-voce
    #dc-para-voce-oferta-04
    h3 {
        margin-bottom: 0.5rem;
    }

    #dia-do-cliente-2026-para-voce
    #dc-para-voce-oferta-04
    h3 + p {
        margin-top: 0;
        margin-bottom: 1rem;
    }
}


/*
===============================================================================
Inicio do Marcadores Identitários Loterias
CLASSIFICACAO: CORRECAO
BASELINE: devgn-style-14-09-2026-21h00-gestor.css
ESCOPO: #devgn-identitarios-diretoria e #devgn-identitarios-ca
===============================================================================
*/
#devgn-identitarios-diretoria,
#devgn-identitarios-ca {
    width: 100%;
    color: #3A4859;
    background-color: #FFFFFF;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    line-height: 1.45;
}

#devgn-identitarios-diretoria *,
#devgn-identitarios-diretoria *::before,
#devgn-identitarios-diretoria *::after,
#devgn-identitarios-ca *,
#devgn-identitarios-ca *::before,
#devgn-identitarios-ca *::after {
    box-sizing: border-box;
}

#devgn-identitarios-diretoria > .wp-id,
#devgn-identitarios-diretoria > .wp-menu,
#devgn-identitarios-ca > .wp-id,
#devgn-identitarios-ca > .wp-menu {
    display: none;
}

#devgn-identitarios-diretoria .devgn-identitarios__container,
#devgn-identitarios-ca .devgn-identitarios__container {
    width: 80%;
    max-width: 73.75rem;
    margin: 0 auto;
    padding: 2rem 1.5rem 1.5rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__cabecalho,
#devgn-identitarios-ca .devgn-identitarios__cabecalho {
    margin-bottom: 1.75rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__cabecalho h2,
#devgn-identitarios-diretoria .devgn-identitarios__cabecalho h3,
#devgn-identitarios-ca .devgn-identitarios__cabecalho h2,
#devgn-identitarios-ca .devgn-identitarios__cabecalho h3 {
    margin-top: 0;
    color: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

#devgn-identitarios-diretoria .devgn-identitarios__cabecalho h2,
#devgn-identitarios-ca .devgn-identitarios__cabecalho h2 {
    margin-bottom: 0.25rem;
    font-size: 2.5rem !important;
}

#devgn-identitarios-diretoria .devgn-identitarios__cabecalho h3,
#devgn-identitarios-ca .devgn-identitarios__cabecalho h3 {
    margin-bottom: 0;
    font-size: 2rem !important;
}

#devgn-identitarios-diretoria .devgn-identitarios__cards,
#devgn-identitarios-ca .devgn-identitarios__cards {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1rem);
    margin: 0 -0.5rem;
    align-items: stretch;
}

#devgn-identitarios-diretoria .devgn-identitarios__item,
#devgn-identitarios-ca .devgn-identitarios__item {
    display: flex;
    width: 33.3333%;
    min-width: 0;
    padding: 0.5rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__card,
#devgn-identitarios-ca .devgn-identitarios__card {
    display: flex;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    background-color: #FFFFFF;
    border: 1px solid #9BB8CF;
    border-radius: 1rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__card-titulo,
#devgn-identitarios-ca .devgn-identitarios__card-titulo {
    margin: 0;
    padding: 1.125rem 1rem;
    color: #FFFFFF !important;
    background-color: #005CA9;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    text-align: center;
}

#devgn-identitarios-diretoria .devgn-identitarios__card-conteudo,
#devgn-identitarios-ca .devgn-identitarios__card-conteudo {
    display: flex;
    min-width: 0;
    min-height: 20.625rem;
    padding: 1.375rem 1.125rem;
    flex: 1 1 auto;
    align-items: center;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico,
#devgn-identitarios-ca .devgn-identitarios__grafico {
    display: block;
    width: 58%;
    max-width: 16rem;
    min-width: 0;
    height: auto;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-base,
#devgn-identitarios-ca .devgn-identitarios__grafico-base {
    fill: #D0E0E3;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento {
    stroke: none;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento--azul,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento--azul {
    fill: #005CA9;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento--laranja,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento--laranja {
    fill: #D87B00;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento--turquesa,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento--turquesa {
    fill: #008C95;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento--roxo,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento--roxo {
    fill: #6C2C91;
}

#devgn-identitarios-diretoria .devgn-identitarios__grafico-segmento--grafite,
#devgn-identitarios-ca .devgn-identitarios__grafico-segmento--grafite {
    fill: #3A4859;
}

#devgn-identitarios-diretoria .devgn-identitarios__legenda,
#devgn-identitarios-ca .devgn-identitarios__legenda {
    width: 42%;
    min-width: 0;
    margin: 0 0 0 1.125rem;
    padding: 0 0 0 1rem;
    border-left: 1px solid #9BB8CF;
    list-style: none;
}

#devgn-identitarios-diretoria .devgn-identitarios__total,
#devgn-identitarios-ca .devgn-identitarios__total {
    margin: 0 0 1.25rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__total-rotulo,
#devgn-identitarios-diretoria .devgn-identitarios__total-valor,
#devgn-identitarios-diretoria .devgn-identitarios__legenda-rotulo,
#devgn-identitarios-diretoria .devgn-identitarios__legenda-valor,
#devgn-identitarios-ca .devgn-identitarios__total-rotulo,
#devgn-identitarios-ca .devgn-identitarios__total-valor,
#devgn-identitarios-ca .devgn-identitarios__legenda-rotulo,
#devgn-identitarios-ca .devgn-identitarios__legenda-valor {
    display: block;
}

#devgn-identitarios-diretoria .devgn-identitarios__total-rotulo,
#devgn-identitarios-diretoria .devgn-identitarios__legenda-rotulo,
#devgn-identitarios-ca .devgn-identitarios__total-rotulo,
#devgn-identitarios-ca .devgn-identitarios__legenda-rotulo {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#devgn-identitarios-diretoria .devgn-identitarios__total-valor,
#devgn-identitarios-ca .devgn-identitarios__total-valor {
    color: #005CA9;
    font-size: 1.375rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__legenda-item,
#devgn-identitarios-ca .devgn-identitarios__legenda-item {
    position: relative;
    margin: 0 0 1rem;
    padding-left: 1.375rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__marcador,
#devgn-identitarios-ca .devgn-identitarios__marcador {
    position: absolute;
    top: 0.25rem;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 0.2rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__marcador--azul,
#devgn-identitarios-ca .devgn-identitarios__marcador--azul { background-color: #005CA9; }
#devgn-identitarios-diretoria .devgn-identitarios__marcador--laranja,
#devgn-identitarios-ca .devgn-identitarios__marcador--laranja { background-color: #D87B00; }
#devgn-identitarios-diretoria .devgn-identitarios__marcador--turquesa,
#devgn-identitarios-ca .devgn-identitarios__marcador--turquesa { background-color: #008C95; }
#devgn-identitarios-diretoria .devgn-identitarios__marcador--roxo,
#devgn-identitarios-ca .devgn-identitarios__marcador--roxo { background-color: #6C2C91; }
#devgn-identitarios-diretoria .devgn-identitarios__marcador--grafite,
#devgn-identitarios-ca .devgn-identitarios__marcador--grafite { background-color: #3A4859; }

#devgn-identitarios-diretoria .devgn-identitarios__tabela-wrapper,
#devgn-identitarios-ca .devgn-identitarios__tabela-wrapper {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela,
#devgn-identitarios-ca .devgn-identitarios__tabela {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #FFFFFF;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela th,
#devgn-identitarios-diretoria .devgn-identitarios__tabela td,
#devgn-identitarios-ca .devgn-identitarios__tabela th,
#devgn-identitarios-ca .devgn-identitarios__tabela td {
    padding: 0.75rem 0.375rem;
    border-bottom: 1px dotted #8292A0;
    color: #3A4859;
    vertical-align: middle;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela thead th,
#devgn-identitarios-ca .devgn-identitarios__tabela thead th {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela th:first-child,
#devgn-identitarios-ca .devgn-identitarios__tabela th:first-child {
    width: 64%;
    text-align: left;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela th:nth-child(2),
#devgn-identitarios-diretoria .devgn-identitarios__tabela td:nth-child(2),
#devgn-identitarios-ca .devgn-identitarios__tabela th:nth-child(2),
#devgn-identitarios-ca .devgn-identitarios__tabela td:nth-child(2) {
    width: 18%;
    padding-right: 0.5rem;
    text-align: right;
}

#devgn-identitarios-diretoria .devgn-identitarios__tabela th:last-child,
#devgn-identitarios-diretoria .devgn-identitarios__tabela td:last-child,
#devgn-identitarios-ca .devgn-identitarios__tabela th:last-child,
#devgn-identitarios-ca .devgn-identitarios__tabela td:last-child {
    width: 18%;
    text-align: right;
}

#devgn-identitarios-diretoria .devgn-identitarios__barra-linha,
#devgn-identitarios-ca .devgn-identitarios__barra-linha {
    display: flex;
    min-width: 0;
    align-items: center;
}

#devgn-identitarios-diretoria .devgn-identitarios__barra-rotulo,
#devgn-identitarios-ca .devgn-identitarios__barra-rotulo {
    display: block;
    width: 55%;
    min-width: 0;
    margin: 0 0.5rem 0 0;
    overflow-wrap: break-word;
}

#devgn-identitarios-diretoria .devgn-identitarios__barra-trilho,
#devgn-identitarios-ca .devgn-identitarios__barra-trilho {
    display: block;
    width: 45%;
    height: 1.5rem;
    overflow: hidden;
    background-color: #D0E0E3;
}

#devgn-identitarios-diretoria .devgn-identitarios__barra-valor,
#devgn-identitarios-ca .devgn-identitarios__barra-valor {
    display: block;
    height: 100%;
}

#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--0,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--0 { width: 0; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--42-9,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--42-9 { width: 42.9%; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--57-1,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--57-1 { width: 57.1%; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--100,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--100 { width: 100%; }

#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--brancas,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--brancas { background-color: #005CA9; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--pardas,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--pardas { background-color: #008C95; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--amarelas,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--amarelas { background-color: #D87B00; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--indigenas,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--indigenas { background-color: #6C2C91; }
#devgn-identitarios-diretoria .devgn-identitarios__barra-valor--pretas,
#devgn-identitarios-ca .devgn-identitarios__barra-valor--pretas { background-color: #3A4859; }

#devgn-identitarios-diretoria .devgn-identitarios__rodape,
#devgn-identitarios-ca .devgn-identitarios__rodape {
    display: flex;
    margin-top: 1.875rem;
    padding-top: 1.375rem;
    border-top: 2px solid #D8E1E8;
    align-items: center;
}

#devgn-identitarios-diretoria .devgn-identitarios__data,
#devgn-identitarios-ca .devgn-identitarios__data {
    display: flex;
    width: 20rem;
    margin: 0 1.625rem 0 0;
    padding-right: 1.625rem;
    border-right: 1px dotted #003B71;
    color: #005CA9;
    flex: 0 0 auto;
    align-items: center;
}

#devgn-identitarios-diretoria .devgn-identitarios__data-texto,
#devgn-identitarios-diretoria .devgn-identitarios__data-rotulo,
#devgn-identitarios-diretoria .devgn-identitarios__data-valor,
#devgn-identitarios-ca .devgn-identitarios__data-texto,
#devgn-identitarios-ca .devgn-identitarios__data-rotulo,
#devgn-identitarios-ca .devgn-identitarios__data-valor {
    display: block;
}

#devgn-identitarios-diretoria .devgn-identitarios__data-rotulo,
#devgn-identitarios-ca .devgn-identitarios__data-rotulo {
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

#devgn-identitarios-diretoria .devgn-identitarios__data-valor,
#devgn-identitarios-ca .devgn-identitarios__data-valor {
    font-size: 1.25rem;
    text-transform: uppercase;
}

#devgn-identitarios-diretoria .devgn-identitarios__nota,
#devgn-identitarios-ca .devgn-identitarios__nota {
    position: relative;
    margin: 0;
    padding-left: 3.375rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__icone-calendario,
#devgn-identitarios-diretoria .devgn-identitarios__icone-informacao,
#devgn-identitarios-ca .devgn-identitarios__icone-calendario,
#devgn-identitarios-ca .devgn-identitarios__icone-informacao {
    color: #005CA9;
}

#devgn-identitarios-diretoria .devgn-identitarios__icone-calendario,
#devgn-identitarios-ca .devgn-identitarios__icone-calendario {
    margin-right: 0.875rem;
    font-size: 1.75rem;
}

#devgn-identitarios-diretoria .devgn-identitarios__icone-informacao,
#devgn-identitarios-ca .devgn-identitarios__icone-informacao {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 1.875rem;
    transform: translateY(-50%);
}

#devgn-identitarios-diretoria .devgn-identitarios__visually-hidden,
#devgn-identitarios-ca .devgn-identitarios__visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media screen and (max-width: 51.25em) {
    #devgn-identitarios-diretoria .devgn-identitarios__container,
    #devgn-identitarios-ca .devgn-identitarios__container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__cards,
    #devgn-identitarios-ca .devgn-identitarios__cards {
        display: block;
        width: 100%;
        margin: 0;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__item,
    #devgn-identitarios-ca .devgn-identitarios__item {
        display: block;
        width: 100%;
        padding: 0 0 1rem;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__card-conteudo,
    #devgn-identitarios-ca .devgn-identitarios__card-conteudo {
        min-height: 0;
        padding: 1rem;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__grafico,
    #devgn-identitarios-ca .devgn-identitarios__grafico {
        width: 48%;
        max-width: 13rem;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__legenda,
    #devgn-identitarios-ca .devgn-identitarios__legenda {
        width: 52%;
        margin-left: 0.75rem;
        padding-left: 0.75rem;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__tabela th,
    #devgn-identitarios-diretoria .devgn-identitarios__tabela td,
    #devgn-identitarios-ca .devgn-identitarios__tabela th,
    #devgn-identitarios-ca .devgn-identitarios__tabela td {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
        font-size: 0.875rem !important;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__tabela th:first-child,
    #devgn-identitarios-ca .devgn-identitarios__tabela th:first-child {
        width: 64%;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__tabela th:nth-child(2),
    #devgn-identitarios-diretoria .devgn-identitarios__tabela td:nth-child(2),
    #devgn-identitarios-ca .devgn-identitarios__tabela th:nth-child(2),
    #devgn-identitarios-ca .devgn-identitarios__tabela td:nth-child(2) {
        width: 18%;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__tabela th:last-child,
    #devgn-identitarios-diretoria .devgn-identitarios__tabela td:last-child,
    #devgn-identitarios-ca .devgn-identitarios__tabela th:last-child,
    #devgn-identitarios-ca .devgn-identitarios__tabela td:last-child {
        width: 18%;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__rodape,
    #devgn-identitarios-ca .devgn-identitarios__rodape {
        display: block;
    }

    #devgn-identitarios-diretoria .devgn-identitarios__data,
    #devgn-identitarios-ca .devgn-identitarios__data {
        width: 100%;
        margin: 0 0 1.375rem;
        padding: 0 0 1rem;
        border-right: 0;
        border-bottom: 1px dotted #003B71;
    }
}

/*
===============================================================================
Fim do Marcadores Identitários Loterias
===============================================================================
*/

/*
===============================================================================
BANNER APPLE PAY CARTAO DE DEBITO 2026
CLASSIFICACAO: CORRECAO
VERSAO: 2
ESCOPO EXCLUSIVO: #banner-apple-pay-cartao-de-bebito
BASELINE PRESERVADO: devgn-style-baseline-17-09-2026-09h.css
CORRECAO:
- Mantem integralmente o CSS compartilhado homologado.
- Acrescenta somente regras exclusivas do novo banner.
- Nao redefine .devgn-scope, imports, headings ou componentes globais.
===============================================================================
*/

#banner-apple-pay-cartao-de-bebito,
#banner-apple-pay-cartao-de-bebito *,
#banner-apple-pay-cartao-de-bebito *::before,
#banner-apple-pay-cartao-de-bebito *::after {
    box-sizing: border-box;
}

#banner-apple-pay-cartao-de-bebito {
    width: 100%;
    padding: 4rem 0;
    color: #3A4859;
    background-color: #FFFFFF;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__container {
    width: calc(100% - 2rem);
    max-width: 73.75rem;
    max-width: var(--container-content, 73.75rem);
    margin-right: auto;
    margin-left: auto;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__grid {
    display: flex;
    align-items: stretch;
    width: 100%;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__media,
#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content-column {
    display: flex;
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__media {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__image {
    display: block;
    width: 90%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1rem;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content-column {
    align-items: center;
    justify-content: flex-end;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content {
    width: 90%;
    min-width: 0;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content h2 {
    margin: 0 0 1rem;
    color: #005CA9 !important;
    font-family: "CAIXA Std Bold", Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__lead {
    margin: 0 0 1rem;
    color: #3A4859;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.25rem;
    font-weight: 400 !important;
    line-height: 1.45;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__highlight {
    margin: 0 0 1.75rem;
    color: #3A4859;
    font-size: 1.25rem;
    line-height: 1.45;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-height: 3.5rem;
    padding: 0.75rem 1.5rem;
    color: #FFFFFF !important;
    background-color: #005CA9;
    border: 0.125rem solid #005CA9;
    border-radius: 0.5rem;
    font-family: "CAIXA Std Regular", Arial, Helvetica, sans-serif !important;
    font-size: 1.125rem;
    font-weight: 400 !important;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    gap: 0.625rem;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button
.fa-arrow-up-right-from-square {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;    
    font-size: 1rem;
    line-height: 1;
    text-decoration: none !important;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button:hover {
    color: #005CA9 !important;
    background-color: #FFFFFF;
    border-color: #005CA9;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button:focus,
#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button:focus-visible {
    outline: 0.1875rem solid #A94F00 !important;
    outline-offset: 0.25rem;
    box-shadow: none;
}

#banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button::after {
    display: none !important;
    content: none !important;
}

@media screen and (max-width: 51.25em) {
    #banner-apple-pay-cartao-de-bebito {
        padding: 3rem 0;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__container {
        width: 100%;
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__grid {
        flex-direction: column;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__media {
        display: block;
        order: 1;
        width: 100%;
        flex: 0 0 auto;
        margin: 0 0 2rem;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content-column {
        display: block;
        order: 2;
        width: 100%;
        flex: 0 0 auto;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__image,
    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content {
        width: 100%;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__content h2 {
        font-size: 2rem !important;
    }
}

@media screen and (max-width: 32.5em) {
    #banner-apple-pay-cartao-de-bebito {
        padding: 2.5rem 0;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__lead,
    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__highlight {
        font-size: 1.125rem;
    }

    #banner-apple-pay-cartao-de-bebito .devgn-apple-pay__button {
        width: 100%;
    }
}