/**
 * Estimei — assets/css/pilar-header.css
 * Sub-Abas (Pill Tabs) no topo de cada seção de pilar (#financas,
 * #imoveis, #leiloes, #reforma). NUX, 23/08/2026 — revisado no mesmo dia:
 * o Mini-Hero (badge + título + descrição) que existia aqui foi removido
 * a pedido do Celso — bloco único de ≤50px de altura agora, logo abaixo
 * da faixa de indicadores (Selic/CDI) e antes do grid de calculadoras.
 * O nome do pilar já está visível na navbar ativa, não precisa repetir.
 *
 * Reusa os tokens já validados em marketplace.css/search.css
 * (--mk-*, --mk-hover-tint) — nenhum valor novo cru. Geometria das pills
 * é RETA (raio 2px), mesmo padrão do .hero-chip/.mk-porta-pill: "pill" é
 * o termo do produto pro conceito de chip, não uma forma 100% arredondada.
 */

.pilar-subtabs-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    max-width: var(--mk-max, 1180px);
    margin: 0 auto 18px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

.pilar-tab-pill {
    /* width:auto explícito — sobrescreve o button{width:100%} genérico de
       style.css (mesmo fix já documentado em .hero-chip/.hero-sim-tab). */
    width: auto;
    flex: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid var(--mk-t200);
    border-radius: 2px;
    background: var(--mk-dado);
    color: var(--mk-t700);
    font-size: 12.5px;
    font-weight: 500;
    font-family: 'Archivo', -apple-system, sans-serif;
    cursor: pointer;
    transition: background .14s, border-color .14s, color .14s;
}
.pilar-tab-pill:hover {
    background: var(--mk-hover-tint);
    border-color: var(--mk-ouro-luz);
    color: var(--mk-t900);
}
.pilar-tab-pill[aria-selected="true"] {
    background: var(--mk-t900);
    border-color: var(--mk-t900);
    color: var(--mk-papel);
}
.pilar-tab-pill[aria-selected="true"]:hover { border-color: var(--mk-ouro-luz); }
.pilar-tab-pill:focus-visible { outline: 2px solid var(--mk-ouro-luz); outline-offset: 1px; }

.pilar-tab-c {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 11px;
    opacity: .75;
}

/* Card escondido pela sub-aba ativa — classe, não display inline, pra
   page-builder.js (garantirVisivel) checar facilmente pelo classList. */
.pilar-card-oculto { display: none; }