/*
 * QEZI V2 — EL SISTEMA VISUAL (S0, sprints/v2.md §3)
 *
 * Todo lleva el prefijo qz- (clases) y --qz- (variables). panel.css define
 * .seg, .filtros, .nombre, .tabla y .tarjeta como globales y ya pisaron
 * pantallas nuevas; con el prefijo, esta hoja puede convivir con el panel
 * viejo durante S1-S5 sin que ninguna de las dos toque a la otra.
 *
 * Sale del kit de marca (landing/marca/qezi-tokens.css): tinta #081F14,
 * verde #00E676, menta #D9FCE7, arena #F4F5F2, Plus Jakarta Sans. El verde de
 * marca es de RELLENO (botón principal, con letra oscura: 11:1); como texto
 * sobre claro no pasa AA, así que el texto verde usa --qz-bien.
 *
 * Reglas que esta hoja hace cumplir (v2.md §3.5): letra ≥ 16 px en todo lo
 * que se lee, botones de 48 px de alto, nada que dependa del hover, nada que
 * se deslice de costado salvo las tablas del detalle, contraste AA en los dos
 * temas.
 */

:root{
  --qz-fondo:#F4F5F2; --qz-hoja:#FFFFFF; --qz-hoja2:#EDF1EC; --qz-hoja3:#E2E8E2;
  --qz-tinta:#081F14; --qz-tinta2:#2F4438; --qz-tenue:#53675B; --qz-linea:#D3DCD5; --qz-linea2:#E6ECE7;
  --qz-borde:#7E8E84; --qz-sobre-problema:#FFFFFF;
  --qz-verde:#00E676; --qz-sobre-verde:#081F14; --qz-menta:#D9FCE7;
  --qz-bien:#06703D;      --qz-bien-fondo:#DDF7E7;
  --qz-atencion:#824600;  --qz-atencion-fondo:#FFEDCC;
  --qz-problema:#A1270F;  --qz-problema-fondo:#FCE4DC;
  --qz-info:#1D5775;      --qz-info-fondo:#E1EEF5;
  --qz-apagado:#5E6B64;   --qz-apagado-fondo:#E8ECE9;
  --qz-sombra:0 1px 2px #081F1414, 0 4px 16px #081F140d;
  --qz-sombra-alta:0 -8px 40px #081F1433;
  --qz-velo:#081F1466;
  --qz-r:14px; --qz-r-chico:10px;
  --qz-letra:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --qz-t-minima:14px; --qz-t-chica:16px; --qz-t-base:17px; --qz-t-titulo:20px; --qz-t-seccion:24px; --qz-t-pagina:30px; --qz-t-cifra:36px;
  --qz-lateral:236px;
  --qz-barra:68px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --qz-fondo:#06140D; --qz-hoja:#0D2017; --qz-hoja2:#132C21; --qz-hoja3:#1A382A;
    --qz-tinta:#EAF3EE; --qz-tinta2:#C3D4CA; --qz-tenue:#98AFA2; --qz-linea:#29463A; --qz-linea2:#1B3328;
  --qz-borde:#5E7D6E; --qz-sobre-problema:#081F14;
    --qz-menta:#123D29;
    --qz-bien:#5BEA9E;      --qz-bien-fondo:#12382A;
    --qz-atencion:#F4B860;  --qz-atencion-fondo:#3A2A10;
    --qz-problema:#FF8F76;  --qz-problema-fondo:#3E1C14;
    --qz-info:#86C8EA;      --qz-info-fondo:#12293A;
    --qz-apagado:#A3B3AA;   --qz-apagado-fondo:#1C2E25;
    --qz-sombra:0 1px 2px #00000055, 0 4px 16px #00000033;
    --qz-sombra-alta:0 -8px 40px #00000088;
    --qz-velo:#000000a0;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --qz-fondo:#06140D; --qz-hoja:#0D2017; --qz-hoja2:#132C21; --qz-hoja3:#1A382A;
  --qz-tinta:#EAF3EE; --qz-tinta2:#C3D4CA; --qz-tenue:#98AFA2; --qz-linea:#29463A; --qz-linea2:#1B3328;
  --qz-borde:#5E7D6E; --qz-sobre-problema:#081F14;
  --qz-menta:#123D29;
  --qz-bien:#5BEA9E;      --qz-bien-fondo:#12382A;
  --qz-atencion:#F4B860;  --qz-atencion-fondo:#3A2A10;
  --qz-problema:#FF8F76;  --qz-problema-fondo:#3E1C14;
  --qz-info:#86C8EA;      --qz-info-fondo:#12293A;
  --qz-apagado:#A3B3AA;   --qz-apagado-fondo:#1C2E25;
  --qz-sombra:0 1px 2px #00000055, 0 4px 16px #00000033;
  --qz-sombra-alta:0 -8px 40px #00000088;
  --qz-velo:#000000a0;
  color-scheme:dark;
}

/* ═══ BASE ═══════════════════════════════════════════════════════════════ */

.qz{font-family:var(--qz-letra);font-size:var(--qz-t-base);line-height:1.5;color:var(--qz-tinta);
  background:var(--qz-fondo);-webkit-font-smoothing:antialiased;min-height:100%}
.qz *,.qz *::before,.qz *::after{box-sizing:border-box}
.qz h1,.qz h2,.qz h3,.qz p{margin:0}
.qz h1,.qz h2,.qz h3{text-wrap:balance;letter-spacing:-.01em}
:where(.qz) a{color:var(--qz-bien);text-underline-offset:3px}
.qz :focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-num{font-variant-numeric:tabular-nums}
.qz-tenue{color:var(--qz-tenue)}
.qz-oculto-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ═══ BOTONES: uno principal por tarjeta; los demás caminos, enlaces ════════ */

.qz-boton{font:inherit;font-size:var(--qz-t-base);font-weight:700;min-height:48px;padding:10px 22px;
  border-radius:999px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;text-decoration:none;background:var(--qz-verde);color:var(--qz-sobre-verde);line-height:1.2}
.qz-boton:active{transform:translateY(1px)}
.qz-boton--oscuro{background:var(--qz-tinta);color:var(--qz-hoja)}
.qz-boton--borde{background:transparent;color:var(--qz-tinta);box-shadow:inset 0 0 0 2px var(--qz-borde)}
.qz-boton--ancho{width:100%}
.qz-boton[disabled]{background:var(--qz-hoja3);color:var(--qz-tenue);box-shadow:none;cursor:default}
.qz-enlace{font:inherit;font-size:var(--qz-t-base);font-weight:600;color:var(--qz-bien);background:none;border:0;
  padding:10px 4px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;
  display:inline-flex;align-items:center;gap:6px}
.qz-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}

/* ═══ CHIPS DE ESTADO: el estado se lee por la forma, no solo por el número ═ */

.qz-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--qz-t-chica);font-weight:700;
  padding:3px 12px;border-radius:999px;line-height:1.5;white-space:nowrap}
.qz-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.qz-chip--bien{color:var(--qz-bien);background:var(--qz-bien-fondo)}
.qz-chip--atencion{color:var(--qz-atencion);background:var(--qz-atencion-fondo)}
.qz-chip--problema{color:var(--qz-problema);background:var(--qz-problema-fondo)}
.qz-chip--info{color:var(--qz-info);background:var(--qz-info-fondo)}
.qz-chip--apagado{color:var(--qz-apagado);background:var(--qz-apagado-fondo)}
.qz-chip--sin-punto::before{display:none}

/* ═══ LA TARJETA: qué pasa · por qué importa · un botón · ver detalle ══════ */

.qz-tarjeta{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);
  padding:20px;display:grid;gap:10px}
.qz-tarjeta__arriba{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qz-tarjeta__que{font-size:var(--qz-t-titulo);font-weight:700;line-height:1.3}
.qz-tarjeta__porque{color:var(--qz-tinta2);max-width:62ch}
.qz-tarjeta__accion{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:6px}
.qz-tarjeta__detalle-dentro{margin-top:8px;padding-top:14px;border-top:1px solid var(--qz-linea2)}
.qz-lista-tarjetas{display:grid;gap:14px}

/* ═══ CIFRAS: solo donde el número ES la respuesta ═════════════════════════ */

.qz-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.qz-cifra{background:var(--qz-hoja);border-radius:var(--qz-r);padding:16px 18px;box-shadow:var(--qz-sombra)}
.qz-cifra__rotulo{font-size:var(--qz-t-chica);color:var(--qz-tenue);font-weight:600}
.qz-cifra__valor{font-size:clamp(26px,7vw,var(--qz-t-cifra));font-weight:800;letter-spacing:-.02em;line-height:1.15;
  font-variant-numeric:tabular-nums;margin-top:2px}
.qz-cifra__nota{font-size:var(--qz-t-chica);color:var(--qz-tinta2);margin-top:4px}

/* ═══ SECCIONES Y TEXTO ═══════════════════════════════════════════════════ */

.qz-pagina{display:grid;gap:28px;padding-block:24px 40px}
.qz-cabeza{display:grid;gap:6px}
.qz-cabeza__eyebrow{font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-tenue)}
.qz-cabeza__titulo{font-size:var(--qz-t-pagina);font-weight:800;line-height:1.15}
.qz-cabeza__que-es{color:var(--qz-tinta2);max-width:60ch}
.qz-seccion{display:grid;gap:12px}
.qz-seccion__titulo{font-size:var(--qz-t-seccion);font-weight:800;line-height:1.2}
.qz-seccion__nota{color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-frase-grande{font-size:clamp(24px,5vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.015em}
.qz-frase-grande em{font-style:normal;color:var(--qz-bien)}

/* Una lista de hechos: «Contestó 579 mensajes». Renglones, no tarjetas. */
.qz-hechos{list-style:none;margin:0;padding:0;background:var(--qz-hoja);border-radius:var(--qz-r);
  box-shadow:var(--qz-sombra)}
.qz-hechos li{display:flex;gap:14px;align-items:baseline;padding:14px 18px;border-top:1px solid var(--qz-linea2)}
.qz-hechos li:first-child{border-top:0}
.qz-hechos b{font-variant-numeric:tabular-nums;font-size:var(--qz-t-titulo);min-width:3.2ch;text-align:right}

/* Renglón que se toca (un chat, un pedido): 64 px, todo el ancho es el botón. */
.qz-renglones{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);overflow:hidden}
.qz-renglon{display:grid;grid-template-columns:44px 1fr auto;gap:4px 14px;align-items:center;width:100%;
  padding:14px 18px;border:0;border-top:1px solid var(--qz-linea2);background:none;font:inherit;color:inherit;
  text-align:left;cursor:pointer;min-height:64px}
.qz-renglon:first-child{border-top:0}
.qz-renglon[aria-current="true"]{background:var(--qz-hoja2)}
.qz-renglon--sin-avatar{grid-template-columns:1fr auto}
.qz-renglon__titulo{font-weight:700}
.qz-renglon__sub{color:var(--qz-tenue);font-size:var(--qz-t-chica);grid-column:2}
.qz-renglon--sin-avatar .qz-renglon__sub{grid-column:1}
.qz-renglon__valor{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;grid-row:1 / span 2;grid-column:3}
.qz-renglon--sin-avatar .qz-renglon__valor{grid-column:2}
.qz-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  background:var(--qz-menta);color:var(--qz-tinta);grid-row:1 / span 2;font-size:var(--qz-t-chica)}

/* ═══ ESTADO VACÍO: un camino, no un cartel ═══════════════════════════════ */

.qz-vacio{background:var(--qz-hoja);border:2px dashed var(--qz-linea);border-radius:var(--qz-r);
  padding:24px 20px;display:grid;gap:8px;justify-items:start}
.qz-vacio__que{font-size:var(--qz-t-titulo);font-weight:700}
.qz-vacio__nota{color:var(--qz-tinta2);max-width:56ch}
.qz-vacio--tranquilo{border-style:solid;border-color:transparent;background:var(--qz-bien-fondo)}

/* ═══ CONECTORES (v2.md §4.4) ═════════════════════════════════════════════ */

.qz-grupo{display:grid;gap:10px}
.qz-grupo__titulo{font-size:var(--qz-t-titulo);font-weight:800}
.qz-conectores{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.qz-conector{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:18px;
  display:grid;gap:8px;align-content:start}
.qz-conector__cabeza{display:flex;align-items:center;gap:12px}
.qz-conector__logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;
  font-size:var(--qz-t-chica);flex:none;background:var(--qz-hoja3);color:var(--qz-tinta)}
