/* ============================================================
   DANGOFE OS · SIN CONEXIÓN · lo que se ve cuando el Taller trabaja sin señal (prefijo srx-) · 2026-10-22 · chat de Diseño
   Va con sinred-ui.js (window.DANGOFE_SINRED_UI = DangofeOS.sinRedUI). Viste los estados del motor NS.sinRed:
   la franja global, las marcas «En el teléfono» en la lista, la ficha y el portal del técnico, los sellos de cada
   evidencia («guardada en el teléfono»), los avisos al cliente que esperan señal, el número provisional de un equipo
   recibido sin señal y la pantalla de choque («otra persona cambió esto mientras no tenías señal»).
   Karla (21-oct): «el taller ponlo a guardar sin conexión incluyendo las evidencias que sube, que solo dependa de
   internet para actualizar a clientes».
   Tres versiones (DANGOFE_SINRED_VERSION): A · Franja y sellos (de serie) · B · Burbuja de subida · C · Cinta en la cabecera.
   Claro y «Noche azul» ([data-theme='dark'], [data-tono='medianoche'|'negro'], .is-noche). Sin sombras; desenfoque solo en
   piezas pequeñas (la franja, la burbuja, la hoja), nunca en una capa que tape toda la pantalla; nada animado sin parar.
   ============================================================ */
.srx {
  --srx-az: 3, 38, 155; --srx-cel: 59, 130, 246; --srx-ver: 34, 197, 94; --srx-amb: 245, 158, 11; --srx-roj: 239, 68, 68;
  --srx-tinta: #0b1540; --srx-tenue: #4a5680; --srx-suave: #7a85a8; --srx-azul: #0b3dd6; --srx-ver-t: #15724a; --srx-amb-t: #9a5b00; --srx-roj-t: #b42318;
  --srx-vidrio: rgba(255, 255, 255, .94); --srx-vidrio2: rgba(255, 255, 255, .98); --srx-borde: rgba(3, 38, 155, .14); --srx-linea: rgba(3, 38, 155, .10);
  --srx-campo: rgba(3, 38, 155, .045); --srx-campo2: rgba(3, 38, 155, .08); --srx-sobre: #fff; --srx-velo: rgba(10, 22, 51, .42); --srx-r: 16px;
  box-sizing: border-box; color: var(--srx-tinta); font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; line-height: 1.35; text-align: left;
}
[data-theme='dark'] .srx, [data-tono='medianoche'] .srx, [data-tono='negro'] .srx, .is-noche .srx, .srx.is-noche {
  --srx-tinta: #eef1ff; --srx-tenue: #aab5e0; --srx-suave: #8691bd; --srx-azul: #8db0ff; --srx-ver-t: #5ad486; --srx-amb-t: #fcd34d; --srx-roj-t: #ff8a7a;
  --srx-vidrio: rgba(9, 16, 44, .94); --srx-vidrio2: rgba(9, 16, 44, .98); --srx-borde: rgba(141, 176, 255, .22); --srx-linea: rgba(141, 176, 255, .14);
  --srx-campo: rgba(141, 176, 255, .08); --srx-campo2: rgba(141, 176, 255, .14); --srx-sobre: #0b1540; --srx-velo: rgba(2, 6, 20, .6);
}
.srx *, .srx *::before, .srx *::after { box-sizing: border-box; }
.srx button { font: inherit; cursor: pointer; }
.srx button:disabled { cursor: default; opacity: .55; }
.srx svg { width: 16px; height: 16px; flex: none; display: inline-block; vertical-align: -3px; max-width: none; }
.srx b { font-weight: 800; }
.srx-oculto, .srx[hidden] { display: none !important; }

