/* ============================================================
   ATENIA · Landing — Asistente flotante + búho animado
   (usa las variables :root de landing.css)
   ============================================================ */

/* ---------- búho animado (parpadeo + ojitos) ---------- */
.owl-live{display:block}
.owl-live .owl-eyes{transform-box:fill-box;transform-origin:center;animation:owlBlink 4.8s ease-in-out infinite}
.owl-live .owl-pupils{transform-box:fill-box;transform-origin:center;animation:owlLook 5.6s ease-in-out infinite}
@keyframes owlBlink{0%,86%,100%{transform:scaleY(1)}90%,94%{transform:scaleY(.08)}}
@keyframes owlLook{0%,100%{transform:translate(0,0)}20%{transform:translate(-3px,0)}46%{transform:translate(0,1.4px)}72%{transform:translate(3px,-.4px)}}
@media(prefers-reduced-motion:reduce){.owl-live .owl-eyes,.owl-live .owl-pupils{animation:none}}

/* ---------- FAB (el búho como botón flotante) ---------- */
.assistant-fab{position:fixed;right:22px;bottom:22px;z-index:90;width:62px;height:62px;border:0;background:none;padding:0;cursor:pointer;border-radius:18px}
.assistant-fab .owl-live{width:62px;height:62px;filter:drop-shadow(0 12px 26px rgba(124,58,237,.42));transition:transform .2s var(--ease)}
.assistant-fab:hover .owl-live{transform:scale(1.07) rotate(-3deg)}
.assistant-fab:active .owl-live{transform:scale(.96)}
.assistant-fab .ring{position:absolute;inset:0;border-radius:18px;pointer-events:none;animation:fabPulse 2.6s infinite}
@keyframes fabPulse{0%{box-shadow:0 0 0 0 rgba(124,58,237,.42)}70%{box-shadow:0 0 0 15px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}
.assistant-fab .online{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#34C759;border:3px solid var(--cream);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.assistant-fab .hello{position:absolute;right:74px;bottom:12px;white-space:nowrap;background:var(--ink);color:#fff;font-family:'Sora';font-weight:600;font-size:13px;padding:9px 14px;border-radius:14px;box-shadow:var(--sh-md);opacity:0;transform:translateX(8px);transition:.3s var(--ease);pointer-events:none}
.assistant-fab .hello::after{content:"";position:absolute;right:-5px;bottom:13px;width:10px;height:10px;background:var(--ink);transform:rotate(45deg)}
.assistant-fab.nudge .hello{opacity:1;transform:none}
.assistant-fab.hidden{opacity:0;visibility:hidden;transform:scale(.7);transition:.2s}

/* ---------- panel de chat ---------- */
.la-panel{position:fixed;right:22px;bottom:96px;z-index:91;width:382px;max-width:calc(100vw - 28px);height:566px;max-height:calc(100vh - 130px);
  background:var(--cream);border-radius:22px;box-shadow:0 30px 70px rgba(22,25,42,.32);display:flex;flex-direction:column;overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);transform-origin:bottom right;transition:.26s var(--ease)}
.la-panel.open{opacity:1;visibility:visible;transform:none}

.la-head{background:linear-gradient(135deg,var(--violet),#5B21B6);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px;position:relative}
.la-head .owl-live{width:44px;height:44px;border-radius:11px;flex:none;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.la-head .nm{font-family:'Sora';font-weight:700;font-size:15.5px;line-height:1.1}
.la-head .st{font-size:12.5px;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:6px;margin-top:2px}
.la-head .st .pip{width:7px;height:7px;border-radius:50%;background:#8AE6A0}
.la-head .x{margin-left:auto;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);border:0;color:#fff;display:grid;place-items:center;cursor:pointer}
.la-head .x:hover{background:rgba(255,255,255,.28)}
.la-head .x .ic{width:18px;height:18px}

.la-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:11px}
.la-body::-webkit-scrollbar{width:7px}
.la-body::-webkit-scrollbar-thumb{background:rgba(28,32,48,.16);border-radius:7px}
.la-msg{max-width:84%;padding:11px 14px;border-radius:15px;font-size:14.3px;line-height:1.45}
.la-msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start;box-shadow:var(--sh-sm)}
.la-msg.bot b{color:var(--violet)}
.la-msg.me{background:var(--orange);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.la-msg .cta-row{margin-top:10px}
.la-msg .go{display:inline-flex;align-items:center;gap:7px;background:var(--violet);color:#fff;font-family:'Sora';font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:10px;text-decoration:none}
.la-msg .go .ic{width:14px;height:14px}
.la-typing{align-self:flex-start;background:#fff;border:1px solid var(--line);padding:13px 15px;border-radius:15px;border-bottom-left-radius:5px;display:flex;gap:5px}
.la-typing i{width:7px;height:7px;border-radius:50%;background:var(--slate-faint);animation:laBlink 1.2s infinite}
.la-typing i:nth-child(2){animation-delay:.2s}.la-typing i:nth-child(3){animation-delay:.4s}
@keyframes laBlink{0%,60%,100%{opacity:.35}30%{opacity:1}}

.la-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 10px;background:var(--cream)}
.la-chip{border:1px solid var(--violet-soft);background:#fff;color:var(--violet);font-family:'Sora';font-weight:600;font-size:12.3px;padding:8px 13px;border-radius:999px;cursor:pointer;transition:.14s}
.la-chip:hover{background:var(--violet-soft)}
.la-input{display:flex;gap:9px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
.la-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:12px 16px;font-family:inherit;font-size:14.3px;outline:none}
.la-input input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}
.la-input .send{width:46px;height:46px;border-radius:50%;background:var(--violet);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;flex:none}
.la-input .send:active{transform:scale(.92)}
.la-input .send .ic{width:18px;height:18px}

@media(max-width:560px){
  .la-panel{right:0;left:0;bottom:0;width:100%;max-width:100%;height:82vh;max-height:82vh;border-radius:22px 22px 0 0;transform:translateY(100%)}
  .la-panel.open{transform:none}
  .assistant-fab{right:18px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){.assistant-fab .ring{animation:none}}