/* Barra superior de indicadores del BCB (módulo compartido FENIX). Archivo propio: no toca base.css. */
.ind { background: #073d31; color: #bfdcd2; font-size: 14.5px; padding-top: env(safe-area-inset-top); }
.ind-in { max-width: 720px; margin: 0 auto; padding: 8px 16px; display: flex; gap: 20px; align-items: center; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.ind-in::-webkit-scrollbar { display: none; }
.ind-i b { color: #fff; font-weight: 700; }
.ind-e { opacity: .85; }
.ind i { font-style: normal; font-size: 12px; margin-left: 3px; }
.ind .sube { color: #f6b93b; }
.ind .baja { color: #7be0b5; }
.ind-f { margin-left: auto; color: #bfdcd2; font-size: 12.5px; text-decoration: none; }
.ind-f.viejo { color: #ffb4a3; }

/* En el móvil la barra corre sola, de derecha a izquierda (se detiene al tocarla). Corre aunque el teléfono tenga "quitar animaciones" (Android lo activa con ahorro de batería). */
@media (max-width: 720px) {
  .ind { overflow: hidden; }
  .ind-in { max-width: none; margin: 0; width: max-content; padding-left: 100%; overflow: visible; animation: ind-corre 32s linear infinite; }
  .ind-in:active { animation-play-state: paused; }
  .ind-f { margin-left: 0; }
}
@keyframes ind-corre { from { transform: translateX(0); } to { transform: translateX(-100%); } }