/* ═══ EL ALTA CONVERSACIONAL (p-charla.js) — sobre tokens-qezi.css ════════════════
   Cuatro momentos (Cuéntame · Qezi lo arma · Pruébala · Actívala). Una cosa en pantalla a la vez, una sola
   acción principal que brilla, y una línea debajo del compositor que dice qué hacer ahora. Sale del
   prototipo v3 (demos/onboarding/prototipo-v3.html, rama onboarding-conversacional) con los tokens del
   panel V2 (qz.css): los nombres cortos de abajo son alias, no colores nuevos. Movimiento: solo transform y
   opacidad (más blur donde se nota); el resorte lo calcula p-charla.js y lo sirve como linear(). */
/* Los nombres cortos son alias de tokens-qezi.css (el diseño de referencia, claro). */
body.ch{
  --bg:var(--q-fondo); --hoja:var(--q-hoja); --hoja2:var(--q-hoja2); --hoja3:var(--q-hoja3);
  --tinta:var(--q-tinta); --tinta2:var(--q-tinta2); --tenue:var(--q-tenue); --linea:var(--q-linea); --linea2:var(--q-linea2);
  --verde:var(--q-verde); --sobre-verde:var(--q-sobre-verde); --menta:var(--q-menta); --bien:var(--q-bien); --bien-bg:var(--q-bien-fondo);
  --ojo:var(--q-ojo); --ojo-bg:var(--q-ojo-fondo); --ojo-linea:var(--q-ojo-linea);
  --equipo:var(--q-equipo); --equipo-bg:var(--q-equipo-fondo);
  --wa-bg:var(--q-wa-fondo); --wa-mio:var(--q-wa-mio); --wa-suyo:var(--q-wa-suyo); --wa-barra:var(--q-wa-barra);
  --sombra:var(--q-sombra); --sombra-alta:var(--q-sombra-alta);
  --r:var(--q-r); --r-s:var(--q-r-chico); --letra:var(--q-letra);
  --e-out:var(--q-salida); --e-io:var(--q-mueve); --e-cajon:var(--q-cajon);
  color-scheme:light;
}
:root[data-theme="dark"] body.ch{ color-scheme:dark; }

body.ch *{box-sizing:border-box}
body.ch [hidden]{display:none!important}
html:has(body.ch),body.ch{height:100%}
body.ch{margin:0;background:var(--bg);color:var(--tinta);font:500 16px/1.45 var(--letra);-webkit-font-smoothing:antialiased;
  overflow:hidden;-webkit-tap-highlight-color:transparent}
body.ch ::selection{background:var(--verde);color:var(--sobre-verde)}
:where(body.ch) :where(input,textarea,button){font:inherit;color:inherit}
body.ch input,body.ch textarea{caret-color:var(--bien)}
:where(body.ch) button{cursor:pointer;border:0;background:none;padding:0}
body.ch :focus-visible{outline:2.5px solid var(--verde);outline-offset:2px;border-radius:12px}
body.ch b,body.ch strong{font-weight:720}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ─── Botones. Uno solo brilla: la acción principal de este momento ─── */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;
  background:var(--tinta);color:var(--bg);font-weight:700;letter-spacing:-.005em;white-space:nowrap;
  transition:transform 160ms var(--e-out), background-color 200ms ease, opacity 200ms ease;user-select:none}
.bt:active{transform:scale(.97)}
.bt .i{width:18px;height:18px}
.bt .g{width:18px;height:18px}
.bt--claro{background:var(--hoja);color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--linea)}
.bt--fantasma{background:transparent;color:var(--tenue);min-height:46px;padding:0 14px;font-weight:650}
.bt--fantasma:hover{color:var(--tinta)}
.bt--chico{min-height:40px;padding:0 16px;font-size:15px}
.bt[disabled]{opacity:.38;pointer-events:none}
@media (hover:hover){ .bt:not(.bt--fantasma):hover{filter:brightness(1.06)} }
.bt.primario{background:var(--verde);color:var(--sobre-verde);animation:brilla 2600ms ease-in-out 600ms infinite}
@keyframes brilla{0%,100%{box-shadow:0 0 0 0 #00E67600, 0 2px 8px #00E67626}50%{box-shadow:0 0 0 7px #00E6762b, 0 10px 26px #00E67640}}
.bt.primario.otra{animation:otra 700ms var(--e-out), brilla 2600ms ease-in-out 900ms infinite}
@keyframes otra{0%{transform:scale(1)}35%{transform:scale(1.05)}100%{transform:none}}
.bt .gira{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:gira 700ms linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* ─── La barra: marca, tu negocio, los 4 momentos ─────────────────── */
#app{height:100dvh;display:grid;grid-template-rows:62px minmax(0,1fr) auto;opacity:0}
body.trabajando #app{opacity:1}
.barra{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid var(--linea2);
  background:color-mix(in oklab, var(--bg) 88%, transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;z-index:30}
.barra__iz{display:flex;align-items:center;gap:10px;min-width:0}
.marca-chica{width:34px;height:34px;flex:none;border-radius:10px;overflow:hidden}
.marca-chica svg{width:100%;height:100%}
.neg-pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border-radius:999px;background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea2);
  font-weight:700;font-size:14px;max-width:230px;white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity 300ms var(--e-out), transform 400ms var(--e-out)}
.neg-pill.on{opacity:1;transform:none}
.neg-pill .i{width:16px;height:16px;color:var(--bien)}
.neg-pill span{overflow:hidden;text-overflow:ellipsis}
.barra__centro{min-width:0}
.paso-nombre{display:none}
.pasos4{display:flex;gap:6px;justify-content:center;max-width:620px;width:100%;margin:0 auto;list-style:none;padding:0}
.pasos4 li{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.pasos4 i{display:block;height:4px;border-radius:4px;background:var(--hoja3);overflow:hidden;position:relative}
.pasos4 i::after{content:"";position:absolute;inset:0;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform 600ms var(--e-io)}
.pasos4 li.hecho i::after{transform:scaleX(1)}
.pasos4 li.ahora i::after{background:var(--bien);transform:scaleX(.5)}
.pasos4 span{font-size:13px;font-weight:650;color:var(--tenue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pasos4 span b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--hoja3);font-size:11px;margin-right:6px;color:var(--tinta2)}
.pasos4 li.ahora span{color:var(--tinta)}
.pasos4 li.ahora span b{background:var(--verde);color:var(--sobre-verde)}
.pasos4 li.hecho span b{background:var(--tinta);color:var(--bg)}
.formulario{font-size:13.5px;color:var(--tenue);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linea);white-space:nowrap;padding:8px 4px}

/* ─── La escena: un solo momento a la vez ─────────────────────────── */
#escena{overflow-y:auto;overflow-x:hidden;padding:clamp(20px,5vh,56px) 20px 0;overscroll-behavior:contain;position:relative}
.turno{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:18px;min-height:100%}
.linea{margin:0;font-size:clamp(23px,2.7vw,30px);line-height:1.25;font-weight:740;letter-spacing:-.025em;text-wrap:pretty}
.linea b{color:inherit;font-weight:800;background:linear-gradient(transparent 62%, color-mix(in oklab,var(--verde) 45%, transparent) 62%)}
.sub{margin:-8px 0 0;font-size:16.5px;color:var(--tinta2);font-weight:560;text-wrap:pretty}
.pal{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(4px);animation:pal 420ms var(--e-out) forwards;animation-delay:calc(var(--k) * 22ms)}
@keyframes pal{to{opacity:1;transform:none;filter:none}}
.acciones{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;position:sticky;bottom:0;margin-top:auto;padding:14px 0 18px;
  background:linear-gradient(to bottom, color-mix(in oklab,var(--bg) 0%, transparent), var(--bg) 28%);z-index:4}
.acciones:empty{display:none}
.entra{animation:entra 520ms var(--resorte) both}
@keyframes entra{from{opacity:0;transform:translateY(10px)}}
.yo{display:flex;justify-content:flex-end;animation:entra 360ms var(--resorte) both}
.yo span{background:var(--tinta);color:var(--bg);padding:9px 16px;border-radius:20px 20px 6px 20px;font-weight:600;font-size:15.5px;max-width:85%;display:inline-flex;gap:6px;align-items:center}
.yo .i{width:16px;height:16px}
.entendido{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--menta);font-weight:620;font-size:15.5px;color:var(--tinta2);animation:entra 420ms var(--resorte) both}
.entendido .i{color:var(--bien);margin-top:1px;stroke-width:2.6}
.entendido b{color:var(--tinta)}
.pide{font-size:15px;font-weight:650;color:var(--bien);display:flex;align-items:center;gap:6px;animation:entra 360ms var(--resorte) both}
.pide .i{width:17px;height:17px}

/* Tarjetas */
.tarjeta{background:var(--hoja);border-radius:var(--r);padding:18px;box-shadow:var(--sombra);animation:entra 520ms var(--resorte) both}
.tarjeta__pie,.tarjeta__nota{display:flex;gap:8px;align-items:center;margin:14px 0 0;font-size:13.5px;font-weight:600;color:var(--tenue)}
.tarjeta__pie .i,.tarjeta__nota .i{width:16px;height:16px}

/* ① Lo que lee */
.lee{display:flex;flex-direction:column;gap:8px}
.lee__f{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:10px 14px 10px 10px;border-radius:16px;background:var(--hoja);box-shadow:var(--sombra);animation:entra 460ms var(--resorte) both;position:relative;overflow:hidden}
.lee__ic{width:40px;height:40px;border-radius:12px;background:var(--hoja2);display:grid;place-items:center;color:var(--tinta2)}
.lee__t{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lee__r{font-size:13.5px;color:var(--tenue);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}
.lee__ok{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.lee__ok .gira{width:16px;height:16px;border-radius:50%;border:2.2px solid var(--linea);border-right-color:var(--bien);animation:gira 700ms linear infinite}
.lee__ok .i{width:20px;height:20px;color:var(--bien);stroke-width:2.6}
.lee__f.leyendo::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in oklab,var(--verde) 16%,transparent),transparent 70%);animation:barre 1100ms var(--e-io) infinite}
@keyframes barre{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* ① El negocio que entendió */
.negocio{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center}
.negocio__ic{width:64px;height:64px;border-radius:20px;background:var(--tinta);color:var(--verde);display:grid;place-items:center}
.negocio__ic .i{width:32px;height:32px;stroke-width:1.8}
.negocio__n{font-size:19px;font-weight:760;letter-spacing:-.015em;line-height:1.25}
.negocio__t{font-size:14.5px;color:var(--tenue);font-weight:620;margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;grid-column:1/-1}
.chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;background:var(--hoja2);font-size:13.5px;font-weight:650;color:var(--tinta2);animation:entra 420ms var(--resorte) both;animation-delay:calc(var(--k,0) * 70ms + 150ms)}
.chip .i{width:14px;height:14px;color:var(--bien);stroke-width:2.6}

