.fii-dados-layout {
    --surface-1:      #fcfcfb;
    --page-plane:     #f9f9f7;
    --text-primary:   #0b0b0b;
    --text-secondary: #52514e;
    --text-muted:     #898781;
    --gridline:       #e1e0d9;
    --baseline:       #c3c2b7;
    --border:         #000000;
    --series-1:       #2a78d6;
    --series-1-wash:  #e8f0fb;
    --good:           #006300;
    --critical:       #d03b3b;
    --card-shadow:    0 1px 3px rgba(11, 11, 11, 0.06);

    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
    gap: 32px;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    color-scheme: light;
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 16px 64px;
    color: var(--text-primary);
}
.fii-dados-layout * {
    box-sizing: border-box;
    font-family: inherit;
}

@media (max-width: 860px) {
    .fii-dados-layout {
        grid-template-columns: 1fr;
    }
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .fii-dados-layout {
        --surface-1:      #1a1a19;
        --page-plane:     #0d0d0d;
        --text-primary:   #ffffff;
        --text-secondary: #c3c2b7;
        --text-muted:     #898781;
        --gridline:       #2c2c2a;
        --baseline:       #383835;
        --border:         rgba(255, 255, 255, 0.10);
        --series-1:       #3987e5;
        --series-1-wash:  #12233a;
        --good:           #0ca30c;
        --critical:       #e66767;
        --card-shadow:    0 1px 3px rgba(0, 0, 0, 0.4);
        color-scheme: dark;
    }
}
:root[data-theme="dark"] .fii-dados-layout {
    --surface-1:      #1a1a19;
    --page-plane:     #0d0d0d;
    --text-primary:   #ffffff;
    --text-secondary: #c3c2b7;
    --text-muted:     #898781;
    --gridline:       #2c2c2a;
    --baseline:       #383835;
    --border:         rgba(255, 255, 255, 0.10);
    --series-1:       #3987e5;
    --series-1-wash:  #12233a;
    --good:           #0ca30c;
    --critical:       #e66767;
    --card-shadow:    0 1px 3px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
}

.fii-dados-single {
    min-width: 0;
}

.fii-dados-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 14px;
    margin-bottom: 4px;
}

.fii-dados-header h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--text-primary) !important;
}

.fii-dados-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid var(--series-1);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--series-1);
    white-space: nowrap;
}

.fii-dados-section-title-wrap {
    margin: 32px 0 12px;
}

/* O tema aplica bastante espaço acima/abaixo do texto dentro da própria
   faixa do título — reduz esse respiro sem mexer no visual (borda,
   cor, peso da fonte etc), que vem do tema. */
.fii-dados-section-title-wrap.newsx-widget-title-wrap {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.fii-dados-section-title-wrap .newsx-widget-title {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.fii-dados-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    min-width: 0;
    align-items: stretch;
}

.fii-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 16px;
    background: var(--surface-1);
    background-clip: padding-box;
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    /* Bug conhecido de navegadores baseados em Chrome: um ancestral com
       overflow:hidden (aqui, .fii-dados-inline, necessário pra conter a
       largura do bloco dentro da coluna do tema) pode serrilhar/cortar a
       curva do border-radius de um descendente, mais visível embaixo.
       Forçar este elemento pra sua própria camada de composição evita o
       artefato. */
    transform: translateZ(0);
    /* Passada de modernização (pedido do usuário em 2026-08, inspirado no
       Investidor10/StatusInvest) — só uma transição suave de sombra no
       hover, sem "transform: translateY" pra não conflitar com o
       translateZ(0) do fix acima. */
    transition: box-shadow 0.15s ease;
}
.fii-card:hover {
    box-shadow: 0 4px 14px rgba(11, 11, 11, 0.12);
}

.fii-card-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 0.78rem;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #000000;
    font-weight: 700;
}

.fii-card-icon {
    font-size: 0.95rem;
    line-height: 1;
}

.fii-card-value {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
}

.fii-card-delta {
    font-size: 0.85rem;
    font-weight: 600;
}
.fii-card-delta[data-dir="up"] { color: var(--good); }
.fii-card-delta[data-dir="down"] { color: var(--critical); }