/* tonos por estado (los usan la franja, la burbuja y la cinta) */
.srx[data-modo='sin_red'] { --srx-tono: var(--srx-az); --srx-tono-t: var(--srx-azul); }
.srx[data-modo='pendiente'] { --srx-tono: var(--srx-cel); --srx-tono-t: var(--srx-azul); }
.srx[data-modo='subiendo'] { --srx-tono: var(--srx-cel); --srx-tono-t: var(--srx-azul); }
.srx[data-modo='listo'] { --srx-tono: var(--srx-ver); --srx-tono-t: var(--srx-ver-t); }
.srx[data-modo='error'] { --srx-tono: var(--srx-amb); --srx-tono-t: var(--srx-amb-t); }
.srx[data-modo='choque'] { --srx-tono: var(--srx-amb); --srx-tono-t: var(--srx-amb-t); }

/* botones pequeños compartidos */
.srx-btn { appearance: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--srx-borde); background: var(--srx-sobre); color: var(--srx-tinta); font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.srx-btn svg { width: 14px; height: 14px; }
.srx-btn--p { background: rgb(var(--srx-az)); border-color: rgb(var(--srx-az)); color: #fff; }
.srx-btn--t { background: rgba(var(--srx-tono, var(--srx-az)), .1); border-color: rgba(var(--srx-tono, var(--srx-az)), .3); color: var(--srx-tono-t, var(--srx-azul)); }
.srx-btn--x { width: 34px; height: 34px; padding: 0; justify-content: center; border-radius: 50%; }
.srx-btn:focus-visible, .srx-eleg:focus-visible, .srx-burbuja:focus-visible { outline: 2px solid rgb(var(--srx-cel)); outline-offset: 2px; }
.srx-prog { position: relative; height: 3px; border-radius: 3px; background: rgba(var(--srx-tono, var(--srx-az)), .14); overflow: hidden; }
.srx-prog > i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 3px; background: rgb(var(--srx-tono, var(--srx-az))); transition: width .4s ease; }

/* ---------- A · la franja (sustituye a #dgf-sinred) ---------- */
#dgf-sinred.srx-franja, .srx-franja { position: fixed; top: 0; left: 0; right: 0; width: auto; z-index: 2147481000; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  padding: 8px 14px calc(8px + env(safe-area-inset-top, 0px)); min-height: 42px; background: var(--srx-vidrio); color: var(--srx-tinta); font-size: 13.5px; font-weight: 700;
  border-bottom: 1px solid rgba(var(--srx-tono, var(--srx-az)), .35); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); box-shadow: none; }
.srx-franja[hidden] { display: none; }
.srx-franja > svg { color: var(--srx-tono-t, var(--srx-azul)); width: 17px; height: 17px; }
.srx-franja__t { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; min-width: 0; }
.srx-franja__t b { color: var(--srx-tono-t, var(--srx-azul)); }
.srx-franja__d { font-weight: 600; color: var(--srx-tenue); font-size: 12.5px; }
.srx-franja__acc { display: inline-flex; gap: 6px; }
.srx-franja .srx-prog { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 0; background: transparent; }
.srx-franja[data-modo='listo'] { animation: srx-entra .25s ease both; }
@media (max-width: 560px) {
  .srx-franja { display: grid; grid-template-columns: 17px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; row-gap: 3px; font-size: 13px; padding-left: 12px; padding-right: 12px; text-align: left; }
  .srx-franja[hidden] { display: none; }
  .srx-franja__t { display: contents; }
  .srx-franja__t b { grid-column: 2; }
  .srx-franja__d { grid-column: 2 / -1; grid-row: 2; }
  .srx-franja__acc { grid-column: 3; grid-row: 1; }
}

/* ---------- marcas (lista, ficha y portal) ---------- */
.srx-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; border-radius: 999px; font-size: 11.5px; font-weight: 800; line-height: 1.3; vertical-align: middle;
  background: rgba(var(--srx-cel), .11); border: 1px solid rgba(var(--srx-cel), .3); color: var(--srx-azul); white-space: nowrap; max-width: 100%; }