/* ① ¿Qué tipo de negocio es? */
.tipos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:20px}
.tipo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:96px;padding:14px;border-radius:18px;background:var(--hoja);box-shadow:var(--sombra);
  text-align:left;font-weight:700;font-size:15px;line-height:1.2;transition:transform 160ms var(--e-out), box-shadow 200ms ease;animation:entra 420ms var(--resorte) both;animation-delay:calc(var(--k) * 30ms)}
.tipo:hover{box-shadow:var(--sombra), inset 0 0 0 1.5px var(--tinta2)}
.tipo:active{transform:scale(.97)}
.tipo .i{width:28px;height:28px;color:var(--bien);stroke-width:1.8}

/* ② Qezi lo arma: el flujo del asistente, pieza por pieza */
.arma__fuentes{display:flex;flex-wrap:wrap;gap:6px}
.fu{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea2);font-size:13.5px;font-weight:650;color:var(--tinta2);
  animation:entra 420ms var(--resorte) both;transition:box-shadow 200ms ease, background-color 200ms ease;max-width:100%}
.fu span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fu .i{width:15px;height:15px}
.fu.da{background:var(--menta);box-shadow:inset 0 0 0 1px var(--bien)}
.pieza{position:fixed;left:0;top:0;z-index:70;pointer-events:none;height:26px;padding:0 10px;border-radius:999px;background:var(--verde);color:var(--sobre-verde);font-size:12px;font-weight:760;display:grid;place-items:center;white-space:nowrap;will-change:transform,opacity}
.flujo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nodo{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 12px 12px 14px;border-radius:18px;background:var(--hoja);box-shadow:var(--sombra);position:relative;margin-bottom:14px;
  transition:box-shadow 300ms ease}
.nodo::after{content:"";position:absolute;left:31px;top:100%;width:2px;height:14px;background:var(--linea)}
.nodo:last-child{margin-bottom:0}
.nodo:last-child::after{display:none}
.nodo.nace{animation:nace 560ms var(--resorte) both}
@keyframes nace{from{opacity:0;transform:translateY(12px) scale(.98)}}
.nodo.nace::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 35%,color-mix(in oklab,var(--verde) 22%,transparent) 50%,transparent 65%) no-repeat;background-size:300% 100%;animation:barreFondo 800ms var(--e-io) 120ms both;pointer-events:none}
@keyframes barreFondo{from{background-position:100% 0}to{background-position:0 0}}
.nodo__n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--hoja2);color:var(--tinta2);transition:background-color 300ms ease,color 300ms ease}
.nodo--qezi .nodo__n{background:var(--verde);color:var(--sobre-verde)}
.nodo--tu .nodo__n{background:var(--equipo-bg);color:var(--equipo)}
.nodo__t{font-weight:680;font-size:15.5px;line-height:1.3;text-wrap:pretty}
.nodo__de{display:block;font-size:12.5px;font-weight:620;color:var(--tenue);margin-top:2px}
.nodo__de s{text-decoration-color:var(--ojo-linea)}
.duen{height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:760;white-space:nowrap;background:var(--hoja2);color:var(--tenue);display:inline-flex;align-items:center;gap:5px;
  transition:transform 160ms var(--e-out), background-color 300ms ease, color 300ms ease}
.duen:active{transform:scale(.95)}
.nodo--qezi .duen{background:var(--bien-bg);color:var(--bien)}
.nodo--tu .duen{background:var(--equipo-bg);color:var(--equipo)}
.duen[disabled]{cursor:default}
.duen .i{width:13px;height:13px;stroke-width:2.4}
.nodo.cambio{box-shadow:var(--sombra), inset 0 0 0 2px var(--bien)}
.nodo.cambio .nodo__t{animation:entra 420ms var(--resorte) both}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:620;color:var(--tenue);margin-top:-4px}
.leyenda span{display:inline-flex;align-items:center;gap:6px}
.leyenda i{width:10px;height:10px;border-radius:50%;display:inline-block}

/* ② Lo único que bloquea: plata, horario, un texto, una lista */
.pfila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--linea2)}
.pfila:first-child{border-top:0;padding-top:0}
.pfila__n{font-weight:680;font-size:15.5px}
.pfila__v{display:inline-flex;align-items:center;gap:2px;height:46px;padding:0 6px 0 14px;border-radius:14px;background:var(--hoja2);font-weight:780;font-size:18px}
.pfila__v input{width:76px;border:0;background:none;outline:none;font-weight:780;font-size:18px;text-align:right;padding:0 6px}
.pfila__v:focus-within{box-shadow:inset 0 0 0 2px var(--tinta)}
.pfila.cambio .pfila__v{box-shadow:inset 0 0 0 2px var(--bien);animation:otra 600ms var(--e-out)}
.valor{width:100%;border:0;outline:none;background:var(--hoja2);border-radius:14px;padding:13px 14px;font-weight:680;font-size:16px;line-height:1.4;resize:none}
.valor:focus{box-shadow:inset 0 0 0 2px var(--tinta)}
.valor.cambio{box-shadow:inset 0 0 0 2px var(--bien)}
.rotulo{font-size:12.5px;font-weight:760;color:var(--tenue);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}
.sube{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border-radius:var(--r);border:2px dashed var(--linea);background:color-mix(in oklab,var(--hoja) 60%, transparent);text-align:center;color:var(--tenue);font-weight:640;font-size:14.5px}
.sube__ics{display:flex;gap:8px}
.sube__ics span{width:44px;height:44px;border-radius:14px;background:var(--hoja);box-shadow:var(--sombra);display:grid;place-items:center;color:var(--tinta2)}
.sube.leyendo{border-color:var(--bien);background:var(--menta);color:var(--tinta2)}
.barrita{width:min(260px,80%);height:6px;border-radius:6px;background:var(--hoja3);overflow:hidden}
.barrita i{display:block;height:100%;background:var(--bien);transform:scaleX(0);transform-origin:left}
.resultado{display:flex;gap:10px;align-items:flex-start;font-size:16px;font-weight:640;color:var(--tinta2);line-height:1.4}
.resultado .i{color:var(--bien);margin-top:2px;stroke-width:2.6}
.resultado b{color:var(--tinta)}

