/* Estilos propios de la sección «pipeline» de la maqueta. */
.contenido.de-pipeline { grid-template-columns: minmax(0, 1fr); grid-auto-rows: max-content; }
.de-pipeline > * { min-width: 0; }
.pipe-buscador { display: grid; gap: 6px; padding: 6px 0; }
.pipe-buscar { width: min(100%, 360px); }
.pipe-resultados { width: min(100%, 480px); }
.pipe-resultados .sugerencias-cuantas { bottom: 0; }
.pipe-persona-resultado { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; padding: 4px 6px; }

.pipe-tablero { display: flex; gap: 12px; overflow-x: auto; align-items: flex-start; padding-bottom: 12px; scroll-snap-type: x proximity; }
.pipe-col { flex: 0 0 268px; display: grid; grid-template-rows: auto minmax(0, 1fr); background: #e9edf4; border: 1px solid var(--borde); border-radius: var(--radio); max-height: calc(100vh - 340px); min-height: 200px; scroll-snap-align: start; }
.pipe-cab { padding: 10px 12px 4px; display: grid; gap: 1px; }
.pipe-cab h3 { font-size: 14px; }
.pipe-cab .suave { font-size: 13px; font-variant-numeric: tabular-nums; }
.pipe-cuerpo { padding: 6px 8px 10px; display: grid; gap: 8px; align-content: start; overflow-y: auto; min-height: 90px; }
.pipe-cuerpo[data-vacia]::before { content: attr(data-vacia); color: var(--suave); font-size: 13px; text-align: center; padding: 14px 0; border: 1px dashed #c3ccdb; border-radius: 8px; }

.pipe-ficha { background: var(--caja); border: 1px solid var(--borde); border-radius: 8px; padding: 10px 11px; display: grid; gap: 4px; cursor: grab; box-shadow: 0 1px 2px rgba(16, 28, 48, .06); }
.pipe-ficha:active { cursor: grabbing; }
.pipe-nombre { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pipe-importe { font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 13.5px; }
.pipe-pequeno { font-size: 13px; }
.pipe-proximo { font-size: 13.5px; }
.pipe-proximo.falta { display: flex; justify-content: space-between; align-items: center; gap: 6px; font-weight: 600; }
.pipe-proximo.falta button { font-weight: 400; font-size: 12.5px; padding: 2px 8px; }
.pipe-ficha .botones button { font-size: 12.5px; padding: 3px 9px; }
.pipe-quien { display: flex; align-items: center; gap: 7px; min-width: 0; }
.pipe-punto { width: 10px; height: 10px; border-radius: 999px; display: inline-block; flex: none; background: #9aa4b5; }
.pipe-punto.verde { background: #14a05a; }
.pipe-punto.ambar { background: #e0a100; }
.pipe-punto.rojo { background: #d6342b; }
.pipe-punto.gris { background: #b5bdca; }
.pipe-leyenda { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: var(--suave); }
.pipe-leyenda-item { display: inline-flex; align-items: center; gap: 6px; }
.pipe-aviso { color: var(--ojo); font-weight: 600; }
.pipe-fija { cursor: default; background: #f8f9fc; }
.pipe-ficha .botones { gap: 6px; }
.pipe-fantasma { opacity: .35; }
.pipe-elegida { box-shadow: 0 8px 20px rgba(16, 28, 48, .25); }

.pipe-pregunta { width: min(420px, 100%); }
.pipe-pregunta h2 { font-size: 17px; }
.pipe-casilla { display: flex; gap: 10px; align-items: center; padding: 10px 12px; background: var(--fondo); border-radius: 8px; }

@media (max-width: 860px) {
  .pipe-col { flex-basis: 82vw; max-height: none; }
  .pipe-cuerpo { overflow-y: visible; }
  .pipe-tablero { scroll-snap-type: x mandatory; margin: 0 -12px; padding: 0 12px 12px; scroll-padding: 0 12px; }
}