/* Grupo Nórdico — Leads y oportunidades (BLOQUE A): los estilos de public/oportunidades.js, con el prefijo opo-. */
.opo-barra { flex-wrap: wrap; gap: 8px; }
.opo-barra .seg button { white-space: nowrap; }
.opo-n { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px; background: rgba(22, 66, 127, .1); font-size: 11px; font-weight: 700; text-align: center; }
.seg button.on .opo-n { background: rgba(255, 255, 255, .25); }
.opo-ayuda { margin-bottom: 16px; }
.opo-lead { cursor: pointer; }
.opo-lead.opo-dudoso { box-shadow: inset 4px 0 0 var(--ambar); }
.opo-ult { white-space: pre-line; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.opo-motivo { display: flex; gap: 6px; align-items: flex-start; font-size: 12px; color: var(--tinta-2, #4a5568); margin: 6px 0 2px; overflow-wrap: anywhere; }
.opo-motivo .ic { flex: none; margin-top: 2px; }
.opo-canal, .opo-falta { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.opo-ficha { display: flex; flex-direction: column; gap: 8px; }
.opo-ficha.es-lead { border-left: 4px solid var(--ambar); }
.opo-ficha.es-opo { border-left: 4px solid var(--verde); }
.opo-ficha-t { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.opo-ficha .datos { margin: 0; }
.opo-sig { overflow-wrap: anywhere; }
.opo-acc { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 600px) {
  .opo-barra .buscador { flex: 1 1 100%; }
  .opo-barra .seg { flex: 1 1 100%; display: flex; }
  .opo-barra .seg button { flex: 1; }
}
.opo-pool-leads { gap: 8px; align-items: center; padding: 8px 10px; margin: 0 0 12px; border-radius: 10px; background: var(--ambar-1); color: var(--tinta); text-decoration: none; flex-wrap: wrap; }
.opo-pool-leads:hover { text-decoration: none; filter: brightness(.98); }