/* ── Boca Info: filtros de categoría ── */
.notas-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}

.notas-filter {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--blanco-dim, rgba(255,255,255,.65));
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
  transition: background .18s, color .18s, border-color .18s;
}

.notas-filter:hover {
  background: rgba(255,255,255,.12);
  color: #fff;
}

.notas-filter.active {
  background: var(--amarillo, #F5BB00);
  border-color: var(--amarillo, #F5BB00);
  color: #03102A;
  font-weight: 600;
}

/* ── Grid de notas ── */
.notas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.notas-cargando {
  color: var(--blanco-dim, rgba(255,255,255,.5));
  font-size: 14px;
  padding: 24px 0;
  grid-column: 1 / -1;
}

.notas-empty {
  color: var(--blanco-dim, rgba(255,255,255,.5));
  font-size: 14px;
  padding: 24px 0;
  grid-column: 1 / -1;
}

/* ── Tarjeta de nota ── */
.nota-card {
  display: flex;
  flex-direction: column;
  background: var(--st-caja, rgba(255,255,255,.05));
  border: 1px solid var(--st-caja-borde, rgba(255,255,255,.07));
  border-radius: var(--st-radio, 20px);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform .2s, border-color .2s;
}

.nota-card:hover {
  transform: translateY(-3px);
  border-color: rgba(245,187,0,.3);
}

.nota-card-img {
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,.06);
}

.nota-card-body {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.nota-card-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  margin: 0;
}

.nota-card-bajada {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--blanco-dim, rgba(255,255,255,.65));
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nota-card-meta {
  margin-top: auto;
  padding-top: 8px;
}

/* ── Vista de artículo completo ── */
/* Nota abierta (noticias?id=): sin el hero de la sección, la nota arranca bajo la barra (F54) */
html.nota-abierta .hero-int { display: none; }
html.nota-abierta .page-wrap > .sec { padding-top: calc(var(--nav-h) + 36px); }

/* Ancla del listado al volver desde el breadcrumb (F57): queda justo bajo la barra */
#notas-listing-wrap { scroll-margin-top: calc(var(--nav-h) + 40px); }

/* Breadcrumb: Inicio › Noticias › categoría (F55) */
.nota-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--blanco-dim, rgba(255,255,255,.55));
  margin-bottom: 24px;
}

.nota-crumbs a {
  color: var(--amarillo, #F5BB00);
  text-decoration: none;
  opacity: .85;
  transition: opacity .15s;
}

.nota-crumbs a:hover { opacity: 1; }
.nota-crumbs-sep { opacity: .5; }

.nota-article-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.nota-hero-img {
  width: 100%;
  aspect-ratio: 16/9; /* igual que .nota-card-img: la misma foto no se recorta en el detalle (F53) */
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  margin-bottom: 28px;
}

.nota-article {
  max-width: 720px;
  margin: 0 auto;
}

.nota-article-title {
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  margin: 0;
}

.nota-article-bajada {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255,255,255,.75);
  margin: 0;
  font-weight: 400;
}

.nota-article-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin: 0 0 24px;
}

.nota-article-cuerpo {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(255,255,255,.8);
}

.nota-article-cuerpo p {
  margin: 0 0 1.2em;
}

.nota-article-cuerpo p:last-child {
  margin-bottom: 0;
}

/* Texto enriquecido del cuerpo (F51/F52): títulos, listas, links e imágenes incrustadas */
.nota-article-cuerpo h2 {
  font-size: clamp(19px, 2.6vw, 23px);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  margin: 1.5em 0 .55em;
}

.nota-article-cuerpo h3 {
  font-size: clamp(17px, 2.2vw, 19px);
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
  margin: 1.4em 0 .5em;
}

.nota-article-cuerpo h2:first-child,
.nota-article-cuerpo h3:first-child { margin-top: 0; }

.nota-article-cuerpo ul,
.nota-article-cuerpo ol {
  margin: 0 0 1.2em;
  padding-left: 1.4em;
}

.nota-article-cuerpo li { margin: .3em 0; }

