/* ==========================================================================
   EntrenaLIF · Seguimiento (vista del staff). Prefijo els-.
   Estilo del dashboard (gris carbón), no el navy de EntrenaLIF.
   No depende de entrenalif.css: los colores se declaran acá y toman las
   variables del dashboard cuando existen.
   Responsive por container query sobre .els-app.
   ========================================================================== */

.els-app{
  --els-card:linear-gradient(165deg,#1b2026,#12161a);
  --els-sombra:0 10px 30px rgba(0,0,0,.35);
  --els-r:14px;
  --els-texto:#e0f7fa;
  --els-texto-2:#9fb3bc;
  --els-tenue:#7f949d;
  --els-linea:rgba(255,255,255,.07);
  --els-cab:rgba(255,255,255,.04);
  --els-fila-hover:rgba(255,255,255,.035);
  --els-campo:rgba(255,255,255,.06);
  --els-campo-borde:rgba(255,255,255,.10);
  --els-celeste:var(--lif-celeste,#6ECFF0);
  --els-azul:var(--lif-azul,#1481C0);
  --els-info-fondo:rgba(110,207,240,.10);
  --els-verde:var(--exito,#3ec98a);
  --els-verde-fondo:rgba(62,201,138,.12);
  --els-aceptable:color-mix(in oklab,#3ec98a 55%,#6ECFF0);
  --els-naranja:var(--aviso,#FF7A45);
  --els-naranja-fondo:rgba(255,122,69,.12);
  --els-rojo:var(--error-texto,#FF8A98);
  --els-rojo-fondo:rgba(238,136,136,.15);
  --els-fold:var(--accion-fold,#ee8888);
  --els-call:var(--accion-call,#3ec98a);
  --els-raise:var(--accion-raise,#9B5CF6);
  --els-allin:var(--accion-allin,#E4208C);
  --els-titulo:var(--fuente-titulo,'Bebas Neue',sans-serif);
  --els-fuente:var(--fuente-texto,'Montserrat',sans-serif);
  --els-ease:cubic-bezier(.2,.8,.25,1);
  container:els / inline-size;
  font-family:var(--els-fuente);font-size:15px;line-height:1.45;color:var(--els-texto);
}
.els-app *,.els-app *::before,.els-app *::after{box-sizing:border-box}
.els-app :where(button,input,select){font-family:inherit}
.els-vista{display:flex;flex-direction:column;gap:20px;animation:elsEntrar .35s var(--els-ease)}
@keyframes elsEntrar{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes elsBrillo{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}

/* ---------- Texto ---------- */
.els-titulo{margin:0;font:400 40px/1 var(--els-titulo);letter-spacing:.04em;color:var(--els-texto)}
.els-sub{margin:0;font-size:15px;color:var(--els-texto-2)}
.els-h2{margin:0;font:400 26px/1 var(--els-titulo);letter-spacing:.05em;color:var(--els-texto)}
.els-etiqueta{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--els-texto-2)}
.els-tenue{color:var(--els-tenue)}
.els-celeste{color:var(--els-celeste)}
.els-num{font-variant-numeric:tabular-nums}

/* ---------- Cards ---------- */
.els-card{background:var(--els-card);border-radius:var(--els-r);box-shadow:var(--els-sombra)}
.els-seccion{display:flex;flex-direction:column;gap:14px;padding:22px 24px;min-width:0}
.els-seccion__cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px}
.els-seccion__cab>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.els-seccion__cab p{margin:0;font-size:14px;color:var(--els-texto-2)}
.els-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}

/* ---------- Botones y controles ---------- */
.els-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:6px;border:1px solid var(--els-campo-borde);background:var(--els-campo);color:var(--els-texto);font:600 14px/1.2 var(--els-fuente);white-space:nowrap;cursor:pointer;transition:border-color .22s var(--els-ease),background .22s var(--els-ease),filter .22s}
.els-btn:hover{border-color:var(--els-azul);background:rgba(255,255,255,.09)}
.els-btn:active{transform:translateY(1px)}
.els-btn--cta{border:0;background:linear-gradient(135deg,var(--els-celeste),var(--els-azul));color:#03203a;box-shadow:0 6px 18px rgba(20,129,192,.35)}
.els-btn--cta:hover{filter:brightness(1.05);background:linear-gradient(135deg,var(--els-celeste),var(--els-azul))}
.els-btn--fantasma{border-color:transparent;background:transparent;color:var(--els-texto-2)}
.els-btn--fantasma:hover{background:var(--els-info-fondo);border-color:transparent;color:var(--els-texto)}
.els-btn--chico{min-height:34px;padding:6px 12px;font-size:13px}
.els-app :focus-visible{outline:2px solid var(--els-celeste);outline-offset:2px}

.els-seg{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:rgba(0,0,0,.28)}
.els-seg__op{min-height:36px;padding:6px 14px;border:0;border-radius:6px;background:transparent;color:var(--els-texto-2);font:600 14px/1 var(--els-fuente);cursor:pointer;white-space:nowrap;transition:background .22s,color .22s}
.els-seg__op:hover{color:var(--els-texto)}
.els-seg__op.is-activa{background:var(--els-azul);color:#fff}

.els-buscar{position:relative;flex:1 1 220px;max-width:340px}
.els-buscar i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--els-tenue);font-size:14px;pointer-events:none}
.els-input,.els-select{width:100%;min-height:42px;padding:8px 12px;border-radius:6px;border:1px solid var(--els-campo-borde);background:rgba(0,0,0,.25);color:var(--els-texto);font:500 14px var(--els-fuente)}
.els-input{padding-left:36px}
.els-input::placeholder{color:var(--els-tenue)}
.els-input:focus,.els-select:focus{outline:none;border-color:var(--els-celeste);box-shadow:0 0 0 3px rgba(110,207,240,.18)}
.els-select{width:auto;min-width:170px;padding-right:32px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--els-texto-2) 50%),linear-gradient(135deg,var(--els-texto-2) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.els-select option{background:#1b2026;color:var(--els-texto)}

.els-chips{display:flex;flex-wrap:wrap;gap:8px}
.els-chip{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--els-campo-borde);background:transparent;color:var(--els-texto-2);font:600 13px/1.2 var(--els-fuente);cursor:pointer;transition:border-color .22s,background .22s,color .22s}
.els-chip:hover{border-color:var(--els-azul);color:var(--els-texto)}
.els-chip b{font-weight:700;color:var(--els-texto)}
.els-chip.is-activa{background:var(--els-info-fondo);border-color:var(--els-celeste);color:var(--els-celeste)}
.els-chip.is-activa b{color:var(--els-celeste)}
.els-chip i{font-size:12px}

/* ---------- Insignias ---------- */
.els-rol{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--els-info-fondo);color:var(--els-celeste);font:700 12px/16px var(--els-fuente);letter-spacing:.02em;white-space:nowrap}
.els-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font:700 13px/1.2 var(--els-fuente);white-space:nowrap}
.els-pill--naranja{background:var(--els-naranja-fondo);color:var(--els-naranja)}
.els-pill--verde{background:var(--els-verde-fondo);color:var(--els-verde)}
.els-pill--rojo{background:var(--els-rojo-fondo);color:var(--els-rojo)}
.els-pill--info{background:var(--els-info-fondo);color:var(--els-celeste)}
.els-pill--gris{background:rgba(255,255,255,.07);color:var(--els-texto-2)}

/* ---------- Encabezado de la lista + Mis sesiones ---------- */
.els-cabecera{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px}
.els-cabecera__titulo{display:flex;flex-direction:column;gap:6px;min-width:0}
.els-mias{display:flex;align-items:center;gap:16px;padding:14px 16px 14px 18px;min-width:min(100%,360px)}
.els-mias__texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.els-mias__texto b{font-size:15px}
.els-mias__texto span{font-size:13px;color:var(--els-texto-2)}
.els-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--els-celeste),var(--els-azul));color:#03203a;font:700 14px var(--els-fuente)}

/* ---------- Resumen del grupo ---------- */
.els-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.els-stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:0;text-align:left;color:var(--els-texto);font:inherit}
button.els-stat{cursor:pointer;transition:transform .22s var(--els-ease),box-shadow .22s}
button.els-stat:hover{transform:translateY(-2px)}
button.els-stat.is-activa{box-shadow:var(--els-sombra),inset 0 0 0 1.5px var(--els-celeste)}
.els-stat__label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--els-texto-2)}
.els-stat__valor{font:400 44px/.95 var(--els-titulo);letter-spacing:.02em}
.els-stat__valor small{font-size:24px;color:var(--els-tenue);margin-left:4px}
.els-stat__nota{font-size:13px;color:var(--els-tenue)}
.els-stat--alerta .els-stat__valor,.els-stat--alerta .els-stat__label i{color:var(--els-naranja)}
.els-stat__accion{margin-top:auto;font-size:13px;font-weight:600;color:var(--els-celeste)}

/* ---------- Controles de la lista ---------- */
.els-controles{display:flex;flex-direction:column;gap:12px;padding:16px 18px}
.els-controles__fila{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.els-orden-movil{display:none}
.els-resultados__cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}
.els-resultados__cab span{font-size:14px;color:var(--els-texto-2)}

/* ---------- Tabla de personas ---------- */
.els-tabla{overflow:hidden}
.els-tabla{--cols:minmax(190px,1.7fr) minmax(90px,.9fr) 130px 76px 112px 112px 104px 96px}
.els-tabla--sin-coach{--cols:minmax(190px,1.9fr) 130px 76px 112px 112px 104px 96px}
.els-tabla__cab,.els-fila{display:grid;grid-template-columns:var(--cols);align-items:center;column-gap:14px;padding:0 18px}
.els-tabla__cab{min-height:44px;background:var(--els-cab);border-bottom:1px solid var(--els-linea)}
.els-th{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:6px 0;border:0;background:none;color:var(--els-texto-2);font:700 12px/1.2 var(--els-fuente);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.els-th:hover{color:var(--els-texto)}
.els-th.is-num{justify-self:end}
.els-th i{font-size:11px;opacity:.35}
.els-th.is-activa{color:var(--els-celeste)}
.els-th.is-activa i{opacity:1}
.els-fila{min-height:60px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--els-linea);cursor:pointer;transition:background .18s}
.els-fila:last-child{border-bottom:0}
.els-fila:hover{background:var(--els-fila-hover)}
.els-fila:focus-visible{outline-offset:-2px}
.els-celda{min-width:0;font-size:14px}
.els-celda.is-num{text-align:right;font-variant-numeric:tabular-nums}
.els-celda--staff{grid-column:span 3;justify-self:end;font-size:13px;color:var(--els-tenue)}
.els-persona{display:flex;flex-direction:column;gap:2px;min-width:0}
.els-persona__nombre{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;font-size:15px}
.els-persona__nombre span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.els-persona__coach{display:none;font-size:13px;color:var(--els-tenue)}
.els-celda--coach{color:var(--els-texto-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.els-celda[data-l]::before{display:none}
.els-fila__datos{display:contents}

/* Última actividad */
.els-act{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.els-act::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--els-tenue)}
.els-act--reciente::before{background:var(--els-verde)}
.els-act--media{color:var(--els-texto-2)}
.els-act--inactiva{color:var(--els-naranja);font-weight:600}
.els-act--inactiva::before{background:var(--els-naranja)}
.els-act--nunca{color:var(--els-tenue)}
.els-act--nunca::before{background:transparent;border:1.5px solid var(--els-tenue)}

/* Puntaje */
.els-puntaje{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}
.els-puntaje b{min-width:26px;font:400 22px/1 var(--els-titulo);letter-spacing:.02em;text-align:right}
.els-barra{flex:1;max-width:64px;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.els-barra>span{display:block;height:100%;border-radius:3px;background:var(--c,var(--els-celeste))}
.els-n--alta{--c:var(--els-verde)}
.els-n--media{--c:var(--els-aceptable)}
.els-n--baja{--c:var(--els-naranja)}
.els-n--mala{--c:var(--els-rojo)}
.els-n--gris{--c:rgba(255,255,255,.28)}

/* Repaso */
.els-repaso{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.els-repaso--aldia{color:var(--els-verde);font-weight:600}
.els-repaso--acumulado{color:var(--els-naranja);font-weight:700}
.els-repaso i{font-size:12px}

/* Skeleton */
.els-skel{display:block;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.10) 40px,rgba(255,255,255,.05) 80px) no-repeat,rgba(255,255,255,.05);background-size:200px 100%;animation:elsBrillo 1.3s linear infinite}

/* ---------- Avisos y estados ---------- */
.els-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px;border-radius:10px;background:var(--els-info-fondo);font-size:15px}
.els-aviso>i{color:var(--els-celeste);font-size:18px}
.els-aviso>span{flex:1 1 240px}
.els-vacio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;text-align:center}
.els-vacio__icono{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--els-info-fondo);color:var(--els-celeste);font-size:24px}
.els-vacio h3{margin:4px 0 0;font:400 28px/1 var(--els-titulo);letter-spacing:.04em}
.els-vacio p{margin:0;max-width:440px;font-size:15px;line-height:1.5;color:var(--els-texto-2);text-wrap:pretty}
.els-vacio .els-btn{margin-top:8px}
.els-vacio--chico{padding:20px 12px}
.els-vacio--chico p{font-size:14px}
.els-centro{display:grid;place-items:center;min-height:360px}
.els-centro .els-card{width:100%;max-width:520px}

