/* ============================================================
   NINA WIDGET — asistente pre-login de la landing NEO·TECH
   TODO scopeado bajo #nina-root (vars --nina-* propias) para NO
   colisionar con la landing. z-index muy alto pero el panel
   de login (que vive en #app) lo tapa porque se monta después y
   ocupa toda la pantalla; igual el widget se OCULTA si hay sesión.

   [2026-09-28] Rediseño con la gramática de la portada ("El barrido"):
   negro/grafito, Unbounded para su nombre, JetBrains Mono para los
   rótulos, amarillo de marca en la acción principal. El acento
   (--nina-acc) sigue a la familia del tema que se habla: lo setea
   el JS (verde agua por defecto = IA & Calidad, el color de Nina).
   Antes era un chat genérico verde agua con burbujas grises que no
   se parecía en nada al sitio.
   ============================================================ */

#nina-root{
  --nina-acc:#2dd4bf;
  --nina-yellow:#F2C300; --nina-yellow-ink:#0A0806;
  --nina-amber:#f2a33c;
  --nina-bg:#07090D; --nina-surface:#0E1117; --nina-surface-2:#141922;
  --nina-ink:#F7F4EE; --nina-ink-soft:#98A3B4; --nina-muted:#6F7A8C;
  --nina-line:rgba(247,244,238,.09); --nina-line-2:rgba(247,244,238,.16);
  --nina-ok:#46e36b;
  --nina-shadow:0 30px 80px -24px rgba(0,0,0,.85), 0 0 0 1px rgba(0,0,0,.4);
  --nina-display:"Unbounded","Inter Tight",system-ui,sans-serif;
  --nina-font:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --nina-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  /* compat: nombres viejos que puede usar otro CSS */
  --nina-teal:var(--nina-acc); --nina-txt:var(--nina-ink);

  position:fixed;
  /* Pegado al borde derecho, ARRIBA del botón flotante de WhatsApp
     (que está en bottom:22px). Le damos bottom:92px para no taparlo. */
  right:22px; bottom:92px; z-index:2147483000;
  display:flex; flex-direction:column; align-items:flex-end; gap:14px;
  font-family:var(--nina-font); color:var(--nina-ink);
  -webkit-tap-highlight-color:transparent;
}
#nina-root *{box-sizing:border-box}

/* ---- Pod colapsado (avatar) ---- */
#nina-root .nina-pod{
  position:relative; width:108px; height:108px; border-radius:24px;
  cursor:pointer; overflow:hidden;
  background:
    radial-gradient(110% 80% at 50% 0%, color-mix(in oklab, var(--nina-acc) 26%, transparent), transparent 62%),
    linear-gradient(180deg, #10141B, #07090D);
  border:1px solid var(--nina-line-2);
  box-shadow:var(--nina-shadow);
  transition:transform .35s cubic-bezier(.2,.9,.25,1), border-color .35s;
}
#nina-root .nina-pod:hover{transform:translateY(-4px);border-color:color-mix(in oklab, var(--nina-acc) 60%, transparent)}
#nina-root .nina-pod:focus-visible{outline:2px solid var(--nina-yellow);outline-offset:3px}
#nina-root .nina-pod canvas{display:block;width:100%;height:100%}
#nina-root.nina-open .nina-pod{display:none}

/* Nina en línea (SVG): encuadre de cara y hombros en el pod y en la cabecera */
#nina-root .nina-svgbox{position:absolute; pointer-events:none}
#nina-root .nina-svgbox.pod{inset:4% -2% -8% -2%}
#nina-root .nina-svgbox.cabecera{inset:2% -4% -10% -4%}