.nota-article-cuerpo a {
  color: var(--amarillo, #F5BB00);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* La imagen incrustada se ajusta al ancho de la columna (antes salía con su tamaño natural) */
.nota-article-cuerpo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 6px auto 22px;
  border-radius: 12px;
}

.nota-article-cuerpo p > img:only-child { margin-top: 0; }

.nota-not-found {
  color: var(--blanco-dim, rgba(255,255,255,.5));
  padding: 32px 0;
  font-size: 15px;
}

.nota-not-found a {
  color: var(--amarillo, #F5BB00);
}

/* ══════════════════════════════════════════════════════════════════════
   Boca Info estadístico (spec 2026-10-22 §7.2). Placas del stream
   (css/stream.css) dentro del grid de interior; mobile desde 360px.
   ══════════════════════════════════════════════════════════════════════ */
.bi-sec { padding-top: 28px; padding-bottom: 28px; }
.bi-sec.st-vacio { display: none; }
#bi-tabs.mc-wrap { padding-bottom: 40px; }
#bi-tabs .mc-panels { margin-top: 22px; }
.bi-placas { display: flex; flex-direction: column; gap: 18px; }
.bi-dos-col, .bi-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
@media (max-width: 900px) {
  .bi-dos-col, .bi-stats-grid { grid-template-columns: 1fr; }
}

/* ── Carrusel de notas: scroll horizontal con snap ── */
.bi-notas-track {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 320px);
  gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 16px;
  -webkit-overflow-scrolling: touch; scrollbar-width: thin;
}
.bi-notas-track > .nota-card { scroll-snap-align: start; }

/* ── Día de partido: módulo compacto que lleva al centro de partidos ── */
.bi-dia-partido {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 14px 20px; border-radius: var(--st-radio, 20px); text-decoration: none; color: inherit;
  background: linear-gradient(135deg, rgba(245,187,0,.16), rgba(255,255,255,.04));
  border: 1px solid var(--st-oro-borde, rgba(245,187,0,.6));
  transition: transform .18s, border-color .18s;
}
.bi-dia-partido:hover { transform: translateY(-2px); border-color: var(--amarillo, #F5BB00); }
.bi-dia-partido.en-vivo { background: linear-gradient(135deg, rgba(255,59,59,.18), rgba(255,255,255,.04)); border-color: rgba(255,59,59,.6); }
.bi-dp-estado { display: inline-flex; align-items: center; gap: 8px; font-family: 'FixtureExpanded', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--amarillo, #F5BB00); }
.bi-dia-partido.en-vivo .bi-dp-estado { color: #FF6B6B; }
.bi-dp-cruce { display: flex; align-items: center; gap: 14px; flex: 1; justify-content: center; min-width: 0; }
.bi-dp-equipo { display: inline-flex; align-items: center; gap: 8px; font-family: 'FixtureCondensed', sans-serif; font-size: clamp(20px, 3vw, 28px); text-transform: uppercase; white-space: nowrap; }
.bi-dp-equipo img { width: 40px; height: 40px; object-fit: contain; }
.bi-dp-marcador { font-family: 'FixtureCondensed', sans-serif; font-size: clamp(30px, 5vw, 44px); line-height: 1; color: #fff; display: inline-flex; gap: 6px; }
.bi-dp-marcador i { font-style: normal; color: var(--st-apagado, #8E97AA); }
.bi-dp-fecha { font-family: 'FixtureCondensed', sans-serif; font-size: clamp(18px, 2.6vw, 24px); color: var(--st-tenue, #C9CFDA); white-space: nowrap; }
.bi-dp-cta { font-size: 13px; font-weight: 600; color: var(--amarillo, #F5BB00); white-space: nowrap; }
@media (max-width: 600px) {
  .bi-dia-partido { justify-content: center; text-align: center; }
  .bi-dp-cruce { order: 2; width: 100%; }
}

/* ── Ficha del club ── */
.st-ficha { display: flex; gap: 20px; align-items: center; }
.st-ficha-escudo { width: 96px; height: 96px; flex-shrink: 0; }
.st-ficha-nombre { font-family: 'FixtureCondensed', sans-serif; font-size: clamp(30px, 4vw, 44px); line-height: .95; text-transform: uppercase; color: var(--st-amarillo, #F5BB00); margin: 0 0 10px; }
.st-ficha-dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px 16px; margin: 0; }
.st-ficha-dl div { display: flex; flex-direction: column; gap: 2px; }
.st-ficha-dl dt { font-family: 'FixtureExpanded', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--st-apagado, #8E97AA); }
.st-ficha-dl dd { margin: 0; font-size: 15px; color: var(--st-blanco, #EDEFF3); }
@media (max-width: 480px) { .st-ficha { flex-direction: column; text-align: center; } .st-ficha-dl { text-align: left; } }

/* ── Plantel ── */
.st-plantel-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.st-jugador-ficha {
  display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 14px;
  border-radius: var(--st-radio-sm, 12px); background: var(--st-caja); border: 1px solid var(--st-caja-borde);
}
.st-jugador-ficha .j-dorsal { width: 34px; flex-shrink: 0; text-align: center; font-family: 'FixtureCondensed', sans-serif; font-size: 28px; color: var(--st-amarillo, #F5BB00); }
.st-jugador-ficha .st-ini { width: 56px; height: 56px; font-size: 18px; flex-shrink: 0; }
.st-jugador-ficha .g-foto { object-fit: cover; object-position: center 20%; }
.st-jugador-ficha .j-datos { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.st-jugador-ficha .j-nombre { font-family: 'FixtureCondensed', sans-serif; font-size: 22px; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-jugador-ficha .j-meta { font-size: 12px; color: var(--st-apagado, #8E97AA); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Selector de competencia (estadísticas) ── */
.st-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.st-filtro {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: var(--blanco-dim, rgba(255,255,255,.65));
  border-radius: 20px; padding: 6px 14px; font-size: 13px; font-family: inherit; cursor: pointer; transition: background .18s, color .18s, border-color .18s;
}
.st-filtro:hover { background: rgba(255,255,255,.12); color: #fff; }
.st-filtro.active { background: var(--amarillo, #F5BB00); border-color: var(--amarillo, #F5BB00); color: #03102A; font-weight: 600; }
.bi-stats-grid > .st-vacio { display: none; }

/* ── Resultados del año (lista con marcador) ── */
.st-resultados-eq .p-marcador { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
.st-resultados-eq .p-marcador b { font-family: 'FixtureCondensed', sans-serif; font-size: 28px; line-height: 1; color: #fff; }
.st-resultados-eq .p-marcador i { font-style: normal; color: var(--st-apagado); margin: 0 4px; }
.st-resultados-eq .p-marcador small { font-family: 'FixtureExpanded', sans-serif; font-size: 12px; letter-spacing: 2px; margin-top: 2px; }
.st-resultados-eq .res-V .p-marcador small { color: var(--st-v); }
.st-resultados-eq .res-E .p-marcador small { color: var(--st-e); }
.st-resultados-eq .res-D .p-marcador small { color: var(--st-d); }
.st-resultados-eq .p-marcador { flex-direction: row; align-items: baseline; gap: 2px; }
.st-resultados-eq .p-marcador small { margin: 0 0 0 10px; }

/* ── Estadio y video ── */
.st-estadio-foto { width: 100%; aspect-ratio: 16/7; object-fit: cover; border-radius: var(--st-radio-sm, 12px); margin-bottom: 16px; }
.st-estadio-dl { margin-bottom: 16px; }
.st-historia { color: rgba(255,255,255,.82); font-size: 15.5px; line-height: 1.75; }
.st-historia-p { margin: 0 0 1em; }
.st-historia-p:last-child { margin-bottom: 0; }
.st-historia-p:empty { display: none; }
.placa-estadio-historia { margin-top: 18px; }
.st-video-marco { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: var(--st-radio-sm, 12px); overflow: hidden; background: #000; }
.st-video-marco iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.st-video-propio { width: 100%; border-radius: var(--st-radio-sm, 12px); background: #000; }
.st-video-texto { margin: 12px 0 0; color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.6; }

/* ══════════════════════════════════════════════════════════════════════
   Escala de Boca Info (pedido de Claudio, 2026-10-22): las placas del stream
   quedan, pero con los tamaños del encabezado del Match Center: etiquetas
   chicas en mayúscula, nombres medianos con la tipografía del sitio, cuerpo
   13–15 px. Sólo dentro de .bi-sec (la home y el stream no cambian).
   ══════════════════════════════════════════════════════════════════════ */
.bi-sec .placa { padding: 18px 20px; }
.bi-sec .placa-kicker { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.16em; }
.bi-sec .placa-titulo { font-family: var(--font-display); font-size: clamp(18px, 2vw, 22px); letter-spacing: 0.04em; line-height: 1.1; }

/* Ficha del club */
.bi-sec .st-ficha-escudo { width: 72px; height: 72px; }
.bi-sec .st-ficha-nombre { font-family: var(--font-display); font-size: clamp(20px, 2.2vw, 28px); letter-spacing: 0.04em; color: #fff; }
.bi-sec .st-ficha-dl dt { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }
.bi-sec .st-ficha-dl dd { font-size: 13.5px; }

/* Plantel */
.bi-sec .st-plantel-lista { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.bi-sec .st-jugador-ficha { padding: 8px 12px; gap: 10px; }
.bi-sec .st-jugador-ficha .j-dorsal { width: 28px; font-family: var(--font-display); font-size: 15px; }
.bi-sec .st-jugador-ficha .st-ini { width: 42px; height: 42px; font-size: 13px; }
.bi-sec .st-jugador-ficha .j-nombre { font-family: var(--font-body); font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; color: #fff; }
.bi-sec .st-jugador-ficha .j-meta { font-size: 12px; }

/* Rankings (goles, asistencias, tarjetas) */
.bi-sec .st-goleador { padding: 8px 14px; gap: 10px; }
.bi-sec .st-goleador .g-pos { width: 22px; font-family: var(--font-display); font-size: 14px; }
.bi-sec .st-goleador .st-ini { width: 36px; height: 36px; font-size: 12px; }
.bi-sec .st-goleador .g-nombre { font-family: var(--font-body); font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.bi-sec .st-goleador .g-valor b { font-family: var(--font-display); font-size: 20px; font-weight: 700; }
.bi-sec .st-goleador .g-valor small { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }

/* Tablas (posiciones, promedios) */
.bi-sec .st-tabla th { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }
.bi-sec .st-tabla td { padding-top: 7px; padding-bottom: 7px; }
.bi-sec .st-tabla td.t-pos { font-size: 13px; }
.bi-sec .st-tabla .t-nombre { font-family: var(--font-body); font-size: 13.5px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.bi-sec .st-tabla td.t-num { font-size: 13px; }
.bi-sec .st-tabla td.t-pts { font-family: var(--font-display); font-size: 16px; }

/* Próximos y resultados */
.bi-sec .st-proximo { padding: 10px 14px; gap: 12px; }
.bi-sec .st-proximo .p-fecha { width: 64px; }
.bi-sec .st-proximo .st-pill { font-size: 12px; }
.bi-sec .st-proximo .p-hora { font-size: 12px; }
.bi-sec .st-proximo .st-escudo { width: 36px; height: 36px; }
.bi-sec .st-proximo .st-ini { width: 36px; height: 36px; font-size: 12px; }
.bi-sec .st-proximo .p-lv { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }
.bi-sec .st-proximo .p-nombre { font-family: var(--font-body); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.bi-sec .st-resultados-eq .p-marcador b { font-family: var(--font-display); font-size: 18px; }
.bi-sec .st-resultados-eq .p-marcador small { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }

/* Copas (llaves del stream) */
.bi-sec .placa-copa .st-cruce-nombre, .bi-sec .placa-copa .c-nombre { font-family: var(--font-body); font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: 0; }

/* Día de partido y estadio */
.bi-dp-equipo { font-family: var(--font-display); font-size: clamp(15px, 1.8vw, 20px); letter-spacing: 0.04em; }
.bi-dp-marcador { font-family: var(--font-display); font-size: clamp(22px, 3vw, 30px); }
.bi-dp-fecha { font-family: var(--font-body); font-size: 13px; letter-spacing: 0.04em; }
.bi-dp-estado { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.16em; }
.bi-sec .st-estadio-dl dt { font-family: var(--font-body); font-size: 12px; letter-spacing: 0.14em; }
.bi-sec .st-estadio-dl dd { font-size: 13.5px; }
.bi-sec .st-historia { font-size: 14px; line-height: 1.7; }
.bi-sec .st-video-texto { font-size: 14px; }
.st-filtro { font-size: 12px; padding: 5px 12px; }

/* Fotos como en los zócalos del stream: imagen directa (recorte PNG), sin círculo,
   apoyada abajo y con fade (resumen-partido.css .g-foto). Las iniciales siguen en círculo. */
.bi-sec img.g-foto {
  border-radius: 0; background: none; border: none; box-shadow: none;
  object-fit: contain; object-position: bottom; align-self: flex-end;
  -webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
}
.bi-sec .st-jugador-ficha { align-items: flex-end; min-height: 64px; }
.bi-sec .st-jugador-ficha img.g-foto { width: 56px; height: 64px; margin-bottom: -8px; }
.bi-sec .st-jugador-ficha .j-datos, .bi-sec .st-jugador-ficha .j-dorsal { align-self: center; }
.bi-sec .st-goleador { align-items: flex-end; min-height: 56px; }
.bi-sec .st-goleador img.g-foto { width: 46px; height: 56px; margin-bottom: -8px; }
.bi-sec .st-goleador .g-pos, .bi-sec .st-goleador .g-nombre, .bi-sec .st-goleador .g-valor { align-self: center; }

/* Listas largas plegadas + estado de carga */
.st-plegado { display: none !important; }
.st-ver-mas {
  display: block; margin: 10px auto 0; padding: 7px 18px; border-radius: 20px; cursor: pointer;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: var(--amarillo, #F5BB00);
  font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
}
.st-ver-mas:hover { background: rgba(245,187,0,.12); }
.bi-cargando {
  margin: 0 0 16px; padding: 18px; text-align: center; font-size: 13.5px; color: var(--blanco-muted, rgba(255,255,255,.55));
  border: 1px dashed rgba(255,255,255,.14); border-radius: 12px;
}

/* Ajustes móvil 2026-10-22 (segunda vuelta): márgenes, barra de solapas, filtros, ficha */
.bi-sec .placa { max-width: 100%; box-sizing: border-box; }
.bi-dos-col > *, .bi-stats-grid > * { min-width: 0; }
.bi-sec .st-ficha { flex-direction: row; align-items: center; gap: 16px; }
.bi-sec .st-ficha-escudo { width: 72px; height: 72px; }
.bi-sec .st-ficha-dl { grid-template-columns: 1fr 1fr; gap: 8px 14px; flex: 1; }
@media (max-width: 420px) { .bi-sec .st-ficha-dl { grid-template-columns: 1fr; } }
/* Barra de solapas de Boca Info: misma grilla que el resto, despegada del header, con fondo al quedar fija */
#bi-tabs .mc-tabs-bar { padding: 8px 0; top: calc(var(--nav-h) + 6px); margin: 0; background: linear-gradient(180deg, var(--azul, #06163A) 70%, transparent); }
/* En vivo, la barra sticky amarilla (.sticky-live, 50px) va debajo del nav: las solapas bajan con ella. */
body.partido-activo #bi-tabs .mc-tabs-bar { top: calc(var(--nav-h) + 56px); }
#bi-tabs .mc-panels { padding-left: 0; padding-right: 0; padding-top: 20px; }
#bi-tabs .mc-tabs { padding: 5px; gap: 2px; }
#bi-tabs .mc-tab { padding: 9px 13px; font-size: 12px; letter-spacing: 0.06em; }
/* Filtros de competencia: carrusel horizontal en dos filas */
.st-filtros { display: grid; grid-auto-flow: column; grid-template-rows: auto auto; grid-auto-columns: max-content; gap: 8px; overflow-x: auto; padding: 2px 2px 10px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.st-filtro { white-space: nowrap; }
/* Texto gris de los partidos: corto y chico */
.bi-sec .st-proximo .p-comp, .st-proximo .p-comp { font-size: 12px; letter-spacing: 0.04em; text-transform: none; }
.bi-sec .st-proximo .p-lv { gap: 2px 8px; }

/* Escritorio: los filtros de estadísticas en una fila que envuelve (el carrusel doble es del celular). */
@media (min-width: 720px) {
  .st-filtros { display: flex; flex-wrap: wrap; overflow: visible; padding: 0 0 4px; }
}

/* Títulos de sección secundarios de Boca Info ("Las últimas noticias"): una línea y menos peso
   que el título de la página; en el celular no compite con el hero. */
.bi-sec .sec-title-sub { font-size: clamp(22px, 2.2vw, 30px); line-height: 1; letter-spacing: 0; }
@media (max-width: 768px) { .bi-sec .sec-title-sub { font-size: 20px; } }