/* ==========================================================================
   Ficha
   ========================================================================== */
.els-volver{align-self:flex-start;margin-left:-8px}
.els-ficha__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px 24px}
.els-ficha__quien{display:flex;align-items:center;gap:16px;min-width:0}
.els-ficha__quien .els-avatar{width:56px;height:56px;font-size:18px}
.els-ficha__quien>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.els-ficha__quien .els-etiqueta{color:var(--els-celeste)}
.els-ficha__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;color:var(--els-texto-2)}
.els-ficha__meta b{color:var(--els-texto);font-weight:600}
.els-ficha__stats{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Puntos débiles */
.els-deb{--dcols:28px minmax(150px,1.4fr) 110px 76px minmax(150px,1fr) 70px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.18)}
.els-deb--uno{--dcols:28px minmax(150px,1.6fr) 76px minmax(150px,1fr) 70px}
.els-deb__cab,.els-deb__fila{display:grid;grid-template-columns:var(--dcols);align-items:center;column-gap:14px;padding:0 14px}
.els-deb__cab{min-height:40px;background:var(--els-cab);border-bottom:1px solid var(--els-linea);font:700 13px/1.2 var(--els-fuente);letter-spacing:.04em;text-transform:uppercase;color:var(--els-texto-2)}
.els-deb__cab .is-num,.els-deb__fila .is-num{text-align:right}
.els-deb__fila{min-height:52px;border-bottom:1px solid var(--els-linea);font-size:14px}
.els-deb__fila.is-abrible{cursor:pointer}
.els-deb__fila.is-abrible:hover{background:var(--els-fila-hover)}
.els-deb__chev{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--els-tenue);font-size:12px;transition:transform .22s var(--els-ease)}
.els-deb__fila.is-abierta .els-deb__chev{transform:rotate(90deg);color:var(--els-celeste)}
.els-deb__spot{display:flex;flex-direction:column;gap:2px;min-width:0;font-weight:600}
.els-deb__spot small,.els-deb__spot .els-deb__sub-manos{display:none;font-weight:500;font-size:13px;color:var(--els-texto-2)}
.els-deb__barra{display:flex;align-items:center;gap:12px}
.els-deb__barra .els-barra{max-width:none;height:8px;border-radius:4px}
.els-deb__barra b{width:30px;flex:none;font:400 24px/1 var(--els-titulo);text-align:right}
.els-deb__fallos{font-variant-numeric:tabular-nums}
.els-deb__fallos.is-alto{color:var(--els-naranja);font-weight:700}
.els-deb__sep{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 14px 10px;border-bottom:1px solid var(--els-linea);background:rgba(255,255,255,.02)}
.els-deb__sep b{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--els-texto-2)}
.els-deb__sep span{font-size:13px;color:var(--els-tenue)}
.els-deb__fila.is-poca{color:var(--els-texto-2)}
.els-deb__fila.is-poca .els-deb__barra b{color:var(--els-tenue)}
.els-deb__fila.is-poca .els-barra>span{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 4px,rgba(255,255,255,.12) 4px 8px)}
.els-poca{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--els-tenue);white-space:nowrap}
.els-deb__pos{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:4px 14px 14px 56px;border-bottom:1px solid var(--els-linea);background:rgba(255,255,255,.02)}
.els-deb__pos-fila{display:grid;grid-template-columns:56px 80px minmax(120px,240px) auto;align-items:center;gap:12px;font-size:14px}
.els-deb__pos-fila>b{font:400 19px/1 var(--els-titulo);letter-spacing:.05em}
.els-deb__pos-nota{font-size:13px;color:var(--els-tenue)}
.els-deb>:last-child{border-bottom:0}