/* «Buena noticia» */
.buena{background:var(--menta);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--bien) 35%, transparent)}
.buena__t{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--bien);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.buena__t .i{width:16px;height:16px}
.buena__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.buena__l li{display:flex;gap:9px;align-items:flex-start;font-size:15.5px;font-weight:620;color:var(--tinta2);animation:entra 420ms var(--resorte) both;animation-delay:calc(var(--k) * 70ms + 150ms)}
.buena__l .i{width:18px;height:18px;color:var(--bien);margin-top:1px;stroke-width:2.4}

/* ③ El teléfono de prueba */
.prueba{display:grid;justify-items:center;gap:12px}
.tel{width:min(360px,100%);height:min(500px,52dvh);min-height:340px;border-radius:30px;background:#0B1712;padding:8px;box-shadow:var(--sombra-alta);animation:entra 600ms var(--resorte) both}
.tel__in{height:100%;border-radius:23px;overflow:hidden;background:var(--wa-bg);display:flex;flex-direction:column}
.wa-cab{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--wa-barra);color:#fff}
.wa-cab__av{width:34px;height:34px;border-radius:50%;background:#081F14;color:var(--verde);display:grid;place-items:center;flex:none}
.wa-cab__av .i{width:18px;height:18px}
.wa-cab__n{font-weight:720;font-size:14.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-cab__e{font-size:12px;opacity:.8}
.wa-hilo{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}
.wa{max-width:86%;padding:7px 10px 6px;border-radius:12px;font-size:14px;line-height:1.4;background:var(--wa-suyo);align-self:flex-start;box-shadow:0 1px 1px #0000000f;
  animation:wa 380ms var(--resorte) both;transform-origin:left bottom}
.wa.mio{align-self:flex-end;background:var(--wa-mio);transform-origin:right bottom}
@keyframes wa{from{opacity:0;transform:scale(.9) translateY(6px)}}
.wa--esc{display:flex;gap:4px;padding:11px 12px}
.wa--foto{padding:4px;max-width:78%}.wa--foto img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:6px}.wa--foto span{display:block;padding:6px 6px 2px}
.wa--esc i{width:6px;height:6px;border-radius:50%;background:var(--tenue);animation:esc 900ms ease-in-out infinite}
.wa--esc i:nth-child(2){animation-delay:150ms}.wa--esc i:nth-child(3){animation-delay:300ms}
@keyframes esc{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.wa-cot{width:86%;padding:10px 12px}
.wa-cot div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:3px 0}
.wa-cot div span:last-child{font-weight:700;white-space:nowrap}
.wa-cot .tot{border-top:1px solid var(--linea2);margin-top:4px;padding-top:6px;font-weight:800;font-size:14.5px}
.wa-lista{background:#FFFDF2;color:#33302A;font-family:"Bradley Hand","Segoe Print",cursive;font-size:15px;line-height:1.5;padding:12px 14px;border-radius:6px;transform:rotate(-1.5deg);box-shadow:0 2px 6px #0000001a}
.wa-audio{display:flex;align-items:center;gap:8px;min-width:200px}
.wa-audio .i{width:16px;height:16px;color:#00A884}
.wa-audio em{flex:1;height:18px;display:flex;align-items:center;gap:2px}
.wa-audio em i{width:3px;border-radius:3px;background:#00A884;opacity:.6}
.wa-audio small{font-size:11.5px;color:var(--tenue)}
.wa-trans{font-size:12.5px;color:var(--tenue);font-style:italic;margin-top:4px}
.wa-auto{padding:0;overflow:hidden;width:86%}
.wa-auto svg{display:block;width:100%;height:auto;background:linear-gradient(#DDE7EE,#F5F7F8)}
.wa-auto div{padding:8px 10px}
.wa-auto b{display:block;font-size:14px}
.wa-auto small{color:var(--tenue);font-size:12.5px}
.wa-auto strong{display:block;color:var(--bien);font-size:15px}
.wa-bts{display:flex;flex-direction:column;gap:4px;align-self:flex-start;width:86%;animation:wa 380ms var(--resorte) both}
.wa-bts button{background:var(--wa-suyo);border-radius:10px;padding:9px;font-weight:700;font-size:13.5px;color:#027EB5;transition:transform 160ms var(--e-out)}
.wa-bts button:active{transform:scale(.97)}
.wa-bts button[disabled]{opacity:.5}
.wa-regla{align-self:center;font-size:11.5px;font-weight:760;color:var(--equipo);background:var(--equipo-bg);padding:3px 10px;border-radius:999px;animation:wa 380ms var(--resorte) both;text-align:center}
.wa-in{display:flex;gap:6px;padding:8px;align-items:center}
.wa-in input{flex:1;min-width:0;height:40px;border-radius:999px;border:0;background:var(--wa-suyo);padding:0 14px;outline:none;font-size:14.5px}
.wa-in button{width:40px;height:40px;border-radius:50%;background:#00A884;color:#fff;display:grid;place-items:center;flex:none}
.wa-in button .i{width:18px;height:18px}

/* ④ Actívala */
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.dias i{height:40px;border-radius:12px;background:var(--hoja2);display:grid;place-items:center;font-style:normal;font-weight:780;font-size:14.5px;color:var(--tenue);animation:dia 420ms var(--resorte) both;animation-delay:calc(var(--k) * 45ms)}
@keyframes dia{from{opacity:0;transform:translateY(8px)}to{background:var(--menta);color:var(--bien)}}
.garantia{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--menta);font-size:15px;line-height:1.4;margin-top:14px;color:var(--tinta2);font-weight:600}
.garantia .i{color:var(--bien);flex:none;margin-top:1px}
.garantia b{color:var(--tinta)}
.conecta{display:flex;align-items:center;justify-content:center;gap:0;padding:6px 0}
.conecta span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;overflow:hidden}
.conecta span svg{width:100%;height:100%}
.conecta .wa-ic{background:#25D366;color:#fff}
.conecta .wa-ic .i{width:30px;height:30px}
.conecta em{width:64px;height:4px;background:var(--verde);border-radius:4px;transform-origin:left;animation:linea 500ms var(--e-io) 300ms both}
@keyframes linea{from{transform:scaleX(0)}}
.conecta__t{text-align:center;font-size:14.5px;font-weight:650;color:var(--tinta2);margin-top:10px}
.despues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.despues li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--linea2);animation:entra 420ms var(--resorte) both;animation-delay:calc(var(--k) * 60ms)}
.despues li:first-child{border-top:0;padding-top:0}
.despues .i{width:18px;height:18px;color:var(--tenue);margin-top:2px}
.despues b{font-size:15px}
.despues small{display:block;font-size:13.5px;color:var(--tenue);font-weight:600}
.listo-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.listo-n div{background:var(--hoja);border-radius:16px;padding:12px;box-shadow:var(--sombra);animation:entra 460ms var(--resorte) both;animation-delay:calc(var(--k) * 80ms)}
.listo-n b{display:block;font-size:22px;letter-spacing:-.02em}
.listo-n small{font-size:12.5px;color:var(--tenue);font-weight:650;line-height:1.3;display:block}

/* ─── El compositor: nunca se apaga. Debajo, qué hacer ahora ─────── */
.compositor{padding:8px 20px max(12px, env(safe-area-inset-bottom));background:var(--bg);position:relative;z-index:5;border-top:1px solid var(--linea2)}
.compositor__in{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:4px;min-height:54px;padding:5px 5px 5px 8px;border-radius:999px;background:var(--hoja);
  box-shadow:var(--sombra), inset 0 0 0 1.5px var(--linea2);transition:box-shadow 200ms ease}
.compositor__in:focus-within{box-shadow:var(--sombra), inset 0 0 0 2px var(--tinta)}
.compositor input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:16px;padding:0 6px;height:44px}
.compositor input::placeholder{color:var(--tenue)}
.ico-bt{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--tinta2);flex:none;transition:transform 160ms var(--e-out), background-color 160ms ease}
.ico-bt:hover{background:var(--hoja2)}
.ico-bt:active{transform:scale(.92)}
.ico-bt--envia{background:var(--tinta);color:var(--verde)}
.ico-bt--envia:hover{background:var(--tinta)}
.compositor.graba .compositor__in{box-shadow:var(--sombra), inset 0 0 0 2px var(--verde)}
.onda{display:none;align-items:center;gap:3px;height:28px;flex:1;padding:0 8px}
.compositor.graba .onda{display:flex}
.compositor.graba #compIn{display:none}
.onda i{width:3px;border-radius:3px;background:var(--bien);height:30%;animation:onda2 700ms ease-in-out infinite;animation-delay:calc(var(--k) * -73ms)}
@keyframes onda2{50%{height:95%}}
.onda span{margin-left:auto;font-size:13px;font-weight:720;color:var(--bien)}
#compVoz.on{background:var(--verde);color:var(--sobre-verde)}
.pista{max-width:620px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:640;color:var(--tinta2);text-align:center;min-height:1.45em;text-wrap:balance}
.pista .i{width:16px;height:16px;color:var(--bien);stroke-width:2.4}
.pista.cambia{animation:entra 380ms var(--resorte)}
/* Su web, leyéndose mientras conversa (Textil San Pedro, 10-oct): una línea quieta arriba de la pista. */
.lectura{max-width:620px;margin:6px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;color:var(--tinta2);text-align:center}
.lectura .i{width:15px;height:15px;color:var(--bien);stroke-width:2.2;flex:none}
.lectura[data-estado="leyendo"] .i{animation:latido 1.6s ease-in-out infinite}
@keyframes latido{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.lectura[data-estado="leyendo"] .i{animation:none}}

/* ─── La apertura: la portada, el pitch, la caja única ─────────────── */
#abre{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px 20px;background:var(--bg);overflow:hidden}
.abre__fondo{position:absolute;inset:-20%;background:radial-gradient(48% 40% at 50% 46%, color-mix(in oklab,var(--verde) 16%, transparent), transparent 70%);opacity:0;transition:opacity 1200ms var(--e-out)}
.abre__in{width:min(720px,100%);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.marca-grande{width:96px;height:112px;margin-bottom:22px}
.marca-grande svg{width:100%;height:100%;overflow:visible}
.marca-grande .anillo{fill:none;stroke:var(--tinta);stroke-width:28;stroke-dasharray:240;stroke-dashoffset:240}
.marca-grande .cola{fill:none;stroke:var(--verde);stroke-width:23;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80}
.abre h1{font-size:clamp(36px,6vw,62px);line-height:1.04;letter-spacing:-.04em;font-weight:780;margin:0;text-wrap:balance}
.abre__sub{font-size:clamp(17px,2vw,19.5px);color:var(--tinta2);margin:14px 0 0;max-width:36ch;font-weight:560;text-wrap:balance}
.caja{margin-top:28px;width:100%;min-height:74px;border-radius:26px;background:var(--hoja);position:relative;display:flex;align-items:center;gap:6px;
  padding:8px 8px 8px 16px;box-shadow:var(--sombra-alta), inset 0 0 0 1.5px var(--linea);flex-wrap:wrap;text-align:left;
  transition:box-shadow 240ms var(--e-out), transform 240ms var(--e-out);opacity:0;transform:translateY(18px) scale(.98)}
.caja.lista{opacity:1;transform:none;transition:opacity 600ms var(--e-out), transform 700ms var(--resorte), box-shadow 240ms var(--e-out)}
.caja:focus-within{box-shadow:var(--sombra-alta), inset 0 0 0 2.5px var(--tinta)}
.caja.encima{box-shadow:var(--sombra-alta), inset 0 0 0 2.5px var(--bien)}
.caja__fichas{display:contents}
.caja input{flex:1 1 200px;min-width:120px;border:0;outline:none;background:none;font-size:clamp(16.5px,2vw,19px);font-weight:560;height:56px;letter-spacing:-.01em}
.caja input::placeholder{color:var(--tenue);opacity:1}
.caja__acc{display:flex;gap:2px;align-items:center;margin-left:auto}
.enviar{width:56px;height:56px;border-radius:50%;background:var(--tinta);color:var(--verde);display:grid;place-items:center;flex:none;transition:transform 160ms var(--e-out)}
.enviar .i{width:24px;height:24px;stroke-width:2.2}
.enviar.primario{background:var(--verde);color:var(--sobre-verde);animation:brilla 2600ms ease-in-out 600ms infinite}
.enviar:active{scale:.94}
.caja.graba{box-shadow:var(--sombra-alta), inset 0 0 0 2.5px var(--verde)}
.caja.graba input{display:none}
.caja .onda{flex:1 1 200px}
.caja.graba .onda{display:flex}
#cajaVoz.on{background:var(--verde);color:var(--sobre-verde)}
.ficha{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 8px 0 12px;border-radius:999px;background:var(--hoja2);font-weight:650;font-size:15px;white-space:nowrap;
  animation:ficha 460ms var(--resorte) both;max-width:100%}
.ficha .i{width:17px;height:17px}
.ficha span{overflow:hidden;text-overflow:ellipsis}
.ficha button{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--tenue)}
.ficha button .i{width:14px;height:14px}
@keyframes ficha{from{opacity:0;transform:scale(.88)}}
.sugs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.sug{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--linea);font-weight:650;font-size:14.5px;color:var(--tinta2);
  background:color-mix(in oklab,var(--hoja) 70%, transparent);transition:transform 160ms var(--e-out), box-shadow 160ms ease, opacity 300ms var(--e-out)}
.sug:hover{box-shadow:inset 0 0 0 1.5px var(--tinta2)}
.sug:active{transform:scale(.96)}
.sug .i{width:16px;height:16px}
.abre__pista{margin:14px 0 0;font-size:14px;font-weight:640;color:var(--tinta2);display:flex;gap:7px;align-items:center;justify-content:center}
.abre__pista .i{width:16px;height:16px;color:var(--bien);stroke-width:2.4}
.abre__pie{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-items:center;margin-top:18px;color:var(--tenue);font-size:14px}
.abre__pie .bt--fantasma{min-height:40px}
.aparece{opacity:0;transform:translateY(10px)}
.aparece.si{opacity:1;transform:none;transition:opacity 500ms var(--e-out), transform 600ms var(--e-out)}

/* El pitch: cuatro tiempos, cada uno con su prueba en vivo */
.pitch{display:none;width:min(560px,100%);margin-top:18px;flex-direction:column;align-items:center;gap:14px;cursor:pointer;user-select:none}
#abre.pitcheando .pitch{display:flex}
#abre.pitcheando .abre__sub,#abre.pitcheando .caja,#abre.pitcheando .sugs,#abre.pitcheando .abre__pie,#abre.pitcheando .abre__pista{display:none}
#abre.pitcheando .marca-grande{width:74px;height:86px;margin-bottom:16px}
#abre.pitcheando h1{font-size:clamp(30px,4.4vw,46px)}
.pitch__linea{font-size:clamp(20px,2.5vw,25px);line-height:1.3;font-weight:680;letter-spacing:-.02em;min-height:2.7em;text-wrap:balance;text-align:center;max-width:24ch;display:grid;place-items:center}
.pitch__viz{height:168px;width:100%;position:relative;display:grid;place-items:center}
.pitch__pie{display:flex;align-items:center;gap:14px}
.pitch__pasos{display:flex;gap:6px;width:150px}
.pitch__pasos i{flex:1;height:4px;border-radius:4px;background:var(--hoja3);overflow:hidden;display:block}
.pitch__pasos i b{display:block;height:100%;background:var(--tinta);transform-origin:left;transform:scaleX(0)}
.pitch__pasos i.ya b{transform:scaleX(1)}
.pv{animation:entra 460ms var(--resorte) both}
.pv-chat{width:min(330px,100%);background:var(--wa-bg);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sombra);text-align:left}
.pv-chat .wa{font-size:14.5px}
.pv-chat .hora{font-size:11px;color:var(--tenue);margin-left:8px}
.pv-chat .tarde{animation-delay:900ms}
.pv-av{width:min(360px,100%);display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:22px;background:var(--hoja);box-shadow:var(--sombra-alta);text-align:left;animation:cae 700ms var(--resorte) 250ms both}
@keyframes cae{from{opacity:0;transform:translateY(-34px) scale(.96)}}
.pv-dias{display:grid;grid-template-columns:repeat(7,34px);gap:6px}
.pv-dias i{height:38px;border-radius:11px;background:var(--hoja);box-shadow:inset 0 0 0 1.5px var(--linea);display:grid;place-items:center;font-style:normal;font-weight:780;font-size:14px;color:var(--tenue);animation:dia 420ms var(--resorte) both;animation-delay:calc(var(--k) * 60ms)}
.pv-dias__t{margin-top:12px;font-size:14px;font-weight:650;color:var(--tinta2);text-align:center}

/* ─── Piezas sueltas: aviso del celular, dedo de la demo, toast, hoja ─ */
#aviso{position:fixed;left:50%;top:14px;z-index:100;width:min(400px,calc(100vw - 24px));transform:translate(-50%,-140%);transition:transform 620ms var(--resorte)}
#aviso.on{transform:translate(-50%,0)}
.aviso__in{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:22px;background:color-mix(in oklab,var(--hoja) 92%, transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sombra-alta)}
.aviso__ic{width:40px;height:40px;border-radius:11px;overflow:hidden;flex:none}
.aviso__ic svg{width:100%;height:100%}
.aviso__t{font-weight:760;font-size:14.5px;display:flex;justify-content:space-between;gap:8px}
.aviso__t small{font-weight:600;color:var(--tenue);font-size:12px}
.aviso__s{font-size:14px;color:var(--tinta2);line-height:1.35}
@keyframes onda{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
#toast{position:fixed;left:50%;bottom:120px;z-index:110;transform:translate(-50%,40px);opacity:0;transition:transform 420ms var(--resorte), opacity 200ms ease;background:var(--tinta);color:var(--bg);
  padding:12px 18px;border-radius:16px;font-weight:650;font-size:14.5px;max-width:calc(100vw - 32px);box-shadow:var(--sombra-alta);pointer-events:none}
#toast.on{transform:translate(-50%,0);opacity:1}
.hoja-velo{position:fixed;inset:0;z-index:85;background:#081F14;opacity:0;transition:opacity 300ms ease;pointer-events:none}
.hoja-velo.on{opacity:.36;pointer-events:auto}
.hoja{position:fixed;left:50%;bottom:0;z-index:86;width:min(460px,100vw);background:var(--hoja);border-radius:24px 24px 0 0;padding:10px 22px max(24px, env(safe-area-inset-bottom));
  transform:translate(-50%,105%);transition:transform 480ms var(--e-cajon);box-shadow:var(--sombra-alta)}
.hoja.on{transform:translate(-50%,0)}
.hoja__asa{width:40px;height:5px;border-radius:5px;background:var(--linea);margin:0 auto 16px}
.hoja__marca{display:flex;align-items:center;gap:10px;font-weight:760;font-size:15px;margin-bottom:6px}
.hoja__marca span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.hoja h3{font-size:21px;letter-spacing:-.02em;margin:6px 0 14px;line-height:1.25}
.hoja__l{display:flex;flex-direction:column;margin-bottom:18px}
.hoja__l div{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--linea2);font-weight:620;font-size:15px;color:var(--tenue);transition:color 200ms ease}
.hoja__l div .i{color:var(--linea)}
.hoja__l div.ok{color:var(--tinta)}
.hoja__l div.ok .i{color:var(--bien)}
.hoja .bt{width:100%}
.hoja label{display:block;font-size:13px;font-weight:700;color:var(--tenue);margin:0 0 6px}
.hoja input{width:100%;height:48px;border-radius:14px;border:0;background:var(--hoja2);padding:0 14px;font-size:16px;outline:none;margin-bottom:12px}
.hoja input:focus{box-shadow:inset 0 0 0 2px var(--tinta)}
.hoja__nota{font-size:13px;color:var(--tenue);font-weight:600;margin:-4px 0 14px;display:flex;gap:6px;align-items:center}
.hoja__nota .i{width:15px;height:15px}

/* ─── Teléfono ────────────────────────────────────────────────────── */
@media (max-width:760px){
  .barra{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 14px}
  .formulario{display:none}
  .neg-pill{display:none}
  .barra{padding-right:58px}
  .pasos4 span{display:none}
  .paso-nombre{display:block;font-size:13px;font-weight:700;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .paso-nombre small{color:var(--tenue);font-weight:650;margin-right:6px}
  #escena{padding:20px 16px 0}
  .compositor{padding:8px 12px max(10px, env(safe-area-inset-bottom))}
  .pista{font-size:13px;margin-top:6px}
  .tipos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tipo{min-height:78px;padding:12px;font-size:14.5px}
  .tipo .i{width:24px;height:24px}
  .nodo{grid-template-columns:32px minmax(0,1fr);row-gap:8px;padding:12px}
  .nodo__n{width:32px;height:32px}
  .nodo::after{left:27px}
  .duen{grid-column:2;justify-self:start}
  .tel{height:min(430px,50dvh)}
  .listo-n b{font-size:19px}
  .dias i{height:34px;font-size:13px}
  .caja{min-height:66px;border-radius:22px}
  .caja input{height:50px}
  .enviar{width:50px;height:50px}
}

/* ─── Movimiento reducido: nada viaja, todo aparece ───────────────── */
@media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important} .pal{filter:none} }
body.sin-mov *,body.sin-mov *::before,body.sin-mov *::after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}

