/* chatbot.css — Agente Leo */
.chatbot-container{position:fixed;bottom:30px;right:30px;z-index:1000}
.chatbot-window{position:absolute;bottom:70px;right:0;width:360px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.15);display:none;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}
.chatbot-window.active{display:flex}
.chatbot-header{background:linear-gradient(135deg,#0d2847,#1e4d7b);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.chatbot-header h3{font-size:15px;margin:0;font-family:'Outfit',sans-serif}
.chatbot-close,.chatbot-clear-btn{background:rgba(255,255,255,0.15);border:none;color:#fff;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background 0.2s}
.chatbot-close:hover,.chatbot-clear-btn:hover{background:rgba(255,255,255,0.3)}
.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f8f9fa}
.chatbot-message{display:flex;flex-direction:column;max-width:85%}
.chatbot-message.bot{align-self:flex-start}
.chatbot-message.user{align-self:flex-end}
.message-bubble{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}
.chatbot-message.bot  .message-bubble{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#333}
.chatbot-message.user .message-bubble{background:#1e4d7b;color:#fff;border-bottom-right-radius:4px}
.chatbot-link{color:#1e4d7b;text-decoration:underline}
.chatbot-options{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid #f0f0f0;background:#fafafa}
.chatbot-option{padding:6px 12px;background:#f0f4f8;border:1px solid #dde4ec;border-radius:20px;font-size:12px;font-weight:600;color:#1e4d7b;cursor:pointer;transition:all 0.2s;white-space:nowrap;font-family:'Outfit',sans-serif}
.chatbot-option:hover{background:#1e4d7b;color:#fff;border-color:#1e4d7b}
.chatbot-input-container{display:flex;gap:8px;padding:12px;border-top:1px solid #f0f0f0;background:#fff}
.chatbot-input{flex:1;padding:10px 14px;border:1px solid #dde4ec;border-radius:24px;font-size:14px;outline:none;transition:border 0.2s;font-family:'Outfit',sans-serif}
.chatbot-input:focus{border-color:#1e4d7b}
.chatbot-send{width:40px;height:40px;background:#1e4d7b;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0}
.chatbot-send:hover{background:#0d2847}
.chatbot-button{width:56px;height:56px;background:#1e4d7b;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.25);transition:all 0.3s;position:relative}
.chatbot-button:hover{background:#0d2847;transform:scale(1.05)}
.chatbot-button svg{width:26px;height:26px;fill:white}
.chatbot-pulse{position:absolute;top:0;right:0;width:12px;height:12px;background:#28a745;border-radius:50%;border:2px solid #fff}
@media(max-width:480px){
    .chatbot-container{bottom:20px;right:15px}
    .chatbot-window{width:calc(100vw - 30px);right:-15px;max-height:70vh}
}