/* Cartas */
.els-cartas{display:inline-flex;gap:4px;flex:none}
.els-carta{width:30px;height:42px;border-radius:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font:700 15px/1 var(--els-fuente);color:var(--palo-indice,#F4F9FF);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.els-carta small{font-size:13px;margin-top:1px}
.els-carta--h{background:var(--palo-corazon,#D92D45)}
.els-carta--d{background:var(--palo-diamante,#1E6FE0)}
.els-carta--c{background:var(--palo-trebol,#16955A)}
.els-carta--s{background:var(--palo-pica,#2A3142)}

/* Acciones */
.els-a--fold{color:var(--els-fold)}
.els-a--call{color:var(--els-call)}
.els-a--raise{color:var(--els-raise)}
.els-a--allin{color:var(--els-allin)}

/* Manos que le cuestan */
.els-lista{display:flex;flex-direction:column;gap:8px}
.els-mano{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:10px;background:rgba(0,0,0,.18)}
.els-mano__texto{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:4px}
.els-mano__titulo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.els-mano__titulo b{font:700 18px/1.1 var(--els-fuente)}
.els-mano__titulo span{font-size:14px;color:var(--els-texto-2)}
.els-mano__det{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--els-texto-2)}
.els-mano__det .els-naranja{font-weight:700}
.els-naranja{color:var(--els-naranja)}
.els-segs{display:inline-flex;gap:3px}
.els-segs i{width:12px;height:6px;border-radius:2px;background:rgba(255,255,255,.10)}
.els-segs i.is-on{background:var(--els-celeste)}

/* Errores recientes */
.els-err{display:grid;grid-template-columns:92px auto minmax(150px,1fr) minmax(170px,1.1fr) auto auto;align-items:center;gap:10px 16px;padding:10px 14px;border-bottom:1px solid var(--els-linea);font-size:14px}
.els-err:last-child{border-bottom:0}
.els-err__fecha{font-size:13px;color:var(--els-texto-2);font-variant-numeric:tabular-nums}
.els-err__spot{display:flex;flex-direction:column;gap:2px;min-width:0}
.els-err__spot b{font-weight:600}
.els-err__spot span{font-size:13px;color:var(--els-texto-2)}
.els-err__accion{display:flex;flex-wrap:wrap;gap:2px 14px;color:var(--els-texto-2)}
.els-err__accion b{font-weight:700}
.els-err__ver{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.els-caja{border-radius:10px;overflow:hidden;background:rgba(0,0,0,.18)}
.els-mas{display:flex;justify-content:center;padding:8px;border-top:1px solid var(--els-linea)}

/* Estado del repaso */
.els-etapas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.els-etapa{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:rgba(0,0,0,.18)}
.els-etapa span{font-size:13px;font-weight:600;color:var(--els-texto-2)}
.els-etapa b{font:400 34px/.9 var(--els-titulo)}
.els-etapa .els-barra{max-width:none}
.els-repaso-datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.els-dato{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:rgba(0,0,0,.18)}
.els-dato span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--els-texto-2)}
.els-dato b{font:400 28px/1 var(--els-titulo);letter-spacing:.03em}
.els-dato b.is-verde{color:var(--els-verde)}
.els-dato b.is-naranja{color:var(--els-naranja)}

/* Evolución */
.els-evo{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;align-items:end;height:200px;padding:4px 2px 0}
.els-evo__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.els-evo__pts{font:400 22px/1 var(--els-titulo);letter-spacing:.02em}
.els-evo__pts.is-vacio{color:var(--els-tenue)}
.els-evo__bar{width:min(100%,38px);min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--els-celeste),var(--els-azul))}
.els-evo__bar.is-cero{background:rgba(255,255,255,.10)}
.els-evo__manos{font-size:12px;font-weight:600;color:var(--els-texto-2)}
.els-evo__sem{font-size:12px;color:var(--els-tenue);white-space:nowrap}
.els-leyenda{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--els-tenue)}
.els-leyenda span{display:inline-flex;align-items:center;gap:6px}
.els-leyenda i{width:10px;height:10px;border-radius:2px;background:linear-gradient(180deg,var(--els-celeste),var(--els-azul))}

/* Sesiones */
.els-ses{display:grid;grid-template-columns:96px 112px minmax(120px,1fr) 76px 52px 104px;align-items:center;gap:8px 14px;padding:10px 14px;border-bottom:1px solid var(--els-linea);font-size:14px}
.els-ses:last-child{border-bottom:0}
.els-ses__fecha{font-size:13px;color:var(--els-texto-2);font-variant-numeric:tabular-nums}
.els-ses__desc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--els-texto-2)}
.els-ses__pts{font:400 22px/1 var(--els-titulo);text-align:right}
.els-ses__estado{justify-self:end}
.els-dos .els-ses{grid-template-columns:84px 104px minmax(0,1fr) 64px 40px;row-gap:4px}
.els-dos .els-ses__desc{grid-column:3/4}
.els-dos .els-ses__estado{grid-column:3/-1;grid-row:2;justify-self:start}
.els-dos .els-ses__estado:empty{display:none}

/* ==========================================================================
   Anchos medianos
   ========================================================================== */
@container els (max-width:1080px){
  .els-tabla,.els-tabla--sin-coach{--cols:minmax(150px,1.6fr) 104px 64px 92px 76px 100px 96px}
  .els-tabla__cab,.els-fila{column-gap:12px;padding-left:16px;padding-right:16px}
  .els-celda--coach,.els-th--coach{display:none}
  .els-persona__coach{display:block}
  .els-stats,.els-ficha__stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .els-stat{padding:14px}
  .els-stat__label{font-size:12px;letter-spacing:.04em}
  .els-stat__valor{font-size:38px}
  .els-dos{grid-template-columns:minmax(0,1fr)}
  .els-dos .els-ses{grid-template-columns:96px 112px minmax(120px,1fr) 76px 52px 104px}
  .els-dos .els-ses__desc,.els-dos .els-ses__estado{grid-column:auto;grid-row:auto;justify-self:end}
  .els-dos .els-ses__desc{justify-self:start}
  .els-err{grid-template-columns:84px auto minmax(0,1fr) auto;grid-template-areas:"f c s b" "f c a v";row-gap:6px}
  .els-err__fecha{grid-area:f}.els-err>.els-cartas{grid-area:c}.els-err__spot{grid-area:s}.els-err__accion{grid-area:a}.els-err__ver{grid-area:v}.els-err>.els-btn{grid-area:b;justify-self:end}
}

/* ==========================================================================
   Celular
   ========================================================================== */
@container els (max-width:720px){
  .els-titulo{font-size:34px}
  .els-seccion{padding:16px}
  .els-mias{width:100%}
  .els-stats,.els-ficha__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .els-stats>:first-child{grid-column:1/-1}
  .els-stat{padding:14px}
  .els-stat__valor{font-size:36px}
  .els-controles{padding:14px}
  .els-buscar{max-width:none;flex-basis:100%}
  .els-controles__fila .els-select{flex:1 1 0;min-width:0}
  .els-orden-movil{display:block}
  .els-seg{width:100%}
  .els-seg__op{flex:1}

  /* Lista: de tabla a tarjetas */
  .els-tabla{overflow:visible;background:none;box-shadow:none;display:flex;flex-direction:column;gap:10px}
  .els-tabla__cab{display:none}
  .els-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"persona act" "datos datos";gap:10px 12px;padding:14px 16px;border:0;border-radius:var(--els-r);background:var(--els-card);box-shadow:var(--els-sombra)}
  .els-fila:hover{background:var(--els-card)}
  .els-celda--persona{grid-area:persona}
  .els-celda--act{grid-area:act;align-self:start;font-size:13px}
  .els-fila__datos{grid-area:datos;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid var(--els-linea)}
  .els-celda.is-num{text-align:left}
  .els-celda[data-l]{display:flex;flex-direction:column;gap:4px}
  .els-celda[data-l]::before{display:block;content:attr(data-l);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--els-tenue)}
  .els-puntaje,.els-repaso{justify-content:flex-start}
  .els-puntaje{flex-direction:row-reverse;gap:8px}
  .els-puntaje .els-barra{max-width:44px}
  .els-puntaje b{text-align:left;min-width:0}
  .els-celda--staff{grid-column:1/-1;justify-self:start}
  .els-celda--staff::before{display:none!important}

  /* Ficha */
  .els-ficha__cab{padding:16px}
  .els-ficha__quien .els-avatar{width:44px;height:44px;font-size:15px}
  .els-ficha__cab .els-seg{width:100%}
  .els-deb,.els-deb--uno{--dcols:18px minmax(0,1fr) 96px 38px}
  .els-deb__manos{display:none}
  .els-deb__spot small.els-deb__sub-manos{display:block}
  .els-deb__cab,.els-deb__fila{column-gap:10px;padding:0 10px}
  .els-deb__prof{display:none}
  .els-deb__spot small{display:block}
  .els-deb__barra{gap:8px}
  .els-deb__barra b{font-size:20px;width:24px}
  .els-deb__pos{padding:4px 10px 12px 42px}
  .els-deb__pos-fila{grid-template-columns:44px 64px minmax(0,1fr);gap:8px}
  .els-deb__pos-fila>span:last-child{grid-column:2/-1;font-size:13px;color:var(--els-texto-2)}
  .els-poca{font-size:11px}
  .els-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .els-err{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"f f" "c s" "a a" "v v" "b b";gap:6px 12px;padding:12px}
  .els-err__ver{justify-content:flex-start}
  .els-err>.els-btn{justify-self:start}
  .els-ses,.els-dos .els-ses{grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;padding:12px}
  .els-ses__fecha{grid-column:1;grid-row:1}
  .els-ses__tipo{grid-column:2/-1;grid-row:1;justify-self:end}
  .els-ses__desc,.els-dos .els-ses__desc{grid-column:1;grid-row:2;white-space:normal;justify-self:start}
  .els-ses__manos{grid-column:2;grid-row:2;justify-self:end}
  .els-ses__pts{grid-column:3;grid-row:2}
  .els-ses__estado,.els-dos .els-ses__estado{grid-column:1/-1;grid-row:3;justify-self:start}
  .els-evo{height:170px;gap:4px}
  .els-evo__pts{font-size:18px}
  .els-evo__sem{font-size:11px}
  .els-evo__col:nth-child(even) .els-evo__sem{visibility:hidden}
}

@media (prefers-reduced-motion:reduce){
  .els-app *,.els-app *::before,.els-app *::after{animation:none!important;transition:none!important}
}