/* ─── Lo que el producto suma al prototipo ─────────────────────────── */
#app{opacity:1}
a.bt{text-decoration:none}
.bt.primario{min-height:52px}
.acciones .bt{max-width:100%;white-space:normal;text-align:center;line-height:1.2;padding-top:10px;padding-bottom:10px}
.marca-chica{display:grid;place-items:center}
.lista{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.lista li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid var(--linea2);font-size:15.5px;font-weight:620}
.lista li:first-child{border-top:0;padding-top:0}
.lista li span:last-child{font-weight:780;white-space:nowrap;font-variant-numeric:tabular-nums}
.lista li .sin{color:var(--ojo);font-weight:680;font-size:14px}
.lista__mas{font-size:14px;color:var(--tenue);font-weight:650;margin:10px 0 0}
.pend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.sube{cursor:pointer;transition:border-color 200ms ease, background-color 200ms ease}
.sube.encima{border-color:var(--bien);background:var(--menta)}
.aviso-honesto{background:var(--ojo-bg);box-shadow:inset 0 0 0 1.5px var(--ojo-linea)}
.aviso-honesto .buena__t{color:var(--ojo)}
.aviso-honesto .buena__l .i{color:var(--ojo)}
.aviso-honesto__si{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:15px;font-weight:650;color:var(--tinta2)}
.aviso-honesto__si .i{width:18px;height:18px;color:var(--bien);stroke-width:2.4}
.campo{display:flex;gap:8px;align-items:center}
.campo input{flex:1;min-width:0;height:50px;border-radius:14px;border:0;background:var(--hoja2);padding:0 14px;font-size:16px;outline:none;font-weight:620}
.campo input:focus{box-shadow:inset 0 0 0 2px var(--tinta)}
.codigo{font-size:clamp(30px,6vw,40px);font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:center;padding:10px 0 4px}
.codigo-ok{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--bien);font-weight:760}
.anillo-t{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
.anillo-p{transition:stroke-dashoffset 900ms var(--e-io)}
.hoja__err{color:#A1270F;font-weight:680;font-size:14.5px;margin:-4px 0 12px;min-height:1.2em}
.hoja__enl{display:block;margin:12px auto 0;font-weight:680;font-size:14.5px;color:var(--tenue);text-decoration:underline;text-underline-offset:3px}
.hoja .bt[disabled]{opacity:.5}
.ch-error{max-width:620px;margin:0 auto 12px;padding:12px 14px;border-radius:14px;background:#FCE4DC;color:#A1270F;font-weight:680;font-size:15px}
.wa-nota{align-self:center;font-size:15px;font-weight:700;color:var(--tenue);text-align:center;padding:2px 8px}
@media (hover:hover) and (pointer:fine){ .tipo:hover{box-shadow:var(--sombra), inset 0 0 0 1.5px var(--tinta2)} }
@media (max-width:760px){ .barra{padding-right:14px} .anillo-t{grid-template-columns:88px minmax(0,1fr)} .anillo-t svg{width:88px;height:88px} }
@media (prefers-reduced-motion: reduce){ .bt.primario,.enviar.primario{animation:none!important;box-shadow:0 0 0 3px #00E67633} }
.caja,.compositor__in,.campo,.wa-in{flex-direction:row}
.caja input{height:56px;flex:1 1 200px}
.ico-bt--envia,.ico-bt--envia:hover{background:var(--tinta);color:var(--bg)}
.leyenda{margin-top:10px}

/* ─── Evaluación v3 (7-oct): toques ≥ 44 px, letra de la pista ≥ 15 px, campos ≥ 16 px ─── */
.duen{min-height:44px;height:auto;padding:0 14px}
.pista{font-size:15px}
@media (max-width:760px){ .pista{font-size:15px} .paso-nombre{font-size:13px} .paso-nombre small{font-size:12.5px} }
.wa-in input{font-size:16px;height:44px}
.wa-in button{width:44px;height:44px}
.sug,.bt--chico{min-height:44px;height:auto}
.pitch__pie .bt{min-height:44px}
.neg-campo{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px}
.neg-campo span{font-size:14px;font-weight:650;color:var(--tenue)}
.neg-campo input{height:44px;border:0;border-radius:12px;background:var(--hoja2);padding:0 12px;font-size:16px;font-weight:680;outline:none;min-width:0}
.neg-campo input:focus{box-shadow:inset 0 0 0 2px var(--tinta)}
.negocio{align-items:start}
.entendido.no-pude{background:var(--ojo-bg);color:var(--tinta)}
.entendido.no-pude .i{color:var(--ojo)}
.resalta{box-shadow:inset 0 0 0 2px var(--ojo-linea)!important}
.acciones .bt:focus-visible{outline-offset:3px}
@media (max-width:760px){ .dias{display:none} .garantia{margin-top:0} .acciones [data-m]{min-height:44px;padding:0 10px} }

/* ─── ① Una pregunta por turno (FC, 8-oct): su campo dentro del globo; lo contestado arriba, una línea por dato ─── */
.res-wrap{display:flex;flex-direction:column;gap:8px;animation:entra 360ms var(--resorte) both}
.res{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.res__f{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr) 18px;column-gap:10px;align-items:center;min-height:44px;padding:8px 12px;border-radius:14px;
  background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea2);text-align:left;font-size:15px;font-weight:650;color:var(--tinta2);transition:transform 160ms var(--e-out), box-shadow 160ms ease}
.res__f:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){ .res__f:hover{box-shadow:inset 0 0 0 1.5px var(--tinta2)} }
.res__f .i{width:18px;height:18px;color:var(--bien)}
.res__v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res__f small{grid-column:2;font-size:13.5px;font-weight:620;color:var(--tenue)}
.res__f .res__ed{grid-row:1;grid-column:3;width:16px;height:16px;color:var(--tenue)}
.res__f small[data-tono="bien"],.preg__lista small[data-tono="bien"]{color:var(--bien)}
.res__f small[data-tono="ojo"],.preg__lista small[data-tono="ojo"]{color:var(--ojo)}
.res__paso{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--tenue);letter-spacing:.02em}
.preg{display:flex;flex-direction:column;gap:12px;animation:entra 420ms var(--resorte) both;border-radius:var(--r)}
.preg.encima{background:var(--menta)}
.preg__f{display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-radius:20px;background:var(--hoja);box-shadow:var(--sombra), inset 0 0 0 1.5px var(--linea)}
.preg__f:focus-within{box-shadow:var(--sombra), inset 0 0 0 2px var(--tinta)}
.preg__in{flex:1;min-width:0;height:52px;border:0;background:none;outline:none;font-size:18px;font-weight:650;color:var(--tinta)}
.preg__in::placeholder{color:var(--tenue);font-weight:560}
.preg__in.resalta{animation:otra 500ms var(--e-out)}
.preg__ir{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--hoja2);color:var(--tinta);transition:transform 160ms var(--e-out)}
.preg__ir:active{transform:scale(.94)}
.preg__chips{display:flex;flex-wrap:wrap;gap:8px}
.preg__chip{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 14px;border-radius:999px;background:var(--hoja2);font-size:15px;font-weight:680;color:var(--tinta2);
  transition:transform 160ms var(--e-out), background-color 200ms ease}
.preg__chip:active{transform:scale(.96)}
.preg__chip .i{width:17px;height:17px;color:var(--bien)}
.preg__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.preg__lista li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea2);font-size:15px;font-weight:650}
.preg__lista .i{width:18px;height:18px;color:var(--bien)}
.preg__n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preg__lista small{grid-column:2;font-size:13.5px;font-weight:620;color:var(--tenue)}
.preg__subir{display:flex;align-items:center;gap:10px;padding:16px;border-radius:16px;border:2px dashed var(--linea);color:var(--tenue);font-size:15px;font-weight:640}
.preg__subir .i{width:22px;height:22px;color:var(--tinta2)}
.bt.primario.a-medias{opacity:.62;animation:none}