#nina-root .nina-fallback{
  position:absolute; inset:0; display:none; overflow:hidden; background-repeat:no-repeat;
}
#nina-root .nina-fallback.on{display:block}
#nina-root .nina-fallback .face{
  position:absolute; inset:0; background-repeat:no-repeat;
  transform-origin:50% 80%; animation:ninaFbBreath 4.4s ease-in-out infinite;
}
#nina-root .nina-fallback .lids{
  position:absolute; left:18%; right:18%; top:30%; height:9%;
  transform:scaleY(0); transform-origin:50% 50%;
  animation:ninaFbBlink 5.2s ease-in-out infinite;
  background:radial-gradient(60% 100% at 50% 50%, rgba(20,18,16,.5), rgba(20,18,16,0));
}
@keyframes ninaFbBreath{0%,100%{transform:scale(1.0) translateY(0)}50%{transform:scale(1.012) translateY(-1.4%)}}
@keyframes ninaFbBlink{0%,93%,100%{transform:scaleY(0)}96%{transform:scaleY(1)}}

#nina-root .nina-ring{
  position:absolute; inset:0; border-radius:24px; pointer-events:none;
  animation:ninaPulse 3.6s ease-in-out infinite;
}
@keyframes ninaPulse{0%,100%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--nina-acc) 35%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--nina-acc) 8%, transparent)}}
#nina-root .nina-badge{
  position:absolute; left:8px; bottom:8px;
  display:flex;align-items:center;gap:6px;
  background:rgba(7,9,13,.78);backdrop-filter:blur(6px);
  border:1px solid var(--nina-line);border-radius:7px;padding:4px 8px;
  font:700 10px/1 var(--nina-mono);letter-spacing:.14em;color:var(--nina-ink)
}
#nina-root .nina-badge .live{width:6px;height:6px;border-radius:50%;background:var(--nina-acc);box-shadow:0 0 8px var(--nina-acc);animation:ninaLiveb 1.6s infinite}
@keyframes ninaLiveb{0%,100%{opacity:1}50%{opacity:.35}}

/* Teaser flotante */
#nina-root .nina-teaser{
  max-width:252px; background:var(--nina-surface);
  border:1px solid var(--nina-line-2); border-radius:14px 14px 4px 14px; padding:12px 14px 13px;
  font-size:13.5px; line-height:1.45; color:var(--nina-ink); box-shadow:var(--nina-shadow);
  transform-origin:bottom right; animation:ninaPop .5s cubic-bezier(.2,.9,.25,1) both;
}
#nina-root .nina-teaser .k{display:block;margin:0 0 6px;font:700 9.5px/1 var(--nina-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nina-acc)}
#nina-root.nina-open .nina-teaser{display:none}
#nina-root .nina-teaser b{color:var(--nina-ink)}
#nina-root .nina-teaser .wave{display:inline-block;vertical-align:-3px;margin-left:2px;transform-origin:70% 80%;animation:ninaWavehand 2.4s ease-in-out 1s 3}
#nina-root .nina-teaser .wave path{stroke:var(--nina-acc)}
@keyframes ninaWavehand{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(16deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(12deg)}}
#nina-root .nina-teaser .cta{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}
@keyframes ninaPop{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}

/* ---- Panel de chat ---- */
#nina-root .nina-panel{
  width:min(392px, calc(100vw - 32px)); height:min(580px, calc(100vh - 124px));
  background:var(--nina-bg);
  border:1px solid var(--nina-line-2); border-radius:18px; box-shadow:var(--nina-shadow);
  display:none; flex-direction:column; overflow:hidden;
  transform-origin:bottom right; position:relative;
}
/* hilo de color arriba: la "línea" de la familia de la que se habla, como en el plano del hero */
#nina-root .nina-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:5;
  background:linear-gradient(90deg, var(--nina-acc), color-mix(in oklab, var(--nina-acc) 20%, transparent) 70%, transparent);
  transition:background .5s}
