/* Kuma 2026 · globo de WhatsApp (inc/chat.php, assets/chat.js). Abajo a la derecha, por debajo del aviso de cookies. */
.kuma-chat{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:9000;font-family:inherit;color:#0b1c28}
.kuma-chat__boton{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 20px rgba(11,28,40,.25);text-decoration:none;transition:transform .2s,box-shadow .2s;margin-left:auto}
.kuma-chat__boton:hover{transform:scale(1.06);box-shadow:0 8px 26px rgba(11,28,40,.32)}
.kuma-chat__boton:focus-visible{outline:3px solid #0b1c28;outline-offset:3px}

.kuma-chat__panel{position:absolute;right:0;bottom:76px;width:360px;max-width:calc(100vw - 40px);max-height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 16px 48px rgba(11,28,40,.28);overflow:hidden;transform-origin:bottom right;animation:kuma-chat-entra .18s ease-out}
.kuma-chat__panel[hidden]{display:none}
@keyframes kuma-chat-entra{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

.kuma-chat__cabeza{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;background:#0b1c28;color:#fff}
.kuma-chat__avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#2b6c97;font-weight:700;font-size:18px}
.kuma-chat__quien{flex:1;min-width:0}
.kuma-chat__titulo{margin:0;font-weight:700;font-size:16px;line-height:1.2}
.kuma-chat__estado{margin:2px 0 0;font-size:13px;line-height:1.2;color:#c5d9e6}
.kuma-chat__estado::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#25d366;vertical-align:1px}
.kuma-chat__cerrar{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.kuma-chat__cerrar:hover{background:rgba(255,255,255,.12)}
.kuma-chat__cerrar:focus-visible{outline:2px solid #fff;outline-offset:1px}

.kuma-chat__cuerpo{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;background:#e7f1f8}
.kuma-chat__msg{align-self:flex-start;max-width:85%;margin:0;padding:10px 12px;border-radius:2px 12px 12px 12px;background:#fff;font-size:15px;line-height:1.4;box-shadow:0 1px 1px rgba(11,28,40,.08)}
.kuma-chat__msg--yo{align-self:flex-end;border-radius:12px 2px 12px 12px;background:#d9fdd3}
.kuma-chat__temas{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.kuma-chat__tema{padding:8px 14px;border:1px solid #2b6c97;border-radius:999px;background:#fff;color:#2b6c97;font:inherit;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .15s,color .15s}
.kuma-chat__tema:hover,.kuma-chat__tema:focus-visible{background:#2b6c97;color:#fff;outline:none}

.kuma-chat__form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #dbe6ee;background:#fff}
.kuma-chat__form textarea{flex:1;box-sizing:border-box;min-height:42px;max-height:120px;padding:10px 12px;border:1px solid #c5d9e6;border-radius:20px;font:inherit;font-size:15px;line-height:1.35;color:#0b1c28;resize:none;overflow-y:hidden}
.kuma-chat__form textarea:focus{outline:none;border-color:#2b6c97;box-shadow:0 0 0 2px rgba(43,108,151,.2)}
.kuma-chat__enviar{flex:none;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#25d366;color:#fff;cursor:pointer}
.kuma-chat__enviar:hover{background:#1ebe5b}
.kuma-chat__enviar:focus-visible{outline:2px solid #0b1c28;outline-offset:2px}

.kuma-chat__otros{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;padding:10px 12px 12px;background:#fff;font-size:13px;line-height:1.3;color:#4a5a66}
.kuma-chat__otros span{flex-basis:100%;text-align:center}
.kuma-chat__otros a{color:#2b6c97;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* aviso «¿Te ayudamos?» a la izquierda del botón */
.kuma-chat__aviso{position:absolute;right:72px;bottom:8px;display:flex;align-items:flex-start;max-width:calc(100vw - 112px);background:#fff;border-radius:12px 12px 2px 12px;box-shadow:0 6px 20px rgba(11,28,40,.22);animation:kuma-chat-entra .25s ease-out}
.kuma-chat__aviso[hidden]{display:none}
.kuma-chat__aviso-texto{padding:10px 4px 10px 14px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;line-height:1.3;color:#0b1c28;text-align:left;white-space:nowrap;cursor:pointer}
.kuma-chat__aviso-texto span{display:block;font-size:13px;font-weight:400;color:#4a5a66}
.kuma-chat__aviso-texto:focus-visible,.kuma-chat__aviso-cerrar:focus-visible{outline:2px solid #2b6c97;outline-offset:-2px;border-radius:10px}
.kuma-chat__aviso-cerrar{flex:none;width:32px;height:32px;margin:2px 2px 0 0;border:0;border-radius:50%;background:none;color:#4a5a66;font-size:22px;line-height:1;cursor:pointer}
.kuma-chat__aviso-cerrar:hover{background:#e7f1f8}

/* la pestaña «Cookies» de Complianz va abajo a la derecha: se pasa a la izquierda para no quedar detrás del globo */
#cmplz-manage-consent .cmplz-manage-consent{right:auto!important;left:40px!important}

@media (max-width:480px){
  .kuma-chat{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  .kuma-chat__boton{width:56px;height:56px}
  .kuma-chat__aviso{right:66px;bottom:6px}
  #cmplz-manage-consent .cmplz-manage-consent{left:16px!important}
  .kuma-chat__panel{position:fixed;right:10px;left:10px;bottom:84px;width:auto;max-width:none;max-height:calc(100dvh - 110px)}
}
@media (prefers-reduced-motion:reduce){
  .kuma-chat__panel,.kuma-chat__aviso{animation:none}
  .kuma-chat__boton{transition:none}
}
@media print{.kuma-chat{display:none}}