/* Bloque de noticias del newsroom en la home: dos mitades (relevantes + por tema). */
.bfnr-strip { font-size: 0.9rem; color: var(--bf-black, #1a202c); }

/* [hidden] load-bearing: el filtro oculta vistas con el atributo hidden y algún
   contenedor podría tener display de autor. */
.bfnr-strip [hidden] { display: none !important; }

.bfnr-halves { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 782px) { .bfnr-halves { grid-template-columns: 1fr; gap: 20px; } }

.bfnr-half-head {
    font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05em;
    font-weight: 700; margin: 0 0 10px; padding-bottom: 6px;
    border-bottom: 2px solid var(--bf-gray-200, #e4e9f0);
}
.bfnr-half-head.rel { color: var(--bf-accent, #c2410c); }
.bfnr-half-head.grp { color: var(--bf-primary, #1e5fbf); }

/* Mitad izquierda: relevantes */
.bfnr-rel-item {
    display: flex; gap: 10px; padding: 8px 0;
    border-bottom: 1px solid var(--bf-gray-100, #f2f4f7);
}
.bfnr-rel-item .rank {
    flex: 0 0 18px; font-size: 0.9rem; font-weight: 700;
    color: var(--bf-accent, #c2410c);
}
.bfnr-rel-item a { color: var(--bf-black, #1a202c); text-decoration: none; line-height: 1.3; }
.bfnr-rel-item a:hover { text-decoration: underline; }
.bfnr-rel-item .meta { font-size: 0.72rem; color: var(--bf-gray-500, #667085); margin-top: 3px; }
.bfnr-rel-item .meta .cat { color: var(--bf-primary, #1e5fbf); font-weight: 600; }

/* Mitad derecha: chips */
.bfnr-chips {
    display: flex; gap: 6px; flex-wrap: wrap; overflow-x: auto;
    margin: 0 0 12px; padding-bottom: 2px;
}
.bfnr-chip {
    flex: 0 0 auto; padding: 3px 12px; border-radius: 999px; border: 0;
    background: var(--bf-gray-100, #f2f4f7); color: var(--bf-black, #1a202c);
    font: inherit; font-size: 0.78rem; white-space: nowrap; cursor: pointer;
}
.bfnr-chip:hover { background: var(--bf-primary-10, #e3ecfa); }
.bfnr-chip.active { background: var(--bf-primary, #1e5fbf); color: #fff; }
/* Categoría sin noticias recientes: chip visible pero atenuado (la taxonomía se
   ve entera; al pulsarlo muestra el mensaje de tema vacío). */
.bfnr-chip-empty { opacity: 0.45; }
.bfnr-chip-empty.active { opacity: 1; }

/* Vista «All»: columnas por tema */
.bfnr-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.bfnr-col > b {
    display: block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.03em;
    color: var(--bf-primary, #1e5fbf); border-bottom: 1px solid var(--bf-gray-200, #e4e9f0);
    padding-bottom: 4px; margin-bottom: 6px;
}
.bfnr-col .it { margin-bottom: 8px; }
.bfnr-col .it a { font-size: 0.8rem; color: var(--bf-black, #1a202c); text-decoration: none; line-height: 1.25; }
.bfnr-col .it a:hover { text-decoration: underline; }
.bfnr-col .it time { display: block; font-size: 0.68rem; color: var(--bf-gray-500, #667085); }

/* Vista filtrada: lista amplia del tema */
.bfnr-wide-item {
    display: flex; gap: 10px; padding: 8px 0;
    border-bottom: 1px solid var(--bf-gray-100, #f2f4f7);
}
.bfnr-wide-item time { flex: 0 0 44px; font-size: 0.72rem; color: var(--bf-gray-500, #667085); padding-top: 2px; }
.bfnr-wide-item a { font-size: 0.85rem; color: var(--bf-black, #1a202c); text-decoration: none; line-height: 1.3; }
.bfnr-wide-item a:hover { text-decoration: underline; }
.bfnr-wide-item .exc { font-size: 0.72rem; color: var(--bf-gray-500, #667085); margin-top: 2px; }

.bfnr-more { margin: 10px 0 0; font-size: 0.78rem; }
.bfnr-more a { color: var(--bf-primary, #1e5fbf); text-decoration: none; }
.bfnr-more a:hover { text-decoration: underline; }

.bfnr-strip-empty { margin: 0; color: var(--bf-gray-500, #667085); }