#nina-root.nina-open .nina-panel{display:flex; animation:ninaPanelin .42s cubic-bezier(.2,.9,.25,1) both}
@keyframes ninaPanelin{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* cabecera compacta: retrato cuadrado + identidad */
#nina-root .np-stage{
  position:relative; flex:0 0 auto; display:flex; align-items:center; gap:13px;
  padding:14px 14px 13px; border-bottom:1px solid var(--nina-line);
  background:linear-gradient(180deg, var(--nina-surface), var(--nina-bg));
}
#nina-root .np-portrait{
  position:relative; flex:0 0 auto; width:76px; height:76px; border-radius:16px; overflow:hidden;
  background:
    radial-gradient(100% 80% at 50% 0%, color-mix(in oklab, var(--nina-acc) 30%, transparent), transparent 64%),
    linear-gradient(180deg, #121821, #07090D);
  border:1px solid var(--nina-line-2);
  transition:background .5s;
}
#nina-root .np-portrait .halo{position:absolute;inset:auto 0 0 0;height:40%;pointer-events:none;
  background:linear-gradient(0deg, rgba(7,9,13,.55), transparent)}
#nina-root .np-portrait canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#nina-root .np-portrait .nina-fallback{inset:0}
#nina-root .np-idbar{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
#nina-root .np-idbar .who{flex:1;min-width:0;line-height:1.15}
#nina-root .np-idbar .who .k{font:700 9.5px/1 var(--nina-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nina-ink-soft)}
#nina-root .np-idbar .who .n{font:900 21px/1.05 var(--nina-display);letter-spacing:.01em;margin:6px 0 6px;color:var(--nina-ink)}
#nina-root .np-idbar .who .s{font-size:12px;color:var(--nina-ink-soft);display:flex;align-items:center;gap:7px}
#nina-root .np-idbar .who .s .live{width:7px;height:7px;border-radius:50%;background:var(--nina-acc);box-shadow:0 0 8px var(--nina-acc);animation:ninaLiveb 1.6s infinite}
#nina-root .np-x{appearance:none;border:1px solid var(--nina-line-2);background:transparent;color:var(--nina-ink);
  width:34px;height:34px;border-radius:10px;cursor:pointer;display:grid;place-items:center;transition:.2s;flex:0 0 auto;align-self:flex-start}
#nina-root .np-x:hover{background:rgba(247,244,238,.08)}
#nina-root .np-x:focus-visible{outline:2px solid var(--nina-yellow);outline-offset:2px}

#nina-root .np-body{flex:1;overflow-y:auto;padding:16px 14px 14px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth;overscroll-behavior:contain;
  position:relative;   /* offsetTop de las tarjetas relativo al cuerpo (el JS ancla el scroll a la tarjeta) */
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16px); mask-image:linear-gradient(to bottom, transparent 0, #000 16px)}
/* Nada se encoge: el cuerpo es flex de alto fijo y, al llenarse, achicaba las tarjetas con
   overflow:hidden hasta dejarles sólo el rótulo (min-height:auto no protege a esas). */
#nina-root .np-body > *{flex-shrink:0}
#nina-root .np-body::-webkit-scrollbar{width:6px}
#nina-root .np-body::-webkit-scrollbar-thumb{background:rgba(247,244,238,.14);border-radius:6px}

#nina-root .nina-msg{max-width:88%;font-size:14px;line-height:1.52;padding:10px 13px;border-radius:12px;animation:ninaMsgin .35s cubic-bezier(.2,.9,.25,1) both;overflow-wrap:anywhere}
@keyframes ninaMsgin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#nina-root .nina-msg.nina{align-self:flex-start;background:var(--nina-surface);border:1px solid var(--nina-line);border-top-left-radius:4px;color:var(--nina-ink)}
#nina-root .nina-msg.me{align-self:flex-end;background:transparent;border:1px solid color-mix(in oklab, var(--nina-acc) 45%, transparent);color:var(--nina-ink);border-top-right-radius:4px}
/* la negrita se resalta como marcador del color del tema, no con otro color de texto */
#nina-root .nina-msg b{color:var(--nina-ink);font-weight:700;background:linear-gradient(transparent 62%, color-mix(in oklab, var(--nina-acc) 30%, transparent) 62%)}
#nina-root .nina-msg.me b{background:none}

/* tarjeta de plan / cotización — mismo lenguaje que la sección Precios */
#nina-root .nina-plan-card{align-self:stretch;max-width:100%;position:relative;overflow:hidden;
  border:1px solid var(--nina-line-2); background:var(--nina-surface);
  border-radius:12px;padding:13px 14px 12px;animation:ninaMsgin .4s both}