/* Cards de rentabilidade por período — reaproveita .fii-card-value (mesmo
   tamanho grande de fonte) só recolorindo por direção, sem herdar o
   font-size pequeno de .fii-card-delta (evitado de propósito — ver
   fii-content-block.php). */
.fii-rent-dir[data-dir="up"] { color: var(--good); }
.fii-rent-dir[data-dir="down"] { color: var(--critical); }

.fii-dados-numero-magico-box {
    padding: 20px;
    margin-bottom: 24px;
}

.fii-dados-numero-magico-calc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 12px 0;
}

.fii-dados-numero-magico-calc label {
    font-weight: 600;
    font-size: 0.9rem;
}

.fii-dados-numero-magico-input {
    width: 140px;
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 1rem;
    background: #ffffff;
    color: var(--text-primary);
}

.fii-dados-numero-magico-resultado {
    font-weight: 700;
    color: var(--series-1);
}

.fii-dados-sobre {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px 24px;
    min-width: 0;
}

.fii-dados-sobre-card {
    padding: 20px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
}

.fii-dados-sobre dt {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #000000;
    font-weight: 700;
    margin: 0 0 2px;
}

.fii-dados-sobre dd {
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-primary);
}

.fii-dados-chart {
    margin: 8px 0 32px;
    padding: 16px;
}

.fii-dados-rendimentos-layout {
    display: flex;
    flex-direction: column;
    margin: 8px 0 32px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    overflow: hidden;
}

.fii-dados-rendimentos-layout .fii-dados-chart {
    margin: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--gridline);
    border-radius: 0;
    box-shadow: none;
}