.srx-chip svg { width: 12px; height: 12px; }
.srx-chip__d { font-weight: 700; color: var(--srx-tenue); overflow: hidden; text-overflow: ellipsis; }
.srx-chip--prov { background: transparent; border-style: dashed; }
.srx-punto { position: absolute; top: -7px; right: -6px; z-index: 2; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 3px;
  font-size: 11px; font-weight: 800; background: rgb(var(--srx-az)); color: #fff; border: 2px solid var(--srx-sobre); line-height: 1; }
.srx-punto svg { width: 11px; height: 11px; }
.srx-host { position: relative; }
.srx-linea { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; font-weight: 700; color: var(--srx-tenue); line-height: 1.35; }
.srx-linea svg { width: 13px; height: 13px; color: var(--srx-azul); }
.srx-linea b { color: var(--srx-azul); }
.srx-prov { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; vertical-align: middle; }
.srx-prov__n { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 800; letter-spacing: .02em; white-space: nowrap; }
.srx-recep .srx-prov { display: inline; } .srx-recep .srx-prov__n { font-family: inherit; }
.srx-prov small { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--srx-azul); padding: 1px 6px; border-radius: 999px; border: 1px dashed rgba(var(--srx-cel), .5); }
/* sellos: la evidencia guardada en el teléfono, el aviso que espera señal, la factura, el enlace */
.srx-sello { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; line-height: 1.2; color: var(--srx-azul); }
.srx-sello svg { width: 12px; height: 12px; }
.srx-sello--evidencia { position: absolute; left: 6px; top: 6px; z-index: 2; padding: 3px 7px 3px 5px; border-radius: 999px; background: var(--srx-vidrio2); border: 1px solid rgba(var(--srx-cel), .35); max-width: calc(100% - 12px); }
.srx-sello--evidencia span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srx-sello--linea { padding: 2px 8px 2px 6px; border-radius: 999px; background: rgba(var(--srx-cel), .09); border: 1px solid rgba(var(--srx-cel), .22); color: var(--srx-azul); white-space: nowrap; }
.srx-sello--amb { background: rgba(var(--srx-amb), .1); border-color: rgba(var(--srx-amb), .3); color: var(--srx-amb-t); }
.srx-sello--amb svg { color: var(--srx-amb-t); }
/* la confirmación de una recepción sin señal */
.srx-recep { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(var(--srx-cel), .08); border: 1px solid rgba(var(--srx-cel), .24); font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--srx-tinta); }
.srx-recep > svg { width: 18px; height: 18px; color: var(--srx-azul); margin-top: 1px; }
.srx-recep b { color: var(--srx-azul); }
.srx-recep ul { margin: 6px 0 0; padding-left: 18px; }
.srx-recep li { margin: 2px 0; }

/* ---------- B · la burbuja de subida ---------- */
.srx-burbuja { position: fixed; right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(var(--srx-abajo, 18px) + env(safe-area-inset-bottom, 0px)); z-index: 2147481000;
  display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px 0 8px; border-radius: 999px; border: 1px solid rgba(var(--srx-tono, var(--srx-az)), .35);
  background: var(--srx-vidrio); color: var(--srx-tinta); font-size: 13px; font-weight: 800; -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); box-shadow: none;
  appearance: none; animation: srx-entra .25s ease both; }
