/* Piezas de las fichas /activos/<ticker> que completan lo comun de `styles.css` (logo junto al titulo,
   barra de secciones fija, "Donde seguir"): blancos tactiles de 44 px VISTOS (G24), el aviso neutro del
   grafico y las iniciales de los logos que no cargan. Los 44 van con el zoom del documento
   (`--mercados-doc-zoom`, 0.8 en tablet y escritorio, 1 en el celular vertical): un `44px` a secas se
   toca en 35 px vistos. */
.fichaActivo {
  --ficha-44: calc(44px / var(--mercados-doc-zoom, 1));
}
.fichaActivo .fichaSecciones a,
.fichaActivo .hermanos li a,
.fichaActivo .salidas .ir,
.fichaActivo .docGrupo summary,
.fichaActivo .bloque > .fuente a,
.fichaActivo a.etiqueta {
  min-height: var(--ficha-44); box-sizing: border-box;
}
.fichaActivo .hermanos li a, .fichaActivo .salidas .ir { display: flex; align-items: center; }
.fichaActivo .hermanos li { min-height: var(--ficha-44); display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.fichaActivo .otras a { min-height: var(--ficha-44); box-sizing: border-box; }
.fichaActivo .docGrupo summary { display: flex; align-items: center; }
.fichaActivo .bloque > .fuente a { display: inline-flex; align-items: center; }
.fichaActivo .compartir__b { width: var(--ficha-44); height: var(--ficha-44); }
.fichaActivo .fichaLogo, .fichaActivo .logoIni { width: var(--ficha-44); height: var(--ficha-44); }

/* Enlaces dentro de tablas y migas: en tablet y celular, 44 px vistos */
@media (max-width: 1024px) {
  .fichaActivo table.datos td a, .fichaActivo .migas a {
    display: inline-flex; align-items: center; min-height: var(--ficha-44); box-sizing: border-box;
  }
}

/* Iniciales: en el lugar de un logo que no cargo (el de la cabecera y los de la watchlist del grafico) */
.logoIni.logoIni--wl {
  display: inline-flex; align-items: center; justify-content: center; background: var(--card);
  color: var(--muted); font-weight: 700; font-size: 11px; border: 1px solid var(--border);
  border-radius: 50%; box-sizing: border-box; vertical-align: middle;
}

/* Aviso neutro del grafico (en lugar de "HTTP 429" / "Cargando...") */
.fichaActivo #fichaChartMount .fichaChartAviso {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-height: 120px;
  padding: 16px; color: var(--muted); border: 1px dashed var(--border); border-radius: 10px;
}
.fichaActivo #fichaChartMount .fichaChartAviso button {
  min-height: var(--ficha-44); padding: 0 16px; border-radius: 8px; border: 1px solid var(--border);
  background: var(--card); color: var(--text); font: inherit; cursor: pointer;
}

/* La caja de novedades es del pie común del sitio (marcador de index.html): se ve en las fichas igual que en el resto */