/* Vera · chat de Kuamap (widget propio, sin dependencias). Usa las variables de color de la web. */
.vera-btn{position:fixed;right:20px;bottom:20px;z-index:300;display:flex;align-items:center;gap:10px;padding:6px 20px 6px 6px;border:0;border-radius:999px;background:var(--color-primary,#FF584F);color:#fff;font:700 15px/1 var(--font-text,'Figtree',system-ui,sans-serif);box-shadow:0 10px 30px rgba(0,52,72,.25);cursor:pointer;transition:transform .2s,background .2s}
.vera-btn:hover{background:var(--color-dark,#003448);transform:translateY(-2px)}
.vera-btn:focus-visible{outline:3px solid var(--color-accent,#27BFD0);outline-offset:3px}
.vera-btn-foto{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#fff}
.vera-btn[aria-expanded="true"]{display:none}

.vera-panel{position:fixed;right:20px;bottom:20px;z-index:300;width:min(380px,calc(100vw - 32px));height:min(600px,calc(100vh - 40px));display:none;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 22px 50px rgba(0,52,72,.28);overflow:hidden;font-family:var(--font-text,'Figtree',system-ui,sans-serif);color:var(--color-dark,#003448)}
.vera-panel.is-open{display:flex}

.vera-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;background:var(--color-dark,#003448);color:#fff}
.vera-avatar{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary,#FF584F);background:#fff}
.vera-title{flex:1;min-width:0}
.vera-title strong{display:block;font:700 16px/1.2 var(--font-title,'Bricolage Grotesque',system-ui,sans-serif)}
.vera-title span{display:block;font-size:12.5px;opacity:.8}
.vera-close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vera-close:hover{background:rgba(255,255,255,.12)}
.vera-close:focus-visible{outline:2px solid var(--color-accent,#27BFD0)}
.vera-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

.vera-msgs{flex:1;overflow-y:auto;padding:18px 16px 8px;background:var(--color-mist,#EEF6F8);display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.vera-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.vera-msg.bot{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,52,72,.06)}
.vera-msg.user{align-self:flex-end;background:var(--color-dark,#003448);color:#fff;border-bottom-right-radius:4px}
.vera-msg a{color:var(--color-primary-dark,#E8443B);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.vera-msg.error{background:#FFE7E5}
.vera-typing{align-self:flex-start;display:flex;gap:4px;padding:14px 16px;background:#fff;border-radius:16px;border-bottom-left-radius:4px}
.vera-typing i{width:7px;height:7px;border-radius:50%;background:var(--color-soft,#3D5F6C);opacity:.4;animation:vera-dot 1.2s infinite}
.vera-typing i:nth-child(2){animation-delay:.2s}.vera-typing i:nth-child(3){animation-delay:.4s}
@keyframes vera-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:.9;transform:translateY(-3px)}}

.vera-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--color-border,#D3E3E8);background:#fff}
.vera-input{flex:1;min-width:0;resize:none;max-height:110px;padding:10px 12px;border:1px solid var(--color-border,#D3E3E8);border-radius:12px;font:15px/1.4 var(--font-text,'Figtree',system-ui,sans-serif);color:inherit}
.vera-input:focus{outline:2px solid var(--color-accent,#27BFD0);outline-offset:0;border-color:transparent}
.vera-send{flex:none;width:44px;border:0;border-radius:12px;background:var(--color-primary,#FF584F);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vera-send:disabled{opacity:.5;cursor:default}
.vera-send:focus-visible{outline:3px solid var(--color-accent,#27BFD0);outline-offset:2px}
.vera-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vera-note{margin:0;padding:0 14px 10px;background:#fff;font-size:11.5px;line-height:1.4;color:var(--color-soft,#3D5F6C)}
.vera-note button{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

.vera-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:600px){
  .vera-btn{right:14px;bottom:14px;padding:5px}
  .vera-btn-foto{width:48px;height:48px}
  .vera-btn span{display:none}
  .vera-panel{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}
}
@media (prefers-reduced-motion:reduce){
  .vera-btn,.vera-msgs{transition:none;scroll-behavior:auto}
  .vera-typing i{animation:none;opacity:.6}
}