.qz-conector__nombre{font-weight:800;font-size:var(--qz-t-base)}
.qz-conector__promesa{color:var(--qz-tinta2);font-size:var(--qz-t-chica)}
.qz-conector__estado{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qz-conector--soon{background:var(--qz-hoja2);box-shadow:none}

/* ═══ COMPROBACIÓN: una línea por cosa probada ════════════════════════════ */

.qz-pruebas{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qz-prueba{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;background:var(--qz-hoja);
  border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:16px 18px}
.qz-prueba__marca{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  grid-row:1 / span 2}
.qz-prueba--bien .qz-prueba__marca{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qz-prueba--atencion .qz-prueba__marca{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-prueba--apagado .qz-prueba__marca{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}
.qz-prueba__que{font-weight:700}
.qz-prueba__nota{color:var(--qz-tinta2);font-size:var(--qz-t-chica)}

/* ═══ FORMULARIOS ═════════════════════════════════════════════════════════ */

.qz-campo{display:grid;gap:6px}
.qz-campo label,.qz-campo__rotulo{font-weight:700}
.qz-campo__ayuda{color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-entrada{font:inherit;font-size:18px;min-height:52px;padding:12px 16px;border-radius:12px;width:100%;
  border:2px solid var(--qz-borde);background:var(--qz-hoja);color:var(--qz-tinta)}
.qz-entrada:focus{border-color:var(--qz-tinta);outline:none}
textarea.qz-entrada{min-height:96px;resize:vertical;line-height:1.45}
.qz-opciones{display:flex;flex-wrap:wrap;gap:8px}
.qz-opcion{font:inherit;font-size:var(--qz-t-base);font-weight:600;min-height:48px;padding:10px 18px;border-radius:12px;
  border:2px solid var(--qz-borde);background:var(--qz-hoja);color:var(--qz-tinta);cursor:pointer}
.qz-opcion[aria-pressed="true"]{border-color:var(--qz-tinta);background:var(--qz-menta)}
.qz-interruptor{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:48px;font-weight:600}
.qz-interruptor input{appearance:none;width:52px;height:32px;border-radius:999px;background:var(--qz-hoja3);
  position:relative;cursor:pointer;flex:none;margin:0;border:2px solid var(--qz-borde)}
.qz-interruptor input::after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;
  background:var(--qz-hoja);box-shadow:var(--qz-sombra);transition:left .15s}
.qz-interruptor input:checked{background:var(--qz-verde);border-color:var(--qz-verde)}
.qz-interruptor input:checked::after{left:22px;background:#fff}

/* ═══ EL CAJÓN «VER DETALLE»: abajo en el teléfono, a la derecha en la compu ═ */

.qz-velo{position:fixed;inset:0;background:var(--qz-velo);z-index:40}
.qz-cajon{position:fixed;z-index:41;background:var(--qz-hoja);color:var(--qz-tinta);display:flex;flex-direction:column;
  left:0;right:0;bottom:0;max-height:88%;border-radius:20px 20px 0 0;box-shadow:var(--qz-sombra-alta);
  padding-bottom:env(safe-area-inset-bottom,0px)}
.qz-cajon__cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px;
  border-bottom:1px solid var(--qz-linea2)}
.qz-cajon__titulo{font-size:var(--qz-t-titulo);font-weight:800}
.qz-cajon__cuerpo{overflow:auto;padding:16px 20px 28px;display:grid;gap:18px;align-content:start}
/* Cada fila del cajón mide lo que su contenido: con una hoja más alta que la pantalla, las filas
   «auto» encogían a 0 lo que tiene overflow:hidden (.qz-renglones) y las líneas elegidas en
   «Nueva venta» —o un carrito largo— desaparecían (QA del 26-sep). */
.qz-cajon__cuerpo{grid-auto-rows:max-content}
.qz-cajon__fuente{font-size:var(--qz-t-chica);color:var(--qz-tenue);border-top:1px solid var(--qz-linea2);padding-top:12px}
.qz-cerrar{font:inherit;font-size:var(--qz-t-chica);font-weight:700;min-height:44px;min-width:44px;padding:8px 14px;
  border-radius:999px;border:0;background:var(--qz-hoja2);color:var(--qz-tinta);cursor:pointer}
@media (min-width:900px){
  .qz-cajon{left:auto;top:0;width:min(520px,92vw);max-height:none;border-radius:0;
    padding-top:env(safe-area-inset-top,0px)}
}

/* Tablas: solo en el detalle, y cada una se desliza sola, nunca la página. */
.qz-tabla-caja{overflow-x:auto;border:1px solid var(--qz-linea2);border-radius:var(--qz-r-chico)}
.qz-tabla-exp{border-collapse:collapse;width:100%;font-size:var(--qz-t-chica);font-variant-numeric:tabular-nums}
.qz-tabla-exp th,.qz-tabla-exp td{padding:10px 12px;text-align:left;border-top:1px solid var(--qz-linea2);white-space:nowrap}
.qz-tabla-exp thead th{border-top:0;background:var(--qz-hoja2);font-weight:700}
.qz-tabla-exp td.n,.qz-tabla-exp th.n{text-align:right}
.qz-glosa{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qz-glosa dt{font-weight:700;color:var(--qz-tinta)}
.qz-glosa dd{margin:0 0 10px}

/* Barras por día (detalle). Cada barra con su valor al lado: se lee sin hover. */
.qz-barras{display:grid;gap:6px}
.qz-barras__fila{display:grid;grid-template-columns:5.2em 1fr 5.5em;gap:10px;align-items:center;font-size:var(--qz-t-chica);
  font-variant-numeric:tabular-nums}
.qz-barras__pista{height:14px;border-radius:7px;background:var(--qz-hoja2);overflow:hidden}
.qz-barras__barra{height:100%;border-radius:7px;background:var(--qz-bien)}
.qz-barras__fila--cero .qz-barras__valor{color:var(--qz-tenue)}
.qz-barras__valor{text-align:right}

/* Medidor del plan: 432 de 700. */
.qz-medidor{height:16px;border-radius:8px;background:var(--qz-hoja3);overflow:hidden;position:relative}
.qz-medidor__lleno{height:100%;background:var(--qz-tinta);border-radius:8px}
.qz-medidor__ritmo{position:absolute;top:0;bottom:0;width:3px;background:var(--qz-atencion)}

/* ═══ EL MARCO: lateral en la compu, barra inferior en el teléfono ═════════ */

.qz-app{min-height:100vh}
.qz-arriba{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--qz-fondo);
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;
  border-bottom:1px solid var(--qz-linea2)}
.qz-arriba__tienda{font-weight:800;font-size:var(--qz-t-titulo)}
.qz-logo{display:flex;align-items:center;gap:10px;color:var(--qz-tinta);text-decoration:none}
.qz-logo svg{display:block}
.qz-yo{width:44px;height:44px;border-radius:50%;border:0;background:var(--qz-tinta);color:var(--qz-hoja);
  font:inherit;font-weight:800;font-size:var(--qz-t-chica);cursor:pointer}
.qz-contenido{padding-inline:16px;max-width:1180px;margin:0 auto;padding-bottom:calc(var(--qz-barra) + 24px)}

.qz-barra{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--qz-hoja);
  border-top:1px solid var(--qz-linea);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  padding-bottom:env(safe-area-inset-bottom,0px)}
.qz-barra__ir{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:var(--qz-barra);padding:6px 2px;text-decoration:none;color:var(--qz-tenue);font-size:var(--qz-t-chica);font-weight:700;
  position:relative;letter-spacing:-.01em}
.qz-barra__ir svg{width:26px;height:26px}
.qz-barra__ir[aria-current="page"]{color:var(--qz-tinta);font-weight:800}
.qz-barra__ir[aria-current="page"]::before{content:"";position:absolute;top:0;left:22%;right:22%;height:4px;
  border-radius:0 0 4px 4px;background:var(--qz-tinta)}
.qz-barra__cuenta{position:absolute;top:6px;left:calc(50% + 8px);min-width:22px;height:22px;padding:0 6px;border-radius:11px;
  background:var(--qz-problema);color:var(--qz-sobre-problema);font-size:var(--qz-t-chica);display:grid;place-items:center;font-variant-numeric:tabular-nums}

.qz-lateral{display:none}
@media (min-width:900px){
  .qz-app{display:grid;grid-template-columns:var(--qz-lateral) 1fr}
  .qz-arriba{display:none}
  .qz-barra{display:none}
  .qz-contenido{padding-bottom:24px;width:100%;padding-inline:32px}
  .qz-lateral{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;padding:20px 14px;
    border-right:1px solid var(--qz-linea2);background:var(--qz-hoja)}
  .qz-lateral__tienda{font-weight:800;font-size:var(--qz-t-titulo);padding:14px 12px 10px}
  .qz-lateral__ir{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;min-height:48px;
    color:var(--qz-tinta2);text-decoration:none;font-weight:700}
  .qz-lateral__ir svg{width:24px;height:24px;flex:none}
  .qz-lateral__ir[aria-current="page"]{background:var(--qz-menta);color:var(--qz-tinta)}
  .qz-lateral__cuenta{margin-left:auto;background:var(--qz-problema);color:var(--qz-sobre-problema);border-radius:11px;min-width:24px;
    padding:0 7px;font-size:var(--qz-t-chica);text-align:center;font-variant-numeric:tabular-nums}
  .qz-lateral__pie{margin-top:auto;display:grid;gap:4px}
}

/* Menú «Qezi» (lo que no es de todos los días). */
.qz-menu{position:fixed;z-index:41;right:12px;top:calc(env(safe-area-inset-top,0px) + 64px);width:min(320px,calc(100vw - 24px));
  background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra-alta);padding:8px;display:grid}
.qz-menu a,.qz-menu button{font:inherit;text-align:left;padding:12px 14px;border-radius:10px;color:var(--qz-tinta);
  text-decoration:none;font-weight:600;min-height:48px;background:none;border:0;cursor:pointer}
.qz-menu hr{border:0;border-top:1px solid var(--qz-linea2);margin:6px 0}
@media (min-width:900px){ .qz-menu{left:250px;right:auto;top:auto;bottom:20px} }

/* ═══ ALTA: una columna, un paso a la vez ═════════════════════════════════ */

.qz-alta{max-width:600px;margin:0 auto;padding:20px 16px 48px;display:grid;gap:24px}
.qz-alta__arriba{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.qz-pasos{display:grid;gap:8px}
.qz-pasos__texto{font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-tenue)}
.qz-pasos__pista{height:8px;border-radius:4px;background:var(--qz-hoja3);box-shadow:inset 0 0 0 1px var(--qz-borde);overflow:hidden}
.qz-pasos__lleno{height:100%;background:var(--qz-bien);border-radius:4px}
.qz-leyendo{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.qz-leyendo li{display:flex;gap:12px;align-items:flex-start}
.qz-leyendo__marca{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;
  font-size:var(--qz-t-chica);background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qz-leyendo li.qz-leyendo--aviso .qz-leyendo__marca{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-entendi{display:grid;gap:12px}
.qz-entendi .qz-tarjeta__que{font-size:var(--qz-t-base)}
.qz-entendi__valor{font-size:var(--qz-t-titulo);font-weight:800;line-height:1.3}
.qz-fuente{font-size:var(--qz-t-chica);color:var(--qz-tenue)}
.qz-cita{border-left:4px solid var(--qz-linea);padding:4px 0 4px 14px;color:var(--qz-tinta2);font-style:italic}
.qz-burbuja{background:var(--qz-menta);border-radius:16px 16px 16px 4px;padding:12px 16px;max-width:36ch;color:var(--qz-tinta)}
.qz-tres{display:grid;gap:12px}
@media (min-width:700px){ .qz-tres{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1100px){ .qz-tres.qz-cuatro{grid-template-columns:repeat(4,1fr)} }
@media (min-width:700px) and (max-width:1099px){ .qz-tres.qz-cuatro{grid-template-columns:repeat(2,1fr)} }

/* Aviso que aparece abajo después de tocar algo del prototipo. */
.qz-aviso{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--qz-barra) + 16px + env(safe-area-inset-bottom,0px));
  z-index:50;background:var(--qz-tinta);color:var(--qz-hoja);padding:12px 20px;border-radius:12px;font-weight:600;
  max-width:calc(100vw - 32px);box-shadow:var(--qz-sombra-alta)}
@media (min-width:900px){ .qz-aviso{bottom:24px} }

@media (prefers-reduced-motion: reduce){ .qz *{transition:none!important;animation:none!important} }

/* ═══════════════════════════════════════════════════════════════════════════
 * PROTOTIPO 2 (sprints/v2-mapa.md): los componentes que suman los 12 trabajos.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Pestañas de una pantalla (debajo del título). Deslizan de costado en el
   teléfono dentro de su propia caja: la página nunca. */
.qz-pestanas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-16px;padding-inline:16px}
.qz-pestanas::-webkit-scrollbar{display:none}
.qz-pestana{font:inherit;font-size:var(--qz-t-chica);font-weight:700;min-height:44px;padding:8px 16px;border-radius:999px;
  border:0;background:var(--qz-hoja);color:var(--qz-tinta2);cursor:pointer;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;
  box-shadow:inset 0 0 0 1px var(--qz-linea)}
.qz-pestana[aria-pressed="true"]{background:var(--qz-tinta);color:var(--qz-hoja);box-shadow:none}
.qz-pestana b{font-variant-numeric:tabular-nums;font-weight:800;opacity:.8}
.qz-pestana--alerta b{color:var(--qz-problema);opacity:1}
.qz-pestana[aria-pressed="true"].qz-pestana--alerta b{color:inherit}

/* Etiqueta de ETAPA (FC, 24-sep): en qué va la conversación, sin abrirla. */
.qz-etapa{display:inline-flex;align-items:center;gap:5px;font-size:var(--qz-t-chica);font-weight:700;padding:2px 10px;border-radius:999px;
  line-height:1.5;white-space:nowrap;background:var(--qz-apagado-fondo);color:var(--qz-apagado)}
.qz-etapa--embudo{background:var(--qz-info-fondo);color:var(--qz-info)}
button.qz-etapa--embudo{border:0;cursor:pointer;min-height:32px;font-family:inherit}
.qz-etapa--curioso{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}
.qz-etapa--pregunto{background:var(--qz-info-fondo);color:var(--qz-info)}
.qz-etapa--carrito,.qz-etapa--total{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-etapa--pedido{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-etapa--compro,.qz-etapa--entregado{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qz-etapa--entrega{background:var(--qz-info-fondo);color:var(--qz-info)}
.qz-etiqueta{display:inline-flex;font-size:var(--qz-t-chica);font-weight:600;padding:1px 9px;border-radius:6px;background:var(--qz-hoja2);
  color:var(--qz-tinta2);white-space:nowrap}

/* La bandeja: fila tipo WhatsApp. */
.qz-bandeja{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);overflow:hidden}
.qz-chatfila{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:2px 12px;padding:12px 14px;border-top:1px solid var(--qz-linea2);
  cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;font:inherit;color:inherit;min-height:72px}
.qz-chatfila:first-child{border-top:0}
.qz-chatfila[aria-current="true"]{background:var(--qz-hoja2)}
.qz-chatfila .qz-avatar{grid-row:1 / span 3;width:48px;height:48px}
.qz-chatfila__nombre{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:6px;align-items:center}
.qz-chatfila__hora{font-size:var(--qz-t-chica);color:var(--qz-tenue);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.qz-chatfila__hora--espera{color:var(--qz-problema);font-weight:700}
.qz-chatfila__texto{grid-column:2 / span 2;color:var(--qz-tenue);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-chatfila__marcas{grid-column:2 / span 2;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:3px}
.qz-icono-fila{font-size:16px;line-height:1}

/* Dos columnas en la compu: la lista a la izquierda, el chat a la derecha. */
.qz-dos{display:grid;gap:16px}
@media (min-width:1100px){ .qz-dos{grid-template-columns:minmax(340px,420px) 1fr;align-items:start}
  .qz-dos > :last-child{position:sticky;top:12px} }

/* El chat. */
.qz-chat{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);display:flex;flex-direction:column;overflow:hidden}
.qz-chat__cabeza{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--qz-linea2)}
.qz-chat__quien{flex:1;min-width:0}
.qz-chat__quien b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-chat__quien span{font-size:var(--qz-t-chica);color:var(--qz-tenue)}
.qz-contexto{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--qz-hoja2);font-size:16px}
.qz-contexto img{width:44px;height:55px;object-fit:cover;border-radius:8px;background:var(--qz-hoja3);flex:none}
.qz-mensajes{padding:14px 12px;display:grid;gap:6px;background:var(--qz-fondo);max-height:520px;overflow-y:auto}
.qz-burbuja2{max-width:82%;padding:8px 12px;border-radius:14px;font-size:16px;line-height:1.4;box-shadow:var(--qz-sombra);
  background:var(--qz-hoja);justify-self:start;white-space:pre-wrap;overflow-wrap:anywhere}
.qz-burbuja2--nuestro{justify-self:end;background:var(--qz-menta)}
.qz-burbuja2 small{display:block;font-size:var(--qz-t-chica);color:var(--qz-tenue);margin-top:2px;text-align:right}
.qz-burbuja2__quien{font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-bien);display:block}
.qz-ventana{font-size:var(--qz-t-chica);color:var(--qz-tenue);text-align:center;padding:6px}

/* LA BARRA DE VENTA: acompaña la venta hasta que se entrega. */
.qz-venta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 12px;
  border-top:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qz-venta__estado{display:flex;gap:10px;align-items:center;min-width:0;font-weight:700}
.qz-venta__estado small{display:block;font-weight:500;color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-venta .qz-boton{min-height:44px;padding:8px 16px}
.qz-escribir{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--qz-linea2)}
.qz-escribir textarea{flex:1;min-height:48px;max-height:140px;font:inherit;font-size:17px;padding:11px 14px;border-radius:24px;
  border:2px solid var(--qz-borde);background:var(--qz-fondo);color:var(--qz-tinta);resize:none}
.qz-redondo{width:48px;height:48px;border-radius:50%;border:0;background:var(--qz-hoja2);color:var(--qz-tinta);font-size:20px;
  cursor:pointer;flex:none;display:grid;place-items:center}
.qz-redondo--verde{background:var(--qz-verde);color:var(--qz-sobre-verde)}

/* Los dos ejes del pedido: cobro y despacho, como pasos. */
.qz-ejes{display:grid;gap:14px}
.qz-eje__nombre{font-size:var(--qz-t-chica);font-weight:800;color:var(--qz-tenue);margin-bottom:6px}
.qz-pasos2{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.qz-pasos2 li{flex:1;font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-tenue);text-align:center;padding-top:10px;position:relative;min-width:0}
.qz-pasos2 li::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:3px;background:var(--qz-hoja3)}
.qz-pasos2 li.hecho::before{background:var(--qz-bien)}
.qz-pasos2 li.hecho::after{content:" ✓";color:var(--qz-bien)}
.qz-pasos2 li.ahora{color:var(--qz-tinta);font-weight:800}
.qz-pasos2 li.ahora::before{background:var(--qz-tinta);height:8px;top:-1px}

/* Filas con casilla para elegir varias (despachar varios a la vez). */
.qz-casilla{width:26px;height:26px;border-radius:7px;border:2px solid var(--qz-borde);flex:none;display:grid;place-items:center;
  background:var(--qz-hoja);color:var(--qz-hoja);font-weight:900;font-size:16px}
.qz-casilla[aria-checked="true"]{background:var(--qz-tinta);border-color:var(--qz-tinta)}
.qz-lote{position:sticky;bottom:calc(var(--qz-barra) + 8px);z-index:10;background:var(--qz-tinta);color:var(--qz-hoja);
  border-radius:var(--qz-r);padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;box-shadow:var(--qz-sombra-alta)}
.qz-lote .qz-boton{min-height:44px}
@media (min-width:900px){ .qz-lote{bottom:12px} }

/* Elegir en el alta: filas de ancho completo con ✓ o círculo (revisión §2). */
.qz-elegir{display:grid;gap:8px}
.qz-elegir__op{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:12px 16px;border-radius:12px;font:inherit;
  font-weight:600;text-align:left;cursor:pointer;background:var(--qz-hoja);color:var(--qz-tinta);border:2px solid var(--qz-borde)}
.qz-elegir__op .qz-casilla,.qz-elegir__op .qz-circulo{pointer-events:none}
.qz-circulo{width:26px;height:26px;border-radius:50%;border:2px solid var(--qz-borde);flex:none;display:grid;place-items:center}
.qz-elegir__op[aria-checked="true"]{border:3px solid var(--qz-tinta);background:var(--qz-menta);font-weight:800;padding:11px 15px}
.qz-elegir__op[aria-checked="true"] .qz-casilla{background:var(--qz-tinta);border-color:var(--qz-tinta)}
.qz-elegir__op[aria-checked="true"] .qz-circulo{border-color:var(--qz-tinta);box-shadow:inset 0 0 0 5px var(--qz-hoja),inset 0 0 0 14px var(--qz-tinta)}

/* Productos: grilla de fichas con foto. */
.qz-grilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){ .qz-grilla{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1100px){ .qz-grilla{grid-template-columns:repeat(4,minmax(0,1fr))} }
.qz-ficha{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);overflow:hidden;cursor:pointer;display:grid;
  border:0;padding:0;font:inherit;color:inherit;text-align:left}
.qz-ficha__foto{aspect-ratio:4/5;background:var(--qz-hoja3);position:relative;overflow:hidden}
.qz-ficha__foto img{width:100%;height:100%;object-fit:cover;display:block}
.qz-ficha__falta{position:absolute;left:8px;right:8px;bottom:8px;font-size:var(--qz-t-chica);font-weight:800;padding:4px 10px;border-radius:8px;
  background:var(--qz-atencion-fondo);color:var(--qz-atencion);box-shadow:var(--qz-sombra)}
.qz-ficha__cuerpo{padding:10px 12px 12px;display:grid;gap:2px}
.qz-ficha__nombre{font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qz-ficha__precio{font-weight:700;font-variant-numeric:tabular-nums}
.qz-ficha__dato{font-size:var(--qz-t-chica);color:var(--qz-tenue)}
.qz-sinfoto{width:100%;height:100%;display:grid;place-items:center;color:var(--qz-tenue);font-weight:700;font-size:var(--qz-t-chica);text-align:center;padding:8px}

/* La ficha por color: tres lugares de foto, Studio adentro. */
.qz-color{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:14px;display:grid;gap:12px}
.qz-color__cabeza{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qz-color__cabeza b{font-size:var(--qz-t-titulo)}
.qz-lugares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qz-lugar{display:grid;gap:4px}
.qz-lugar__foto{aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--qz-hoja2);position:relative}
.qz-lugar__foto img{width:100%;height:100%;object-fit:cover;display:block}
.qz-lugar__vacio{width:100%;height:100%;border:2px dashed var(--qz-linea);border-radius:10px;display:grid;align-content:center;
  justify-items:center;gap:6px;padding:6px;text-align:center}
.qz-lugar__vacio .qz-boton{min-height:44px;padding:6px 10px;font-size:var(--qz-t-chica)}
.qz-lugar__nombre{font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-tinta2);text-align:center}
.qz-lugar__estado{position:absolute;left:6px;right:6px;bottom:6px;font-size:var(--qz-t-chica);font-weight:800;padding:3px 8px;border-radius:8px;text-align:center}
.qz-lugar__estado--revisar{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-lugar__estado--generando{background:var(--qz-info-fondo);color:var(--qz-info)}
@keyframes qz-latido{0%,100%{opacity:1}50%{opacity:.5}}
.qz-lugar--generando .qz-lugar__foto{animation:qz-latido 1.2s ease-in-out infinite}

/* Anuncios: embudo dibujado, proporcional. */
.qz-anuncio{display:grid;grid-template-columns:72px 1fr;gap:12px}
.qz-anuncio__mini{width:72px;height:90px;border-radius:10px;object-fit:cover;background:var(--qz-hoja3)}
.qz-anuncio__vende{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:var(--qz-t-minima);color:var(--qz-tinta2,inherit)}
.qz-anuncio__vende select{min-height:44px;max-width:100%;font:inherit;padding:6px 10px;border-radius:10px;border:1px solid var(--qz-borde,#ccc);background:var(--qz-hoja,#fff);color:inherit}
.qz-embudo{display:grid;gap:4px;margin-top:6px}
.qz-embudo__fila{display:grid;grid-template-columns:8.5em 1fr 3.5em;gap:8px;align-items:center;font-size:var(--qz-t-chica)}
.qz-embudo__barra{height:12px;border-radius:6px;background:var(--qz-info)}
.qz-embudo__barra--total{background:var(--qz-atencion)}
.qz-embudo__barra--pago{background:var(--qz-bien)}
.qz-embudo__fila span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.qz-dos-barras{display:grid;gap:8px}
.qz-dos-barras div{display:grid;grid-template-columns:6em 1fr 5em;gap:10px;align-items:center}
.qz-dos-barras i{display:block;height:18px;border-radius:9px}

/* Columnas de ventas (Ganancia). */
.qz-columnas{display:flex;align-items:flex-end;gap:10px;height:160px;padding-top:24px}
.qz-columna{flex:1;display:grid;grid-template-rows:auto 1fr auto;height:100%;text-align:center;font-size:var(--qz-t-chica);font-variant-numeric:tabular-nums}
.qz-columna i{align-self:end;display:block;background:var(--qz-bien);border-radius:6px 6px 0 0;min-height:2px}
.qz-columna span{color:var(--qz-tenue)}

/* Conectores con logo de verdad. */
.qz-logo-marca{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--qz-hoja2)}
.qz-logo-marca svg{width:24px;height:24px}
.qz-mosaicos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:700px){ .qz-mosaicos{grid-template-columns:repeat(4,minmax(0,1fr))} }
.qz-mosaico{background:var(--qz-hoja);border-radius:12px;box-shadow:var(--qz-sombra);padding:12px;display:grid;gap:6px;justify-items:start;
  border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:96px}
.qz-mosaico b{font-size:16px}
.qz-mosaico span{font-size:var(--qz-t-chica);color:var(--qz-tenue)}

/* Listas de ajustes (Tu tienda). */
.qz-ajustes{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);overflow:hidden}
.qz-ajuste{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:14px 16px;border-top:1px solid var(--qz-linea2);
  width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:64px}
.qz-ajuste:first-child{border-top:0}
.qz-ajuste b{font-weight:800}
.qz-ajuste span{font-size:var(--qz-t-chica);color:var(--qz-tenue);grid-column:1}
.qz-ajuste i{grid-row:1 / span 2;grid-column:2;font-style:normal;color:var(--qz-tenue);font-size:22px}

/* Botones de «Entrar con…» */
.qz-entrar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:12px;font:inherit;
  font-weight:700;cursor:pointer;background:var(--qz-hoja);color:var(--qz-tinta);border:2px solid var(--qz-borde)}