/* ─── Los momentos (FC, 8-oct): campo → su línea, el ícono del enlace, el micrófono, la lista leyendo, el nacimiento ─── */
.res__f.recien,.preg__lista li.recien{box-shadow:inset 0 0 0 2px var(--bien)}
.preg__tipo{width:28px;height:28px;display:grid;place-items:center;color:var(--bien);flex:none;margin-left:-4px}
.preg__tipo .i{width:22px;height:22px}
.preg__mic{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;color:var(--tinta2);transition:transform var(--q-d-toque) var(--q-salida), background-color var(--q-d-ui) ease}
.preg__mic:active{transform:scale(.94)}
.preg__mic.grabando,.preg__hablar.grabando{background:var(--verde);color:var(--sobre-verde)}
.preg__hablar{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;text-align:left;min-height:72px;padding:10px 16px 10px 10px;border-radius:var(--q-r);
  background:var(--hoja);box-shadow:var(--sombra), inset 0 0 0 1.5px var(--linea2);transition:transform var(--q-d-toque) var(--q-salida)}
.preg__hablar:active{transform:scale(.98)}
.preg__hablar>.i{width:56px;height:56px;padding:16px;border-radius:50%;background:var(--menta);color:var(--bien)}
.preg__hablar b{display:block;font-size:17px;font-weight:760}
.preg__hablar small{display:block;font-size:14px;font-weight:620;color:var(--tenue)}
.preg__hablar.grabando>.i{background:var(--sobre-verde);color:var(--verde);animation:brilla 1200ms ease-in-out infinite}
.preg__leyendo{position:relative;overflow:hidden}
.tel.naciendo{animation:nacer 1100ms var(--q-salida) both}
@keyframes nacer{0%{opacity:0;transform:translateY(28px) scale(.9);filter:blur(6px)}55%{opacity:1;filter:none}100%{transform:none}}
.tel.naciendo .tel__in{animation:prende 1100ms ease both}
@keyframes prende{0%,40%{opacity:.25}100%{opacity:1}}
.preg__in:focus-visible{outline:none}
.arma__fuentes{margin-bottom:14px}