.srx-burbuja[hidden] { display: none; }
.srx-burbuja__ico { position: relative; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--srx-tono, var(--srx-az)), .12); color: var(--srx-tono-t, var(--srx-azul)); }
.srx-burbuja__ico svg { width: 16px; height: 16px; }
.srx-burbuja__aro { position: absolute; inset: -3px; }
.srx-burbuja__aro circle { fill: none; stroke-width: 3; }
.srx-burbuja__aro .f { stroke: rgba(var(--srx-tono, var(--srx-az)), .18); }
.srx-burbuja__aro .v { stroke: rgb(var(--srx-tono, var(--srx-az))); stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .4s ease; }
.srx-burbuja__n { font-size: 15px; color: var(--srx-tono-t, var(--srx-azul)); }
.srx-burbuja__t { color: var(--srx-tenue); font-weight: 700; font-size: 12.5px; }
.srx-burbuja.is-abierta { border-color: rgba(var(--srx-tono, var(--srx-az)), .6); }
.srx-panel { position: fixed; right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(var(--srx-abajo, 18px) + 56px + env(safe-area-inset-bottom, 0px)); z-index: 2147481001; width: min(380px, calc(100vw - 32px));
  border-radius: var(--srx-r); border: 1px solid var(--srx-borde); background: var(--srx-vidrio2); padding: 14px 14px 12px; animation: srx-sube .22s ease both; box-shadow: none; }
.srx-panel[hidden] { display: none; }
.srx-panel__cab { display: flex; align-items: flex-start; gap: 10px; }
.srx-panel__cab > svg { color: var(--srx-tono-t, var(--srx-azul)); width: 20px; height: 20px; margin-top: 2px; }
.srx-panel__cab h3 { margin: 0; font-size: 15px; font-weight: 800; line-height: 1.25; }
.srx-panel__cab p { margin: 2px 0 0; font-size: 12.5px; color: var(--srx-tenue); font-weight: 600; }
.srx-panel__cab .srx-btn--x { margin-left: auto; }
.srx-panel ul { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid var(--srx-linea); max-height: 40vh; overflow: auto; scrollbar-width: thin; }
.srx-panel li { display: flex; align-items: center; gap: 9px; padding: 8px 2px; border-bottom: 1px solid var(--srx-linea); font-size: 13px; font-weight: 600; }
.srx-panel li svg { width: 15px; height: 15px; color: var(--srx-azul); }
.srx-panel li b { font-weight: 800; }
.srx-panel li small { margin-left: auto; color: var(--srx-suave); font-weight: 700; white-space: nowrap; font-size: 11.5px; }
.srx-panel__pie { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; margin-top: 12px; }
.srx-panel .srx-prog { margin-top: 10px; }
@media (max-width: 560px) { .srx-panel { left: 12px; right: 12px; width: auto; } }

/* ---------- C · la cinta en la cabecera ---------- */
.srx-cinta { position: relative; display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; margin: 0 0 12px; padding: 9px 14px 11px; border-radius: 14px;
  border: 1px solid rgba(var(--srx-tono, var(--srx-az)), .3); background: rgba(var(--srx-tono, var(--srx-az)), .07); font-size: 13.5px; font-weight: 700; overflow: hidden; animation: srx-entra .25s ease both; }
.srx-cinta[hidden] { display: none; }
.srx-cinta > svg { color: var(--srx-tono-t, var(--srx-azul)); width: 18px; height: 18px; }
.srx-cinta__t { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; min-width: 0; flex: 1 1 240px; }
.srx-cinta__t b { color: var(--srx-tono-t, var(--srx-azul)); }
.srx-cinta__d { font-weight: 600; color: var(--srx-tenue); font-size: 12.5px; }
.srx-cinta__acc { display: inline-flex; gap: 6px; margin-left: auto; }
.srx-cinta .srx-prog { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 0; background: transparent; }
.srx-cinta--fija { position: fixed; top: 0; left: 0; right: 0; z-index: 2147481000; margin: 0; border-radius: 0; background: var(--srx-vidrio); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); padding-top: calc(9px + env(safe-area-inset-top, 0px)); }

/* ---------- la pantalla de choque ---------- */
.srx-velo { position: fixed; inset: 0; z-index: 2147481002; background: var(--srx-velo); animation: srx-aparece .2s ease both; }
.srx-hoja { position: fixed; top: 0; right: 0; bottom: 0; z-index: 2147481003; width: min(560px, 100%); display: flex; flex-direction: column; min-width: 0;
  background: var(--srx-vidrio2); border-left: 1px solid var(--srx-borde); animation: srx-desliza .28s cubic-bezier(.2, .8, .2, 1) both; box-shadow: none; }
