/* Cleo · WhatsApp de Natural Fit (Inprovex, 29/10/2026). Todo bajo el prefijo .cleo- para no chocar con la web. */
.cleo-fab{position:fixed;right:24px;bottom:24px;z-index:990;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#1e9e57;color:#fff !important;font:600 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none !important;box-shadow:0 14px 34px -12px rgba(30,158,87,.7);transition:transform .15s ease,background .2s ease}
.cleo-fab:hover{background:#17844a;transform:translateY(-2px)}
.cleo-fab svg{width:26px;height:26px;flex:none}
.cleo-pop{position:fixed;right:24px;bottom:92px;z-index:995;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:20px;box-shadow:0 28px 70px -24px rgba(20,15,8,.55),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;transform:translateY(24px) scale(.98);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease;font-family:Inter,system-ui,sans-serif;text-align:left}
.cleo-pop.show{transform:none;opacity:1}
.cleo-pop[hidden]{display:none}
.cleo-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:#075e54;color:#fff}
.cleo-av{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1e9da;color:#9a7d4a;font:700 1.35rem/1 'Cormorant Garamond',Georgia,serif;flex:none}
.cleo-av i{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid #075e54}
.cleo-who{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}
.cleo-who b{font-size:.98rem;color:#fff}
.cleo-who span{font-size:.76rem;opacity:.85}
.cleo-x{background:none;border:0;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;opacity:.8;padding:0 4px}
.cleo-x:hover{opacity:1}
.cleo-body{padding:16px 14px 6px;background:#efeae2;display:flex;flex-direction:column;gap:8px;min-height:120px}
.cleo-msg{margin:0;align-self:flex-start;max-width:88%;background:#fff;border-radius:4px 14px 14px 14px;padding:9px 12px;font-size:.92rem;line-height:1.45;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.cleo-msg.in{opacity:1;transform:none}
.cleo-typing{align-self:flex-start;display:flex;gap:4px;background:#fff;border-radius:4px 14px 14px 14px;padding:12px 14px}
.cleo-typing i{width:7px;height:7px;border-radius:50%;background:#9aa0a6;animation:cleodot 1s infinite ease-in-out}
.cleo-typing i:nth-child(2){animation-delay:.15s}.cleo-typing i:nth-child(3){animation-delay:.3s}
@keyframes cleodot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
.cleo-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px;opacity:0;transition:opacity .3s ease .1s}
.cleo-chips.in{opacity:1}
.cleo-chip{font-size:.82rem;font-weight:500;color:#075e54 !important;background:#fff;border:1px solid #cfe3dc;border-radius:999px;padding:7px 12px;text-decoration:none !important;line-height:1.3}
.cleo-chip:hover{background:#e7f6ef}
.cleo-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;background:#1e9e57;color:#fff !important;font-weight:600;font-size:1rem;text-decoration:none !important}
.cleo-cta:hover{background:#17844a}
.cleo-cta svg{width:20px;height:20px}
/* Barra móvil doble (footer.php): WhatsApp + pedir cita */
.mobile-cta-bar .mobile-cta-wa{background:#1e9e57 !important}
@media (max-width:768px){
  .cleo-fab{display:none}
  .cleo-pop{right:12px;left:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto;max-width:none;border-radius:16px}
  .cleo-head{padding:9px 10px 9px 12px;gap:10px}
  .cleo-av{width:34px;height:34px;font-size:1.1rem}
  .cleo-who b{font-size:.9rem}
  .cleo-who span{font-size:.7rem}
  .cleo-body{min-height:0;padding:10px 10px 2px;gap:6px}
  .cleo-msg{font-size:.85rem;padding:7px 10px;max-width:94%}
  .cleo-chips{flex-wrap:nowrap;overflow-x:auto;margin:2px -10px 6px;padding:0 10px;scrollbar-width:none}
  .cleo-chips::-webkit-scrollbar{display:none}
  .cleo-chip{white-space:nowrap;font-size:.78rem;padding:6px 10px}
  .cleo-cta{padding:12px 14px;font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){.cleo-pop,.cleo-msg{transition:none}.cleo-typing i{animation:none}}