.fii-dados-rendimentos-layout .fii-dados-tabela,
.fii-dados-rendimentos-layout .fii-dados-chart-vazio {
    margin: 0;
    max-height: 360px;
    overflow-y: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.fii-dados-chart-pizza {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fii-dados-chart-pizza canvas {
    max-height: 320px;
}

.fii-dados-chart-vazio {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 16px;
    color: var(--text-muted);
    font-size: 0.9rem;
    text-align: center;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
}
.fii-dados-chart .fii-dados-chart-vazio {
    border: none;
    box-shadow: none;
    padding: 0;
}

.fii-dados-tabela {
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    max-width: 100%;
    overflow-x: auto;
}

.fii-dados-tabela table {
    width: 100%;
    min-width: max-content;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.fii-dados-tabela-imoveis {
    max-height: 420px;
    overflow-y: auto;
}

/* Imóveis e Outros investimentos (compartilham esta classe): largura fixa
   por coluna, pra Imóvel/Endereço/Emissor quebrarem em várias linhas em
   vez de forçar a tabela inteira a ficar larga demais. */
.fii-dados-tabela-imoveis table {
    table-layout: fixed;
    min-width: 100%;
}

.fii-dados-tabela-imoveis td:nth-child(1),
.fii-dados-tabela-imoveis td:nth-child(2) {
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
}

.fii-dados-tabela-imoveis th:nth-child(1),
.fii-dados-tabela-imoveis td:nth-child(1) {
    width: 22%;
}

.fii-dados-tabela-imoveis th:nth-child(2),
.fii-dados-tabela-imoveis td:nth-child(2) {
    width: 38%;
}

.fii-dados-tabela-imoveis th:nth-child(3),
.fii-dados-tabela-imoveis td:nth-child(3),
.fii-dados-tabela-imoveis th:nth-child(4),
.fii-dados-tabela-imoveis td:nth-child(4) {
    width: 20%;
}

/* Informações Relevantes: colunas de largura fixa (em vez de crescer pelo
   conteúdo) pra "Assunto" poder quebrar em 2-3 linhas em vez de forçar a
   tabela inteira a ficar larga demais. */
.fii-dados-tabela-documentos table {
    table-layout: fixed;
    min-width: 100%;
}

.fii-dados-tabela-documentos th:nth-child(1),
.fii-dados-tabela-documentos td:nth-child(1) {
    width: 110px;
}

.fii-dados-tabela-documentos th:nth-child(2),
.fii-dados-tabela-documentos td:nth-child(2) {
    width: 170px;
}

.fii-dados-tabela-documentos td:nth-child(3) {
    text-align: left;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Cabeçalhos sempre centralizados, mesmo na coluna Assunto (só o conteúdo
   dela fica alinhado à esquerda, pra ficar legível quebrando em linhas). */
.fii-dados-tabela-documentos th {
    text-align: center;
}

.fii-dados-tabela-documentos th:nth-child(4),
.fii-dados-tabela-documentos td:nth-child(4) {
    width: 90px;
}

.fii-dados-link-visualizar {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.15rem;
    line-height: 1;
    text-decoration: none;
    color: var(--series-1);
}

.fii-dados-link-visualizar:hover {
    color: var(--text-primary);
}

.fii-dados-tabela th,
.fii-dados-tabela td {
    text-align: center;
    padding: 10px 16px;
}

.fii-dados-tabela th {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #ffffff !important;
    font-weight: 700 !important;
    background: #000000 !important;
    border-bottom: 1px solid var(--gridline);
    position: sticky;
    top: 0;
    z-index: 1;
}

.fii-dados-tabela tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--gridline);
}

.fii-dados-tabela tbody tr:nth-child(even) {
    background: var(--page-plane);
}

.fii-dados-nota {
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid var(--gridline);
    font-size: 0.82rem;
    color: var(--text-muted);
}

.fii-dados-educativo {
    margin-bottom: 8px;
}

.fii-dados-educativo p {
    margin: 0 0 14px;
    line-height: 1.65;
    color: var(--text-primary);
}

.fii-dados-educativo ul {
    margin: 0 0 14px;
    padding-left: 20px;
    line-height: 1.65;
}

.fii-dados-educativo li {
    margin-bottom: 6px;
}

.fii-dados-educativo-categoria {
    margin-bottom: 16px;
}

.fii-dados-educativo-categoria h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
}

.fii-dados-educativo-categoria p {
    margin: 0 0 10px;
}

.fii-dados-educativo-categoria p:last-child {
    margin-bottom: 0;
}

.fii-dados-archive-layout {
    grid-template-columns: 1fr;
}

/* Usado quando o bloco do FII é injetado dentro de `the_content` do tema
   (ver Fii_Dados_Content) — vira um bloco simples que flui na coluna de
   conteúdo do tema, em vez de montar seu próprio grid de página inteira.
   Mantém `.fii-dados-layout` como host das custom properties de cor. */
/* Fix da coluna de conteúdo real do tema (classes newsx-*, confirmadas no
   HTML ao vivo): o item flex #primary não tem `min-width: 0`, então
   qualquer conteúdo largo lá dentro (nossas tabelas/gráficos) força essa
   coluna a crescer além do espaço reservado, empurrando a sidebar real pra
   fora da tela. Como esta folha de estilo carrega DEPOIS da do tema
   (prioridade 100 no enqueue), esta regra vence. Seguro pra qualquer
   página do tema, não só FII — só corrige o mesmo bug que qualquer post
   com tabela/imagem larga teria. */
#primary.content-area,
.newsx-single-inner,
.newsx-post-content {
    min-width: 0;
}

.fii-dados-inline {
    display: block;
    grid-template-columns: unset;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* Sem isso, o cálculo de "largura mínima automática" do item flex/grid
       do TEMA (que hospeda este bloco) considera o max-content de todo o
       conteúdo lá dentro (tabelas largas, grids de cards) e infla a coluna
       além do espaço disponível, empurrando a sidebar real pra fora.
       `overflow-x: hidden` faz este bloco contribuir pro cálculo do pai só
       com sua própria largura (100%), não com o max-content dos filhos —
       cada elemento largo lá dentro (tabelas) já tem seu próprio scroll
       horizontal (.fii-dados-tabela), então nada relevante é cortado aqui. */
    overflow-x: hidden;
}

/* O tema (News Magazine X) tem uma regra genérica —
   `.newsx-single-content-wrap div:last-of-type { border-bottom: 0; }` —
   que remove a borda de baixo do último <div> dentro de qualquer
   container do conteúdo do post. Como nosso bloco vive dentro do content
   do tema (ver Fii_Dados_Content), isso zera a borda de baixo sempre que
   uma dessas caixas calha de ser a última <div> filha do seu container
   (ex: o último card de cada linha de indicadores) — achado inspecionando
   ao vivo no DevTools. A especificidade do tema é maior que a nossa
   (0,2,1 vs 0,1,0), por isso reforçamos com !important. */
.fii-card,
.fii-dados-sobre-card,
.fii-dados-tabela,
.fii-dados-categoria-box,
.fii-dados-relacionado-box {
    border-bottom: 1px solid var(--border) !important;
}

/* Gráficos (cotação, composição de ativos, vacância, rendimentos) e o
   número mágico não devem ter NENHUMA borda/fundo — pedido do usuário em
   2026-08. Precisa de !important pelo mesmo motivo do bloco acima: o tema
   zera a borda de baixo do último <div> filho, mas aqui o zero É o que
   queremos, então isso na verdade ajuda; ainda assim reforçamos pra não
   depender de qual <div> calha de ser o último. */
.fii-dados-chart,
.fii-dados-chart-vazio,
.fii-dados-rendimentos-layout,
.fii-dados-numero-magico-box {
    border-bottom: 0 !important;
}

.fii-dados-categoria-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px;
    margin-bottom: 24px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
}

