/* stock/investors/investors.css — pestaña Investors (superinversionistas y Congreso en la acción).
   Encima de ../news/news.css (encabezado de la acción), /market-map/superinvestors/superinvestors.css
   y /market-map/congress/congress.css (tarjetas con foto, partido, tabla de operaciones, dona).
   Aquí: secciones, la barra de compras contra ventas y lo propio de las tarjetas de la acción. */

.iv-shell { display: flex; flex-direction: column; gap: 14px; padding-bottom: 32px; }
/* news.css da a .news-shell una altura fija con scroll: que nada se encoja dentro */
.iv-shell > *, .iv-block > * { flex-shrink: 0; }
.iv-shell [hidden] { display: none !important; }

.iv-block { display: flex; flex-direction: column; gap: 12px; }
.iv-h { margin: 6px 0 0; font: 800 20px/1.2 'Inter', sans-serif; letter-spacing: -.3px; color: #16242a; }
.iv-sub { margin: 2px 0 0; font: 500 12.5px 'Inter', sans-serif; color: #6b7b80; }
.iv-sub:empty { display: none; }
.iv-note { margin: 4px 0 0; font: 500 11.5px/1.5 'Inter', sans-serif; color: #8a989c; }

/* Barra de compras contra ventas (InvestorsPressureBar de la app) */
.iv-press { padding: 14px; }
.iv-press__lbl { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; font: 800 11px 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.iv-press__up { color: #188038; }
.iv-press__down { color: #c0392b; }
.iv-press__bar { display: flex; gap: 4px; height: 14px; }
.iv-press__bar i { display: block; min-width: 0; border-radius: 7px; }
.iv-press__b { background: linear-gradient(90deg, rgba(24, 128, 56, 0.55), #188038); }
.iv-press__s { background: linear-gradient(270deg, rgba(192, 57, 43, 0.55), #c0392b); }
.iv-press__bar i.is-off { flex: 0 0 0 !important; }

/* Dona: las fotos de los gestores sobre el anillo y en el centro, redondas y sin margen */
.iv-donut { padding-top: 0; }
.iv-donut .afd__tag > .si-photo, .iv-donut .afd__logo > .si-photo { border-radius: 50% !important; background: linear-gradient(135deg, #285260, #548C92) !important; font-size: 13px; }
.iv-donut .si-photo img { object-fit: cover !important; padding: 0 !important; }
.iv-donut .afd__logo > .si-photo { box-shadow: 0 0 0 2px #fff, 0 3px 8px rgba(22, 36, 42, 0.14) !important; }

/* Tarjetas: las de Markets (.si-card--app / .cg-card) con la fila de abajo de la app */
.iv-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iv-card .si-photo--card { width: 76px !important; height: 76px !important; font-size: 22px; }
.iv-card .si-card__fund { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iv-card__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; padding-right: 2px; }
.iv-card__num { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; text-align: right; min-width: 0; }
.iv-card__num b { font: 800 14px 'Inter', sans-serif; color: #16242a; font-variant-numeric: tabular-nums; white-space: nowrap; }
.iv-card__num b.is-gone { color: #6b7b80; text-decoration: line-through; }
.iv-card__num small { font: 500 11px 'Inter', sans-serif; color: #6b7b80; font-variant-numeric: tabular-nums; white-space: nowrap; }
.iv-acts { display: flex; flex-wrap: wrap; gap: 5px; }
.iv-act { display: inline-block; padding: 3px 8px; border-radius: 999px; font: 700 11.5px 'Inter', sans-serif; white-space: nowrap; }
.iv-act--up { background: rgba(24, 128, 56, 0.10); color: #188038; }
.iv-act--down { background: rgba(217, 48, 37, 0.10); color: #d93025; }
.iv-act--same { background: #f1f4f5; color: #6b7b80; }
/* el movimiento en la esquina de la foto (como la letra del partido en Congress) */
.iv-badge { color: #fff; }
.iv-badge i { font-size: 10px; }
.iv-badge--up { background: #188038; }
.iv-badge--down { background: #d93025; }
.iv-badge--same { background: #8a989c; }
/* El Presidente, primero y con el mismo realce que en Congress */
.iv-card--pres { border-color: rgba(40, 82, 96, 0.35); background: linear-gradient(135deg, rgba(84, 140, 146, 0.08), #fff 60%), #fff; }

.iv-skel { min-height: 104px; }
.iv-more { align-self: center; margin-top: 0; }
.iv-trades { display: flex; flex-direction: column; gap: 10px; }
.iv-trades h3 { margin: 0; text-transform: none; letter-spacing: -.2px; font-size: 16px; }
.iv-trades .cg-more { margin-top: 2px; }
.iv-empty { padding: 26px 18px; gap: 6px; }
.iv-empty p b { color: #16242a; }
.iv-empty .cg-more { margin-top: 8px; }

@media (max-width: 760px) {
  .iv-cards { grid-template-columns: minmax(0, 1fr); }
  .iv-h { font-size: 19px; }
}

/* site-header.js crea la tarjeta de la empresa (logo, nombre, precio): sin el encabezado de news.css */
html.af-id-creada .iv-shell > .news-header { display: none; }