.res__deshacer{align-self:flex-start;min-height:44px;padding:0 12px;margin:-2px 0 2px 30px;font-size:14px;font-weight:680;color:var(--tenue);text-decoration:underline;text-underline-offset:3px}
.cuerpo .sube{min-height:180px;justify-content:center}
/* La franja honesta de la prueba se lee (evaluación real: 11,5 px). */
.wa-parcial{font-size:15px;line-height:1.35;border-radius:12px;padding:6px 12px}
/* «Ver qué falta»: el aviso honesto plegado, con su toque de 44 px. */
.aviso-honesto summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center}
.aviso-honesto summary::-webkit-details-marker{display:none}
.aviso-honesto[open] summary{margin-bottom:8px}
/* El número del paso, por CSS: se ve, pero no se lee como palabra. */
.nodo__n::before{content:attr(data-n)}
/* La oferta, legible: es lo que la página de activar cumple arriba. */
.oferta-t{margin:0 0 4px;font-size:19px;line-height:1.3;font-weight:760;color:var(--tinta)}
.aviso-honesto summary.buena__t{margin:0}
/* La prueba plegada: solo el último intercambio; «Ver toda la prueba» abre el resto. */
.wa-hilo.plegada .viejo{display:none}
.wa-ver{align-self:center;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--hoja2);color:var(--tinta);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
/* Lo que falta para el 100 %, al lado del anillo. */
.anillo-dice{margin:0;font-size:16px;line-height:1.4;color:var(--tinta2)}
/* Toques de 44 px en el teléfono (evaluación real 3): el chip de «quién lo hace» y «Cambiar mi correo». */
.duen{height:44px;padding:0 14px}
.hoja__enl{min-height:44px;padding:0 12px;display:flex;align-items:center;justify-content:center}
/* Escuchando: el botón late en rojo y dice «Te escucho… toca para terminar» (FC, 8-oct: no se sabía si grababa). */
.preg__mic.grabando,.preg__hablar.grabando{background:#C62828;color:#fff;box-shadow:0 0 0 0 rgba(198,40,40,.5);animation:escucha 1.2s ease-out infinite}
.preg__hablar.grabando small{color:#ffe0e0}
@keyframes escucha{0%{box-shadow:0 0 0 0 rgba(198,40,40,.45)}100%{box-shadow:0 0 0 14px rgba(198,40,40,0)}}
@media (prefers-reduced-motion:reduce){.preg__mic.grabando,.preg__hablar.grabando{animation:none}}
/* El WhatsApp primero (FC, 8-oct): +593 a la vista y por qué se pide. */
.preg__prefijo{align-self:center;padding:0 2px 0 14px;font-weight:760;color:var(--tinta2)}
.preg__nota{display:flex;gap:6px;align-items:center;margin:10px 2px 0;font-size:15px;color:var(--tinta2)}
.preg__nota .i{width:16px;height:16px;flex:none}

/* ═══ PASADA DE DISEÑO (FC, 8-oct) ═══════════════════════════════════════════════════════════
   Dos paneles en la compu (la conversación y el asistente que se arma en vivo), una acción principal pegada al
   campo, un solo anillo de foco, una sola cuenta (los cuatro momentos) y el compositor libre plegado mientras se
   pregunta. En el teléfono, el asistente es un chip arriba que se abre. */

/* El fondo con calor de marca: un brillo menta arriba a la izquierda y otro abajo a la derecha. */
body.ch{background:
  radial-gradient(1200px 520px at -10% -20%, color-mix(in oklab,var(--menta) 70%, transparent), transparent 60%),
  radial-gradient(900px 420px at 110% 120%, color-mix(in oklab,var(--menta) 45%, transparent), transparent 60%),
  var(--bg)}
.barra{background:color-mix(in oklab,var(--bg) 82%, transparent);backdrop-filter:saturate(1.4) blur(10px)}
.compositor{background:transparent;border-top:0}

/* Una sola cuenta: en el momento de ahora, el segmento avanza con cada pregunta. */
.pasos4 li.ahora i::after{transform:scaleX(var(--sub,.5));transition:transform 520ms var(--e-out)}

/* La pregunta: el campo y su botón, juntos; un solo anillo de foco (el del campo entero). */
.preg__f{gap:8px;padding:6px;border-radius:22px;box-shadow:var(--sombra), inset 0 0 0 1.5px var(--linea);transition:box-shadow 200ms var(--e-out)}
.preg__f:focus-within{box-shadow:0 0 0 4px color-mix(in oklab,var(--verde) 30%, transparent), var(--sombra), inset 0 0 0 1.5px var(--bien)}
.preg__in{padding-left:12px}
body.ch .preg__in:focus,body.ch .preg__in:focus-visible{outline:none}
body.ch .preg__f button:focus-visible{outline:2.5px solid var(--bien);outline-offset:2px}
.preg__ir.bt.primario{width:auto;height:52px;min-width:120px;padding:0 18px 0 22px;border-radius:16px;gap:8px;display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:760;background:var(--verde);color:var(--sobre-verde);box-shadow:0 2px 0 color-mix(in oklab,var(--bien) 55%, transparent)}
.preg__ir.bt.primario .i{width:18px;height:18px;stroke-width:2.4;transition:transform 200ms var(--e-out)}
.preg__ir.bt.primario:hover .i{transform:translateX(3px)}
.preg__ir.bt.primario:active{transform:scale(.97)}
@media (max-width:560px){ .preg__ir.bt.primario{min-width:0;padding:0 16px} .preg__ir.bt.primario .i{display:none} }

/* El compositor libre, secundario mientras se pregunta: un enlace que lo abre. */
.compositor__abrir{display:none;margin:0 auto 6px;min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:680;color:var(--tinta2);
  text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--tinta2) 35%, transparent);text-underline-offset:4px}
