/* Embudo (js/vistas/embudo.js), design-system/pages/crm.md («Embudo»). La vista tiene sus propios desplazamientos
   (crm-flex): la cabecera queda fija, las columnas se deslizan de lado dentro de su renglón (la página nunca) y cada
   columna desplaza su lista. Celular: pestañas de 40 px y columnas del ancho menos 22 px con encaje. Computadora
   (1,000 px o más): columnas de 274 px sobre --col con radio de 18 px; caben cuatro en 1,440 px. */

.crm-vista.crm-emb{padding-bottom:0}
.crm-emb-cab{flex:none;padding-bottom:4px}
.crm-emb-cab .crm-cab-fila{min-width:0}
.crm-emb-cab .crm-cab-fila h1{flex:none}
.crm-emb-cab .crm-cab-acc{min-width:0;flex:0 1 auto;justify-content:flex-end}
.crm-emb-pill{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;min-width:0;max-width:min(46vw,260px);padding:0 10px 0 14px;border-radius:999px;background:var(--hoja);box-shadow:var(--sombra);font-size:14px;font-weight:650;color:var(--texto)}
.crm-emb-pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.crm-emb-pill::after{content:"";position:absolute;inset:-4px 0}
@media (hover:hover){.crm-emb-pill:hover{background:var(--campo-hover)}}
.crm-emb-buscar{display:flex;align-items:center;gap:4px;margin-top:10px}
.crm-emb-buscar .crm-buscador{flex:1;min-width:0}
.crm-emb-res{font-size:14px;color:var(--suave);margin-top:4px;min-height:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.crm-emb-res b{color:var(--texto);font-weight:650}
.crm-emb-res-esq{display:inline-block;width:62%;max-width:320px;height:12px;border-radius:6px;background:var(--campo-hover);vertical-align:middle;animation:crm-brillo 1.2s ease-in-out infinite}

/* Mapa del embudo: barra de 8 px por etapa con 2 px entre tramos */
.crm-mapa{display:flex;gap:2px;height:8px;margin-top:12px;border-radius:4px;overflow:hidden}
.crm-mapa i{display:block;min-width:3px;flex-basis:0}
.crm-mapa .crm-ab,.crm-mapa-ley .crm-ab{background:var(--acento-relleno)}
.crm-mapa .crm-pag,.crm-mapa-ley .crm-pag{background:var(--ok)}
.crm-mapa .crm-at,.crm-mapa-ley .crm-at{background:var(--tenue)}
.crm-mapa-ley{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:6px;font-size:12.5px;color:var(--suave)}
.crm-mapa-ley span{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.crm-mapa-ley i{display:inline-block;width:8px;height:8px;border-radius:2px}
.crm-emb-aviso{flex:none}
.crm-emb-vacio-g{font-size:14px;color:var(--suave);padding:4px 2px 2px}

/* Pestañas de etapa (celular): se deslizan dentro de su renglón */
.crm-emb-tabs{flex:none;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 10px;scroll-padding:0 16px;overscroll-behavior-x:contain}
.crm-emb-tabs::-webkit-scrollbar{display:none}
.crm-emb-tabs .crm-vtab{touch-action:pan-x}
.crm-emb-tabs .crm-vtab .crm-i{width:14px;height:14px}

/* Columnas */
.crm-emb-cols{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.crm-emb-cols::-webkit-scrollbar{display:none}
.crm-emb-col{flex:0 0 calc(100% - 22px);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;min-height:0;padding:0 8px 0 16px;transition:background-color .15s,opacity .15s}
.crm-emb-col:last-child{flex-basis:100%;padding-right:16px}
.crm-emb-col>.crm-esq{margin-top:8px}
.crm-emb-col-cab{flex:none;padding:2px 2px 10px;min-width:0}
.crm-emb-col-fila{display:flex;align-items:baseline;gap:8px;min-width:0}
.crm-emb-col-cab h2{font-size:19px;font-weight:750;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-emb-col-cab .crm-n{font-size:15px;font-weight:650;color:var(--suave);flex:none}
.crm-emb-suma{margin-left:auto;font-size:14px;font-weight:650;flex:none}
.crm-emb-nota{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--suave);margin-top:2px}
.crm-emb-nota .crm-i{flex:none}
.crm-emb-lista{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:2px 2px calc(env(safe-area-inset-bottom) + var(--tab-alto) + 24px);border-radius:14px;transition:background-color .15s}
.crm-emb-lista>.crm-error-caja{margin:0}
.crm-emb-lista>.crm-mas-fila{margin-top:0;flex:none}
.crm-emb-vacio{padding:18px 8px;font-size:14px;color:var(--suave);text-align:center}
.crm-emb-col.crm-zona-drop .crm-emb-lista{background:var(--tinte)}
.crm-emb-col.crm-zona-no{opacity:.55}

/* Tarjeta del embudo */
.crm-kcard{position:relative;flex:none;display:flex;flex-direction:column;gap:6px;padding:12px 12px 12px 14px;border-radius:14px;background:var(--hoja);box-shadow:var(--sombra);cursor:pointer;outline-offset:-2px;transition:box-shadow .15s,opacity .15s;min-width:0}
.crm-kcard.crm-arrastrando{opacity:.5}
.crm-kcard.crm-moviendo{opacity:.7}
.crm-kcard[draggable="true"]{cursor:grab}
.crm-kc-top{display:flex;align-items:center;gap:10px;min-width:0;padding-right:34px}
.crm-kc-top b{font-size:15.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.crm-kc-t{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--suave);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
.crm-kc-t.crm-tarde{color:var(--error);font-weight:650}
.crm-kc-lin{font-size:14px;color:var(--texto);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.crm-kc-lin b{font-weight:650}
.crm-kc-pie{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:24px;min-width:0}
.crm-kc-pie>.crm-av{margin-left:auto}
.crm-kc-acc{display:flex;gap:6px;margin-top:2px}
.crm-kc-acc .crm-btn{flex:1 1 0;min-width:0;padding:0 10px}
.crm-kcard .crm-kc-mas{position:absolute;top:4px;right:4px;color:var(--suave)}
@media (hover:hover){.crm-kcard:hover{box-shadow:0 1px 2px rgba(10,10,20,.06),0 4px 14px rgba(10,10,20,.09)}}

/* Computadora */
@media (min-width:1000px){
  .crm-emb-tabs{display:none}
  .crm-mapa,.crm-mapa-ley{max-width:520px}
  .crm-emb-buscar{max-width:560px}
  .crm-emb-cols{gap:12px;padding:6px 28px 20px;scroll-snap-type:none;scrollbar-width:thin}
  .crm-emb-cols::-webkit-scrollbar{display:block;height:8px}
  .crm-emb-cols::-webkit-scrollbar-thumb{background:var(--campo-hover);border-radius:4px}
  .crm-emb-col,.crm-emb-col:last-child{flex:0 0 274px;padding:12px 10px 0;background:var(--col);border-radius:var(--r2)}
  .crm-emb-col-cab{padding:0 4px 10px}
  .crm-emb-col-cab h2{font-size:16px}
  .crm-emb-col-cab .crm-n{font-size:14px}
  .crm-emb-suma{font-size:13.5px}
  .crm-emb-lista{padding:2px 2px 12px}
}
@media (prefers-reduced-motion:reduce){.crm-emb-res-esq{animation:none}}