/* viperptt.com · asistente-web.css — la burbuja de asistencia (prefijo vpaw-). Usa los tokens de base.css. Móvil primero: en teléfono el chat abre a pantalla casi completa. */

.vpaw [hidden]{display:none!important}
.vpaw{position:fixed;right:16px;bottom:16px;z-index:60;font-family:var(--vp-font,inherit)}
.vpaw-fab{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--vp-primary,#1162f4),#4d8dff);padding:12px 18px 12px 14px;border-radius:99px;box-shadow:0 12px 30px -10px rgba(17,98,244,.65),0 2px 6px rgba(10,26,58,.18);font:700 .92rem/1 var(--vp-font,inherit)}
.vpaw-fab:hover{filter:brightness(1.06)}
.vpaw-fab:focus-visible,.vpaw-x:focus-visible,.vpaw-chip:focus-visible,.vpaw-enviar:focus-visible{outline:3px solid color-mix(in srgb,var(--vp-primary,#1162f4) 45%,#fff);outline-offset:2px}
.vpaw-fab__i{display:grid}.vpaw-fab__i .vp-ico{width:22px;height:22px;grid-area:1/1}.vpaw-fab__i .vp-ico:last-child{display:none}
.vpaw.is-abierta .vpaw-fab__i .vp-ico:first-child{display:none}.vpaw.is-abierta .vpaw-fab__i .vp-ico:last-child{display:block}
@media (max-width:560px){.vpaw:not(.is-abierta) .vpaw-fab__t{display:none}.vpaw:not(.is-abierta) .vpaw-fab{padding:14px}.vpaw.is-abierta .vpaw-fab{display:none}}

.vpaw-panel{position:absolute;right:0;bottom:64px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 120px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:var(--vp-card,#fff);color:var(--vp-ink,#0a1a3a);border:1px solid var(--vp-line,#dde4f0);border-radius:20px;box-shadow:0 30px 70px -20px rgba(10,26,58,.45);overflow:hidden}
@media (max-width:560px){.vpaw{right:0;bottom:0}.vpaw-panel{position:fixed;inset:8px;width:auto;height:auto;bottom:8px}}
.vpaw-cab{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,var(--vp-primary,#1162f4),#4d8dff);color:#fff}
.vpaw-av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2)}.vpaw-av .vp-ico{width:19px;height:19px}
.vpaw-cab__t{display:grid;gap:1px;min-width:0;flex:1}.vpaw-cab__t strong{font:800 .98rem/1.2 var(--vp-font,inherit)}.vpaw-cab__t span{font-size:.74rem;opacity:.9;line-height:1.25}
.vpaw-x{flex:none;border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.vpaw-x .vp-ico{width:17px;height:17px}

.vpaw-msgs{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--vp-bg,#f3f6fb)}
.vpaw-m{display:flex;max-width:88%}.vpaw-m--yo{align-self:flex-end}
.vpaw-b{padding:9px 13px;border-radius:16px;background:var(--vp-card,#fff);border:1px solid var(--vp-line,#dde4f0);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}
.vpaw-b a{color:var(--vp-primary,#1162f4);font-weight:700}
.vpaw-m--ia .vpaw-b{border-bottom-left-radius:5px}
.vpaw-m--yo .vpaw-b{background:var(--vp-primary,#1162f4);color:#fff;border-color:var(--vp-primary,#1162f4);border-bottom-right-radius:5px}
.vpaw-pens .vpaw-b{display:flex;gap:4px;padding:11px 14px}
.vpaw-pens i{width:7px;height:7px;border-radius:50%;background:var(--vp-muted,#6b7a94);opacity:.5;animation:vpawPunto 1s infinite}.vpaw-pens i:nth-child(2){animation-delay:.15s}.vpaw-pens i:nth-child(3){animation-delay:.3s}
@keyframes vpawPunto{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
.vpaw-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0;background:var(--vp-bg,#f3f6fb)}
.vpaw-chip{border:1px solid var(--vp-line,#dde4f0);background:var(--vp-card,#fff);color:var(--vp-ink,#0a1a3a);border-radius:99px;padding:6px 12px;font:650 .78rem/1.1 var(--vp-font,inherit);cursor:pointer}
.vpaw-chip:hover{border-color:var(--vp-primary,#1162f4);color:var(--vp-primary,#1162f4)}
.vpaw-form{display:flex;gap:8px;padding:10px 12px 6px;background:var(--vp-card,#fff);border-top:1px solid var(--vp-line,#dde4f0)}
.vpaw-in{flex:1;min-width:0;border:1px solid var(--vp-line,#dde4f0);border-radius:99px;padding:10px 14px;font:inherit;font-size:.92rem;background:var(--vp-bg,#f3f6fb);color:inherit}
.vpaw-in:focus{outline:2px solid color-mix(in srgb,var(--vp-primary,#1162f4) 50%,transparent);outline-offset:0}
.vpaw-enviar{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:var(--vp-primary,#1162f4);color:#fff;display:grid;place-items:center;cursor:pointer}.vpaw-enviar:disabled{opacity:.5;cursor:default}.vpaw-enviar .vp-ico{width:18px;height:18px}
.vpaw-aviso{margin:0;padding:2px 14px 10px;font-size:.68rem;line-height:1.35;color:var(--vp-muted,#6b7a94);background:var(--vp-card,#fff)}
@media (prefers-reduced-motion:reduce){.vpaw-pens i{animation:none}}