.compositor__abrir:hover{color:var(--tinta)}
body.preguntando .compositor:not(.abierto) .compositor__in{display:none}
body.preguntando .compositor:not(.abierto) .compositor__abrir{display:block}

/* Los tres closers, donde se espera. */
.closer{max-width:620px;margin:0 auto 6px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:15px;font-weight:680;color:var(--bien);text-align:center;text-wrap:balance}
.closer .i{width:16px;height:16px;flex:none}
.closer.cambia{animation:closer 520ms var(--e-out)}
@keyframes closer{from{opacity:0;transform:translateY(6px);filter:blur(3px)}}

/* ── El asistente, en vivo ───────────────────────────────────────────────────── */
.vivo{display:none}
.vivo__in{display:flex;flex-direction:column;gap:14px}
.vivo__tarjeta{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
.vivo__av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--tinta);color:var(--verde);font-weight:800;font-size:17px;letter-spacing:.02em;flex:none}
.vivo__av--q .i{width:22px;height:22px}
.vivo__id b{display:block;font-size:20px;font-weight:780;letter-spacing:-.015em;line-height:1.2;overflow-wrap:anywhere}
.vivo__id small{display:flex;gap:6px;align-items:center;margin-top:3px;font-size:15px;font-weight:620;color:var(--tinta2)}
.vivo__id small .i{width:16px;height:16px;color:var(--bien);flex:none}
.vivo__enls{display:flex;flex-wrap:wrap;gap:6px}
.vivo__enl{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea2);font-size:14px;font-weight:640;color:var(--tinta2)}
.vivo__enl .i{width:14px;height:14px;color:var(--bien)}
.vivo__tel{border-radius:28px;background:var(--wa-bg);box-shadow:var(--sombra-alta), inset 0 0 0 6px var(--tinta);padding:6px;overflow:hidden}
.vivo__cab{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--wa-barra);color:#fff;border-radius:22px 22px 0 0}
.vivo__cab .vivo__av{width:36px;height:36px;font-size:13px;background:var(--verde);color:var(--tinta)}
.vivo__cab b{display:block;font-size:15.5px;font-weight:720}
.vivo__cab small{font-size:12.5px;opacity:.82}
.vivo__hilo{display:flex;flex-direction:column;gap:8px;padding:14px 12px 18px;min-height:170px}
.vivo__m{margin:0;max-width:86%;padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--wa-suyo);font-size:15px;font-weight:540;line-height:1.4;box-shadow:0 1px 1px #081F1414;color:var(--tinta)}
.vivo__m--cli{align-self:flex-end;background:var(--wa-mio);border-radius:14px 14px 4px 14px}
.vivo__m b{font-weight:740}
.vivo__items{display:flex;flex-direction:column;gap:4px;margin:6px 0;padding:8px 10px;border-radius:10px;background:var(--hoja2)}
.vivo__items span{display:flex;justify-content:space-between;gap:10px}
.vivo__items i{font-style:normal}
.vivo__items b{font-variant-numeric:tabular-nums}
.vivo__tel.vacio .vivo__m:not(.vivo__m--cli){color:transparent;background:linear-gradient(90deg,var(--hoja2),var(--hoja),var(--hoja2));background-size:200% 100%;animation:brillo 1.6s linear infinite}
.vivo__tel.vacio .vivo__m:not(.vivo__m--cli) *{color:transparent}
@keyframes brillo{to{background-position:-200% 0}}
.vivo__pie{margin:0;font-size:15px;font-weight:620;color:var(--tinta2);text-align:center;text-wrap:balance}
.llega{animation:llega 640ms var(--e-out) both}
@keyframes llega{from{opacity:0;transform:translateY(6px) scale(.98);filter:blur(4px)}50%{background-color:color-mix(in oklab,var(--verde) 28%, transparent)}}
.vuela{position:fixed;z-index:50;padding:4px 10px;border-radius:999px;background:var(--verde);color:var(--sobre-verde);font-weight:760;font-size:15px;pointer-events:none;white-space:nowrap}
.vivo__chip{display:none}

/* En la compu: dos paneles. La conversación a la izquierda, el asistente a la derecha. */
@media (min-width:1100px){
  #app.con-vivo{grid-template-columns:minmax(0,1fr) minmax(400px,40%)}
  #app.con-vivo .barra{grid-column:1 / -1}
  #app.con-vivo #escena{grid-column:1;grid-row:2;padding-top:clamp(32px,9vh,96px)}
  #app.con-vivo .compositor{grid-column:1;grid-row:3}
  #app.con-vivo .vivo{display:flex;grid-column:2;grid-row:2 / 4;align-items:center;justify-content:center;padding:32px clamp(24px,4vw,64px);
    background:linear-gradient(160deg, color-mix(in oklab,var(--menta) 55%, var(--bg)), var(--bg) 70%);border-left:1px solid var(--linea2);overflow-y:auto}
  #app.con-vivo .vivo__in{width:min(400px,100%)}
  #app.con-vivo .turno{max-width:600px}
  /* La pregunta: el campo y lo que sigue, juntos arriba; sin el vacío de antes. */
  #app.con-vivo .turno{min-height:0}
  #app.con-vivo .acciones{position:static;margin-top:4px;background:none;padding:4px 0 24px}
}

