/* Blog da Nacional Cartuchos — complementa o /style.css da LP */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.container--texto { max-width: 780px; }

/* ---------------------------------------------------------------- listagem */
.bhero { background: #FFFDF3; border-bottom: 5px solid var(--amarelo); padding: 56px 0 40px; }
.bhero h1 { font-family: var(--fonte-titulo); font-size: 40px; line-height: 1.12; font-weight: 900; letter-spacing: -1px; color: var(--preto); margin-bottom: 14px; }
.bhero p { font-size: 17px; color: var(--txt-fraco); max-width: 760px; margin-bottom: 24px; }
.bbusca { display: block; max-width: 560px; margin-bottom: 22px; }
.bbusca input {
    width: 100%;
    padding: 15px 18px;
    font: inherit;
    font-size: 16px;
    color: var(--txt);
    background: #fff;
    border: 2px solid var(--preto);
    border-radius: var(--raio-sm);
    outline: none;
}
.bbusca input:focus { border-color: var(--vermelho); }
.bchips { display: flex; flex-wrap: wrap; gap: 8px; }
.bchip { background: #fff; border: 1px solid var(--linha); border-radius: 100px; padding: 7px 15px; font-size: 14px; font-weight: 600; color: var(--preto); text-decoration: none; transition: var(--trans); }
.bchip small { color: var(--txt-fraco); font-weight: 500; margin-left: 3px; }
.bchip:hover { border-color: var(--preto); }
.bchip.is-on { background: var(--preto); border-color: var(--preto); color: var(--amarelo); }
.bchip.is-on small { color: #C9C8C0; }

.blista { padding-top: 48px; padding-bottom: 80px; }
.bsec { margin-bottom: 56px; }
.bsec__head { margin-bottom: 22px; border-left: 5px solid var(--amarelo); padding-left: 16px; }
.bsec__head h2 { font-family: var(--fonte-titulo); font-size: 27px; font-weight: 900; letter-spacing: -.5px; color: var(--preto); }
.bsec__head p { font-size: 15.5px; color: var(--txt-fraco); }
.bgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bcard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px 22px 20px; text-decoration: none; transition: var(--trans); }
.bcard:hover { box-shadow: var(--sombra-fwd); transform: translateY(-3px); border-color: var(--preto); }
.bcard__cat { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: var(--vermelho-esc); margin-bottom: 10px; }
.bcard h3 { font-size: 18px; line-height: 1.32; font-weight: 700; color: var(--preto); margin-bottom: 9px; }
.bcard p { font-size: 14.5px; line-height: 1.55; color: var(--txt-fraco); margin-bottom: 16px; }
.bcard__mais { margin-top: auto; font-size: 14px; font-weight: 700; color: var(--preto); }
.bcard__mais::after { content: " →"; color: var(--vermelho); }
.bvazio { font-size: 16px; color: var(--txt-fraco); padding: 30px 0; }
.bvazio a { color: var(--vermelho-esc); font-weight: 700; }

/* ---------------------------------------------------------------- artigo */
.bmig { font-size: 13.5px; color: var(--txt-fraco); margin-bottom: 18px; }
.bmig a { color: var(--txt-fraco); text-decoration: none; }
.bmig a:hover { color: var(--vermelho-esc); text-decoration: underline; }
.bmig span { margin: 0 5px; opacity: .6; }
.bart__topo { background: #FFFDF3; border-bottom: 5px solid var(--amarelo); padding: 48px 0 34px; margin-bottom: 38px; }
.bart__topo h1 { font-family: var(--fonte-titulo); font-size: 38px; line-height: 1.14; font-weight: 900; letter-spacing: -.9px; color: var(--preto); margin-bottom: 14px; }
.bart__lead { font-size: 18px; line-height: 1.6; color: var(--txt-fraco); margin-bottom: 14px; }
.bart__meta { font-size: 13.5px; color: var(--txt-fraco); }

.btoc { background: var(--fundo); border: 1px solid var(--linha); border-radius: var(--raio); padding: 20px 24px; margin-bottom: 34px; }
.btoc strong { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--txt-fraco); margin-bottom: 10px; }
.btoc ol { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.btoc a { color: var(--preto); font-size: 15px; font-weight: 600; text-decoration: none; }
.btoc a:hover { color: var(--vermelho-esc); text-decoration: underline; }

.bart__corpo { font-size: 17px; line-height: 1.75; color: var(--txt); }
.bart__corpo > * + * { margin-top: 18px; }
.bart__corpo h2 { font-family: var(--fonte-titulo); font-size: 27px; line-height: 1.22; font-weight: 800; letter-spacing: -.5px; color: var(--preto); margin-top: 44px; scroll-margin-top: 96px; }
.bart__corpo h3 { font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--preto); margin-top: 30px; }
.bart__corpo ul, .bart__corpo ol { padding-left: 24px; display: grid; gap: 8px; }
.bart__corpo li::marker { color: var(--vermelho); font-weight: 700; }
.bart__corpo a { color: var(--vermelho-esc); font-weight: 600; }
.bart__corpo strong { color: var(--preto); }
.bart__corpo blockquote { border-left: 4px solid var(--amarelo); background: var(--fundo); padding: 14px 18px; border-radius: 0 var(--raio-sm) var(--raio-sm) 0; }
.btab { overflow-x: auto; border: 1px solid var(--linha); border-radius: var(--raio-sm); }
.btab table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.btab th { background: var(--preto); color: #fff; text-align: left; padding: 11px 14px; font-weight: 700; }
.btab td { padding: 11px 14px; border-top: 1px solid var(--linha); vertical-align: top; }
.btab tr:nth-child(even) td { background: var(--fundo); }

.bcta { background: var(--preto); color: #fff; border-radius: var(--raio); padding: 28px 28px; margin: 38px 0; display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.bcta strong { display: block; font-family: var(--fonte-titulo); font-size: 20px; line-height: 1.25; color: var(--amarelo) !important; margin-bottom: 6px; }
.bcta p { font-size: 15px; line-height: 1.55; color: #C9C8C0; margin: 0; max-width: 420px; }
.bcta__acoes { display: flex; gap: 10px; flex-wrap: wrap; }
.bcta .btn { color: #fff; font-weight: 700; text-decoration: none; }
.bcta .btn--zap { background: #25D366; color: #073B22; }
.bcta .btn--zap:hover { background: #1EBE5A; }
.bart { padding-bottom: 50px; }
.brel h2 { font-family: var(--fonte-titulo); font-size: 27px; font-weight: 900; letter-spacing: -.5px; color: var(--preto); margin-bottom: 24px; }

@media (max-width: 980px) { .bgrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) {
    .bgrid { grid-template-columns: 1fr; }
    .bhero { padding: 40px 0 30px; }
    .bhero h1 { font-size: 30px; }
    .bart__topo { padding: 34px 0 26px; margin-bottom: 28px; }
    .bart__topo h1 { font-size: 28px; }
    .bart__lead { font-size: 16.5px; }
    .bart__corpo { font-size: 16.5px; }
    .bart__corpo h2 { font-size: 23px; margin-top: 36px; }
    .bcta { padding: 24px 20px; }
    .bcta__acoes .btn { flex: 1 1 100%; text-align: center; justify-content: center; }
}

/* ---------------------------------------------------------------- capa do artigo */
.bart__capa { margin: 0 0 34px; }
.bart__capa img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--raio); background: var(--fundo); }
.bart__capa figcaption { font-size: 12px; color: var(--txt-fraco); margin-top: 7px; }
.bart__topo { margin-bottom: 30px; }

/* miniatura no card da listagem */
.bcard--foto { padding: 0 0 20px; overflow: hidden; }
.bcard__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--fundo); margin-bottom: 18px; }
.bcard--foto .bcard__cat, .bcard--foto h3, .bcard--foto p, .bcard--foto .bcard__mais { padding-left: 22px; padding-right: 22px; }
@media (max-width: 720px) { .bart__capa { margin-bottom: 26px; } }