.fii-dados-ticker-chip {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--series-1);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--series-1);
    background: var(--series-1-wash);
    text-decoration: none;
    white-space: nowrap;
}

.fii-dados-ticker-chip:hover {
    background: var(--series-1);
    color: #ffffff;
}

.fii-dados-relacionados {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Notícias relacionadas (posts de resumo de relatório gerencial) — cards
   com capa, título e um trecho curto, 1 ou 2 por linha dependendo do
   espaço (só mostramos as 2 mais recentes por fundo). */
.fii-dados-posts-relacionados {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.fii-dados-post-relacionado {
    display: flex;
    flex-direction: column;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    color: var(--text-primary);
    text-decoration: none;
    overflow: hidden;
}
.fii-dados-post-relacionado:hover {
    border-color: var(--series-1);
}
.fii-dados-post-relacionado:hover .fii-dados-post-relacionado-titulo {
    color: var(--series-1);
}

.fii-dados-post-relacionado-img {
    display: block;
    width: 100%;
    aspect-ratio: 1200 / 630;
    object-fit: cover;
}

.fii-dados-post-relacionado-titulo {
    padding: 14px 16px 0;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
}

.fii-dados-post-relacionado-excerpt {
    padding: 6px 16px 16px;
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.fii-dados-relacionado-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: 18px 20px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    text-decoration: none;
}

.fii-dados-relacionado-box:hover {
    border-color: var(--series-1);
    color: var(--series-1);
}

.fii-dados-filtro-documentos {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 16px;
}

.fii-dados-filtro-documentos label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.82rem;
    color: var(--text-muted);
}

.fii-dados-filtro-documentos select {
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface-1);
    color: inherit;
}

.fii-dados-filtro-documentos button {
    padding: 7px 18px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--page-plane);
    color: inherit;
    cursor: pointer;
    font-weight: 600;
}

.fii-dados-paginacao {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 14px;
    font-size: 0.85rem;
}

.fii-dados-paginacao a {
    color: var(--text-muted);
    text-decoration: underline;
}

/* Widgets de shortcode (ex: [fii_ultimas_noticias], [fii_maiores_dy]) —
   pensados pra colar em qualquer página (a home, uma barra lateral etc.),
   por isso declaram as mesmas variáveis de cor/tema de .fii-dados-layout
   só que num wrapper leve, sem o grid de 2 colunas da página de fundo. */
