.chat-web{--fondo-hondo:#0a1016;--fondo:#121920;--superficie:#1a222b;--superficie-alta:#262f39;--borde:#303942;--texto:#eff2f5;--texto-suave:#9ea6ae;--texto-tenue:#747b83;--acento:#f2b036;--acento-fuerte:#ffc64c;--sobre-acento:#1d1406;--peligro:#ed5350;--radio:.875rem;--radio-burbuja:1.25rem;--salida:cubic-bezier(.16, 1, .3, 1);background:var(--fondo-hondo);color:var(--texto);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}@supports (color:lab(0% 0 0)){.chat-web{--fondo-hondo:lab(4.41708% -.851557 -4.06794);--fondo:lab(8.32369% -1.55564 -6.25106);--superficie:lab(12.9615% -1.76476 -6.95769);--superficie-alta:lab(18.76% -1.9871 -7.66947);--borde:lab(23.4083% -1.89607 -7.00585);--texto:lab(95.3562% -.55331 -1.78927);--texto-suave:lab(67.5051% -1.59234 -5.33105);--texto-tenue:lab(51.2639% -1.57028 -5.31992);--acento:lab(76.7671% 17.3435 67.5766);--acento-fuerte:lab(83.8659% 14.8021 72.8444);--sobre-acento:lab(7.23471% 3.09496 8.48827);--peligro:lab(57.5028% 59.8955 35.7154)}}.chat-web h1,.chat-web h2{text-transform:none;line-height:1.16}.chat-web-atmosfera{pointer-events:none;background:radial-gradient(ellipse 80% 100% at 50% 0%, color-mix(in oklch, var(--acento) 12%, transparent), transparent 70%);height:45vh;position:fixed;inset:0 0 auto}.burbuja{border-radius:var(--radio-burbuja);overflow-wrap:anywhere;max-width:min(78%,34rem);animation:burbuja-entra .26s var(--salida) both;padding:.625rem .9rem;line-height:1.45}.burbuja-mia{background:var(--acento);color:var(--sobre-acento);border-bottom-right-radius:.375rem;align-self:flex-end;font-weight:500}.burbuja-suya{background:var(--superficie);border:1px solid var(--borde);border-bottom-left-radius:.375rem;align-self:flex-start}@keyframes burbuja-entra{0%{opacity:0;transform:translateY(8px)scale(.98)}}.puntitos span{background:var(--texto-tenue);width:.4rem;height:.4rem;animation:puntito 1.2s infinite var(--salida);border-radius:50%;margin-right:.2rem;display:inline-block}.puntitos span:nth-child(2){animation-delay:.15s}.puntitos span:nth-child(3){margin-right:0;animation-delay:.3s}@keyframes puntito{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.burbuja{animation:none}.puntitos span{animation-duration:2.4s;animation-timing-function:ease-in-out}}.campo{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);width:100%;color:var(--texto);transition:border-color .16s var(--salida), box-shadow .16s var(--salida);padding:.8rem .95rem;font-size:1rem}.campo::placeholder{color:var(--texto-tenue)}.campo:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in oklch, var(--acento) 22%, transparent);outline:none}.campo:focus-visible{outline:none}.boton{background:var(--acento);color:var(--sobre-acento);border-radius:var(--radio);transition:background-color .16s var(--salida), transform .16s var(--salida);padding:.8rem 1.1rem;font-weight:650}.boton:hover:not(:disabled){background:var(--acento-fuerte)}.boton:active:not(:disabled){transform:scale(.98)}.boton:disabled{opacity:.45}.boton-fantasma{color:var(--texto-suave);border:1px solid var(--borde);border-radius:var(--radio);transition:background-color .16s var(--salida), color .16s var(--salida);background:0 0}.boton-fantasma:hover:not(:disabled){background:var(--superficie);color:var(--texto)}.chat-web :focus-visible{outline:2px solid var(--acento);outline-offset:2px}.campo-pin{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.6em;text-indent:.6em;text-align:center;padding-block:.7rem;font-size:1.6rem}.punto-vivo{background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border-radius:50%;width:.375rem;height:.375rem;animation:3s ease-in-out infinite punto-late;display:inline-block;position:relative}.punto-vivo:after{content:"";background:#3fc168;background:lab(69.6529% -51.4113 33.9912);border-radius:50%;animation:3s ease-in-out infinite punto-halo;position:absolute;inset:-.25rem}@keyframes punto-late{0%,to{opacity:.75}50%{opacity:1}}@keyframes punto-halo{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.28;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.punto-vivo,.punto-vivo:after{animation:none}.punto-vivo:after{opacity:.2}}.ai-marco{background:var(--fondo-hondo);border:2px solid var(--borde);isolation:isolate;border-radius:18px;width:168px;height:232px;margin:0 auto;position:relative;overflow:hidden}.ai-chat{flex-direction:column;gap:5px;padding:10px 8px;animation:9s infinite ai-chat-sale;display:flex;position:absolute;inset:0 0 26px}@keyframes ai-chat-sale{0%,80%{opacity:1}86%,96%{opacity:0}to{opacity:1}}.ai-burbuja{background:var(--superficie-alta);border-radius:7px;width:62%;height:13px}.ai-burbuja.mia{background:var(--acento);opacity:.85;align-self:flex-end;width:48%}.ai-barra{background:var(--superficie);border-top:1px solid var(--borde);height:26px;color:var(--acento);justify-content:center;align-items:center;animation:9s infinite ai-chat-sale;display:flex;position:absolute;bottom:0;left:0;right:0}.ai-toque{border:2px solid var(--acento);opacity:0;pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}.ai-toque-compartir{animation:9s infinite ai-toque-1;top:219px;left:84px}@keyframes ai-toque-1{0%,10%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}24%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.ai-hoja{background:var(--superficie);border:1px solid var(--borde);border-bottom:none;border-radius:14px 14px 0 0;padding:8px 7px 10px;animation:9s infinite ai-hoja-sube;position:absolute;bottom:0;left:4px;right:4px;transform:translateY(105%)}@keyframes ai-hoja-sube{0%,22%{transform:translateY(105%)}38%,74%{transform:translateY(0)}82%,to{transform:translateY(105%)}}.ai-fila{color:var(--texto-suave);border-radius:7px;align-items:center;gap:6px;padding:5px 6px;font-size:8px;display:flex}.ai-fila span{background:var(--texto-tenue);opacity:.5;border-radius:3px;height:6px}.ai-fila-clave{color:var(--texto);font-weight:600;animation:9s infinite ai-fila-brilla}@keyframes ai-fila-brilla{0%,48%{background:0 0}56%,72%{background:color-mix(in oklch, var(--acento) 22%, transparent)}78%,to{background:0 0}}.ai-toque-fila{animation:9s infinite ai-toque-2;top:193px;left:60px}@keyframes ai-toque-2{0%,58%{opacity:0;transform:scale(.4)}64%{opacity:1;transform:scale(1)}72%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.ai-inicio{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;animation:9s infinite ai-inicio-entra;display:flex;position:absolute;inset:0}@keyframes ai-inicio-entra{0%,82%{opacity:0}88%,96%{opacity:1}to{opacity:0}}.ai-icono{background:var(--acento);width:42px;height:42px;color:var(--sobre-acento);border-radius:11px;place-items:center;font-size:17px;font-weight:800;animation:9s infinite ai-icono-cae;display:grid;transform:scale(.3)}@keyframes ai-icono-cae{0%,84%{transform:scale(.3)}90%{transform:scale(1.12)}93%,to{transform:scale(1)}}.ai-nombre{color:var(--texto-suave);font-size:9px}@media (prefers-reduced-motion:reduce){.ai-chat,.ai-barra,.ai-hoja,.ai-fila-clave,.ai-icono,.ai-inicio,.ai-toque{animation:none}.ai-hoja{transform:translateY(0)}.ai-fila-clave{background:color-mix(in oklch, var(--acento) 22%, transparent)}.ai-inicio{opacity:0}.ai-icono{transform:scale(1)}}.ab-marco{background:var(--fondo-hondo);border:2px solid var(--borde);isolation:isolate;border-radius:18px;width:168px;height:210px;margin:0 auto;position:relative;overflow:hidden}.ab-barra{background:var(--superficie);border-bottom:1px solid var(--borde);height:26px;color:var(--texto-suave);justify-content:space-between;align-items:center;padding:0 8px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.ab-puntos{color:var(--acento);flex-direction:column;gap:2px;display:flex}.ab-puntos i{background:currentColor;border-radius:50%;width:3px;height:3px;display:block}.ab-chat{flex-direction:column;gap:5px;padding:10px 8px;display:flex;position:absolute;inset:26px 0 0}.ab-burbuja{background:var(--superficie-alta);border-radius:7px;width:62%;height:13px}.ab-burbuja.mia{background:var(--acento);opacity:.85;align-self:flex-end;width:48%}.ab-toque{border:2px solid var(--acento);opacity:0;pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:8s infinite ab-toque;position:absolute;top:13px;left:154px}@keyframes ab-toque{0%,8%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}26%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.ab-menu{background:var(--superficie);border:1px solid var(--borde);transform-origin:100% 0;opacity:0;border-radius:10px;width:116px;padding:5px;animation:8s infinite ab-menu;position:absolute;top:28px;right:6px;transform:scale(.5)}@keyframes ab-menu{0%,24%{opacity:0;transform:scale(.5)}34%,74%{opacity:1;transform:scale(1)}82%,to{opacity:0;transform:scale(.5)}}.ab-fila{color:var(--texto-suave);border-radius:6px;padding:4px 5px;font-size:8px}.ab-fila span{background:var(--texto-tenue);opacity:.45;border-radius:3px;height:5px;display:block}.ab-fila-clave{color:var(--texto);font-weight:600;animation:8s infinite ab-brilla}@keyframes ab-brilla{0%,44%{background:0 0}52%,72%{background:color-mix(in oklch, var(--acento) 22%, transparent)}78%,to{background:0 0}}.ab-toque-fila{animation:8s infinite ab-toque-2;top:59px;left:104px}@keyframes ab-toque-2{0%,54%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.ab-final{background:var(--fondo-hondo);opacity:0;padding:8px;animation:8s infinite ab-final;position:absolute;inset:0}@keyframes ab-final{0%,76%{opacity:0}84%,96%{opacity:1}to{opacity:0}}.ab-url{background:var(--superficie);border:1px solid var(--borde);height:18px;color:var(--texto-suave);border-radius:9px;align-items:center;padding:0 7px;font-size:7px;display:flex}.ab-listo{color:var(--acento);flex-direction:column;align-items:center;gap:6px;margin-top:10px;font-size:9px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.ab-toque,.ab-menu,.ab-fila-clave,.ab-final{animation:none}.ab-menu{opacity:1;transform:scale(1)}.ab-fila-clave{background:color-mix(in oklch, var(--acento) 22%, transparent)}.ab-final{opacity:0}}