.srx-hoja__cab { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px 12px; border-bottom: 1px solid var(--srx-linea); }
.srx-hoja__cab > svg { width: 22px; height: 22px; color: var(--srx-amb-t); margin-top: 2px; }
.srx-hoja__cab h2, .srx-pasos__cab h2, .srx-inline__cab h3 { margin: 0; font-size: 17px; font-weight: 800; line-height: 1.25; }
.srx-hoja__cab p, .srx-pasos__cab p, .srx-inline__cab p { margin: 3px 0 0; font-size: 13px; font-weight: 600; color: var(--srx-tenue); }
.srx-hoja__cab .srx-btn--x { margin-left: auto; }
.srx-hoja__cuerpo { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 14px 18px; scrollbar-width: thin; }
.srx-hoja__pie, .srx-pasos__pie, .srx-inline__pie { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--srx-linea); }
.srx-hoja__pie .srx-cuenta, .srx-pasos__pie .srx-cuenta, .srx-inline__pie .srx-cuenta { margin-right: auto; font-size: 12.5px; font-weight: 700; color: var(--srx-tenue); }
/* un campo en choque: etiqueta, dos valores y la elección */
.srx-campo { padding: 12px 0; border-bottom: 1px solid var(--srx-linea); }
.srx-campo:last-child { border-bottom: 0; }
.srx-campo__t { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--srx-tenue); margin-bottom: 8px; }
.srx-campo__t svg { width: 14px; height: 14px; color: var(--srx-amb-t); }
.srx-campo__t .srx-ok { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; text-transform: none; letter-spacing: 0; color: var(--srx-ver-t); font-size: 12.5px; }
.srx-campo__t .srx-ok svg { color: var(--srx-ver-t); }
.srx-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.srx-eleg { appearance: none; text-align: left; display: flex; flex-direction: column; gap: 5px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--srx-borde); background: var(--srx-campo); color: var(--srx-tinta); font-size: 13.5px; line-height: 1.4; min-width: 0; }
.srx-eleg small { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--srx-tenue); }
.srx-eleg span { font-weight: 600; overflow-wrap: anywhere; }
.srx-eleg em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--srx-suave); }
.srx-eleg.is-el { border-color: rgb(var(--srx-cel)); background: rgba(var(--srx-cel), .1); }
.srx-eleg.is-el small { color: var(--srx-azul); }
.srx-campo__acc { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.srx-campo textarea { width: 100%; min-height: 84px; margin-top: 8px; padding: 9px 11px; border-radius: 12px; border: 1px solid rgb(var(--srx-cel)); background: var(--srx-sobre); color: var(--srx-tinta); font: inherit; font-size: 13.5px; line-height: 1.4; resize: vertical; }
.srx-campo.is-hecho .srx-dos { display: none; }
.srx-campo.is-hecho .srx-campo__acc { display: none; }
.srx-campo__res { display: none; font-size: 13.5px; font-weight: 600; padding: 8px 11px; border-radius: 10px; background: rgba(var(--srx-ver), .09); border: 1px solid rgba(var(--srx-ver), .25); overflow-wrap: anywhere; }
.srx-campo.is-hecho .srx-campo__res { display: block; }
.srx-campo__res .srx-enlace { appearance: none; border: 0; background: transparent; padding: 0; margin-left: 8px; color: var(--srx-azul); font: inherit; font-size: 12.5px; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
@media (max-width: 420px) { .srx-dos { grid-template-columns: minmax(0, 1fr); } }
/* B · paso a paso, a toda pantalla (sin desenfoque de fondo: es una capa entera) */
.srx-pasos { position: fixed; inset: 0; z-index: 2147481003; display: flex; flex-direction: column; background: var(--srx-vidrio2); animation: srx-aparece .2s ease both; }
.srx-pasos__cab { display: flex; align-items: flex-start; gap: 12px; padding: calc(16px + env(safe-area-inset-top, 0px)) 18px 12px; border-bottom: 1px solid var(--srx-linea); max-width: 760px; width: 100%; margin: 0 auto; }
.srx-pasos__cab > svg { width: 22px; height: 22px; color: var(--srx-amb-t); margin-top: 2px; }
.srx-pasos__cab .srx-btn--x { margin-left: auto; }
.srx-pasos__cuerpo { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 18px; max-width: 760px; width: 100%; margin: 0 auto; }
.srx-pasos__n { display: flex; gap: 6px; margin-bottom: 14px; }
.srx-pasos__n i { flex: 1 1 0; height: 4px; border-radius: 4px; background: var(--srx-linea); }
.srx-pasos__n i.is-on { background: rgb(var(--srx-cel)); }
.srx-pasos__n i.is-hecho { background: rgb(var(--srx-ver)); }
.srx-pasos .srx-campo { border: 0; padding: 0; }
.srx-pasos .srx-campo__t { font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--srx-tinta); margin-bottom: 12px; }
.srx-pasos .srx-eleg { padding: 14px 16px; font-size: 15px; border-radius: 16px; gap: 7px; }
.srx-pasos .srx-dos { gap: 10px; }
.srx-pasos__pie { max-width: 760px; width: 100%; margin: 0 auto; }
@media (min-width: 720px) { .srx-pasos .srx-eleg { min-height: 150px; } }
/* C · en línea, dentro de la ficha */
.srx-inline { margin: 0 0 12px; border-radius: var(--srx-r); border: 1px solid rgba(var(--srx-amb), .35); background: rgba(var(--srx-amb), .06); animation: srx-entra .25s ease both; }
.srx-inline__cab { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; }
.srx-inline__cab > svg { width: 20px; height: 20px; color: var(--srx-amb-t); margin-top: 1px; }
.srx-inline__cab .srx-btn { margin-left: auto; }
.srx-inline__cuerpo { padding: 0 14px; border-top: 1px solid rgba(var(--srx-amb), .2); }
.srx-inline__pie { padding: 10px 14px 12px; border-top: 1px solid rgba(var(--srx-amb), .2); }

/* ---------- movimiento (corto, con final) ---------- */
@keyframes srx-entra { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes srx-sube { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes srx-aparece { from { opacity: 0; } to { opacity: 1; } }
@keyframes srx-desliza { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes srx-late { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.srx-burbuja[data-modo='listo'] .srx-burbuja__ico { animation: srx-late .6s ease 2; }
@media (prefers-reduced-motion: reduce) { .srx, .srx *, .srx-franja, .srx-burbuja, .srx-panel, .srx-cinta, .srx-velo, .srx-hoja, .srx-pasos, .srx-inline { animation: none !important; transition: none !important; } }

/* ============================================================
   v1.0.2 (2026-10-22) · la ficha de un equipo recibido SIN señal (Taller, etapa 2): sus datos como etiqueta + valor, y el sello de una evidencia que es un audio
   (la caja del audio ocupa todo el ancho: el sello va arriba de su reproductor, no encima).
   ============================================================ */
.tal-prov__datos { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 18px; font-size: .92rem; line-height: 1.4; }
.tal-prov__datos dt { padding-top: 3px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted, #7a85a8); }
.tal-prov__datos dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 560px) { .tal-prov__datos { grid-template-columns: minmax(0, 1fr); gap: 0; } .tal-prov__datos dt { padding-top: 0; } .tal-prov__datos dd { margin: 0 0 10px; } }
.tal-foto--audio > .srx-sello--evidencia { position: static; align-self: flex-start; margin: 0 0 6px; max-width: 100%; }