#nina-root .nina-plan-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--nina-acc)}
#nina-root .nina-plan-card .pc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#nina-root .nina-plan-card .tag{font:700 9.5px/1.2 var(--nina-mono);letter-spacing:.14em;color:var(--nina-acc);text-transform:uppercase;display:flex;align-items:center;gap:6px}
#nina-root .nina-plan-card .tag svg{flex:0 0 auto;width:11px;height:11px}
#nina-root .nina-plan-card .tag svg path{fill:var(--nina-acc)}
#nina-root .nina-plan-card .rec{font:700 9px/1 var(--nina-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--nina-yellow);color:var(--nina-yellow-ink);padding:4px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}
#nina-root .nina-plan-card .rec svg{width:9px;height:9px}
#nina-root .nina-plan-card .rec svg path{fill:var(--nina-yellow-ink)}
#nina-root .nina-plan-card .nm{font:900 15px/1.15 var(--nina-display);margin:8px 0 2px;color:var(--nina-ink)}
#nina-root .nina-plan-card .pr{font:700 15px/1.2 var(--nina-display);color:var(--nina-ink)}
#nina-root .nina-plan-card .pr.big{font-size:24px;margin:8px 0 2px}
#nina-root .nina-plan-card .pr small{font:500 11px/1 var(--nina-mono);color:var(--nina-ink-soft);letter-spacing:.04em}
#nina-root .nina-plan-card .ars{font-size:12px;color:var(--nina-ink-soft)}
#nina-root .nina-plan-card ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
#nina-root .nina-plan-card li{display:flex;gap:8px;color:var(--nina-ink);font-size:12.5px;line-height:1.38}
#nina-root .nina-plan-card li b{font-weight:700}
#nina-root .nina-plan-card li svg{flex:0 0 auto;width:13px;height:13px;margin-top:2px}
#nina-root .nina-plan-card li svg path{stroke:var(--nina-acc)}
/* contratar desde la tarjeta: el amarillo de la acción principal, en mono como los botones del sitio */
#nina-root .nina-plan-card .pc-cta{appearance:none;cursor:pointer;margin-top:11px;display:inline-flex;align-items:center;gap:7px;
  border:none;border-radius:8px;padding:8px 11px;background:var(--nina-yellow);color:var(--nina-yellow-ink);
  font:700 11px/1.2 var(--nina-mono);letter-spacing:.08em;text-transform:uppercase}
#nina-root .nina-plan-card .pc-cta:hover{filter:brightness(1.06)}
#nina-root .nina-plan-card .pc-cta:focus-visible{outline:2px solid var(--nina-ink);outline-offset:2px}
#nina-root .nina-plan-card .pc-cta.ventas{background:transparent;color:var(--nina-ink);border:1px solid var(--nina-line-2);font:600 12.5px/1.2 var(--nina-font);letter-spacing:0;text-transform:none}
#nina-root .nina-plan-card .why{margin-top:10px;padding-top:9px;border-top:1px solid var(--nina-line);font-size:12px;color:var(--nina-ink-soft);line-height:1.45}
#nina-root .nina-plan-card .why b{color:var(--nina-ink)}

/* chips */
#nina-root .nina-quick{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;max-width:100%;padding:2px 0 0;min-height:0}
#nina-root .nina-quick:empty{display:none}
#nina-root .nina-quick .nina-chip{animation:ninaMsgin .3s both}
#nina-root .nina-chip{appearance:none;cursor:pointer;border:1px solid var(--nina-line-2);background:transparent;
  color:var(--nina-ink);padding:7px 11px;border-radius:9px;font:500 13px/1.2 var(--nina-font);transition:.18s;display:inline-flex;align-items:center;gap:7px;text-align:left}