/* En el teléfono: un chip arriba que se abre. */
@media (max-width:1099px){
  #app.con-vivo .vivo{display:block;position:fixed;z-index:8;top:70px;right:12px;left:12px;pointer-events:none}
  #app.con-vivo .vivo__chip{pointer-events:auto;display:flex;gap:10px;align-items:center;margin-left:auto;min-height:44px;padding:4px 12px 4px 4px;border-radius:999px;
    background:var(--hoja);box-shadow:var(--sombra);font-size:14px;max-width:min(320px,100%)}
  .vivo__chip .vivo__av{width:36px;height:36px;font-size:13px}
  .vivo__chip > span:not(.vivo__av){display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .vivo__chip b{font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
  .vivo__chip small{font-size:12.5px;color:var(--tenue);font-weight:620}
  .vivo__flecha{width:16px;height:16px;transform:rotate(180deg);transition:transform 240ms var(--e-out)}
  .vivo.abierto .vivo__flecha{transform:none}
  #app.con-vivo .vivo__in{display:none;pointer-events:auto;margin-top:8px;padding:16px;border-radius:24px;background:var(--hoja);box-shadow:var(--sombra-alta);max-height:70dvh;overflow:auto}
  #app.con-vivo .vivo.abierto .vivo__in{display:flex;animation:entra 360ms var(--e-out) both}
  #app.con-vivo #escena{padding-top:72px}
}
@media (prefers-reduced-motion:reduce){ .llega,.closer.cambia,.vivo__tel.vacio .vivo__m{animation:none} }
.preg__ir.bt.primario,.preg__ir.bt.primario.otra{animation:none}

/* Lo importado de su web: tres productos con su foto y su precio (Vélez, 8-oct). */
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.prod{margin:0;border-radius:16px;overflow:hidden;background:var(--hoja);box-shadow:var(--sombra)}
.prod img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--hoja2)}
.prod figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;font-size:14px;line-height:1.3}
.prod figcaption span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:620;color:var(--tinta2)}
.prod figcaption b{font-weight:780;font-variant-numeric:tabular-nums}

/* La prueba de ③ con sus saltos de línea, como en WhatsApp (los mensajes del asistente venían pegados, 8-oct). */
.wa-hilo .wa{white-space:pre-line}

/* ── Varios a la vez (FC, 8-oct): fichas que se prenden, el país del celular, los enlaces con su ×. ── */
.preg__chip--sel{position:relative}
.preg__chip--sel .preg__ok{display:none;width:16px;height:16px}
.preg__chip--sel[aria-pressed="true"]{background:var(--menta);color:var(--bien);box-shadow:inset 0 0 0 1.5px var(--bien)}
.preg__chip--sel[aria-pressed="true"] .preg__ok{display:inline-block}
.preg__chips--mas{margin-top:10px}
.preg__paises{margin-top:10px;max-height:220px;overflow:auto;padding:2px}
.preg__rapidos{margin-top:10px}
.preg__rapidos .preg__chip{background:var(--hoja);box-shadow:inset 0 0 0 1px var(--linea)}
.preg__rapidos .preg__chip[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--bien)}
.preg__camara{margin-top:10px}
.preg__lista--x li{grid-template-columns:20px minmax(0,1fr) 44px}
.preg__lista--x small{grid-column:2}
.preg__x{grid-column:3;grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;font-size:22px;line-height:1;color:var(--tenue);display:grid;place-items:center}
.preg__x:hover{background:var(--hoja2);color:var(--tinta)}
.preg__pais{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px 0 10px;border-radius:14px;font-weight:760;color:var(--tinta2);flex:none}
.preg__pais .i{width:14px;height:14px}
.preg__pais:hover{background:var(--hoja2)}
.paises{margin-top:8px;border-radius:18px;background:var(--hoja);box-shadow:var(--sombra-alta);padding:8px;max-height:320px;display:flex;flex-direction:column;gap:6px}
.paises[hidden]{display:none}
.paises__q{height:44px;border-radius:12px;border:0;background:var(--hoja2);padding:0 12px;font-size:16px;outline:none}
.paises ul{list-style:none;margin:0;padding:0;overflow:auto}
.paises li[hidden]{display:none}
.paises button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 10px;border-radius:12px;text-align:left;font-size:15px}
.paises button:hover,.paises button:focus-visible{background:var(--hoja2)}
.paises small{color:var(--tenue);font-weight:650}
.pfila__v--cod{font-size:13px;letter-spacing:.02em}

/* El botón del campo que SUMA («Agregar»): con su texto y su +, en fila; «Listo» va abajo. */
.preg__ir.bt:not(.primario){display:inline-flex;flex-direction:row;align-items:center;gap:6px;width:auto;min-width:44px;padding:0 14px;border-radius:16px;background:var(--hoja2);color:var(--tinta);font-weight:740;white-space:nowrap}
.preg__ir.bt:not(.primario) .i{width:16px;height:16px}

/* ── Qezi Concierge: las fichas de la combinación y del perfil, el diagnóstico y el cierre según el perfil ── */
.elige .preg__chips{gap:10px}
.elige .preg__chip{min-height:52px;font-size:16px;padding:0 18px}
.elige__g{margin:14px 0 8px;font-size:14px;font-weight:700;color:var(--tenue)}
.elige__g:first-child{margin-top:0}
.elige__monto{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--hoja);box-shadow:var(--sombra)}
.elige__monto[hidden]{display:none}
.elige__monto>span:first-child{font-weight:700}
.diag__perfil{margin:0;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.diag__frase{margin:6px 0 0;font-size:16px;color:var(--tinta2);font-weight:600}
.diag__rango{display:flex;flex-direction:column;margin:16px 0 0}
.diag__rango small{font-size:13.5px;font-weight:700;color:var(--tenue)}
.diag__rango b{font-size:clamp(26px,6vw,34px);line-height:1.1;font-weight:820;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tinta)}
.diag__msj{margin:6px 0 0;font-size:14px;color:var(--tenue);font-weight:620}
.diag__plan-t{margin:0;font-size:17px;font-weight:700}
.diag__plan-t b{font-weight:820}
.diag__porque{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--tinta2)}
.diag__honesto ul{margin:8px 0 0;padding-left:18px;font-size:14.5px;line-height:1.45;color:var(--tinta2)}
.cierre__t{margin:0;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.cierre__chat{margin-top:12px}
.cierre__prueba{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-size:14.5px;font-weight:650;color:var(--tinta2)}
.cierre__prueba .i,.cierre__plan .i,.garantia .i{width:16px;height:16px;flex:none}
.cierre__plan{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;font-size:14.5px;line-height:1.4;color:var(--tinta2)}
.garantia{display:flex;gap:8px;align-items:center;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--menta);color:var(--bien);font-size:14.5px;font-weight:700}
.garantia:first-child{margin:0 0 12px}

.elige__texto{margin-top:12px}
.elige__sug{margin-top:10px}

/* ═══ Una persona del equipo (alta-ayuda.js): se ofrece, nunca se impone ═══ */
.ayuda{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:var(--hoja);box-shadow:inset 0 0 0 1.5px var(--linea);animation:entra 420ms var(--resorte) both}
.ayuda__t{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:15.5px;font-weight:620;color:var(--tinta);text-wrap:pretty}
.ayuda__t .i{flex:none;margin-top:1px;color:var(--bien)}
.ayuda__bts{display:flex;flex-wrap:wrap;gap:8px}
.ayuda__bts .bt{min-height:46px;padding:0 18px}
.ayuda__tel input{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:0;box-shadow:inset 0 0 0 1.5px var(--linea);background:var(--bg);color:var(--tinta);font:inherit;font-size:16px}
.ayuda__tel input:focus-visible{outline:2px solid var(--verde);outline-offset:1px}
.ayuda-int{align-self:flex-start;margin-top:6px;font-size:14.5px;gap:6px}
.ayuda-pie{margin:2px 0 0;text-align:center}
.ayuda-link{background:none;border:0;padding:6px 8px;font:inherit;font-size:13px;font-weight:600;color:var(--tenue);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linea);cursor:pointer}
.ayuda-link:hover:not([disabled]){color:var(--tinta)}
.ayuda-link[disabled]{text-decoration:none;cursor:default;color:var(--bien)}
@media (prefers-reduced-motion:reduce){ .ayuda{animation:none} }

/* ═══ «Dame todo lo que tengas» (FC, 16-oct) ═══ mismo campo, más alto; lo entendido, en la misma lista de siempre. */
.preg__f--todo{flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:8px 8px 8px 14px}
.preg__f--todo .preg__todo{flex:1 1 100%;width:100%}
.preg__f--todo .preg__mic{margin-left:auto}
.preg__in.preg__todo{height:auto;min-height:76px;max-height:220px;padding:10px 4px 10px 12px;resize:none;line-height:1.4;font-size:17px;font-weight:600;font-family:inherit;overflow-y:auto}
.preg__entendido li.ent__f{grid-template-columns:20px minmax(0,1fr)}
.preg__entendido .ent__f .i{color:var(--bien)}
.preg__nota--capturas{align-items:flex-start;line-height:1.35}
.preg__nota--capturas .i{margin-top:2px;color:var(--ojo)}