/* SEO Mallorca · Chatbot — monocromo negro/blanco */
.smc-launcher{position:fixed;right:20px;bottom:20px;z-index:9998;width:64px;height:64px;border-radius:50%;
  background:#FFD400;color:#111;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 0 rgba(255,212,0,.7),0 0 24px rgba(255,212,0,.55),0 8px 24px rgba(0,0,0,.45);
  animation:smc-glow 2.4s ease-in-out infinite;transition:transform .2s ease}
.smc-launcher:hover{transform:translateY(-2px) scale(1.05)}
.smc-launcher svg{width:34px;height:34px;animation:smc-bob 3s ease-in-out infinite}
@keyframes smc-glow{0%{box-shadow:0 0 0 0 rgba(255,212,0,.65),0 0 18px rgba(255,212,0,.45),0 8px 24px rgba(0,0,0,.45)}
  70%{box-shadow:0 0 0 16px rgba(255,212,0,0),0 0 34px rgba(255,212,0,.75),0 8px 24px rgba(0,0,0,.45)}
  100%{box-shadow:0 0 0 0 rgba(255,212,0,0),0 0 18px rgba(255,212,0,.45),0 8px 24px rgba(0,0,0,.45)}}
@keyframes smc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.smc-panel{position:fixed;right:20px;bottom:96px;z-index:9999;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100dvh - 120px);
  background:#0a0a0a;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.6);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;
  font-family:inherit;font-size:15px;line-height:1.5}
.smc-panel.smc-open{opacity:1;transform:none;pointer-events:auto}
.smc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#FFD400;color:#111;border-bottom:0}
.smc-title{font-weight:600;letter-spacing:.02em}
.smc-sub{font-size:12px;opacity:.75}
.smc-close{background:none;border:0;color:#111;opacity:.75;cursor:pointer;font-size:22px;line-height:1;padding:4px}
.smc-close:hover{opacity:1}
.smc-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.smc-msg{max-width:85%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.smc-bot{align-self:flex-start;background:#161616;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}
.smc-user{align-self:flex-end;background:#fff;color:#000;border-bottom-right-radius:4px}
.smc-msg a{color:inherit;text-decoration:underline}
.smc-typing{display:inline-flex;gap:4px}
.smc-typing span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.4;animation:smc-b 1s infinite}
.smc-typing span:nth-child(2){animation-delay:.15s}.smc-typing span:nth-child(3){animation-delay:.3s}
@keyframes smc-b{0%,80%,100%{opacity:.25}40%{opacity:1}}
.smc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.smc-chip{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}
.smc-chip:hover{border-color:#fff}
.smc-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}
.smc-input{flex:1;background:#111;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;resize:none;max-height:110px}
.smc-input:focus{outline:none;border-color:#fff}
.smc-send{background:#fff;color:#000;border:0;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:600;font-family:inherit}
.smc-send:disabled{opacity:.4;cursor:default}
.smc-foot{font-size:11px;opacity:.45;text-align:center;padding:0 12px 10px}
@media (max-width:480px){.smc-panel{right:10px;left:10px;width:auto;top:10px;bottom:88px;height:auto;max-height:none}.smc-msg{max-width:92%}.smc-launcher{right:16px;bottom:16px}}
@media (prefers-reduced-motion:reduce){.smc-panel,.smc-launcher{transition:none;animation:none}.smc-launcher svg{animation:none}.smc-typing span{animation:none}}

/* Tooltip del botón */
.smc-tip{position:absolute;right:calc(100% + 14px);top:50%;transform:translate(6px,-50%);white-space:nowrap;
  background:#fff;color:#111;font:600 13px/1.3 inherit;font-family:inherit;padding:9px 14px;border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.smc-tip::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:#fff}
@media (hover:hover){.smc-launcher:hover .smc-tip,.smc-launcher:focus-visible .smc-tip{opacity:1;transform:translate(0,-50%)}}
.smc-panel.smc-open ~ .smc-launcher .smc-tip{display:none}