.fii-dados-widget {
    --surface-1:      #fcfcfb;
    --page-plane:     #f9f9f7;
    --text-primary:   #0b0b0b;
    --text-secondary: #52514e;
    --text-muted:     #898781;
    --gridline:       #e1e0d9;
    --border:         #000000;
    --series-1:       #2a78d6;
    --series-1-wash:  #e8f0fb;
    --good:           #006300;
    --critical:       #d03b3b;
    --card-shadow:    0 1px 3px rgba(11, 11, 11, 0.06);

    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    color-scheme: light;
    max-width: 480px;
    padding: 20px;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    color: var(--text-primary);
}
.fii-dados-widget * {
    box-sizing: border-box;
    font-family: inherit;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .fii-dados-widget {
        --surface-1:      #1a1a19;
        --page-plane:     #0d0d0d;
        --text-primary:   #ffffff;
        --text-secondary: #c3c2b7;
        --text-muted:     #898781;
        --gridline:       #2c2c2a;
        --border:         rgba(255, 255, 255, 0.10);
        --series-1:       #3987e5;
        --series-1-wash:  #12233a;
        --good:           #0ca30c;
        --critical:       #e66767;
        --card-shadow:    0 1px 3px rgba(0, 0, 0, 0.4);
        color-scheme: dark;
    }
}
:root[data-theme="dark"] .fii-dados-widget {
    --surface-1:      #1a1a19;
    --page-plane:     #0d0d0d;
    --text-primary:   #ffffff;
    --text-secondary: #c3c2b7;
    --text-muted:     #898781;
    --gridline:       #2c2c2a;
    --border:         rgba(255, 255, 255, 0.10);
    --series-1:       #3987e5;
    --series-1-wash:  #12233a;
    --good:           #0ca30c;
    --critical:       #e66767;
    --card-shadow:    0 1px 3px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
}

.fii-dados-widget-titulo {
    margin: 0 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fii-dados-widget-lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.fii-dados-widget-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gridline);
}
.fii-dados-widget-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.fii-dados-widget-item-principal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
}

/* Item de notícia: 2 linhas fixas (data + ticker + link em cima, assunto
   embaixo, podendo quebrar em quantas linhas precisar) — mesma estrutura em
   todo item, não importa o tamanho do assunto, pra nunca ficar desalinhado
   entre um item e outro. */
.fii-dados-widget-item-noticia {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gridline);
}
.fii-dados-widget-item-noticia:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.fii-dados-widget-item-linha1 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fii-dados-widget-item-data {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: var(--text-muted);
    white-space: nowrap;
}

/* Ticker como link de texto simples (sem aparência de botão/chip) — só
   nesta lista; outros lugares (ranking, fundos relacionados) continuam
   usando .fii-dados-ticker-chip normalmente. */
.fii-dados-widget-item-ticker {
    flex-shrink: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--series-1);
    text-decoration: none;
}
.fii-dados-widget-item-ticker:hover {
    text-decoration: underline;
}

.fii-dados-widget-item-linha1 .fii-dados-link-visualizar {
    margin-left: auto;
}

.fii-dados-widget-item-assunto {
    font-size: 0.85rem;
    color: var(--text-primary);
    line-height: 1.4;
}

.fii-dados-widget-item-valor {
    font-weight: 700;
    font-size: 0.95rem;
    white-space: nowrap;
    color: var(--text-primary);
}
.fii-dados-widget-item-valor[data-dir="up"] { color: var(--good); }
.fii-dados-widget-item-valor[data-dir="down"] { color: var(--critical); }

.fii-dados-widget-rodape {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--gridline);
    text-align: right;
}
.fii-dados-widget-rodape a {
    font-size: 0.82rem;
    color: var(--series-1);
    text-decoration: none;
}
.fii-dados-widget-rodape a:hover {
    text-decoration: underline;
}

.fii-dados-widget-vazio {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Trava defensiva pro bloco de anúncios "Fim do post" (AdSense/Advanced
   Ads) — achado em 2026-08: o widget de anúncio vem com width:1200px
   !important fixo no próprio HTML do Google, sem respeitar o contêiner
   real, e estoura a barra lateral em telas menores. Não é nada nosso (é
   config. do plugin de anúncios), mas como nosso CSS já carrega em toda
   página do site, contemos o vazamento aqui — sem isso não tem como
   corrigir sem mexer nas configurações do Advanced Ads. */
.capit-fim-do-post,
.capit-entity-placement {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}