#nina-root .nina-chip:hover{border-color:var(--nina-acc);background:color-mix(in oklab, var(--nina-acc) 10%, transparent)}
#nina-root .nina-chip:focus-visible{outline:2px solid var(--nina-yellow);outline-offset:2px}
/* la acción principal: el amarillo de la marca, en mono mayúscula como los botones del sitio */
#nina-root .nina-chip.cta{background:var(--nina-yellow);color:var(--nina-yellow-ink);border-color:transparent;
  font:700 11.5px/1.2 var(--nina-mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px}
#nina-root .nina-chip.cta:hover{filter:brightness(1.06);background:var(--nina-yellow)}
#nina-root .nina-chip svg{flex:0 0 auto}

#nina-root .nina-typing{align-self:flex-start;display:flex;gap:5px;padding:12px 14px;background:var(--nina-surface);border:1px solid var(--nina-line);border-radius:12px;border-top-left-radius:4px}
#nina-root .nina-typing i{width:6px;height:6px;border-radius:50%;background:var(--nina-acc);animation:ninaTd 1.1s infinite}
#nina-root .nina-typing i:nth-child(2){animation-delay:.15s}#nina-root .nina-typing i:nth-child(3){animation-delay:.3s}
@keyframes ninaTd{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

#nina-root .np-foot{border-top:1px solid var(--nina-line);padding:10px 12px 9px;background:var(--nina-bg)}
#nina-root .np-row{display:flex;gap:8px;align-items:center}
#nina-root .np-foot input{flex:1;min-width:0;background:var(--nina-surface);border:1px solid var(--nina-line-2);color:var(--nina-ink);
  border-radius:10px;padding:11px 12px;font:400 14px/1.2 var(--nina-font);outline:none;transition:.2s}
#nina-root .np-foot input::placeholder{color:var(--nina-muted)}
/* foco sin halo: el campo arranca enfocado y el brillo verde agua peleaba con el amarillo del botón */
#nina-root .np-foot input:focus{border-color:color-mix(in oklab, var(--nina-acc) 55%, transparent);box-shadow:none}
#nina-root .np-foot button{appearance:none;cursor:pointer;border:none;width:42px;height:42px;border-radius:10px;
  background:var(--nina-yellow);color:var(--nina-yellow-ink);display:grid;place-items:center;transition:.2s;flex:0 0 auto}
#nina-root .np-foot button:hover{filter:brightness(1.06)}
#nina-root .np-foot button:disabled{opacity:.45;cursor:progress;filter:none}
/* con el campo vacío el botón no compite con los chips: se enciende en amarillo cuando hay texto */
#nina-root .np-foot input:placeholder-shown + button{background:transparent;border:1px solid var(--nina-line-2);color:var(--nina-ink-soft)}
#nina-root .np-foot button:focus-visible{outline:2px solid var(--nina-ink);outline-offset:2px}
#nina-root .np-legal{margin:7px 2px 0;font:500 9.5px/1.35 var(--nina-mono);letter-spacing:.02em;color:var(--nina-muted)}

#nina-root .nina-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ============================================================
   ENTRADA: Nina entra desde la derecha y se asienta (settle slide-in).
   Anima SOLO transform/opacity de #nina-root (un compositor, cero layout).
   Distancia de fuga = ancho pod (108) + right (22) + colchón = 168px.