.qz-entrar svg{width:22px;height:22px}
.qz-separador{display:flex;align-items:center;gap:12px;color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-separador::before,.qz-separador::after{content:"";flex:1;height:1px;background:var(--qz-linea)}

/* Hoy: franja de tres cifras en una línea. */
.qz-franja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qz-franja > div{background:var(--qz-hoja);border-radius:12px;padding:10px 12px;box-shadow:var(--qz-sombra);min-width:0}
.qz-franja b{display:block;font-size:clamp(20px,5.5vw,28px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qz-franja span{font-size:var(--qz-t-chica);color:var(--qz-tenue);font-weight:600}
.qz-franja__te-necesitan b{color:var(--qz-problema)}
.qz-grupo-hoy{display:grid;gap:10px}
.qz-grupo-hoy > h3{font-size:var(--qz-t-chica);font-weight:800;color:var(--qz-tenue);text-transform:uppercase;letter-spacing:.06em}
.qz-tarea{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:14px;display:grid;
  grid-template-columns:48px 1fr;gap:4px 12px;cursor:pointer;border:0;font:inherit;color:inherit;text-align:left;width:100%}
.qz-tarea__img{grid-row:1 / span 3;width:48px;height:48px;border-radius:12px;object-fit:cover;background:var(--qz-menta);
  display:grid;place-items:center;font-weight:800}
.qz-tarea__arriba{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.qz-tarea__que{font-size:var(--qz-t-titulo);font-weight:800;line-height:1.25}
.qz-tarea__porque{color:var(--qz-tinta2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qz-tarea__boton{grid-column:1 / -1;margin-top:8px}
.qz-tarea__boton .qz-boton{width:100%}
@media (min-width:700px){ .qz-tarea__boton .qz-boton{width:auto} .qz-tarea__boton{grid-column:2} }
.qz-reloj{display:inline-flex;gap:4px;align-items:center;font-size:var(--qz-t-chica);font-weight:800;color:var(--qz-problema);
  background:var(--qz-problema-fondo);padding:2px 10px;border-radius:999px;white-space:nowrap}
.qz-hoy-compu{display:grid;gap:28px}
@media (min-width:1100px){ .qz-hoy-compu{grid-template-columns:minmax(0,1fr) 340px;align-items:start} }
.qz-mini-hechos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qz-mini-hechos div{background:var(--qz-hoja);border-radius:12px;padding:12px;box-shadow:var(--qz-sombra)}
.qz-mini-hechos b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.qz-mini-hechos span{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}

/* La barra inferior y la lateral a 16 px (revisión de accesibilidad). */
/* La barra del teléfono: cinco destinos a 16 px no entran en 375 px
   («Productos», «Anuncios»). Excepción anotada en v2.md → decisiones: 15 px,
   letras apenas más juntas; las pantallas dicen el nombre completo a 30 px. */
.qz-barra__ir{font-size:16px;letter-spacing:-.02em}
/* Teléfonos de 375 px: «Productos» y «Anuncios» se tocaban. La letra no baja de 16 px; se aprieta el espacio. */
@media (max-width:400px){.qz-barra__ir{letter-spacing:-.045em;padding-inline:0}}
.qz-barra__cuenta,.qz-lateral__cuenta{font-size:16px}
.qz-cerrar,.qz-enlace{min-height:48px}
/* En el teléfono el chat ocupa la pantalla: la barra de venta y la caja de
   escribir quedan siempre a la vista, y solo los mensajes se deslizan. */
@media (max-width:1099px){
  .qz-chat{height:calc(100dvh - var(--qz-barra) - 150px);min-height:460px}
  .qz-mensajes{flex:1;max-height:none;min-height:0}
}
@media (min-width:1100px){ .qz-chat{height:calc(100vh - 240px);min-height:520px} .qz-mensajes{flex:1;max-height:none;min-height:0} .qz-dos > :first-child{min-width:0} }

/* En el teléfono, un chat abierto es la pantalla entera (como WhatsApp):
   sin la barra de abajo ni la de arriba, para que quepan los mensajes, la
   barra de venta y la caja de escribir. */
@media (max-width:1099px){
  .qz-en-chat .qz-barra,.qz-en-chat .qz-arriba{display:none}
  .qz-en-chat .qz-contenido{padding-bottom:8px}
  .qz-en-chat .qz-chat{height:calc(100dvh - 16px);min-height:520px}
}
/* Una fila de pestañas que sigue de costado avisa con un difuminado. */
.qz-pestanas{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}

/* La casilla de elegir pedidos se toca seguido: 48 px de área, 26 de dibujo. */
.qz-toque{width:48px;height:48px;display:grid;place-items:center;border:0;background:none;padding:0;cursor:pointer;margin:-11px}

/* ═══ RONDA 3 DE REVISIÓN (24-sep) ══════════════════════════════════════════ */

/* Menos alto antes del contenido (FC: «optimizar la barra de arriba»): el
   título comparte fila con las pestañas de la sección o con las fechas. */
.qz-pagina{gap:20px;padding-block:16px 40px}
.qz-cabeza__fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
@media (max-width:899px){ .qz{--qz-t-pagina:26px} .qz-arriba{padding:6px 16px} }
.qz-segmento{display:inline-flex;background:var(--qz-hoja2);border-radius:999px;padding:4px;gap:2px}
.qz-segmento button{font:inherit;font-weight:700;min-height:44px;padding:6px 18px;border-radius:999px;border:0;background:none;
  color:var(--qz-tinta2);cursor:pointer}
.qz-segmento button[aria-pressed="true"]{background:var(--qz-tinta);color:var(--qz-hoja);font-weight:800}

/* El filtro de fechas. */
.qz-periodo{display:flex;flex-wrap:wrap;gap:8px}
.qz-periodo .qz-entrada{min-height:44px;padding:8px 12px;font-size:var(--qz-t-base);width:auto;max-width:100%}

/* «‹ Catálogo» sigue a la vista en una ficha larga. */
.qz-volver{position:sticky;top:0;z-index:15;background:var(--qz-fondo);margin-inline:-16px;padding-inline:12px}
@media (max-width:899px){ .qz-volver{top:57px} }

/* Nada se sale de su tarjeta: la columna del texto puede achicarse y los
   chips bajan de renglón. */
.qz-tarea{grid-template-columns:48px minmax(0,1fr)}
.qz-chip,.qz-reloj{white-space:normal;max-width:100%}
.qz-chip{justify-self:start}

/* La fila de un pedido: nombre y monto arriba; código y lo que lleva abajo. */
.qz-pedfila{grid-template-columns:auto 44px minmax(0,1fr);cursor:default}
.qz-pedfila__abrir{all:unset;cursor:pointer;display:grid;gap:2px 10px;grid-template-columns:minmax(0,1fr) auto;min-width:0}
.qz-pedfila__abrir .qz-chatfila__texto,.qz-pedfila__abrir .qz-chatfila__marcas{grid-column:1 / -1}
.qz-pedfila__abrir:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px;border-radius:8px}

/* Bandeja + chat en la compu: los filtros bajan de renglón en vez de pasar
   por debajo del chat (captura de FC). */
@media (min-width:1100px){
  .qz-dos > :first-child .qz-pestanas{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible;
    -webkit-mask-image:none;mask-image:none}
}

/* «Deshacer» se lee sobre el aviso en claro y en oscuro, y se toca bien. */
.qz-aviso__deshacer{font:inherit;font-weight:800;color:inherit;background:none;border:0;text-decoration:underline;
  text-underline-offset:3px;min-height:44px;padding:0 4px 0 12px;cursor:pointer}

/* Cobrado por mes: el mes que va en verde, los anteriores en gris que se ve. */
.qz-columna i{background:var(--qz-borde)}
.qz-columna--ahora i{background:var(--qz-verde)}
.qz-columna--ahora span:last-child{color:var(--qz-tinta);font-weight:800}

/* Revisar una foto de Studio: palabras, no íconos (Rosa: «✓ y ↻ sin palabras»). */
.qz-lugar__revisar{display:grid;gap:2px;justify-items:stretch}
.qz-lugar__revisar .qz-boton{min-height:44px;padding:6px 8px;font-size:var(--qz-t-chica)}
.qz-lugar__revisar .qz-enlace{justify-content:center;font-size:var(--qz-t-chica);min-height:44px;padding:4px}
/* Los colores de una ficha, de a dos en la compu (antes, 4.484 px de recuadros). */
.qz-colores{display:grid;gap:14px}
@media (min-width:1100px){ .qz-colores{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* Hoy (ronda 4): cada tarea con el dibujo de lo que hay que hacer, en el color de su estado. */
.qz-tarea__img{color:var(--qz-tinta)}
.qz-tono--problema{background:var(--qz-problema-fondo);color:var(--qz-problema)}
.qz-tono--atencion{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-tono--info{background:var(--qz-info-fondo);color:var(--qz-info)}
.qz-tono--bien{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qz-tono--apagado{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}
.qz-tarea-chica{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:64px;
  padding:10px 14px;border:0;border-radius:var(--qz-r);background:var(--qz-hoja);box-shadow:var(--qz-sombra);font:inherit;color:inherit;text-align:left;cursor:pointer}
.qz-tarea-chica .qz-tarea__img{width:40px;height:40px;border-radius:10px;grid-row:auto}
.qz-tarea-chica .qz-tarea__img svg{width:22px;height:22px}
.qz-tarea-chica b{font-weight:700;line-height:1.3}
.qz-tarea-chica i{font-style:normal;font-size:24px;color:var(--qz-tenue)}
.qz-tarea__porque{-webkit-line-clamp:unset;display:block}
.qz-franja span{white-space:nowrap}

/* Hoy, ronda de módulo: las cifras de arriba se tocan y explican; títulos que no se parten feo. */
.qz-franja > button{font:inherit;color:inherit;text-align:left;border:0;cursor:pointer;background:var(--qz-hoja);border-radius:12px;padding:10px 12px;box-shadow:var(--qz-sombra);min-width:0}
.qz-franja small{display:block;font-size:var(--qz-t-chica);color:var(--qz-tinta2);line-height:1.3}
.qz-franja span{white-space:normal}
.qz-franja__te-necesitan b{color:var(--qz-tinta)}
.qz-franja__te-necesitan small{color:var(--qz-problema);font-weight:700}
.qz-grupo-hoy > h2{font-size:var(--qz-t-base);font-weight:800;color:var(--qz-tinta2)}
.qz-tarea__que,.qz-tarjeta__que,.qz-cabeza__titulo{text-wrap:balance}
.qz-tarea__boton{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.qz-reloj{display:inline;background:none;padding:0;white-space:normal}
.qz-cambios{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.qz-cambios li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:baseline}
.qz-cambios small{color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-sube{color:var(--qz-bien);font-weight:800}.qz-baja{color:var(--qz-problema);font-weight:800}
/* Toques de 48 para 55+ (meta del sistema; AA pide 24). */
.qz-enlace,.qz-cerrar,.qz-aviso__deshacer{min-height:48px}
.qz-yo{width:48px;height:48px}
/* Con el cajón abierto, la página de atrás no se desplaza. */
html.qz-bloqueo,html.qz-bloqueo body{overflow:hidden}
/* Modo oscuro: la tarjeta se separa del fondo con un filo (antes 1,11:1). */
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --qz-sombra:0 0 0 1px #2E4B3E, 0 4px 16px #00000055; } }
:root[data-theme="dark"]{ --qz-sombra:0 0 0 1px #2E4B3E, 0 4px 16px #00000055; }
.qz-tarea__boton{flex-wrap:nowrap}
.qz-tarea__boton .qz-boton{width:auto;flex:1 1 auto}
.qz-tarea__boton .qz-enlace{flex:none;white-space:nowrap}
@media (min-width:700px){ .qz-tarea__boton .qz-boton{flex:0 1 auto} }

/* ═══ CONVERSACIONES, ronda de módulo ═════════════════════════════════════ */
/* Cuatro filtros a la vista y «Más…» con el resto: una fila, sin esconder nada detrás del borde. */
.qz-pestanas--envuelve{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none}
.qz-pestana--sel{appearance:none;-webkit-appearance:none;padding-right:34px;min-height:48px;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.qz-pestana--sel[aria-pressed="true"]{background-color:var(--qz-tinta);color:var(--qz-hoja)}
.qz-pestana{min-height:48px}
/* Cantidades del carrito: botones de verdad, con nombre y de 48. */
.qz-cantidad{display:inline-flex;align-items:center;gap:10px}
.qz-cantidad .qz-redondo{width:48px;height:48px;font-size:22px;font-weight:800}
/* El avance del pedido se lee sin color: lo hecho lleva ✓ y borde. */
.qz-avance{display:flex;gap:4px}
.qz-avance__paso{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;
  background:var(--qz-hoja2);border:2px dashed var(--qz-borde)}
.qz-avance__paso--hecho{background:var(--qz-bien-fondo);border:2px solid var(--qz-bien)}
.qz-avance__paso i{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:50%;background:var(--qz-bien);
  color:var(--qz-hoja);font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center}
/* Escribir: el campo se achica antes que los botones. */
.qz-escribir textarea{min-width:0}
@media (min-width:1100px){ [data-chat-cerrar]{display:none} }
.qz-etapa--pregunto{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}

/* Las tres cifras de Hoy: alineadas arriba; en el teléfono, lo vendido a todo el ancho. */
.qz-franja > *{align-content:start;display:grid;gap:2px}
@media (max-width:560px){ .qz-franja{grid-template-columns:repeat(2,minmax(0,1fr))} .qz-franja > :first-child{grid-column:1 / -1} }

/* Con la letra agrandada al 200 %, las cifras bajan de renglón en vez de cortarse. */
.qz-franja b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.qz-grupo-hoy > h2{font-size:var(--qz-t-titulo)}
.qz-tarea__que:focus{outline:3px solid var(--qz-info);outline-offset:2px;border-radius:6px}

.qz-tarea__boton{flex-wrap:wrap}
.qz-tarea__boton .qz-boton{white-space:nowrap;flex:0 1 auto}

/* Quitar una tarea: una ✕ de 48 arriba a la derecha, que no compite con la acción. */
.qz-tarea__arriba{flex-wrap:nowrap}
.qz-quitar{margin-left:auto;width:48px;height:48px;margin-block:-10px;margin-right:-10px;border:0;border-radius:50%;background:none;
  color:var(--qz-tenue);font-size:18px;cursor:pointer;flex:none}
.qz-quitar:hover{background:var(--qz-hoja2)}
@media (min-width:1100px){ .qz-hoy-compu > aside{position:sticky;top:12px} }

/* El foco nunca queda debajo de las barras fijas (2.4.11). */
html{scroll-padding:80px 0 calc(var(--qz-barra) + 16px)}
.qz-tarea{cursor:default}
/* Tema claro: las tarjetas llevan un filo, no solo sombra (1,09:1 sin él). */
:root{--qz-sombra:0 0 0 1px #DCE3DD, 0 1px 2px #081F1414, 0 4px 16px #081F140d}

/* Las doce modelos del plantel: la cara real, elegibles. */
.qz-modelos{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.qz-modelo{position:relative;display:grid;gap:2px;padding:6px 6px 10px;border-radius:14px;border:2px solid var(--qz-linea);background:var(--qz-hoja);
  font:inherit;color:inherit;text-align:center;cursor:pointer}
.qz-modelo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:var(--qz-hoja2)}
.qz-modelo b{margin-top:4px}
.qz-modelo span{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qz-modelo[aria-checked="true"]{border:3px solid var(--qz-tinta);background:var(--qz-menta)}
.qz-modelo__marca{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--qz-hoja);border:2px solid var(--qz-borde);font-weight:900}
.qz-modelo[aria-checked="true"] .qz-modelo__marca{background:var(--qz-tinta);border-color:var(--qz-tinta);color:var(--qz-hoja)}

/* Conversaciones, ronda 2 */
.qz-grupo-titulo{font-size:var(--qz-t-base);font-weight:800;color:var(--qz-tinta2);margin-top:4px}
.qz-bandeja--primero{box-shadow:inset 0 0 0 2px var(--qz-atencion-fondo), var(--qz-sombra)}
.qz-pestana--activa{background-color:var(--qz-tinta)!important;color:var(--qz-hoja)!important}
.qz-avance-txt{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;width:100%;font-size:var(--qz-t-chica);color:var(--qz-tenue)}
.qz-avance-txt li.hecho{color:var(--qz-bien);font-weight:700}
.qz-venta .qz-boton,.qz-segmento button{min-height:48px}
.qz-dia{justify-self:center;font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-tinta2);background:var(--qz-hoja);padding:2px 12px;border-radius:999px;margin:6px 0}
.qz-wa-nota{font-weight:500;max-width:min(92%,520px);text-align:center;border-radius:12px;padding:6px 12px;overflow-wrap:anywhere}
.qz-bandera{min-width:48px;min-height:48px;margin:-12px 0 -12px -12px;border:0;background:none;color:var(--qz-tenue);font-size:16px;cursor:pointer}
.qz-pildora{min-height:48px;padding:0 16px;border-radius:999px;border:2px solid var(--qz-borde);background:var(--qz-hoja);color:var(--qz-tinta);font:inherit;font-weight:700;cursor:pointer;flex:none}
.qz textarea::placeholder,.qz input::placeholder{color:var(--qz-tenue)}
.qz-entrada:focus{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-desglose{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0}
.qz-desglose dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:1099px){ .qz-en-chat .qz-chat{height:calc(100dvh - 24px)} }
.qz-bandera{font-size:var(--qz-t-chica);text-decoration:underline;text-underline-offset:3px;min-width:0;padding:0 10px 0 12px}

/* Ventas, ronda de módulo */
.qz-pedfila__dato{grid-column:1 / -1;color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-ojo{color:var(--qz-atencion);font-weight:700}
.qz-columnas{gap:4px;overflow:hidden}
.qz-columna{min-width:0}
.qz-columna span{font-size:var(--qz-t-chica);white-space:nowrap;overflow:hidden;text-overflow:clip}
/* En el teléfono, los últimos cuatro meses (siete no entran a 16 px). */
@media (max-width:480px){ .qz-columna:nth-last-child(n+5){display:none} }
.qz-periodo{max-width:100%}
.qz-periodo__sel{max-width:100%}
.qz-cabeza__fila > .qz-periodo{flex:0 1 auto;min-width:0}

.qz-etapa{white-space:normal;max-width:100%}
.qz-angosta{max-width:720px}
.qz-resultados{max-width:520px}
.qz-resultados dt,.qz-resultados dd{padding:6px 0;border-top:1px solid var(--qz-linea2)}

/* Ventas, ronda 2 */
.qz-fila-periodo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.qz-pedfila__lleva{white-space:normal;overflow:visible;text-overflow:clip}
.qz-casilla--si{background:var(--qz-tinta);border-color:var(--qz-tinta)}
.qz-eje__nombre{font-size:var(--qz-t-base);font-weight:800;color:var(--qz-tinta);margin:0 0 6px;letter-spacing:0;text-transform:none}
.qz-pasos2 li::before{box-shadow:inset 0 0 0 1px var(--qz-borde)}
.qz-costo{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:4px 12px;align-items:end}
.qz-costo__prod{grid-column:1;grid-row:1 / span 2;align-self:center;font-weight:700}
.qz-costo label{grid-column:2;font-size:var(--qz-t-chica)}
.qz-costo input{grid-column:2}
.qz-error{grid-column:1 / -1;color:var(--qz-problema);font-weight:700}
.qz-error:empty{display:none}
.qz-peligro{color:var(--qz-problema)}
.qz-boton--peligro{background:var(--qz-problema);color:var(--qz-sobre-problema)}
.qz-entrada[aria-invalid="true"]{border-color:var(--qz-problema)}
@media (max-width:560px){ .qz-pestanas{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none} }
.qz-pedfila{grid-template-columns:auto 56px minmax(0,1fr)}

/* Ventas, ronda 3 */
.qz-cifras--dos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:360px){ .qz-cifras--dos{grid-template-columns:1fr} }
.qz-cifras--dos .qz-cifra__valor{font-size:clamp(22px,6vw,var(--qz-t-cifra))}
.qz-boton-texto{background:none;border:0;padding:8px 0;min-height:48px;font:inherit;font-weight:700;color:inherit;text-align:left;cursor:pointer}
.qz-lote .qz-boton,.qz-lote .qz-enlace{min-height:48px}
.qz-columna--ahora i{background:var(--qz-bien)}

/* Studio: la foto nueva se marca en la esquina; decidir va debajo, con palabras. */
.qz-lugar__marca{position:absolute;top:6px;left:6px;font-size:var(--qz-t-chica);font-weight:800;padding:2px 8px;border-radius:8px}
.qz-lugar__marca--revisar{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qz-lugar__marca--ok{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qz-revisar{background:var(--qz-atencion-fondo);border-radius:12px;padding:12px;display:grid;gap:6px}
/* El aviso de error de cada hoja espera escondido: su display:grid le ganaba al [hidden] y
   quedaba una franja amarilla vacía (video del 25-sep, «Me llegó mercadería»). */
.qz-revisar[hidden]{display:none}
/* «¿De verdad tienes 99?» debajo del color: una frase que se entiende, no una etiqueta con «¿es real?». */
.qz-ojo-texto{background:var(--qz-atencion-fondo);border-radius:10px;padding:8px 12px;margin:0 0 10px;font-size:15px;line-height:1.4}
.qz-ojo-texto .qz-enlace{min-height:44px;padding:0 4px}

.qz-lugar__vacio .qz-boton{min-height:48px}
.qz-color__nombre{font-size:var(--qz-t-titulo);font-weight:700;margin:0}

/* Anuncios, ronda de módulo */
.qz-anuncio__cifras{display:flex;flex-wrap:wrap;gap:2px 14px;color:var(--qz-tinta2);margin:2px 0}
.qz-veredicto{font-weight:700;margin-top:-4px}
.qz-periodo .qz-entrada{min-height:48px}
.qz-entrada:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-tabla-exp tbody th{text-align:left;font-weight:600;position:sticky;left:0;background:var(--qz-hoja)}
.qz-tabla-caja:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
@media (min-width:900px){ .qz-cajon{width:min(720px,92vw)} }
@media (min-width:1100px){ .qz-embudo__fila{grid-template-columns:12em minmax(0,420px) 3.5em} }

/* Productos, ronda 2 */
.qz-lote[hidden]{display:none}
.qz-lote :focus-visible{outline-color:var(--qz-verde)}
.qz-modelo{border-color:var(--qz-borde)}
.qz-opcion[aria-pressed="true"],.qz-opcion[aria-checked="true"]{border-width:3px;border-color:var(--qz-tinta);background:var(--qz-menta);font-weight:800}
.qz-opcion[aria-pressed="true"]::before,.qz-opcion[aria-checked="true"]::before{content:"✓ "}
.qz-conteo{width:84px;min-height:48px;text-align:right}
.qz-tabla-exp tbody th[rowspan]{vertical-align:top}
details > summary{min-height:48px}

/* Tu tienda, ronda de módulo */
@media (min-width:900px){ .qz-pagina--angosta{max-width:720px} }
.qz-interruptor input:checked{border-color:var(--qz-tinta)}
.qz-horas{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}
.qz-hora{width:auto;min-height:48px}
.qz-elegir__op[disabled]{opacity:1;cursor:default;background:var(--qz-hoja2)}

/* El alta, ronda de módulo */
.qz-alta{max-width:600px}
.qz-alta__principal{display:grid;gap:24px;min-width:0}
.qz-alta__vista{display:none}
@media (min-width:1100px){
  .qz-alta--con-vista{max-width:1040px;grid-template-columns:minmax(0,600px) 360px;column-gap:48px;align-items:start}
  .qz-alta--con-vista .qz-alta__vista{display:grid;gap:8px;position:sticky;top:24px}
}
.qz-alta__tel{background:var(--qz-fondo);border:8px solid var(--qz-tinta);border-radius:28px;padding:14px;display:grid;gap:8px;min-height:420px;align-content:start}
.qz-alta__tel-quien{display:grid;border-bottom:1px solid var(--qz-linea2);padding-bottom:8px}
.qz-alta__tel-quien span{font-size:var(--qz-t-chica);color:var(--qz-bien)}
.qz-alta__tel-foto{width:60%;border-radius:12px;justify-self:end}
.qz-tel{display:flex;gap:8px;align-items:stretch}
.qz-tel__pref{display:grid;place-items:center;padding:0 12px;border-radius:12px;background:var(--qz-hoja2);white-space:nowrap;font-weight:700;min-height:52px}
.qz-puntos{display:flex;gap:8px;margin:0}
.qz-puntos span{width:10px;height:10px;border-radius:50%;background:var(--qz-hoja3);box-shadow:inset 0 0 0 1px var(--qz-borde)}
.qz-puntos span.si{background:var(--qz-tinta)}
.qz-separador span{padding:0 8px}
.qz-lista-simple{display:grid;gap:4px}
.qz-lista-simple h2{margin-top:10px}
.qz-icono-compartir{display:inline-grid;vertical-align:middle;padding:2px;border-radius:6px;background:var(--qz-hoja2)}
.qz-cabeza__titulo:focus{outline:none}
.qz-cabeza__titulo:focus-visible{outline:3px solid var(--qz-info);outline-offset:4px}

/* Tu tienda, ronda 2 */
.qz-hora{width:5.25em;min-height:48px;text-align:center;padding-inline:4px}
.qz-horas{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}
.qz-interruptor input:not(:checked)::after{background:var(--qz-borde)}
.qz-interruptor input:disabled{opacity:.55}
.qz-pagina--angosta .qz-elegir__op[aria-checked]{border-width:1px}
.qz-pagina--angosta .qz-elegir__op[aria-checked="true"]{border-width:2px}

.qz-acciones--centro{justify-content:center;flex-direction:column;align-items:stretch;text-align:center}
.qz-acciones--centro .qz-enlace{justify-content:center}
.qz-alta__hito{color:var(--qz-bien);font-weight:700;font-size:var(--qz-t-chica)}

/* Íconos de línea (QZ.ico) en lugar de emojis: del tamaño de la letra y del color del texto. */
.qz-ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;flex:none}
.qz-logo-marca .qz-ico{width:60%;height:60%;vertical-align:middle}
.qz-sinfoto .qz-ico{width:40px;height:40px}
.qz-redondo .qz-ico{width:24px;height:24px}
.qz-logo{min-height:44px}
.qz-tarea__pierde{grid-column:2;margin:0;color:var(--qz-tinta);font-size:var(--qz-t-chica)}

/* Cajón «al lado» (compu): convive con la bandeja y el chat en vez de taparlos. Hasta 1440 px la
   lista se pliega mientras está abierto (chat + carrito); desde 1440 caben las tres columnas. */
@media (min-width:1100px){
  .qz-capa--lado .qz-cajon{width:420px!important;box-shadow:-1px 0 0 var(--qz-linea),-8px 0 24px rgba(0,0,0,.06)}
  .qz-con-lado .qz-contenido{margin-right:420px;width:auto;min-width:0}
  .qz-con-lado .qz-dos{grid-template-columns:1fr}
  .qz-con-lado .qz-dos > :first-child{display:none}
}
@media (min-width:1440px){
  .qz-con-lado .qz-dos{grid-template-columns:minmax(300px,340px) 1fr}
  .qz-con-lado .qz-dos > :first-child{display:block}
}

/* Alta en el teléfono: la acción de cada paso queda fija al pie, aunque el paso sea largo (rúbrica T1). */
@media (max-width:699px){
  .qz-alta__pie{position:sticky;bottom:0;z-index:5;background:var(--qz-fondo);margin-inline:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -1px 0 var(--qz-linea)}
}

/* Horarios: «09:00 a 18:00» en una fila; el [hidden] del equipo no lo pisa el display del grupo. */
.qz-horas__rango{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
/* En el teléfono «Miércoles 09:00 a 18:00 Cerrar» no entra: la página se corría 43 px de
   costado (QA de V2, 29-sep). Las horas siguen en una fila; «Cerrar» baja si no cabe. */
@media (max-width: 480px){
  .qz-horas{grid-template-columns:auto minmax(0,1fr);gap:8px 10px}
  .qz-horas__rango{flex-wrap:wrap}
}
.qz-elegir[hidden]{display:none}

/* ── Conversaciones como WhatsApp (24-sep) ─────────────────────────────────────
   Lista de dos líneas sin tarjetas, buscar + filtros en una fila que se desliza,
   la venta como franja anclada arriba del chat y una línea de quién contesta. */
.qz-wa-pagina{gap:12px}
.qz-wa-lista{display:grid;gap:10px;align-content:start;min-width:0}
.qz-wa-buscar{display:flex;align-items:center;gap:10px;background:var(--qz-hoja2);border-radius:24px;padding:0 16px;min-height:48px;color:var(--qz-tenue)}
.qz-wa-buscar:focus-within{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-wa-buscar input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;color:var(--qz-tinta);min-height:48px;outline:none}
.qz-wa-buscar input::placeholder{color:var(--qz-tenue)}
.qz-wa-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px}
.qz-wa-chips::-webkit-scrollbar{display:none}
.qz-wa-chip{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--qz-hoja2);color:var(--qz-tinta2);
  font:inherit;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap}
.qz-wa-chip[aria-pressed="true"]{background:var(--qz-bien-fondo);color:var(--qz-bien);box-shadow:inset 0 0 0 2px var(--qz-bien)}
.qz-wa-chip b{font-weight:800;margin-left:2px}
.qz-wa-filas{background:var(--qz-hoja);margin-inline:-16px}
.qz-wa-fila{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;
  align-items:center;width:100%;min-height:76px;padding:10px 16px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.qz-wa-fila + .qz-wa-fila::before{content:"";position:absolute;top:0;left:80px;right:0;border-top:1px solid var(--qz-linea2)}
.qz-wa-fila:hover,.qz-wa-fila[aria-current="true"]{background:var(--qz-hoja2)}
.qz-wa-fila__avatar{grid-row:1 / span 2;width:52px;height:52px;position:relative;font-size:17px}
.qz-wa-fila__tu{position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;border-radius:50%;background:var(--qz-tinta);color:var(--qz-hoja);
  display:grid;place-items:center;box-shadow:0 0 0 2px var(--qz-hoja)}
.qz-wa-fila__tu .qz-ico{width:14px;height:14px;vertical-align:0}
.qz-wa-fila__nombre{font-weight:700;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qz-wa-fila__hora{font-size:16px;color:var(--qz-tenue);white-space:nowrap;justify-self:end;font-variant-numeric:tabular-nums}
.qz-wa-fila--espera .qz-wa-fila__hora{color:var(--qz-bien);font-weight:800}
.qz-wa-fila__texto{color:var(--qz-tenue);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qz-wa-fila__texto b{font-weight:600;color:var(--qz-tinta2)}
.qz-wa-fila__der{display:flex;gap:6px;align-items:center;justify-self:end}
.qz-wa-fila__der .qz-etapa{white-space:nowrap;padding:1px 8px}
.qz-wa-punto{width:22px;height:22px;border-radius:50%;background:var(--qz-verde);flex:none;box-shadow:inset 0 0 0 1px #0000001a}
.qz-wa-punto--frio{background:var(--qz-borde)}
.qz-wa-mas{justify-self:center;min-height:44px}
.qz-wa-clientes{min-height:44px;padding:6px 14px;gap:6px}
@media (min-width:1100px){
  .qz-wa-filas{margin-inline:0;border-radius:var(--qz-r);box-shadow:var(--qz-sombra);overflow:hidden}
  .qz-wa-chips{margin-inline:0;padding-inline:0;flex-wrap:wrap}
  /* La lista crece con la pantalla y se puede ensanchar arrastrando su borde (--qz-lista, p-main.js). */
  .qz-wa-dos{grid-template-columns:var(--qz-lista,clamp(360px,24vw,520px)) minmax(0,1fr)}
}
/* el chat */
.qz-wa-pagina-chat{padding:0!important}
.qz-wa-chat .qz-chat__quien{background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;min-height:44px}
.qz-wa-venta{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qz-wa-venta__que{flex:1;min-width:0;display:flex;gap:10px;align-items:center;background:none;border:0;font:inherit;color:inherit;text-align:left;
  cursor:pointer;min-height:48px;padding:0}
.qz-wa-venta__que > img,.qz-wa-venta__ico{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:var(--qz-hoja2);display:grid;place-items:center}
.qz-wa-venta__que > span:last-child{min-width:0}
.qz-wa-venta__que b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-wa-venta__que small{display:block;font-size:16px;color:var(--qz-tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-wa-venta .qz-boton{min-height:44px;padding:8px 14px;flex:none}
.qz-wa-venta__enlace{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--qz-linea2);
  background:var(--qz-hoja);color:inherit;cursor:pointer}
.qz-wa-venta__enlace:hover{background:var(--qz-hoja2)}.qz-wa-venta__enlace .qz-ico{width:20px;height:20px}
.qz-enlace-carrito{display:grid;gap:12px}
.qz-enlace-carrito__url{font:inherit;font-size:15px;width:100%;min-height:48px;padding:10px 12px;border-radius:10px;border:1px solid var(--qz-linea2);
  background:var(--qz-hoja2);color:inherit;text-overflow:ellipsis}
.qz-enlace-carrito__estado{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qz-enlace-carrito__estado li{display:flex;gap:10px;align-items:baseline}.qz-enlace-carrito__estado b{min-width:7.5em;font-weight:600}
.qz-wa-mensajes{gap:3px}
.qz-wa-burbuja{border-radius:10px;max-width:82%;box-shadow:0 1px 1px #081F1420;padding:6px 10px 6px}
.qz-wa-burbuja--primera{margin-top:8px}
.qz-wa-burbuja small{float:right;margin:8px 0 -4px 12px;color:var(--qz-tenue)}
.qz-wa-burbuja .qz-bandera{display:block;clear:both;min-height:44px;margin:2px 0 -4px}
.qz-wa-atiende{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;padding:4px 12px;background:var(--qz-hoja2);font-size:16px;
  color:var(--qz-tinta2);border-top:1px solid var(--qz-linea2)}
.qz-wa-atiende .qz-enlace{margin-left:auto;min-height:44px}
.qz-wa-atiende > span{flex:1 1 12em}
.qz-wa-chat .qz-escribir .qz-redondo:first-child{font-size:28px;font-weight:500}
@media (max-width:1099px){ .qz-wa-chat{border-radius:0;box-shadow:none} }
/* La cifra de la franja no se corta nunca: el estado puede ocupar dos líneas. */
.qz-wa-venta__que b{white-space:normal;overflow:visible;line-height:1.25}

/* ── Ventas como los Pedidos de Shopify (24-sep) ───────────────────────────────
   Fila: número y cliente, total, los dos estados (pago y envío) y un dato gris.
   Ficha: página con tarjetas (Prendas, Pago, Cliente, Historial). */
.qz-vp{gap:10px}
.qz-vp-resumen{margin:0;color:var(--qz-tinta2)}
.qz-vp-fila{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;padding:0 8px 0 4px}
.qz-vp-fila + .qz-vp-fila::before{content:"";position:absolute;top:0;left:56px;right:0;border-top:1px solid var(--qz-linea2)}
.qz-vp-fila__abrir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;min-height:88px;padding:10px 8px 10px 0;
  border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.qz-vp-fila:hover{background:var(--qz-hoja2)}
.qz-vp-fila__quien{font-weight:700;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qz-vp-fila__quien .qz-tenue{font-weight:600;font-variant-numeric:tabular-nums}
.qz-vp-fila__total{font-weight:800;font-size:17px;justify-self:end}
.qz-vp-fila__estados{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}
.qz-vp-fila__dato{grid-column:1 / -1;color:var(--qz-tenue);font-size:16px}
.qz-vp-pagina{gap:16px}
.qz-vp-pagina .qz-cabeza{display:grid;gap:8px}
.qz-vp-cuerpo{display:grid;gap:14px;align-items:start}
@media (min-width:1100px){
  .qz-vp-cuerpo{grid-template-columns:minmax(0,1fr) 340px}
  .qz-vp-cuerpo > *{grid-column:1}
  .qz-vp-cuerpo > .qz-vp-card--lado{grid-column:2;grid-row:1 / span 2}
}
.qz-vp-card{display:grid;gap:12px}
.qz-vp-card__cabeza{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.qz-vp-card__cabeza .qz-tarjeta__que{margin:0}
.qz-vp-lineas{display:grid;gap:10px}
.qz-vp-linea{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.qz-vp-linea img,.qz-vp-linea__sin{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--qz-hoja2);display:grid;place-items:center;color:var(--qz-tenue)}
.qz-vp-historia{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--qz-tinta2)}

/* Productos: «Rehacer» en cada foto y las opcionales plegadas (24-sep). */
.qz-lugar__rehacer{display:block;margin:0 auto;min-height:44px;font-size:16px}
.qz-opcionales{margin-top:4px}
.qz-opcionales > summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;color:var(--qz-tinta2)}
.qz-lugares--dos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:66%}
@media (max-width:699px){ .qz-lugares--dos{max-width:none} }
.qz-lugares{align-items:start}

/* ── Formas de negocio (24-sep): servicios, trabajos, autos, agenda, cotizaciones, interesados ── */
.qz-fe-ejemplo{margin:0;padding:8px 12px;border-radius:var(--qz-r-chico);background:var(--qz-info-fondo);color:var(--qz-info);font-weight:600}
.qz-fe-filas{display:grid}
.qz-fe-fila{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:76px;padding:10px 16px;
  border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.qz-fe-fila + .qz-fe-fila::before{content:"";position:absolute;top:0;left:72px;right:0;border-top:1px solid var(--qz-linea2)}
.qz-fe-fila:hover{background:var(--qz-hoja2)}
.qz-fe-fila__ico{width:44px;height:44px;border-radius:12px;background:var(--qz-menta);display:grid;place-items:center;color:var(--qz-bien)}
.qz-fe-fila__ico svg{width:24px;height:24px}
.qz-fe-fila__que{min-width:0;display:grid}
.qz-fe-fila__que b{font-size:17px}
.qz-fe-fila__que span,.qz-fe-fila__der span{color:var(--qz-tenue);font-size:16px}
.qz-fe-fila__der{display:grid;justify-items:end;text-align:right}
.qz-fe-autos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.qz-fe-auto{display:grid;gap:8px;padding:0 0 12px;border:0;border-radius:var(--qz-r);background:var(--qz-hoja);box-shadow:var(--qz-sombra);overflow:hidden;
  font:inherit;color:inherit;text-align:left;cursor:pointer}
.qz-fe-auto__foto{aspect-ratio:16/10;background:var(--qz-hoja2);display:grid;place-items:center;align-content:center;gap:4px;color:var(--qz-tenue)}
.qz-fe-auto__foto svg{width:56px;height:56px}
.qz-fe-auto__que,.qz-fe-auto__pie{padding:0 14px;display:grid;gap:2px}
.qz-fe-auto__que b{font-size:17px}
.qz-fe-auto__que span{color:var(--qz-tenue)}
.qz-fe-auto__pie{grid-auto-flow:column;justify-content:space-between;align-items:center}
.qz-fe-auto__pie b{font-size:18px}
.qz-fe-dia{margin:0;padding:12px 16px 4px;font-weight:800;color:var(--qz-tinta2);background:var(--qz-hoja2)}
.qz-fe-cita{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;min-height:88px;padding:12px 16px;
  border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-top:1px solid var(--qz-linea2)}
.qz-fe-cita:hover{background:var(--qz-hoja2)}
.qz-fe-cita__hora{font-weight:800;font-size:18px}
.qz-fe-cita__que{display:grid;gap:4px;min-width:0}
.qz-fe-cita__que b{font-size:17px}
.qz-fe-cita__que > span:not(.qz-vp-fila__estados){color:var(--qz-tenue)}
.qz-fe-cita__plata{font-weight:700}
.qz-vp-fila--sin-casilla{grid-template-columns:minmax(0,1fr);padding-left:16px}
.qz-vp-fila + .qz-vp-fila--sin-casilla::before{left:16px}
.qz-fe-tablero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.qz-fe-col{display:grid;gap:8px;padding:10px;border-radius:var(--qz-r);background:var(--qz-hoja2);min-height:200px;align-content:start}
.qz-fe-col__t{font-size:17px;margin:4px 4px 2px}
.qz-fe-cols{display:grid;gap:10px}
.qz-fe-op{display:grid;gap:4px;justify-items:start;width:100%;padding:12px 14px;border:0;border-radius:var(--qz-r-chico);background:var(--qz-hoja);box-shadow:var(--qz-sombra);
  font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px}
.qz-fe-op > span{color:var(--qz-tenue)}
.qz-fe-op .qz-fe-op__prox{color:var(--qz-tinta2);font-weight:600}
.qz-fe-op .qz-fe-op__prox.qz-ojo{color:var(--qz-atencion)}
.qz-tarea__img svg{width:26px;height:26px}
/* Un nombre de tienda largo no aprieta el botón de Tu tienda: el nombre se corta. */
.qz-arriba .qz-yo{flex:none;min-width:48px}
.qz-arriba .qz-logo{min-width:0}
.qz-arriba__tienda{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qz-fe-fila__que b{overflow-wrap:anywhere}
/* «¿Qué vendes?» en dos columnas desde la tableta. */
@media (min-width:600px){ .qz-elegir--dos{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* El aviso (25-sep, prueba 55+): tapaba la tarjeta o el cuadro de escribir. Ahora es una franja
   del ancho de la pantalla sobre la barra; dentro del chat va arriba. */
.qz-aviso{left:16px;right:16px;transform:none;margin:0 auto;max-width:560px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;justify-content:space-between}
html:has(.qz-en-chat) .qz-aviso{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}

/* El nombre de la tienda lleva a Tu tienda (prueba 55+: el círculo «FC» no dice adónde va). */
.qz-arriba .qz-arriba__tienda{flex:1;min-width:0;min-height:44px;line-height:44px;display:block;color:inherit;text-decoration:none;font-weight:800;font-size:18px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Fotos y audios en el chat: se ven como tales (antes, la palabra «Foto»). */
.qz-wa-media{display:inline-flex;align-items:center;gap:6px;color:var(--qz-tinta2);font-weight:600}
.qz-wa-media--foto{flex-direction:column;justify-content:center;width:160px;height:120px;border-radius:8px;background:var(--qz-hoja2);color:var(--qz-tenue)}
.qz-wa-media--foto .qz-ico{width:32px;height:32px}

/* La nota de voz del cliente se escucha (p-voz.js). La transcripción va abajo, chica y con su etiqueta. */
.qz-voz{display:flex;align-items:center;gap:8px;min-width:220px;max-width:100%;padding:2px 0}
.qz-voz audio{display:none}
.qz-voz__play{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--qz-verde);color:var(--qz-sobre-verde);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.qz-voz__play svg [hidden]{display:none}
.qz-voz__medio{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.qz-voz__barra{width:100%;height:24px;margin:0;accent-color:var(--qz-bien);touch-action:pan-y}
.qz-voz__pie{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--qz-tenue);font-variant-numeric:tabular-nums}
.qz-voz__vel{min-width:44px;min-height:32px;border:1px solid var(--qz-borde);border-radius:16px;background:transparent;color:inherit;font-size:12px;font-weight:700;cursor:pointer}
.qz-voz__error,.qz-voz-no{display:block;font-size:13px;color:var(--qz-tenue)}
.qz-voz__desc{color:inherit;text-decoration:underline;font-weight:600}
.qz-voz__et{display:block;margin-top:6px;font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--qz-tenue)}
.qz-voz__texto{display:block;font-size:13px;line-height:1.35;color:var(--qz-tinta2)}
@media (prefers-reduced-motion:no-preference){ .qz-voz__play{transition:transform .12s ease-out} .qz-voz__play:active{transform:scale(.94)} }

/* Tu tienda en la compu: las dos secciones lado a lado. */
@media (min-width:1100px){ .qz-tienda-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start} }
.qz-tienda-dos > .qz-seccion{gap:12px}
/* La agenda del día en columnas (una por quien atiende). */
.qz-fe-agenda{display:grid;gap:12px;align-items:start}
.qz-fe-agenda__col{display:grid;gap:8px;padding:10px;border-radius:var(--qz-r);background:var(--qz-hoja2);align-content:start;min-height:260px}
.qz-fe-libre{margin:0;padding:10px 14px;border:2px dashed var(--qz-borde);border-radius:var(--qz-r-chico);color:var(--qz-tinta2)}
.qz-fe-op--no_vino{opacity:.75}

/* Acciones sobre un mensaje (25-sep): opciones, cita, reacción, emojis. */
.qz-wa-burbuja{position:relative;padding-right:40px}
.qz-wa-opciones{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:none;color:var(--qz-tenue);cursor:pointer;display:grid;place-items:start end;padding:6px 8px}
.qz-wa-opciones .qz-ico{width:18px;height:18px}
@media (hover:hover){ .qz-wa-opciones{opacity:0} .qz-wa-burbuja:hover .qz-wa-opciones,.qz-wa-opciones:focus-visible{opacity:1} }
.qz-wa-cita{display:block;margin:2px 0 6px;padding:6px 10px;border-left:4px solid var(--qz-bien);border-radius:6px;background:#081F140d;color:var(--qz-tinta2)}
.qz-wa-cita b{display:block;color:var(--qz-bien)}
.qz-wa-burbuja--reac{margin-bottom:14px}
.qz-wa-reac{position:absolute;bottom:-16px;right:12px;background:var(--qz-hoja);border-radius:999px;padding:0 8px;box-shadow:var(--qz-sombra);font-size:17px;line-height:28px}
.qz-wa-respondiendo{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--qz-hoja2);border-top:1px solid var(--qz-linea2)}
.qz-wa-respondiendo > span{flex:1;min-width:0;border-left:4px solid var(--qz-bien);padding-left:10px}
.qz-wa-respondiendo b{display:block;color:var(--qz-bien)}
.qz-emoji{font-size:24px;min-width:48px;min-height:48px}
.qz-emojis--grilla{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:6px}
.qz-emojis--grilla .qz-emoji{border:0;border-radius:12px;background:var(--qz-hoja2);cursor:pointer}

/* Descuentos y promociones (25-sep). */
.qz-promo{display:grid;gap:8px}
.qz-promo-ideas{display:grid;gap:8px}
@media (min-width:700px){ .qz-promo-ideas{grid-template-columns:repeat(2,minmax(0,1fr))} }
.qz-promo-ideas .qz-ajuste{border:1px solid var(--qz-linea);border-radius:var(--qz-r-chico);background:var(--qz-hoja)}

/* Análisis para expertos (25-sep). */
.qz-an .qz-tabla-caja{max-height:none}
.qz-an-dicen ul{margin:0;padding-left:20px;display:grid;gap:10px}
.qz-an-dicen li{line-height:1.5}
.qz-an-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){ .qz-an-cifras{grid-template-columns:repeat(3,minmax(0,1fr))} }
.qz-an-orden{border:0;background:none;font:inherit;font-weight:800;color:inherit;cursor:pointer;min-height:44px;padding:0;text-align:left;white-space:nowrap}
.qz-an-tabla td,.qz-an-tabla th{white-space:nowrap}
.qz-an-mapa{border-collapse:separate;border-spacing:2px;font-size:16px}
.qz-an-mapa th{font-weight:600;color:var(--qz-tenue);padding:0 4px;text-align:left}
.qz-an-mapa thead th{font-size:16px;text-align:center;min-width:22px}
.qz-an-mapa td{width:22px;height:26px;border-radius:4px;background:color-mix(in srgb, var(--qz-bien) calc(var(--i) * 100%), var(--qz-hoja2))}
.qz-an-mapa td.qz-an-mapa--equipo{box-shadow:inset 0 0 0 2px var(--qz-borde)}
.qz-an-dos{display:grid;gap:12px}
@media (min-width:900px){ .qz-an-dos{grid-template-columns:repeat(2,minmax(0,1fr))} }
.qz-an-barras div{grid-template-columns:8em 1fr 4em}
.qz-tabla-caja{position:relative}
.qz-an-tabla tbody th{text-align:left}
.qz-an-tabla thead th:first-child{text-align:left}
/* Alta: «¿Qué quieres que haga Qezi?» se marcan varias (casilla dentro del botón con role=checkbox). */
.qz-elegir__op[role="checkbox"][aria-checked="true"] .qz-casilla{background:var(--qz-tinta);border-color:var(--qz-tinta)}
/* Producción: la foto de verdad dentro de la burbuja (la bandeja de siempre la muestra igual). */
.qz-wa-foto{display:block;max-width:min(240px,100%);max-height:320px;border-radius:8px;margin:2px 0 4px;object-fit:cover}
/* Foto que no cargó (enlace de Meta vencido): se deja el hueco, sin el ícono roto ni el texto alternativo encima. */
img.qz-img-rota{visibility:hidden}
/* El nombre de la tienda, cuando hay varias, es un botón que abre «Tus tiendas». */
.qz-arriba button.qz-arriba__tienda,.qz-lateral button.qz-lateral__tienda,button.qz-lateral__tienda{background:none;border:0;font-family:inherit;color:inherit;cursor:pointer;text-align:left;
  display:flex;align-items:center;gap:4px;min-height:44px;border-radius:var(--qz-r-chico,8px)}
button.qz-arriba__tienda svg,button.qz-lateral__tienda svg{flex:none;width:20px;height:20px}
button.qz-lateral__tienda{width:100%;margin-top:6px}
.qz-renglon[aria-current="true"]{box-shadow:inset 3px 0 0 var(--qz-verde)}
/* El carrusel como lo vio el cliente: tarjetas 1,91:1 una al lado de la otra, con su pie. */
/* El hilo tiene UNA columna del ancho de la caja (FC, 25-sep: «el mensaje no está fited»). Sin
   esto la columna de la grilla toma el ancho de lo más ancho que haya adentro —un carrusel de
   6 tarjetas medía 2.122 px— y todas las burbujas quedaban en una sola línea, con barra de lado. */
.qz-mensajes{grid-template-columns:minmax(0,1fr)}
.qz-wa-carr-et{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:4px}
.qz-wa-carr{display:flex;gap:8px;overflow-x:auto;padding:6px 0 4px;max-width:min(560px,100%);scroll-snap-type:x mandatory}
.qz-wa-carr__t{flex:0 0 200px;scroll-snap-align:start;border-radius:10px;overflow:hidden;background:var(--qz-hoja);color:inherit;text-decoration:none;display:flex;flex-direction:column;min-height:44px}
.qz-wa-carr__t img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}
.qz-wa-carr__t span{padding:6px 8px;font-size:var(--qz-t-base,16px);line-height:1.3}
.qz-wa-fallo{display:block;margin-top:4px;font-weight:700;color:var(--qz-problema)}
.qz-wa-check{margin-left:4px;font-weight:700;letter-spacing:-3px;color:var(--qz-tenue)}
.qz-wa-check--leido{color:#53bdeb}
.qz-wa-check--reloj{letter-spacing:0;font-weight:400}
/* Producción: lo que todavía no tiene servidor no se muestra (sprints/v2-cableado.md). */
.qz-prod [data-p="sendifico"],.qz-prod [data-lote="guias"],.qz-prod .qz-aviso__deshacer,.qz-prod [data-solo-prototipo]{display:none!important}
.qz-prod [data-accion="pausar-anuncio"],.qz-prod [data-un-dia-mas]{display:none!important}

/* ═══ LA BARRA DE LA COMPU EN ÍCONOS Y EL CHAT A LO ALTO (FC, 25-sep: «el chat está corto:
   minimizar la barra lateral y que queden íconos») ══════════════════════════════════════ */
.qz-lateral__sigla{display:none}
.qz-lateral__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-lateral__plegar{background:none;border:0;font:inherit;cursor:pointer;width:100%;text-align:left}
@media (min-width:900px){
  .qz-app--riel{grid-template-columns:88px 1fr}
  .qz-app--riel .qz-lateral{padding:16px 12px;align-items:center}
  .qz-app--riel .qz-lateral .qz-logo{padding:4px 0!important}
  .qz-app--riel .qz-lateral .qz-logo svg{width:52px;height:auto}
  .qz-app--riel .qz-lateral__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .qz-app--riel .qz-lateral__tienda{padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:2px}
  .qz-app--riel .qz-lateral__tienda svg{width:16px;height:16px}
  .qz-app--riel .qz-lateral__sigla{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--qz-hoja2);font-size:16px;font-weight:800}
  .qz-app--riel .qz-lateral__ir{justify-content:center;width:56px;padding:12px 0;position:relative}
  .qz-app--riel .qz-lateral__cuenta{position:absolute;top:2px;right:0;margin:0;min-width:22px;padding:0 5px;line-height:22px}
  .qz-app--riel .qz-lateral__pie{justify-items:center}
}
/* Chats como WhatsApp Web: la lista y el chat llenan el alto y la lista se desliza sola. */
@media (min-width:1100px){
  .qz-contenido:has(.qz-wa-dos){max-width:none}
  .qz-wa-pagina .qz-wa-dos{height:calc(100dvh - 96px);align-items:stretch}
  .qz-wa-pagina .qz-wa-dos > .qz-wa-lista{height:100%;overflow-y:auto;min-height:0}
  .qz-wa-pagina .qz-wa-dos .qz-wa-chat{height:100%!important;min-height:0}
  .qz-wa-pagina .qz-wa-dos > .qz-vacio{height:100%}
}
/* iPhone: el chat abierto no se mete debajo de la hora y la batería (FC, 25-sep: «no debería
   llegar tan arriba»). La barra de arriba, que tenía ese margen, se esconde en el chat. */
@media (max-width:1099px){
  .qz-en-chat .qz-contenido{padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  .qz-en-chat .qz-chat{height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
}
/* iPhone (lo que vio FC en el video del 25-sep):
   - al deslizar, el texto pasaba por detrás de la hora: la barra de arriba se pegaba DEBAJO de la
     franja del reloj y dejaba ese hueco transparente; ahora se pega arriba y la franja es suya;
   - «Chats» y «Ventas» quedaban medio tapados: al enfocar el título la página lo subía hasta el
     borde, debajo de la barra pegada (scroll-padding lo deja a la vista);
   - el «Despachar» de Hoy quedaba debajo de la barra de abajo: faltaba el alto del gesto de inicio. */
@media (max-width:899px){
  .qz-arriba{top:0;padding-top:calc(6px + env(safe-area-inset-top,0px))}
  html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
  .qz-contenido{padding-bottom:calc(var(--qz-barra) + 24px + env(safe-area-inset-bottom,0px))}
}
/* Los filtros de Ventas van en dos renglones si no caben: «En camino» y «Cerrados» quedaban
   fuera de la pantalla, a la derecha, sin ninguna pista de que existían (video del 25-sep). */
.qz-wa-chips--envuelve{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}

/* ═══ EN LA COMPU LA APP ES UN CONTENEDOR QUIETO (FC, 25-sep: «la app para web no está estática,
   como que no es un container, entonces los elementos hacen el scroll raro»; «se mueve la página»,
   «la lista no se desliza») ══════════════════════════════════════════════════════════════════
   La app mide exactamente la pantalla y la página nunca se desliza: lo que se desliza es la zona
   de contenido (.qz-desliza, con su barra en el borde de la pantalla y no en medio). En Chats,
   además, la lista y el hilo se deslizan cada uno por su lado, como WhatsApp Web: antes la caja
   de la lista cortaba en 7 las 30 filas (overflow:hidden) y la página medía 40 px de más, así que
   al deslizar se movía todo. `overscroll-behavior` evita que llegar al final de una caja arrastre
   a la de afuera. En el teléfono sigue deslizándose la página (Safari se porta mejor así). */
@media (min-width:900px){
  .qz-app{height:100vh;height:100dvh;min-height:0;overflow:hidden}
  /* position:relative: sin él, los textos para el lector (.qz-oculto-lector, absolutos) se medían
     contra la página y la estiraban (Anuncios medía 2.039 px aunque la app midiera 700). */
  .qz-desliza{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;min-width:0;position:relative}
  html:has(.qz-app),html:has(.qz-app) body{overflow:hidden}
  .qz-lateral{height:100%;overflow-y:auto;overscroll-behavior:contain}
}
@media (min-width:1100px){
  /* Solo Chats (lista + hilo, .qz-wa-dos): Productos usa .qz-wa-pagina y sin esto no se deslizaba (FC, 25-sep). */
  .qz-desliza:has(.qz-wa-dos){overflow:hidden}
  .qz-contenido:has(.qz-wa-dos){height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:16px}
  .qz-contenido > .qz-wa-pagina:has(.qz-wa-dos){flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:0}
  .qz-wa-pagina .qz-wa-dos{flex:1;min-height:0;height:auto;grid-template-rows:minmax(0,1fr)}
  .qz-wa-pagina .qz-wa-dos > .qz-wa-lista{display:flex;flex-direction:column;gap:10px;overflow:hidden;height:auto}
  .qz-wa-pagina .qz-wa-lista > *{flex:none}
  .qz-wa-pagina .qz-wa-lista > .qz-wa-filas{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .qz-wa-pagina .qz-wa-mas{align-self:center}
  .qz-mensajes{overscroll-behavior:contain}
}
/* Con pocos mensajes, la grilla estiraba cada renglón hasta llenar el alto: «Hoy» era una
   píldora gigante y un solo mensaje, una caja de media pantalla (25-sep). */
.qz-mensajes{align-content:start}

/* De qué anuncio llegó, arriba del hilo (p-conversaciones.js › anuncio). Se abre al tocar:
   el texto de un anuncio no entra en una línea y en el teléfono no hay dónde pasar el mouse. */
.qz-wa-anuncio{margin:0;padding:6px 14px;background:var(--qz-hoja2);border-bottom:1px solid var(--qz-borde);font-size:15px}
.qz-wa-anuncio summary{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;min-height:36px;cursor:pointer}
.qz-wa-anuncio summary b{background:var(--qz-menta);color:var(--qz-tinta);border-radius:999px;padding:2px 10px;font-size:var(--qz-t-minima)}
.qz-wa-anuncio p{margin:6px 0 4px;white-space:pre-line}

/* Qué foto es, en el cajón de fotos del chat (p-vivo.js › hojaFotos): la puesta se reconoce. */
.qz-ficha__tipo{position:absolute;left:4px;bottom:4px;right:4px;background:#000a;color:#fff;font-size:var(--qz-t-minima);font-weight:700;
  line-height:1.2;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}

/* El contacto arriba de la ficha del cliente (p-conversaciones.js › hojaPerfil). */
.qz-contacto__tel{font-size:24px;margin:4px 0 8px;user-select:all}

/* ── LA CIFRA DEL DÍA arriba de Hoy (growth-cimientos, p-hoy.js cifraDelDia) ── */
.qz-cifra{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px;padding:10px 12px;border-radius:12px;
  background:var(--qz-hoja);box-shadow:var(--qz-sombra)}
.qz-cifra__que{font-size:var(--qz-t-chica);color:var(--qz-tenue);font-weight:600}
.qz-cifra__monto{font-size:clamp(20px,5.5vw,28px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.qz-cifra__como{flex-basis:100%;font-size:var(--qz-t-chica);color:var(--qz-tinta2);line-height:1.3}


/* ── HOY: OPORTUNIDADES, META Y «PREGÚNTALE A QEZI» (growth-oportunidades, p-oportunidades.js) ── */
.qz-hoy-principal{display:grid;gap:28px;min-width:0}
.qz-hoy-sec{min-width:0}
.qz-hoy-principal>.qz-hoy-sec{display:grid;gap:12px}
.qz-oport__intro{margin:-4px 0 4px}
.qz-oport{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:14px 16px;display:grid;gap:6px}
.qz-oport__arriba{display:flex;flex-wrap:wrap;gap:6px}
.qz-oport__que{font-size:var(--qz-t-titulo);font-weight:800;line-height:1.25;margin:0}
.qz-oport__porque{margin:0;color:var(--qz-tinta2);line-height:1.45}
.qz-oport__botones{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:4px}
.qz-oport__botones .qz-boton{min-height:44px}
.qz-oport__cita{margin:8px 0;padding:10px 14px;border-left:4px solid var(--qz-linea);background:var(--qz-hoja2);border-radius:8px;white-space:pre-line}
.qz-oport__hechas summary,.qz-preg__fuentes summary,.qz-preg__previas summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.qz-oport__lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qz-oport__lista li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--qz-linea2)}
.qz-oport__lista li>span{flex:1 1 100%}
.qz-meta{display:grid;gap:10px;margin-bottom:20px}
.qz-meta__ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qz-meta__op{font:inherit;text-align:left;display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:2px solid var(--qz-linea);background:var(--qz-hoja);color:var(--qz-tinta);cursor:pointer;min-height:44px}
.qz-meta__op b{font-size:22px;font-variant-numeric:tabular-nums}
.qz-meta__op small{color:var(--qz-tenue);font-size:var(--qz-t-minima)}
.qz-meta__op[aria-pressed="true"]{border-color:var(--qz-tinta)}
.qz-meta__op:disabled{cursor:default;opacity:.8}
.qz-meta__avance p{margin:0}
.qz-meta__barra{position:relative;height:10px;border-radius:999px;background:var(--qz-hoja3);margin:8px 0}
.qz-meta__barra span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--qz-bien)}
.qz-meta__barra i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--qz-tinta)}
.qz-meta__aviso{background:var(--qz-problema-fondo);border-radius:12px;padding:10px 12px}
.qz-meta__aviso p{margin:0 0 6px}
.qz-meta__propia label{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qz-meta__fila,.qz-preg__form{display:flex;gap:8px;align-items:stretch}
.qz-meta__fila .qz-entrada,.qz-preg__form .qz-entrada{min-height:48px;font-size:var(--qz-t-base)}
.qz-meta__pasos{margin:0;padding-left:20px;display:grid;gap:6px}
.qz-preg{display:grid;gap:10px;margin-top:20px}
.qz-preg__sugeridas{display:flex;flex-wrap:wrap;gap:6px}
.qz-preg__sugeridas .qz-chip{cursor:pointer;border:0;font:inherit;font-size:15px;min-height:36px;text-align:left}
.qz-preg__resp{background:var(--qz-hoja2);border-radius:12px;padding:10px 12px}
.qz-preg__resp p{margin:0 0 8px;line-height:1.45}
.qz-preg__q{font-weight:700}
.qz-preg__fuentes ul,.qz-preg__previas ul{margin:4px 0 8px;padding-left:18px;font-size:15px;color:var(--qz-tinta2)}
.qz-preg__fuente{margin:6px 0 0}
.qz-preg__util{display:flex;gap:12px;align-items:center}
.qz-preg__util [aria-pressed="true"]{font-weight:800;text-decoration:underline}
.qz-preg__form,.qz-meta__fila{flex-wrap:wrap}
.qz-preg__form .qz-entrada,.qz-meta__fila .qz-entrada{flex:1 1 160px;width:auto}

/* ── HOY: QUÉ PUBLICAR ESTA SEMANA (studio-cerebro, p-contenido.js) ── */
.qz-ct__dia-grupo{display:grid;gap:8px}
.qz-ct__dia-nombre{margin:6px 0 0;font-size:var(--qz-t-chica);font-weight:800;color:var(--qz-tenue)}
.qz-ct{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:12px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
.qz-ct__foto{width:72px;height:90px;border-radius:var(--qz-r-chico);object-fit:cover;background:var(--qz-hoja2);display:flex;align-items:center;justify-content:center}
.qz-ct__cuerpo{display:grid;gap:6px;min-width:0}
.qz-ct__dia{min-height:44px;width:auto;max-width:100%;font-size:var(--qz-t-chica)}
.qz-ct__fotos{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.qz-ct__fotos figure{margin:0;flex:0 0 auto;display:grid;gap:2px}
.qz-ct__fotos figcaption{font-size:var(--qz-t-minima);color:var(--qz-tenue)}
.qz-ct__fotos img{width:96px;height:120px;object-fit:cover;border-radius:var(--qz-r-chico);background:var(--qz-hoja2)}
.qz-ct__sub{font-size:var(--qz-t-base);font-weight:800;margin:12px 0 4px}
.qz-ct__tomas{margin:0;padding-left:20px;display:grid;gap:4px;line-height:1.45}
.qz-ct__texto{width:100%;min-height:120px;font-size:var(--qz-t-base);line-height:1.45;resize:vertical}
.qz-ct__generar{background:var(--qz-atencion-fondo);border-radius:12px;padding:10px 12px;margin-top:12px}
.qz-ct__generar p{margin:0 0 8px}
/* Publicar (p-publicar.js, 083): «Lo publiqué a mano» y «Programar», dentro del cajón de la pieza. */
.qz-ct__mano{display:grid;gap:6px;background:var(--qz-atencion-fondo);border-radius:12px;padding:10px 12px;margin-top:10px}
.qz-ct__mano .qz-etiqueta{font-weight:600;font-size:.9em}
.qz-ct__canales{border:0;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}
.qz-ct__como{margin:0;padding-left:18px;display:grid;gap:4px}
@media (max-width:480px){.qz-ct{grid-template-columns:56px minmax(0,1fr)}.qz-ct__foto{width:56px;height:70px}}
/* Los formatos de una pieza (p-formatos.js, formatos-s3): láminas que se deslizan, el guion del reel, los campos para editar. */
.qz-fm{display:grid;gap:8px}
.qz-fm__formatos{flex-wrap:wrap;max-width:100%;border-radius:20px}
.qz-fm__formatos button{padding:6px 14px}
.qz-fm__tira{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.qz-fm__lamina{flex:0 0 180px;scroll-snap-align:start;display:grid;gap:6px;align-content:start;position:relative;min-width:0}
.qz-fm__foto{display:grid;gap:6px}
.qz-fm__foto img,.qz-fm__foto .qz-sinfoto{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--qz-r-chico);background:var(--qz-hoja2);display:flex;align-items:center;justify-content:center}
.qz-fm__n{position:absolute;top:6px;left:6px;z-index:1;background:var(--qz-tinta);color:var(--qz-hoja);border-radius:999px;min-width:26px;height:26px;padding:0 6px;font-size:var(--qz-t-minima);font-weight:800;display:flex;align-items:center;justify-content:center}
.qz-fm__sel,.qz-fm__linea{min-height:44px;padding:8px 12px;font-size:var(--qz-t-base)}
textarea.qz-fm__txt{min-height:72px;font-size:var(--qz-t-base);padding:8px 12px}
.qz-fm__eti{font-size:var(--qz-t-chica);color:var(--qz-tenue);font-weight:700}
.qz-fm__guion{margin:0;padding-left:20px;display:grid;gap:14px}
.qz-fm__guion li{display:grid;gap:4px;min-width:0}
.qz-fm__ref{width:40px;height:50px;object-fit:cover;border-radius:6px;vertical-align:middle}
.qz-fm__sticker{margin:0;font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-info)}
.qz-fm__errores{margin:0;padding-left:18px;display:grid;gap:4px}
@media (max-width:480px){.qz-fm__lamina{flex-basis:56vw}.qz-fm__formatos button{padding:6px 10px}}

/* ── Conexiones (S2, p-integraciones.js): prefijo propio, nada global ── */
.qz-int-meta{border:2px solid var(--qz-borde)}
.qz-int-pasos,.qz-int-recorrido{margin:0 0 12px;padding-left:1.4em;display:grid;gap:10px}
.qz-int-recorrido>li{padding-bottom:12px;border-bottom:1px solid var(--qz-borde)}
.qz-int-recorrido>li:last-child{border-bottom:0}
.qz-int-pruebas{list-style:none;margin:8px 0;padding:0;display:grid;gap:10px}
.qz-int-pruebas li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}
.qz-int-ok,.qz-int-mal,.qz-int-nose{font-weight:800;font-size:20px;line-height:1.2;text-align:center}
.qz-int-ok{color:var(--qz-bien)}.qz-int-mal{color:var(--qz-problema,#B42318)}.qz-int-nose{color:var(--qz-tenue)}
.qz-int-resultado{background:var(--qz-hoja2);box-shadow:none}
/* ── El plan de la semana y lo que Qezi hace solo (p-plan-semanal.js, 059) ── */
.qz-plan__avance{margin:4px 0 8px}
.qz-plan__avance p{margin:0}
.qz-plan__lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.qz-plan__tarea{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:12px 16px;display:grid;gap:6px;min-width:0}
.qz-plan__tarea--fin{box-shadow:none;background:var(--qz-hoja2)}
.qz-plan__que{margin:0;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.qz-plan__tarea--fin .qz-plan__que{font-weight:600;color:var(--qz-tinta2)}
.qz-plan__porque{margin:0;color:var(--qz-tinta2);line-height:1.45;overflow-wrap:anywhere}
.qz-auto__lista{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0}
.qz-auto__fila{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--qz-linea2)}
.qz-auto__fila>div:first-child{flex:1 1 180px;min-width:0;display:grid;gap:2px}
.qz-auto__fila small{color:var(--qz-tinta2);line-height:1.35}
.qz-auto__fila--pronto{opacity:.7}
.qz-auto__ctl{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.qz-auto__sel{min-height:44px;max-width:100%}
.qz-auto__modo{font-weight:700}
.qz-auto__lim{display:flex;gap:6px;align-items:center;font-size:.92em}
.qz-auto__lim input{width:6.5em;min-height:44px}
/* ── Hoy en el teléfono (hoy-telefono, 29-sep): secciones plegadas y «Pregúntale» arriba ── */
.qz-hoy-preguntar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:4px 10px;align-items:center;width:100%;min-height:52px;
  padding:10px 16px;border:1px solid var(--qz-linea);border-radius:999px;background:var(--qz-hoja);color:var(--qz-tinta);
  font:inherit;text-align:left;cursor:pointer;box-shadow:var(--qz-sombra)}
.qz-hoy-preguntar svg{width:22px;height:22px;color:var(--qz-bien)}
.qz-hoy-preguntar b{font-weight:800;white-space:nowrap}
.qz-hoy-preguntar .qz-tenue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qz-hoy-preguntar:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-pleg{min-width:0}
.qz-pleg__cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;list-style:none;cursor:pointer;
  min-height:56px;padding:10px 16px;background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra)}
.qz-pleg__cab::-webkit-details-marker{display:none}
.qz-pleg__cab::after{content:"›";grid-column:2;grid-row:1 / span 2;font-size:24px;line-height:1;color:var(--qz-tenue);transition:transform .15s}
.qz-pleg[open] > .qz-pleg__cab::after{transform:rotate(90deg)}
.qz-pleg__cab b{font-weight:800;min-width:0}
.qz-pleg__cab span{grid-column:1;color:var(--qz-tinta2);font-size:var(--qz-t-chica);line-height:1.35;min-width:0;overflow-wrap:anywhere}
.qz-pleg__cab:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qz-pleg__cuerpo{display:grid;gap:12px;padding-top:12px;min-width:0}
/* En el teléfono el título ya está en la línea plegada; en la compu, todo abierto y como antes. */
@media (max-width:1099px){
  .qz-pleg__cuerpo > .qz-seccion__titulo:first-child,
  .qz-pleg__cuerpo > .qz-preg > .qz-seccion__titulo:first-child,
  .qz-pleg__cuerpo > .qz-auto > .qz-seccion__titulo:first-child{display:none}
}
@media (min-width:1100px){
  .qz-pleg > .qz-pleg__cab{display:none}
  .qz-pleg__cuerpo{padding-top:0}
  .qz-hoy-preguntar{display:none}
}
.qz-meta__ojo{margin:8px 0 0;padding:10px 12px;border-radius:var(--qz-r-chico);background:var(--qz-atencion-fondo);color:var(--qz-tinta);line-height:1.45}
.qz-meta__pauta-alta{color:var(--qz-problema);font-weight:700}

/* ═══ CALENDARIO DE LA SEMANA (p-calendario.js) ═══════════════════════════ */
.qz-cal__nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin:4px 0 12px}
.qz-cal__semana-nombre{text-align:center;font-size:var(--qz-t-chica)}
.qz-cal__semana{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.qz-cal__dia{display:grid;gap:8px;align-content:start;background:var(--qz-hoja2);border-radius:var(--qz-r);padding:12px;min-width:0}
.qz-cal__dia--hoy{outline:2px solid var(--qz-verde);outline-offset:-2px}
.qz-cal__dia--paso{opacity:.85}
.qz-cal__dia-nombre{font-size:var(--qz-t-base);font-weight:800}
.qz-cal__libre{color:var(--qz-tenue);font-size:var(--qz-t-chica)}
.qz-cal__pieza{background:var(--qz-hoja);border-radius:var(--qz-r-chico);box-shadow:var(--qz-sombra);padding:12px;display:grid;gap:6px;min-width:0}
.qz-cal__pieza--fuera{opacity:.8}
.qz-cal__cuando{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:var(--qz-t-chica);color:var(--qz-tenue)}
.qz-cal__cuando b{color:var(--qz-tinta);font-size:var(--qz-t-titulo)}
.qz-cal__titulo{font-size:var(--qz-t-base);font-weight:800;overflow-wrap:anywhere}
.qz-cal__prog{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.qz-cal__prog .qz-entrada{min-height:44px;width:100%}
@media (min-width:700px){.qz-cal__prog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.qz-cal__semana{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}

/* ═══ AGREGAR UN PRODUCTO (p-producto-nuevo.js): la hoja que abre «+ Agregar producto» ═══
   Hecha para el teléfono: campos de 52 px, letra de 16 o más, nada que toque menos de 44 px. */
.pn-form{display:grid;gap:18px}
.pn-ayuda{font-size:var(--qz-t-chica);line-height:1.4}
.pn-error{color:var(--qz-problema);font-weight:700;font-size:var(--qz-t-chica)}
.pn-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.pn-foto{position:relative;aspect-ratio:1;border-radius:var(--qz-r-chico);overflow:hidden;background:var(--qz-hoja2);border:1px solid var(--qz-linea)}
.pn-foto img{display:block;width:100%;height:100%;object-fit:cover}
.pn-foto--sumar{display:grid;place-content:center;justify-items:center;gap:4px;border:2px dashed var(--qz-borde);background:var(--qz-hoja);cursor:pointer;
  font-weight:700;font-size:var(--qz-t-chica);text-align:center;padding:6px;color:var(--qz-tinta)}
.pn-foto--sumar svg{width:28px;height:28px}
.pn-foto__x{position:absolute;top:0;right:0;width:44px;height:44px;border:0;background:transparent;color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:1}
.pn-foto__x::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#081F14b3;z-index:-1}
.pn-foto__portada{position:absolute;left:6px;bottom:6px;background:var(--qz-tinta);color:#fff;border-radius:8px;padding:2px 8px;font-size:var(--qz-t-minima);font-weight:700}
.pn-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pn-chip{min-height:44px;padding:6px 14px;border-radius:999px;border:2px solid var(--qz-tinta);background:var(--qz-menta);color:var(--qz-tinta);font:inherit;font-size:var(--qz-t-chica);font-weight:700;cursor:pointer}
.pn-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.pn-mas{white-space:nowrap}
.pn-sugerencia{justify-self:start;min-height:44px}
.pn-variantes{display:grid;gap:18px}
.pn-combos{display:grid;gap:10px}
.pn-combo{border:1px solid var(--qz-linea);border-radius:var(--qz-r-chico);padding:12px;display:grid;gap:8px;background:var(--qz-hoja)}
.pn-combo__que{font-size:var(--qz-t-base)}
.pn-combo__campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pn-combo__campos .qz-campo label{font-weight:600;font-size:var(--qz-t-chica)}
.pn-guardar{min-height:52px}
/* Rótulos de la hoja: también se tocan (llevan al campo), así que miden 44 px. */
.pn-form .qz-campo{gap:0}
.pn-form .qz-campo > label,.pn-form .qz-campo > .qz-campo__rotulo{display:flex;align-items:center;gap:.4em;min-height:44px}
.pn-form .qz-campo > .pn-ayuda,.pn-form .qz-campo > .pn-error{margin-top:4px}
.pn-form .pn-combo__campos .qz-campo > label{min-height:44px}

/* ═══ «ACTIVA TU TIENDA» Y LA PÁGINA DE PAGO (p-activar.js, 090) ═════════════
   Una página entera, sin menú: en la compu el resumen a la izquierda y la Cajita
   de Payphone a la derecha; en el teléfono, el resumen primero y la caja abajo.
   Solo fichas del kit: tamaños --qz-t-*, radios --qz-r / --qz-r-chico, colores. */

.qz-act{max-width:720px;margin:0 auto;padding:20px 16px 48px;display:grid;gap:28px}
.qz-act__arriba{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.qz-act__pasos{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:act}
.qz-act__paso{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:20px;display:grid;gap:14px}
.qz-act__cab{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.qz-act__num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  background:var(--qz-hoja2);color:var(--qz-tinta);font-variant-numeric:tabular-nums}
.qz-act__num--hecho{background:var(--qz-bien);color:var(--qz-hoja)}
.qz-act__titulo{font-size:var(--qz-t-titulo);font-weight:700;line-height:1.3;margin:0}
.qz-act__estado{font-size:var(--qz-t-chica);color:var(--qz-tenue);margin:2px 0 0}
.qz-act__oferta{margin:0;padding:12px 16px;border-radius:var(--qz-r-chico);background:var(--qz-menta);color:var(--qz-tinta);font-weight:600}
.qz-act__oferta b{font-variant-numeric:tabular-nums}
/* Lo que prometió el alta, arriba de todo (evaluación real, 8-oct). */
.qz-act__promesa{margin:0 0 16px;padding:14px 16px;border-radius:var(--qz-r-chico);background:var(--qz-menta);color:var(--qz-tinta);font-size:1.0625rem;line-height:1.45}
.qz-act__promesa b{font-variant-numeric:tabular-nums}
.qz-act__planes{display:grid;gap:10px}
@media (min-width:640px){.qz-act__planes{grid-template-columns:1fr 1fr}}
.qz-act__plan{font:inherit;color:var(--qz-tinta);text-align:left;cursor:pointer;background:var(--qz-hoja);
  border:2px solid var(--qz-linea);border-radius:var(--qz-r);padding:16px;display:grid;gap:6px;align-content:start;min-height:44px;
  transition:border-color .15s ease, box-shadow .15s ease}
.qz-act__plan:hover{border-color:var(--qz-borde)}
.qz-act__plan[aria-checked="true"]{border-color:var(--qz-tinta);box-shadow:inset 0 0 0 1px var(--qz-tinta)}
.qz-act__plan:focus-visible{outline:3px solid var(--qz-verde);outline-offset:2px}
.qz-act__plan-cab{display:flex;align-items:center;justify-content:space-between;gap:8px}
.qz-act__plan-nombre{font-size:var(--qz-t-titulo);font-weight:800}
.qz-act__marca{width:24px;height:24px;border-radius:50%;border:2px solid var(--qz-borde);display:grid;place-items:center;flex:none;font-size:var(--qz-t-minima);font-weight:800}
.qz-act__plan[aria-checked="true"] .qz-act__marca{background:var(--qz-tinta);border-color:var(--qz-tinta);color:var(--qz-hoja)}
.qz-act__precio{font-size:var(--qz-t-seccion);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.2}
.qz-act__precio small{font-size:var(--qz-t-chica);font-weight:600;color:var(--qz-tenue);letter-spacing:0}
.qz-act__luego{font-size:var(--qz-t-chica);color:var(--qz-tenue);font-variant-numeric:tabular-nums}
.qz-act__trabajo{font-size:var(--qz-t-chica);color:var(--qz-tinta2);font-weight:600}
.qz-act__primer{font-size:var(--qz-t-chica);color:var(--qz-bien);font-weight:700;font-variant-numeric:tabular-nums}
.qz-act__listo{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:28px 20px;display:grid;gap:10px;justify-items:start}
.qz-act__listo-marca{width:48px;height:48px;border-radius:50%;background:var(--qz-bien);color:var(--qz-hoja);display:grid;place-items:center;font-size:var(--qz-t-seccion);font-weight:800}
@media (max-width:639px){
  .qz-act__pie{position:sticky;bottom:0;z-index:5;background:var(--qz-hoja);margin:0 -20px -20px;padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));
    border-radius:0 0 var(--qz-r) var(--qz-r);box-shadow:0 -1px 0 var(--qz-linea)}
}

.qz-pagar{max-width:1080px;margin:0 auto;padding:20px 16px 48px;display:grid;gap:24px}
.qz-pagar__arriba{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.qz-pagar__grid{display:grid;gap:24px;align-items:start}
@media (min-width:900px){
  .qz-pagar{padding-top:32px}
  .qz-pagar__grid{grid-template-columns:minmax(0,1fr) 460px;gap:56px}
  .qz-pagar__caja{position:sticky;top:24px}
}
.qz-pagar__resumen{display:grid;gap:20px;align-content:start;min-width:0}
.qz-pagar__ojo{font-size:var(--qz-t-chica);font-weight:700;color:var(--qz-bien);letter-spacing:.02em;margin:0}
.qz-pagar__plan{font-size:var(--qz-t-pagina);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.qz-pagar__trabajo{color:var(--qz-tinta2);margin:4px 0 0;font-size:var(--qz-t-base)}
.qz-pagar__cifra{display:grid;gap:4px}
.qz-pagar__monto{font-size:clamp(40px,9vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;margin:0}
.qz-pagar__por{color:var(--qz-tinta2);margin:0;font-variant-numeric:tabular-nums}
.qz-pagar__pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;
  background:var(--qz-menta);color:var(--qz-tinta);font-weight:700;font-size:var(--qz-t-chica)}
.qz-pagar__filas{margin:0;display:grid;border-top:1px solid var(--qz-linea)}
.qz-pagar__fila{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--qz-linea2);font-variant-numeric:tabular-nums}
.qz-pagar__fila dt{color:var(--qz-tinta2)}
.qz-pagar__fila dd{margin:0;font-weight:700;text-align:right}
.qz-pagar__incluye{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.qz-pagar__incluye li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:var(--qz-tinta2)}
.qz-pagar__incluye li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--qz-bien-fondo);color:var(--qz-bien);
  display:grid;place-items:center;font-size:var(--qz-t-minima);font-weight:800;margin-top:2px}
.qz-pagar__caja{background:var(--qz-hoja);border-radius:var(--qz-r);box-shadow:var(--qz-sombra);padding:24px;display:grid;gap:16px;min-width:0}
@media (max-width:899px){.qz-pagar__caja{margin-inline:-16px;border-radius:0;padding:24px 16px}}
.qz-pagar__caja-titulo{font-size:var(--qz-t-titulo);font-weight:800;margin:0}
.qz-pagar__seguro{display:flex;gap:8px;align-items:center;color:var(--qz-tenue);font-size:var(--qz-t-chica);margin:0}
.qz-pagar__seguro svg{width:16px;height:16px;flex:none}
.qz-pagar__tel{display:flex;align-items:stretch}
.qz-pagar__prefijo{display:flex;align-items:center;padding:0 12px;border:2px solid var(--qz-borde);border-right:0;
  border-radius:var(--qz-r-chico) 0 0 var(--qz-r-chico);background:var(--qz-hoja2);font-weight:700;font-variant-numeric:tabular-nums}
.qz-pagar__tel .qz-entrada{border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;flex:1}
.qz-pagar__datos{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;color:var(--qz-tinta2);padding:12px 14px;
  background:var(--qz-hoja2);border-radius:var(--qz-r-chico);font-variant-numeric:tabular-nums}
.qz-pagar__cajita{min-height:120px}
.qz-pagar__cajita:empty{display:none}

/* «Llega pronto»: lo que viene en un plan y todavía no existe. Aparte de lo incluido, con borde de línea cortada. */
.qz-pronto{display:grid;gap:2px;border:2px dashed var(--qz-linea);border-radius:12px;padding:8px 12px;color:var(--qz-tenue);font-size:var(--qz-t-minima);line-height:1.4;margin-top:6px;text-align:left}
.qz-pronto__rotulo{font-weight:800;color:var(--qz-tinta)}
.qz-pronto__aviso{font-weight:600;color:var(--qz-tenue)}
.qz-pronto__item::before{content:"· "}

/* Fila de chat con «⋯» (menuFila): contenedor con dos botones hermanos. Mantener apretado y clic derecho abren el mismo menú. */
.qz-wa-filaw{position:relative}
.qz-wa-filaw .qz-wa-fila{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.qz-wa-fila + .qz-wa-filaw::before,.qz-wa-filaw + .qz-wa-filaw::before{content:"";position:absolute;top:0;left:80px;right:0;border-top:1px solid var(--qz-linea2);pointer-events:none;z-index:1}
.qz-wa-fila__mas{display:none;position:absolute;right:6px;bottom:6px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--qz-tinta);
  font:inherit;font-size:22px;line-height:1;cursor:pointer;place-items:center;opacity:0;z-index:2}
@media (hover:hover) and (pointer:fine){
  .qz-wa-fila__mas{display:grid}
  .qz-wa-filaw:hover .qz-wa-fila__mas,.qz-wa-fila__mas:focus-visible{opacity:1;background:var(--qz-hoja2);box-shadow:0 0 0 1px var(--qz-linea2)}
}
/* Menú de la cuenta (las iniciales de arriba): en la compu, un botón del lateral. */
.qz-lateral__cuenta-btn{background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%}
/* ── Etiquetas en la fila del chat (la tercera línea, bajo el texto) ── */
.qz-wa-fila__etqs{grid-column:2 / span 2;display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;min-width:0;padding-top:2px}
.qz-etq{display:inline-block;font-size:var(--qz-t-minima);font-weight:700;line-height:1.3;padding:1px 9px;border-radius:999px;background:var(--qz-hoja2);color:var(--qz-tinta2);
  box-shadow:inset 0 0 0 1px var(--qz-linea);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}
.qz-etq--mas{color:var(--qz-tenue)}

/* ── La ayuda: preguntas frecuentes (cada pregunta es un toque de 48 px o más) ── */
.qz-faq{display:grid;gap:0;border-top:1px solid var(--qz-linea2)}
.qz-faq__p{border-bottom:1px solid var(--qz-linea2)}
.qz-faq__p > summary{display:flex;align-items:center;min-height:48px;padding:10px 0;font-weight:700;font-size:var(--qz-t-base);cursor:pointer;list-style:none}
.qz-faq__p > summary::-webkit-details-marker{display:none}
.qz-faq__p > summary::after{content:"+";margin-left:auto;padding-left:12px;font-size:20px;color:var(--qz-tenue)}
.qz-faq__p[open] > summary::after{content:"–"}
.qz-faq__p > p{margin:0 0 12px;color:var(--qz-tinta2);font-size:var(--qz-t-chica);line-height:1.5}
.qz-guia__ayuda{margin:0;text-align:center}

/* ── La tarjeta que ofrece los avisos del teléfono ── */
.qz-aviso-tel{margin-block:12px}
/* Clientes (CRM) y plantillas de Qezi (p-clientes-crm.js) */
.qz-crm-segs{flex-wrap:wrap;gap:8px}
.qz-crm-seg{min-height:44px}
.qz-crm-seg[aria-pressed="true"]{background:var(--qz-tinta);color:var(--qz-hoja);border-color:var(--qz-tinta)}
.qz-crm-fila{align-items:center}
.qz-crm-fila i{font-style:normal}

/* ── Chats con bandejas (p-bandejas.js): solo existen con mn_bandejas encendida. Prefijo qzb-. ── */
.qzb-vistas{display:grid;gap:8px;min-width:0}
.qzb-vistas__fila{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.qzb-vistas__fila::-webkit-scrollbar{display:none}
.qzb-vista{flex:none;scroll-snap-align:start;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--qz-hoja2);color:var(--qz-tinta2);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.qzb-vista b{font-weight:800}
.qzb-vista[aria-pressed="true"]{background:var(--qz-info-fondo);color:var(--qz-info);box-shadow:inset 0 0 0 2px var(--qz-info)}
.qzb-vista:focus-visible,.qzb-btn:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qzb-bandeja{width:100%;min-height:44px}
@media (min-width:900px){.qzb-vistas__fila{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}
.qzb-fila{grid-column:2 / span 2;display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0;padding-top:2px;font-size:var(--qz-t-chica)}
.qzb-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-weight:700;white-space:nowrap;background:var(--qz-hoja2);color:var(--qz-tinta2)}
.qzb-chip--sede{background:var(--qz-info-fondo);color:var(--qz-info);max-width:14em;overflow:hidden;text-overflow:ellipsis}
.qzb-chip--libre{background:var(--qz-atencion-fondo,var(--qz-hoja2));color:var(--qz-atencion,var(--qz-tinta2))}
.qzb-chip--compra{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qzb-ini{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--qz-info);color:#fff;font-size:10px;font-weight:800}
.qzb-plata{font-weight:800;color:var(--qz-tinta)}
.qzb-espera{color:var(--qz-tenue);font-weight:600}
.qzb-cab{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qzb-cab__de{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qzb-cab__acc{display:flex;gap:8px;flex-wrap:wrap}
.qzb-btn{min-height:40px}
.qzb-lista{display:flex;flex-wrap:wrap;gap:8px}
/* ═══ El ojo de la contraseña (panel/clave-ver.js): un solo estilo para todos los campos ═══ */
.qz-clave{position:relative;display:block;width:100%}
.qz-clave>input{padding-right:54px;width:100%;box-sizing:border-box}
.qz-clave__ojo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--qz-tenue,#5b6b63);cursor:pointer;padding:0}
.qz-clave__ojo:hover{color:var(--qz-tinta,#081F14)}
.qz-clave__ojo:focus-visible{outline:2px solid var(--qz-tinta,#081F14);outline-offset:-2px}

/* ── Chats a lo ancho (adenda 2, A): el borde de la lista se arrastra y la ficha de al lado se pliega. ── */
.qz-wa-tirador{display:none}
@media (min-width:1100px){
  .qz-wa-pagina .qz-wa-dos > .qz-wa-lista{position:relative}
  .qz-wa-tirador{display:block;position:absolute;top:0;bottom:0;right:0;width:10px;cursor:col-resize;touch-action:none;z-index:2;border-radius:6px}
  .qz-wa-tirador::after{content:"";position:absolute;top:50%;right:3px;width:4px;height:40px;margin-top:-20px;border-radius:2px;background:var(--qz-linea);opacity:0;transition:opacity .15s}
  .qz-wa-tirador:hover::after,.qz-wa-tirador:focus-visible::after,.qz-wa-tirador[data-arrastrando]::after{opacity:1}
  .qz-wa-tirador:focus-visible{outline:3px solid var(--qz-info);outline-offset:-3px}
  .qz-cajon__plegar{flex:none}
  .qz-cajon__plegar .qz-ico{width:20px;height:20px}
  /* Plegada: queda una tira con el botón para volver a abrirla, y la lista vuelve a verse. */
  .qz-ficha-plegada .qz-capa--lado .qz-cajon{width:56px!important}
  .qz-ficha-plegada .qz-capa--lado .qz-cajon__cabeza{flex-direction:column;padding:12px 6px;border-bottom:0}
  .qz-ficha-plegada .qz-capa--lado .qz-cajon__titulo{writing-mode:vertical-rl;font-size:var(--qz-t-base);white-space:nowrap}
  .qz-ficha-plegada .qz-capa--lado .qz-cerrar,.qz-ficha-plegada .qz-capa--lado .qz-cajon__cuerpo{display:none}
  .qz-ficha-plegada.qz-con-lado .qz-contenido{margin-right:56px}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos{grid-template-columns:var(--qz-lista,clamp(360px,24vw,520px)) minmax(0,1fr)}
  .qz-ficha-plegada.qz-con-lado .qz-dos > :first-child{display:block}
}
@media (prefers-reduced-motion:reduce){.qz-wa-tirador::after{transition:none}}

/* ── Modo equipo (adenda 2, C): el panel lateral de la bandeja reemplaza los chips. Solo con mn_bandejas. ── */
.qzb-cual{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--qz-linea);
  background:var(--qz-hoja);color:var(--qz-tinta);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.qzb-cual b{margin-left:auto;font-weight:800;color:var(--qz-tinta2)}
.qzb-cual:focus-visible,.qzb-ren:focus-visible{outline:3px solid var(--qz-info);outline-offset:2px}
.qzb-panel{display:grid;gap:4px;align-content:start;min-width:0}
.qzb-panel__t{margin:12px 8px 2px;font-size:var(--qz-t-minima);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--qz-tenue)}
.qzb-panel__t:first-child{margin-top:0}
.qzb-panel__grupo{display:grid;gap:2px}
.qzb-ren{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:none;
  color:var(--qz-tinta2);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.qzb-ren:hover{background:var(--qz-hoja2)}
.qzb-ren[aria-current="true"]{background:var(--qz-info-fondo);color:var(--qz-info);font-weight:800}
.qzb-ren__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qzb-ren__n{font-weight:800;font-variant-numeric:tabular-nums}
.qzb-ren--interno .qzb-ren__n{min-width:22px;padding:0 6px;border-radius:999px;background:var(--qz-info);color:#fff;text-align:center;font-size:var(--qz-t-chica)}
@media (min-width:1100px){
  .qz-wa-dos--equipo{grid-template-columns:clamp(176px,14vw,240px) var(--qz-lista,clamp(300px,22vw,480px)) minmax(0,1fr)}
  .qz-wa-pagina .qz-wa-dos--equipo > .qzb-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:4px 4px 16px 0;border-right:1px solid var(--qz-linea2)}
  /* Con la ficha abierta al lado, el panel se va primero (la lista y el chat importan más). */
  .qz-con-lado .qz-wa-dos--equipo{grid-template-columns:1fr}
  .qz-con-lado .qz-wa-dos--equipo > .qzb-panel,.qz-con-lado .qz-wa-dos--equipo > .qz-wa-lista{display:none}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos--equipo{grid-template-columns:clamp(176px,14vw,240px) var(--qz-lista,clamp(300px,22vw,480px)) minmax(0,1fr)}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos--equipo > .qzb-panel,.qz-ficha-plegada.qz-con-lado .qz-wa-dos--equipo > .qz-wa-lista{display:block}
  .qz-ficha-plegada.qz-con-lado .qz-wa-pagina .qz-wa-dos--equipo > .qz-wa-lista{display:flex}
}
@media (min-width:1440px){
  .qz-con-lado .qz-wa-dos--equipo{grid-template-columns:minmax(300px,340px) 1fr}
  .qz-con-lado .qz-wa-dos--equipo > .qz-wa-lista{display:flex}
}

/* ── Chats 2.0 (p-chats2.js): «No es cliente», supervisión e Interno. Prefijo qzc-. ── */
.qzc-fila{grid-column:2 / span 2;display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0;padding-top:2px;font-size:var(--qz-t-chica)}
.qzc-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-weight:700;white-space:nowrap;background:var(--qz-hoja2);color:var(--qz-tinta2)}
.qzc-chip--nc{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}
.qzc-chip--nuevo,.qzc-chip--mencion{background:var(--qz-info-fondo);color:var(--qz-info)}
.qzc-chip--revisar,.qzc-chip--ayuda{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.qzc-chip--hecho{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.qzc-visto{color:var(--qz-tenue);font-weight:600}
.qzc-visto--frio{color:var(--qz-atencion)}
.qzc-btn{min-height:44px}
.qzc-nc,.qzc-sup{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qzc-nc{background:var(--qz-apagado-fondo)}
.qzc-nc p,.qzc-sup__de{margin:0;flex:1 1 260px;min-width:0}
.qzc-revisar{margin:0;padding:6px 16px;background:var(--qz-atencion-fondo);color:var(--qz-tinta);border-bottom:1px solid var(--qz-linea2);font-size:var(--qz-t-chica)}
.qzc-tabs{display:flex;gap:4px;padding:6px 12px 0;border-bottom:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qzc-tab{min-height:44px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:none;color:var(--qz-tinta2);font:inherit;font-weight:700;cursor:pointer}
.qzc-tab[aria-selected="true"]{color:var(--qz-tinta);border-bottom-color:var(--qz-info)}
.qzc-tab:focus-visible{outline:3px solid var(--qz-info);outline-offset:-3px}
.qzc-tab__n{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--qz-info);color:#fff;font-size:var(--qz-t-minima);text-align:center}
.qzc-tab__c{color:var(--qz-tenue);font-weight:600}
.qzc-interno{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--qz-hoja3,var(--qz-hoja2))}
.qzc-interno__cab{padding:8px 16px;display:grid;gap:2px;border-bottom:1px solid var(--qz-linea2)}
.qzc-aviso,.qzc-siguen{margin:0;font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qzc-siguen{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qzc-notas{flex:1;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px;display:grid;gap:10px;align-content:start}
.qzc-vacio{margin:0}
.qzc-nota{background:var(--qz-atencion-fondo);border-radius:var(--qz-r);padding:10px 12px;display:grid;gap:4px;box-shadow:inset 3px 0 0 var(--qz-atencion)}
.qzc-nota--ayuda{box-shadow:inset 3px 0 0 var(--qz-problema)}
.qzc-nota--nueva{outline:2px solid var(--qz-info);outline-offset:1px}
.qzc-nota__cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:var(--qz-t-chica)}
.qzc-nota__hora{color:var(--qz-tenue)}
.qzc-nota__texto{margin:0;overflow-wrap:anywhere}
.qzc-para{font-size:var(--qz-t-chica);color:var(--qz-tinta2)}
.qzc-nota__acc{display:flex;gap:14px}
.qzc-at{background:var(--qz-info-fondo);color:var(--qz-info);border-radius:4px;padding:0 2px;font-weight:700}
.qzc-hilo{display:grid;gap:6px;margin-top:4px;padding-left:12px;border-left:2px solid var(--qz-linea)}
.qzc-hilo .qzc-nota{background:var(--qz-hoja);box-shadow:none}
.qzc-escribir{display:grid;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--qz-linea2);background:var(--qz-hoja)}
.qzc-txt{min-height:56px;resize:vertical}
.qzc-resp{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:var(--qz-t-chica);background:var(--qz-hoja2);border-radius:10px;padding:4px 4px 4px 10px}
.qzc-sug,.qzc-menc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.qzc-sug:empty{display:none}
.qzc-sug__op{border:0;cursor:pointer;min-height:36px;font:inherit;font-weight:700}
.qzc-chip--at{background:var(--qz-info-fondo);color:var(--qz-info);padding-right:2px}
.qzc-quitar{border:0;background:none;color:inherit;cursor:pointer;min-width:28px;min-height:28px;font:inherit}
.qzc-avisar{width:auto;min-height:36px;font-size:var(--qz-t-chica)}
.qzc-escribir__pie{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.qzc-ayuda{display:flex;gap:6px;align-items:center;font-size:var(--qz-t-chica);min-height:40px}
.qzc-ayuda input{width:20px;height:20px}

/* ═══ CHATS EN EL TELÉFONO, «COMO WHATSAPP» (chats_movil · p-chats-movil.js) ═══════════════════════════════
   Todo cuelga de `html.cm-on` (la tienda tiene el interruptor y la pantalla mide ≤ 720 px) o de clases cm-*
   que solo existen cuando esa pantalla las dibuja. Sin el interruptor este bloque no toca nada.
   Tokens: los de siempre (--qz-*). Nuevos: el fondo del chat y los globos, claro y oscuro, y las dos curvas de iOS. */
:root{--cm-chat-fondo:#EFEAE2;--cm-mio:#D9FDD3;--cm-suyo:#FFFFFF;--cm-salida:cubic-bezier(.23,1,.32,1);--cm-cajon:cubic-bezier(.32,.72,0,1);--cm-alto:100dvh;--cm-arriba:0px}
:root[data-theme="dark"]{--cm-chat-fondo:#0B1A13;--cm-mio:#144D37;--cm-suyo:#1A2E25}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--cm-chat-fondo:#0B1A13;--cm-mio:#144D37;--cm-suyo:#1A2E25}}
.cm-ic{width:24px;height:24px;flex:none}
.cm-ic--chico{width:14px;height:14px;vertical-align:-2px;margin-right:4px;color:var(--qz-tenue)}

/* — la lista — */
.cm-pagina{display:block;padding:0 0 24px}
.cm-cab{display:grid;gap:10px;padding:2px 0 8px}
.cm-cab__fila{display:flex;align-items:center;gap:8px}
.cm-titulo{flex:1;margin:0;font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:800}
.cm-ico{position:relative;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--qz-tinta);display:grid;place-items:center;flex:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform 140ms var(--cm-salida),background 140ms}
.cm-ico:active{transform:scale(.92);background:var(--qz-hoja2)}
.cm-buscar{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--qz-hoja2);color:var(--qz-tenue)}
.cm-buscar .cm-ic{width:20px;height:20px}
.cm-buscar:focus-within{box-shadow:0 0 0 3px var(--qz-info)}
.cm-buscar input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;color:var(--qz-tinta);min-height:44px;outline:none}
.cm-buscar input::placeholder{color:var(--qz-tenue)}
.cm-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px;scroll-snap-type:x proximity;scroll-padding-inline:16px;overscroll-behavior-x:contain}
.cm-chips::-webkit-scrollbar{display:none}
.cm-chipf{flex:none;min-height:40px;padding:0 14px;border:1px solid var(--qz-linea);border-radius:999px;background:var(--qz-hoja);color:var(--qz-tinta);font:inherit;font-size:16px;font-weight:700;
  white-space:nowrap;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 140ms var(--cm-salida),background 160ms,color 160ms}
.cm-chipf:active{transform:scale(.96)}
.cm-chipf b{font-weight:800;font-size:15px;color:var(--qz-tenue);margin-left:2px;font-variant-numeric:tabular-nums}
.cm-chipf--urg b{color:var(--qz-problema)}
.cm-chipf[aria-pressed="true"]{background:var(--qz-tinta);border-color:var(--qz-tinta);color:var(--qz-fondo)}
.cm-chipf[aria-pressed="true"] b{color:var(--qz-verde)}
html.cm-on .cm-pagina .qzb-vistas{margin:0}
html.cm-on .cm-pagina .qzb-cual{display:flex;align-items:center;gap:6px;min-height:44px;max-width:100%;padding:0 14px;border:1px solid var(--qz-linea);border-radius:999px;background:var(--qz-hoja);color:var(--qz-tinta);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.cm-red{display:flex;gap:10px;align-items:center;margin:4px 0 8px;padding:10px 12px;border-radius:12px;background:var(--qz-atencion-fondo);color:var(--qz-atencion);font-size:16px;font-weight:600}
.cm-red .cm-ic{width:20px;height:20px}
.cm-lista{margin-inline:-16px}
.cm-filaw{position:relative;overflow:hidden;background:var(--qz-fondo);touch-action:pan-y;transition:height 220ms var(--cm-cajon),opacity 200ms}
.cm-filaw--sale{opacity:0}
.cm-fila__fondo{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:stretch}
.cm-fila__der{display:flex;align-items:center;gap:8px;flex:1;padding-left:22px;background:var(--qz-bien);color:#fff;font-size:16px}
html[data-theme="dark"] .cm-fila__der{color:#06140D}
.cm-fila__der--visto{background:var(--qz-info)}
.cm-fila__der .cm-ic{transition:transform 200ms var(--cm-salida)}
.cm-listo .cm-fila__der .cm-ic{transform:scale(1.3)}
.cm-fila__izq{display:flex;margin-left:auto}
.cm-acc{width:76px;border:0;display:grid;place-items:center;align-content:center;gap:4px;font:inherit;font-size:14px;color:#fff;cursor:pointer}
.cm-acc .cm-ic{width:22px;height:22px}
.cm-acc--mas{background:#5E6B64}.cm-acc--arch{background:#1D5775}
.cm-fila{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:11px 16px;border:0;background:var(--qz-fondo);color:inherit;
  font:inherit;text-align:left;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.cm-fila::after{content:"";position:absolute;left:80px;right:0;bottom:0;height:1px;background:var(--qz-linea2)}
.cm-fila:active{background:var(--qz-hoja2)}
.cm-fila[aria-current="true"]{background:var(--qz-hoja2)}
.cm-ava{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--qz-hoja3);color:var(--qz-tinta2);font-weight:800;font-size:17px;flex:none}
.cm-ava--s{width:40px;height:40px;font-size:15px}
.cm-ava--t0{background:var(--qz-bien-fondo);color:var(--qz-bien)}.cm-ava--t1{background:var(--qz-info-fondo);color:var(--qz-info)}
.cm-ava--t2{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}.cm-ava--t3{background:var(--qz-problema-fondo);color:var(--qz-problema)}
.cm-ava--t4{background:var(--qz-apagado-fondo);color:var(--qz-apagado)}.cm-ava--t5{background:var(--qz-menta);color:var(--qz-tinta2)}
.cm-chips--carga{overflow:hidden}.cm-chips--carga i{flex:none;width:92px;height:40px;border-radius:20px;background:var(--qz-hoja2);animation:cm-brillo 1.3s ease-in-out infinite}
.cm-ava--espera{box-shadow:0 0 0 2px var(--qz-fondo),0 0 0 4.5px var(--qz-atencion)}
.cm-ava__est{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--qz-tinta);color:var(--qz-fondo);box-shadow:0 0 0 2px var(--qz-fondo);font-style:normal}
.cm-ava__est .cm-ic{width:13px;height:13px}
.cm-fila__c{min-width:0;display:grid;gap:2px}
.cm-fila__l1,.cm-fila__l2{display:flex;align-items:baseline;gap:8px;min-width:0}
.cm-fila__nom{flex:1;min-width:0;font-weight:700;font-size:17px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-fila--sin .cm-fila__nom{font-weight:800}
.cm-fila__hora{flex:none;font-size:14px;color:var(--qz-tenue);font-variant-numeric:tabular-nums}
.cm-fila__hora--espera{color:var(--qz-bien);font-weight:800}
.cm-fila__l2{align-items:center}
.cm-fila__txt{flex:1;min-width:0;font-size:16px;line-height:1.35;color:var(--qz-tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-fila__txt b{font-weight:600;color:var(--qz-tinta2)}
.cm-fila--sin .cm-fila__txt{color:var(--qz-tinta)}
.cm-punto{width:12px;height:12px;flex:none;border-radius:50%;background:var(--qz-verde);box-shadow:0 0 0 3px color-mix(in srgb,var(--qz-verde) 22%,transparent)}
.cm-punto--espera{background:var(--qz-atencion);box-shadow:0 0 0 3px color-mix(in srgb,var(--qz-atencion) 22%,transparent)}
.cm-fila__l3{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;margin-top:3px}
.cm-chip{display:inline-flex;align-items:center;gap:4px;flex:none;max-width:100%;padding:0 8px;border-radius:7px;background:var(--qz-hoja2);color:var(--qz-tinta2);font-size:14px;font-weight:700;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-chip .cm-ic{width:13px;height:13px}
.cm-chip--revisar,.cm-chip--frio,.cm-chip--espera{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.cm-chip--ayuda{background:var(--qz-problema-fondo);color:var(--qz-problema)}
.cm-chip--mencion,.cm-chip--aqui,.cm-chip--visto{background:var(--qz-info-fondo);color:var(--qz-info)}
.cm-chip--plata{background:var(--qz-bien-fondo);color:var(--qz-bien)}
.cm-chip--libre{background:transparent;box-shadow:inset 0 0 0 1.5px var(--qz-linea);line-height:20px}
.cm-chip--mas{background:transparent;color:var(--qz-tenue);padding:0 2px}
.cm-chip--sim{margin-left:4px;font-size:12px;line-height:18px}
.cm-mas{display:block;width:100%;min-height:52px;border:0;background:none;color:var(--qz-bien);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.cm-banda{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 10px;padding:12px 14px;border:0;border-radius:16px;background:var(--qz-hoja);box-shadow:var(--qz-sombra);color:var(--qz-tinta);font:inherit;text-align:left;cursor:pointer;
  transition:transform 140ms var(--cm-salida)}
.cm-banda:active{transform:scale(.98)}
.cm-banda__ico{width:40px;height:40px;border-radius:12px;background:var(--qz-menta);display:grid;place-items:center;flex:none}
.cm-banda__t{flex:1;min-width:0;display:grid}
.cm-banda__t b{font-size:17px}.cm-banda__t small{font-size:15px;color:var(--qz-tenue)}
.cm-vacio{display:grid;justify-items:center;gap:10px;padding:56px 28px;text-align:center}
.cm-vacio__ico{width:64px;height:64px;border-radius:50%;background:var(--qz-menta);color:var(--qz-bien);display:grid;place-items:center}
.cm-vacio__ico .cm-ic{width:30px;height:30px}
.cm-vacio h2{margin:6px 0 0;font-size:21px;letter-spacing:-.01em}
.cm-vacio p{margin:0;color:var(--qz-tenue);max-width:30ch}
.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--qz-verde);color:var(--qz-sobre-verde);font:inherit;font-size:17px;font-weight:800;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform 140ms var(--cm-salida)}
.cm-btn:active{transform:scale(.97)}
.cm-btn .cm-ic{width:20px;height:20px}
.cm-btn--chico{min-height:44px;padding:0 16px;font-size:16px}
.cm-btn--borde{background:transparent;box-shadow:inset 0 0 0 1.5px var(--qz-linea);color:var(--qz-tinta)}
.cm-btn--aviso{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.cm-btn--ancho{width:100%}
.cm-esq{display:grid}
.cm-esq__f{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:12px 16px;align-items:center}
.cm-esq__f > i{width:52px;height:52px;border-radius:50%}
.cm-esq__f span{display:grid;gap:8px}.cm-esq__f span i{height:14px;border-radius:7px}.cm-esq__f span i:first-child{width:46%}
.cm-esq i{display:block;background:var(--qz-hoja3);animation:cm-brillo 1.3s ease-in-out infinite}
@keyframes cm-brillo{50%{opacity:.45}}

/* — el chat — */
html.cm-on .qz-wa-chat{background:var(--cm-chat-fondo)}
html.cm-on .qz-wa-chat .qz-chat__cabeza{display:none}
.cm-ccab{display:flex;align-items:center;gap:2px;padding:6px 8px 6px 2px;background:var(--qz-hoja);border-bottom:1px solid var(--qz-linea2);flex:none}
.cm-atras{width:auto;min-width:44px;padding:0 6px 0 2px;border-radius:22px;display:flex;gap:0}
.cm-atras .cm-ic{width:28px;height:28px}
.cm-atras__n{min-width:22px;height:22px;border-radius:11px;padding:0 6px;background:var(--qz-info);color:var(--qz-hoja);font-size:13px;display:grid;place-items:center}
.cm-quien{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:48px;padding:2px 6px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cm-quien__t{min-width:0;display:grid}
.cm-quien__t b{font-size:17px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-quien__t small{font-size:14px;line-height:1.3;color:var(--qz-tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-escribe{color:var(--qz-bien);font-weight:700}
.cm-sig{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px 0 18px;box-shadow:0 6px 20px #00000040;border:0;border-radius:999px;background:var(--qz-menta);color:var(--qz-tinta);font:inherit;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer;flex:none;
  transition:transform 140ms var(--cm-salida)}
.cm-sig:active{transform:scale(.95)}
.cm-sig .cm-ic{width:20px;height:20px}
.cm-colision,.cm-revisar{display:flex;gap:8px;align-items:center;margin:0;padding:8px 16px;font-size:15px;font-weight:600;flex:none}
.cm-colision{background:var(--qz-info-fondo);color:var(--qz-info)}
.cm-revisar{background:var(--qz-atencion-fondo);color:var(--qz-atencion)}
.cm-colision .cm-ic,.cm-revisar .cm-ic{width:18px;height:18px}
.cm-atiende{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:var(--qz-hoja);border-bottom:1px solid var(--qz-linea2);flex:none}
.cm-atiende p{flex:1;margin:0;font-size:15px;line-height:1.3;color:var(--qz-tinta2)}
.cm-atiende__b{display:flex;gap:6px;flex:none}
.cm-atiende--confirma{background:var(--qz-info-fondo)}
html.cm-on .qz-wa-atiende{display:none}
html.cm-on .qz-wa-chat .qz-venta,html.cm-on .qz-wa-chat .qz-wa-venta{padding:6px 12px}
html.cm-on .qzc-tabs{border-bottom:1px solid var(--qz-linea2)}
html.cm-on .qz-wa-mensajes{background:var(--cm-chat-fondo);padding:10px 10px 8px;gap:2px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.cm-on .qz-wa-burbuja{background:var(--cm-suyo);border-radius:12px;border-top-left-radius:4px;max-width:84%;padding:6px 9px 5px 10px;font-size:16px;line-height:1.35;box-shadow:0 1px 1px #081F1420}
html.cm-on .qz-wa-burbuja.qz-burbuja2--nuestro{background:var(--cm-mio);border-radius:12px;border-top-right-radius:4px}
html.cm-on .qz-wa-burbuja:not(.qz-wa-burbuja--primera){border-top-left-radius:12px;border-top-right-radius:12px}
html.cm-on .qz-wa-burbuja small{font-size:12px;margin:6px 0 -3px 10px}
html.cm-on .qz-mensajes .qz-dia{justify-self:center;margin:8px 0 4px;padding:3px 10px;border-radius:8px;background:var(--qz-hoja);box-shadow:var(--qz-sombra);font-size:13px;font-weight:700;color:var(--qz-tenue)}
html.cm-on .qz-wa-opciones{opacity:0}
.cm-rapidas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 10px 2px;flex:none;transition:opacity 160ms}
.cm-rapidas::-webkit-scrollbar{display:none}
.cm-rapidas--oculta{display:none}
.cm-rap{flex:none;min-height:36px;padding:0 13px;border:0;border-radius:999px;background:var(--qz-hoja);color:var(--qz-tinta);box-shadow:var(--qz-sombra);font:inherit;font-size:15px;font-weight:700;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform 140ms var(--cm-salida)}
.cm-rap:active{transform:scale(.95)}
.cm-rap--ico{width:36px;padding:0;display:grid;place-items:center;color:var(--qz-bien)}
.cm-rap--ico .cm-ic{width:18px;height:18px}
.cm-rapidas--carga{padding-block:8px 4px}.cm-rapidas--carga i{width:84px;height:36px;border-radius:18px;background:var(--qz-hoja);animation:cm-brillo 1.3s ease-in-out infinite;flex:none}
/* el campo de escribir: como el de WhatsApp (el + a un lado, la píldora, el botón de mandar) */
html.cm-on .qz-wa-chat .qz-escribir{align-items:flex-end;gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:0;background:transparent}
html.cm-on .qz-wa-chat .qz-escribir textarea{min-height:44px;max-height:120px;padding:10px 16px;border:0;border-radius:22px;background:var(--qz-hoja);box-shadow:var(--qz-sombra);font-size:17px;line-height:1.35;overscroll-behavior:contain}
html.cm-on .qz-wa-chat .qz-escribir textarea:focus{outline:0;box-shadow:var(--qz-sombra),0 0 0 2px var(--qz-info)}
html.cm-on .qz-wa-chat .qz-escribir .qz-redondo{width:44px;height:44px;background:transparent}
html.cm-on .qz-wa-chat .qz-escribir [data-emojis]{display:none}
html.cm-on .qz-wa-chat .qz-escribir [data-enviar]{background:var(--qz-verde);color:var(--qz-sobre-verde);font-size:0;position:relative;transition:transform 140ms var(--cm-salida),opacity 160ms}
html.cm-on .qz-wa-chat .qz-escribir [data-enviar]::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center/contain no-repeat}
html.cm-on .qz-wa-chat .qz-escribir [data-enviar]:active{transform:scale(.92)}
html.cm-on .qz-wa-chat .qz-escribir:not(.cm-con-texto) [data-enviar]{opacity:.55}
/* el teclado no tapa el campo: en chat, la página mide lo que se ve (visualViewport) y no se desliza por detrás */
html.cm-chat,html.cm-chat body{overflow:hidden;overscroll-behavior:none}
html.cm-chat.cm-on .qz-wa-pagina-chat{position:fixed;left:0;right:0;top:var(--cm-arriba,0px);height:var(--cm-alto,100dvh);padding:0!important;margin:0;z-index:5;background:var(--cm-chat-fondo)}
html.cm-chat.cm-on .qz-wa-pagina-chat .qz-chat{height:100%!important;min-height:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)}
html.cm-chat.cm-on .qz-wa-pagina-chat .qz-wa-mensajes{flex:1;min-height:0;max-height:none}
html.cm-chat.cm-on .qz-contenido{padding-inline:0}

/* — hoja de «⋯» y filas: más dedos que ojos — */
html.cm-on .cm-acciones{margin-bottom:8px}
.cm-rlista{list-style:none;margin:0;padding:0;display:grid}
.cm-rlista li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--qz-linea2)}
.cm-rrow{flex:1;min-width:0;display:grid;gap:2px;padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cm-rrow b{font-size:17px}.cm-rrow small{font-size:15px;color:var(--qz-tenue)}.cm-rrow:active b{color:var(--qz-bien)}
.cm-rnueva{display:grid;gap:10px;margin-top:14px}

/* — la tanda del bot — */
.cm-tanda{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--qz-fondo);padding-top:env(safe-area-inset-top,0px);transform:translate3d(0,100%,0);transition:transform 340ms var(--cm-cajon)}
.cm-tanda--ve{transform:none}
.cm-tanda__cab{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 8px}
.cm-tanda__cab h2{flex:1;margin:0;font-size:21px}
.cm-tanda__n{font-size:15px;font-weight:700;color:var(--qz-tenue);font-variant-numeric:tabular-nums}
.cm-tanda__prog{height:4px;margin:4px 16px 0;border-radius:2px;background:var(--qz-hoja2);overflow:hidden}
.cm-tanda__prog i{display:block;height:100%;background:var(--qz-bien);transform-origin:left;transition:transform 240ms var(--cm-salida)}
.cm-mazo{position:relative;flex:1;min-height:0;margin:14px 16px 24px}
.cm-carta{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:var(--qz-hoja);box-shadow:var(--qz-sombra),0 14px 32px #00000020;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform;outline:0}
.cm-carta[data-orden="1"]{transform:translate3d(0,20px,0) scale(.94);opacity:.9;pointer-events:none}
.cm-carta__top{display:flex;align-items:center;gap:12px}
.cm-carta__top span:last-child{display:grid;min-width:0}.cm-carta__top b{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-carta__top small{font-size:14px;color:var(--qz-tenue)}
.cm-carta__mot{display:flex;gap:8px;align-items:center;margin:0;padding:8px 12px;border-radius:12px;background:var(--qz-atencion-fondo);color:var(--qz-atencion);font-size:15px;font-weight:600}
.cm-carta__mot .cm-ic{width:18px;height:18px}
.cm-carta__hilo{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;justify-content:flex-end;padding:10px;border-radius:16px;background:var(--cm-chat-fondo);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 22%);mask-image:linear-gradient(transparent,#000 22%)}
.cm-msg{margin:0;max-width:88%;padding:6px 10px;border-radius:12px;font-size:16px;line-height:1.35;box-shadow:0 1px 1px #081F1420;overflow-wrap:anywhere}
.cm-msg--c{align-self:flex-start;background:var(--cm-suyo);border-top-left-radius:4px}
.cm-msg--n{align-self:flex-end;background:var(--cm-mio);border-top-right-radius:4px}
.cm-carta__carga{margin:auto;color:var(--qz-tenue);font-size:15px}
.cm-carta__abrir{align-self:center;min-height:44px;padding:0 14px;border:0;background:none;color:var(--qz-bien);font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.cm-sello{position:absolute;top:18px;padding:3px 12px;border:3px solid;border-radius:10px;font-size:19px;font-weight:800;opacity:0;pointer-events:none;z-index:2}
.cm-sello--v{left:18px;color:var(--qz-bien);transform:rotate(-8deg)}
.cm-sello--r{right:18px;color:var(--qz-atencion);transform:rotate(8deg)}
.cm-tanda__acc{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}
.cm-tanda__acc .cm-btn{min-height:52px}
.cm-tanda__ayuda{margin:8px 16px calc(14px + env(safe-area-inset-bottom,0px));text-align:center;font-size:14px;color:var(--qz-tenue)}
.cm-tanda__fin{display:grid;justify-items:center;align-content:center;gap:12px;flex:1;padding:32px;text-align:center}
.cm-tanda__fin h2{margin:6px 0 0;font-size:24px}.cm-tanda__fin p{margin:0;color:var(--qz-tenue)}

/* — avisito de abajo — */
.cm-brindis{position:fixed;left:12px;right:12px;bottom:calc(var(--qz-barra) + env(safe-area-inset-bottom,0px) + 10px);z-index:70;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;min-height:48px;border-radius:14px;
  background:var(--qz-tinta);color:var(--qz-fondo);font-size:16px;font-weight:600;box-shadow:0 10px 30px #00000040;opacity:0;transform:translate3d(0,16px,0);pointer-events:none;transition:transform 260ms var(--cm-salida),opacity 200ms}
.cm-brindis--ve{opacity:1;transform:none;pointer-events:auto}
.cm-brindis p{flex:1;margin:0}
.cm-brindis button{min-height:44px;padding:0 12px;border:0;background:none;color:var(--qz-verde);font:inherit;font-weight:800;cursor:pointer}
html[data-theme="dark"] .cm-brindis button{color:var(--qz-bien)}
html.cm-chat .cm-brindis{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}

/* — el shell, más fino cuando la lista manda — */
/* iPhone: esta regla (más específica que la de arriba) dejaba el logo y el avatar DEBAJO de la hora y la batería. */
html.cm-on:not(.cm-chat) .qz-arriba{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px}
html.cm-on .qz-contenido{padding-inline:16px}

@media (prefers-reduced-motion: reduce){
  .cm-ico,.cm-chipf,.cm-btn,.cm-banda,.cm-sig,.cm-rap{transition:none}
  .cm-tanda{transition:opacity 180ms;transform:none;opacity:0}.cm-tanda--ve{opacity:1}
  .cm-brindis{transform:none}.cm-esq i,.cm-rapidas--carga i{animation:none}
  .cm-filaw{transition:none}
}
@media (prefers-reduced-transparency: reduce){.cm-banda{box-shadow:inset 0 0 0 1px var(--qz-linea)}}

/* — más lugar para los mensajes: lo de arriba del chat, en lo mínimo — */
html.cm-chat .qzq-abrir{display:none}
.cm-ico__punto{position:absolute;top:9px;right:9px;width:10px;height:10px;border-radius:50%;background:var(--qz-info);box-shadow:0 0 0 2px var(--qz-fondo)}
.cm-atiende{min-height:48px;padding:4px 10px 4px 16px}
.cm-atiende p{font-size:15px}
.cm-atiende .cm-btn--chico{min-height:40px;padding:0 14px;font-size:15px}
html.cm-on .qz-wa-chat .qz-wa-anuncio{padding:0 14px;min-height:0}
html.cm-on .qz-wa-chat .qz-wa-anuncio summary{min-height:40px}
html.cm-on .qz-wa-chat .qz-wa-anuncio summary b{display:none}
html.cm-on .qzc-tabs .qzc-tab{min-height:40px;padding-block:0}
html.cm-on .qz-wa-chat .qz-escribir textarea{height:44px}

.cm-sig-flota{display:flex;justify-content:flex-end;height:0;padding:0 12px;position:relative;z-index:3;pointer-events:none;flex:none}
.cm-sig-flota .cm-sig{position:absolute;bottom:10px;right:12px;pointer-events:auto;background:var(--qz-verde);color:var(--qz-sobre-verde);font-size:16px}
.cm-sig b{min-width:22px;height:22px;border-radius:11px;padding:0 6px;background:#081F1426;font-size:13px;display:grid;place-items:center}
.cm-atiende__b .cm-btn + .cm-btn{margin-left:2px}
/* El botón de Qezi, solo el ícono: tapaba la hora de las filas */
html.cm-on:not(.cm-chat) .qzq-abrir{width:52px;height:52px;padding:0;justify-content:center;font-size:0;gap:0;right:14px}
html.cm-on:not(.cm-chat) .qzq-abrir svg{width:24px;height:24px}

/* — lo interno en el teléfono: un campo como el de WhatsApp, en azul para que nadie le mande una nota al cliente — */
html.cm-on .qzc-interno{background:var(--cm-chat-fondo)}
html.cm-on .qzc-interno__cab{padding:6px 16px;gap:0}
html.cm-on .qzc-aviso,html.cm-on .qzc-siguen{font-size:15px}
html.cm-on .qzc-escribir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"r r" "t b" "s s" "m m" "a a";align-items:end;gap:6px 8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:0;background:transparent}
html.cm-on .qzc-resp{grid-area:r}
html.cm-on .qzc-txt{grid-area:t;min-height:44px;height:44px;max-height:120px;padding:10px 16px;border:0;border-radius:22px;background:var(--qz-hoja);box-shadow:inset 0 0 0 2px var(--qz-info);font-size:17px;line-height:1.35;resize:none}
html.cm-on .qzc-txt:focus{outline:0}
html.cm-on .qzc-sug{grid-area:s}
html.cm-on .qzc-menc{grid-area:m;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
html.cm-on .qzc-menc::-webkit-scrollbar{display:none}
html.cm-on .qzc-avisar{flex:none;min-height:36px;padding:0 28px 0 12px;border-radius:18px;font-size:15px;font-weight:700}
html.cm-on .qzc-escribir__pie{display:contents}
html.cm-on .qzc-escribir__pie .qzc-btn{grid-area:b;min-height:44px;padding:0 16px;border-radius:22px;background:var(--qz-info);color:var(--qz-hoja);font-size:16px;font-weight:800}
html.cm-on .qzc-ayuda{grid-area:a;font-size:15px;min-height:36px}
html.cm-on .qzc-ayuda .qz-tenue{display:none}
html.cm-on .qzc-nota{border-radius:14px}

/* — las hojas: asa para arrastrar, y entran subiendo — */
html.cm-on .qz-cajon__cabeza{position:relative;padding-top:26px;touch-action:none}
html.cm-on .qz-cajon__cabeza::before{content:"";position:absolute;top:9px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:var(--qz-linea)}
@keyframes cm-sube{from{transform:translate3d(0,32px,0);opacity:0}}
@keyframes cm-vela{from{opacity:0}}
.cm-sube .qz-cajon{animation:cm-sube 320ms var(--cm-cajon)}
.cm-sube .qz-velo{animation:cm-vela 240ms ease-out}
.cm-chip--espera-poco{background:var(--qz-hoja2);color:var(--qz-tinta2)}

/* quién más está aquí, dentro de la franja de quién la lleva */
.cm-atiende--aqui{background:var(--qz-info-fondo)}
.cm-atiende--aqui p{color:var(--qz-info);font-weight:600}
.cm-atiende p .cm-ic{width:18px;height:18px;vertical-align:-3px;margin-right:6px}
html.cm-on .qz-wa-chat .qz-wa-anuncio summary{min-height:34px}
html.cm-on .qz-wa-chat:has(.cm-sig-flota) .qz-wa-mensajes{padding-bottom:60px}

/* con el teclado arriba: cabecera, mensajes y campo; lo demás vuelve al bajarlo */
html.cm-teclado.cm-on .cm-atiende,html.cm-teclado.cm-on .cm-colision,html.cm-teclado.cm-on .cm-revisar,html.cm-teclado.cm-on .cm-rapidas,html.cm-teclado.cm-on .cm-sig-flota,
html.cm-teclado.cm-on .qz-wa-chat .qz-wa-anuncio,html.cm-teclado.cm-on .qz-wa-chat .qz-wa-venta,html.cm-teclado.cm-on .qz-wa-chat .qz-venta{display:none}
html.cm-teclado.cm-on .qz-wa-chat .qz-escribir{padding-bottom:6px}
html.cm-teclado.cm-on .qzc-tabs{display:none}

/* — entrar a un chat: un deslizamiento corto, no un salto (se cuenta por docenas al día: nada más largo que esto) — */
@keyframes cm-entra{from{transform:translate3d(28px,0,0);opacity:.4}}
@keyframes cm-vuelve{from{opacity:.6}}
html.cm-on .qz-wa-pagina-chat{animation:cm-entra 220ms var(--cm-salida)}
html.cm-on .cm-pagina{animation:cm-vuelve 160ms ease-out}
@media (prefers-reduced-motion: reduce){html.cm-on .qz-wa-pagina-chat,html.cm-on .cm-pagina{animation:none}}
/* ═══ ESCRITORIO FLUIDO (17-oct, FC: «¿por qué tenemos esos espacios desperdiciados?») ═══════════════════════════════
   El panel en 8 secciones (html.qz-s8) usa el ancho que hay, de 1100 a 2560 px: el contenido ya no se centra en 1180 px
   (dejaba ~280 px vacíos a cada lado a 1920). Cada pantalla reparte sus columnas con grillas que crecen; lo que se LEE
   (párrafos) nunca pasa de ~70 caracteres. Apagado el panel de 8 secciones no cambia nada: todo cuelga de .qz-s8. */
@media (min-width:1100px){
  .qz-s8 .qz-pagina{gap:24px}
  .qz-s8 .qz-pagina--angosta{max-width:min(100%,960px)}
  .qz-s8 .qz-grilla{grid-template-columns:repeat(auto-fill,minmax(clamp(210px,14vw,290px),1fr))}
  .qz-s8 .qz-tarjeta__porque,.qz-s8 .qz-cabeza__que-es,.qz-s8 .qz-vacio__nota{max-width:70ch}
}
/* Chats: el riel de vistas a la izquierda, la lista y el chat llenando el alto (lo mejor de la vista de bandejas). */
.qz-wa-riel{display:none}
@media (min-width:1480px){
  .qz-wa-dos--riel{grid-template-columns:clamp(188px,12vw,236px) var(--qz-lista,clamp(380px,25vw,560px)) minmax(0,1fr)}
  .qz-wa-pagina .qz-wa-dos--riel > .qz-wa-riel{display:grid;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 16px 0;border-right:1px solid var(--qz-linea2)}
  .qz-wa-dos--riel .qz-wa-lista .qz-wa-chips{display:none}
  .qz-con-lado .qz-wa-dos--riel{grid-template-columns:1fr}
  .qz-con-lado .qz-wa-dos--riel > .qz-wa-riel,.qz-con-lado .qz-wa-dos--riel > .qz-wa-lista{display:none}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos--riel{grid-template-columns:clamp(188px,12vw,236px) var(--qz-lista,clamp(380px,25vw,560px)) minmax(0,1fr)}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos--riel > .qz-wa-riel{display:grid}
  .qz-ficha-plegada.qz-con-lado .qz-wa-dos--riel > .qz-wa-lista{display:flex}
  .qz-wa-riel .qzb-ren[aria-pressed="true"]{background:var(--qz-bien-fondo);color:var(--qz-bien);font-weight:800}
  .qz-wa-riel__mas{margin-top:12px;color:var(--qz-tinta2)}
  .qz-wa-riel{grid-template-columns:minmax(0,1fr);overflow-x:hidden!important}
  .qz-wa-riel .qzb-ren{min-height:44px;height:auto;padding-block:8px}
  .qz-wa-riel .qzb-ren__t{white-space:normal;overflow:visible;line-height:1.25}
  .qz-wa-riel .qzb-panel__t{margin:20px 10px 4px}
  .qz-wa-riel .qzb-panel__t:first-child{margin-top:8px}
}
/* El botón flotante de Qezi no tapa el «Enviar» del chat. */
@media (min-width:1100px){ .qz-s8 .qz-wa-chat .qz-escribir{padding-right:132px} }
/* Pedidos, Clientes y Reportes: dos columnas cuando hay ancho, para que la plata no quede a 1500 px de lo que describe. */
@media (min-width:1500px){
  .qz-s8 .qz-vp-filas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .qz-s8 .qz-vp-filas .qz-vp-fila::before{display:none}
  .qz-s8 .qz-vp-filas .qz-vp-fila{border-bottom:1px solid var(--qz-linea2)}
  .qz-s8 .qz-vp-filas .qz-vp-fila:nth-child(odd){border-right:1px solid var(--qz-linea2)}
  .qz-s8--clientes .qz-seccion:has(> .qz-frase-grande){grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr);grid-template-rows:repeat(5,auto);column-gap:40px;align-items:start}
  .qz-s8--clientes .qz-seccion:has(> .qz-frase-grande) > *{grid-column:1}
  .qz-s8--clientes .qz-seccion:has(> .qz-frase-grande) > input.qz-entrada{grid-column:2;grid-row:1 / span 2}
  .qz-s8--clientes .qz-seccion:has(> .qz-frase-grande) > article.qz-tarjeta{grid-column:2;grid-row:3 / span 3}
  .qz-s8--reportes .qz-seccion{display:block;columns:2 540px;column-gap:20px}
  .qz-s8--reportes .qz-seccion > *{break-inside:avoid;margin-bottom:12px}
  .qz-s8--reportes .qz-seccion > .qz-cifras,.qz-s8--reportes .qz-seccion > .qz-acciones,.qz-s8--reportes .qz-seccion > .qz-fuente{column-span:all}
  .qz-s8--reportes .qz-cifras--dos{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
}
/* Hoy (el de siempre): «Necesita tu OK» se lleva el ancho; «Chats que esperan» es la columna angosta. */
@media (min-width:1100px){ .qz-s8 .qz-s8-hoy{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)} }
@media (min-width:1500px){
  .qz-s8 .qz-s8-hoy{grid-template-columns:minmax(0,2.3fr) minmax(320px,1fr)}
  .qz-s8-caja > .qz-seccion{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:10px;align-items:start}
  .qz-s8-caja > .qz-seccion > :last-child:nth-child(odd){grid-column:1 / -1}
}
/* ═══ ESCRITORIO: el contenido usa todo el ancho junto al menú (17-oct, FC: «tiene que ser dinámico al espacio») ═══
   Antes: max-width 1180 inline en p-secciones.js + centrado → ~280 px vacíos a cada lado a 1920. Lo que se LEE se limita
   dentro de cada tarjeta (~70 caracteres), no con el contenedor. Todo cuelga de .qz-s8: apagado el panel no cambia. */
@media (min-width:1100px){
  .qz-s8 .qz-contenido{max-width:none;margin:0;padding-inline:clamp(24px,2.4vw,48px)}
  .qz-s8 .qz-pagina--angosta{max-width:min(100%,960px)}
  .qz-s8 .qz-grilla{grid-template-columns:repeat(auto-fill,minmax(clamp(210px,14vw,290px),1fr))}
  .qz-s8 .qz-tarjeta__porque,.qz-s8 .qz-cabeza__que-es,.qz-s8 .qz-vacio__nota{max-width:70ch}
  .qz-s8 .qz-wa-chat .qz-escribir{padding-right:132px}
}

/* La vista de Chats con bandejas (la de todas las tiendas) en escritorio: el panel sin barra de costado, la fila de una línea de datos
   y «Sin asignar» como texto (aparecía en casi cada fila y gritaba más que la plata). */
@media (min-width:1100px){
  .qz-wa-pagina .qz-wa-dos--equipo > .qzb-panel{overflow-x:hidden;padding-right:10px}
  .qz-wa-dos--equipo .qzb-ren{min-height:44px;box-sizing:border-box;max-width:100%;min-width:0}
  .qz-wa-dos--equipo .qzb-panel__grupo{min-width:0}
  .qz-wa-dos--equipo .qzb-ren__t{white-space:normal;overflow:visible;line-height:1.25}
  .qz-wa-dos--equipo .qzb-panel__t{margin:20px 10px 4px}
  .qz-wa-dos--equipo .qzb-panel__t:first-child{margin-top:8px}
  .qz-wa-dos .qzb-chip--libre{background:none;color:var(--qz-tenue);padding-inline:0;font-weight:600}
  .qz-wa-dos--equipo .qzb-fila{gap:4px 10px}
  .qz-wa-dos--equipo,.qz-wa-dos--riel{--qz-lista:clamp(340px,23vw,540px)}
  .qzb-cab{padding:6px 12px;gap:6px 12px}
  .qzb-cab__acc .qzb-btn{min-height:40px;padding-inline:14px;font-size:var(--qz-t-chica)}
}
/* Lista angosta (compu de 1100 a 1700 px): el nombre ya no se come por los chips de la derecha (quedaba «Po…»): los chips bajan a su línea. */
@media (min-width:1100px) and (max-width:1699px){
  .qz-wa-dos .qz-wa-fila__texto{grid-column:2 / -1}
  .qz-wa-dos .qz-wa-fila__der{grid-column:2 / -1;grid-row:3;justify-self:start;flex-wrap:wrap}
  .qz-wa-dos .qz-wa-fila .qzb-fila{grid-row:4}
  .qz-wa-dos .qzb-chip--compra,.qz-wa-dos .qzb-chip--pregunta{display:none}
}

/* ═══ CHAT ABIERTO EN EL TELÉFONO (17-oct, FC en el iPhone: «horrible» desde que se encendieron las bandejas) ═══
   Cabecera de dos líneas máximo, una fila para quién lleva el chat, una para la venta y una para el anuncio, la barra de
   «La atiendes tú» en una línea, y el botón de Qezi fuera: los mensajes quedan con más del 60 % del alto a 390 × 844. */
@media (max-width:1099px){
  .qz-wa-chat .qz-chat__cabeza{display:flex;align-items:center;gap:8px;padding:6px 10px;flex-wrap:nowrap}
  .qz-wa-chat .qz-chat__cabeza .qz-redondo{width:40px;height:40px;flex:none}
  .qz-wa-chat .qz-chat__cabeza .qz-avatar{flex:none;width:36px!important;height:36px!important}
  .qz-wa-chat .qz-chat__quien{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:0;min-height:40px;justify-content:center}
  .qz-wa-chat .qz-chat__quien b,.qz-wa-chat .qz-chat__quien span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .qz-wa-chat .qz-chat__quien span{font-size:var(--qz-t-minima);color:var(--qz-tenue)}
  .qz-wa-chat .qz-chat__cabeza .qz-etapa{flex:0 1 auto;max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--qz-t-minima);padding:2px 8px}
  /* Quién lleva el chat: UNA fila; la acción principal (Tomar) primero y el resto se desliza de costado. */
  .qz-wa-chat .qzb-cab{flex-wrap:nowrap;gap:8px;padding:4px 10px;align-items:center}
  .qz-wa-chat .qzb-cab__de{flex:0 1 auto;min-width:0;font-size:var(--qz-t-chica);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .qz-wa-chat .qzb-cab__de .qzb-chip--sede{display:none}
  .qz-wa-chat .qzb-cab__acc{flex:1 1 0;min-width:0;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .qz-wa-chat .qzb-cab__acc::-webkit-scrollbar{display:none}
  .qz-wa-chat .qzb-cab__acc .qzb-btn{flex:none;min-height:40px;padding:0 12px;font-size:var(--qz-t-chica);white-space:nowrap}
  /* La venta y el anuncio: una fila cada una. */
  .qz-wa-chat .qz-wa-venta{padding:4px 10px;gap:8px}
  .qz-wa-chat .qz-wa-venta__que{min-height:40px}
  .qz-wa-chat .qz-wa-venta .qz-boton{min-height:40px;padding:4px 12px}
  .qz-wa-chat .qz-wa-venta img{width:32px;height:32px;object-fit:cover}
  .qz-wa-chat .qz-wa-anuncio{padding:2px 10px}
  .qz-wa-chat .qz-wa-anuncio summary{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-height:36px;white-space:nowrap}
  .qz-wa-chat .qz-wa-anuncio summary::-webkit-scrollbar{display:none}
  .qz-wa-chat .qz-wa-anuncio summary > *{flex:none}
  /* «La atiendes tú. Sofí está en pausa…» y su enlace: una línea. */
  .qz-wa-chat .qz-wa-atiende{flex-wrap:nowrap;padding:2px 10px;font-size:var(--qz-t-chica)}
  .qz-wa-chat .qz-wa-atiende > span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .qz-wa-chat .qz-wa-atiende .qz-enlace{flex:none;margin-left:8px;min-height:40px;white-space:nowrap}
  .qz-wa-chat .qz-wa-venta__que small{display:none}
  .qz-wa-chat .qz-escribir{padding:6px 10px}
  .qz-wa-chat .qz-escribir textarea{height:48px}
  /* Dentro de un chat el botón flotante de Qezi no tapa nada. */
  body:has(.qz-wa-pagina-chat) .qzq-abrir{display:none}
}

/* Esqueleto de Hoy (gerente): la forma de la pantalla mientras llegan los datos. */
.qz-hg-esq{display:grid;gap:14px;padding-top:8px}
.qz-hg-esq__t{height:22px;width:46%;border-radius:8px}
.qz-hg-esq__b{height:104px;border-radius:16px}
.qz-hg-esq__b--alta{height:164px}
.qz-hg-esq__t,.qz-hg-esq__b{background:linear-gradient(90deg,var(--qz-hoja2) 25%,var(--qz-hoja) 50%,var(--qz-hoja2) 75%);background-size:200% 100%;animation:qz-hg-brilla 1.4s linear infinite}
@keyframes qz-hg-brilla{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.qz-hg-esq__t,.qz-hg-esq__b{animation:none}}