============================================================ */
#nina-root{ --nina-enter-x:168px; }
#nina-root.nina-entering{
  transform:translate3d(var(--nina-enter-x),0,0); opacity:0;
  pointer-events:none; will-change:transform,opacity;
}
#nina-root.nina-enter-run{
  pointer-events:none; will-change:transform,opacity;
  animation:ninaEnter .92s cubic-bezier(.16,.84,.30,1.02) both; /* overshoot leve = "aterriza" */
}
@keyframes ninaEnter{
  0%  {transform:translate3d(var(--nina-enter-x),0,0);opacity:0}
  55% {opacity:1}
  100%{transform:translate3d(0,0,0);opacity:1}
}
/* el teaser no se ve mientras Nina viaja; nace con su ninaPop al aterrizar */
#nina-root.nina-entering .nina-teaser,
#nina-root.nina-enter-run .nina-teaser{opacity:0;animation:none}
#nina-root.nina-arrived .nina-teaser{animation:ninaPop .5s cubic-bezier(.2,.9,.25,1) both}

/* ---- mano que saluda 👋 (FUERA del pod para no clipear; arriba-derecha,
   como mano levantada; visible sólo durante el gesto "saludo") ---- */
#nina-root .nina-hand{
  position:absolute; right:-4px; bottom:66px; z-index:7;
  font-size:32px; line-height:1; pointer-events:none;
  opacity:0; transform:translateY(8px) scale(.65); transform-origin:50% 90%;
  transition:opacity .2s ease, transform .2s ease;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.55));
}
#nina-root.nina-waving .nina-hand{
  opacity:1; transform:translateY(0) scale(1);
  animation:ninaHandWave .6s ease-in-out 2;   /* doble saludo rápido */
}
#nina-root.nina-open .nina-hand{display:none}  /* sin mano con el chat abierto */
@keyframes ninaHandWave{
  0%,100%{transform:rotate(-14deg)}
  30%{transform:rotate(16deg)}
  60%{transform:rotate(-8deg)}
}

@media (prefers-reduced-motion: reduce){
  /* degradación total de la entrada: Nina aparece en su lugar, sin slide/fade */
  #nina-root.nina-entering{transform:none;opacity:1;pointer-events:auto}
  #nina-root.nina-enter-run{animation:none}
  #nina-root.nina-entering .nina-teaser,
  #nina-root.nina-enter-run .nina-teaser{opacity:1;animation:none}
  #nina-root .nina-ring{animation:none}
  #nina-root .nina-fallback .face,
  #nina-root .nina-fallback .lids,
  #nina-root .nina-teaser .wave,
  #nina-root .nina-badge .live,
  #nina-root .np-idbar .who .s .live,
  #nina-root .nina-typing i{animation:none}
  #nina-root.nina-open .nina-panel{animation:none}
  #nina-root *{scroll-behavior:auto !important}
}

/* En pantallas chicas, Nina se achica y se reubica para no chocar
   con el botón de WhatsApp (que en ≤480 pasa a right:14/bottom:14).
   Abierta, el panel es una hoja que sube desde abajo a todo el ancho:
   antes quedaba una tarjeta angosta con el retrato comiéndose casi la mitad. */
@media (max-width:520px){
  #nina-root{right:12px;bottom:78px;gap:10px}
  #nina-root .nina-pod{width:92px;height:92px;border-radius:20px}
  #nina-root .nina-ring{border-radius:20px}
  #nina-root .nina-teaser{max-width:220px}
  #nina-root.nina-open .nina-panel{
    position:fixed; left:0; right:0; bottom:0; width:auto;
    height:min(88dvh, 660px); height:min(88vh, 660px);
    border-radius:18px 18px 0 0; border-bottom:none; transform-origin:bottom center;
    box-shadow:0 0 0 100vmax rgba(0,0,0,.62);   /* la portada queda atrás, oscurecida */
  }
  @supports (height:1dvh){ #nina-root.nina-open .nina-panel{height:min(88dvh, 660px)} }
  #nina-root .np-portrait{width:60px;height:60px;border-radius:14px}
  #nina-root .np-idbar .who .n{font-size:18px;margin:5px 0 4px}
  #nina-root .np-foot{padding-bottom:calc(9px + env(safe-area-inset-bottom, 0px))}
  #nina-root .np-foot input{font-size:16px}   /* iOS no hace zoom al enfocar */
}