/* PyGest - tema sobre Bootstrap 5 */
:root {
  --pygest-primary: #6f42c1;
  --pygest-primary-dark: #5a32a3;
  --pygest-hero-bg: linear-gradient(135deg, #f8f4ff 0%, #e8e0f5 100%);
}

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

.navbar-brand { font-weight: 700; }
.hero { background: var(--pygest-hero-bg); padding: 4rem 0; }
.hero h1 { font-weight: 700; }
.btn-pygest { background-color: var(--pygest-primary); border-color: var(--pygest-primary); color: #fff; }
.btn-pygest:hover { background-color: var(--pygest-primary-dark); border-color: var(--pygest-primary-dark); color: #fff; }

footer a { color: rgba(255,255,255,.8); text-decoration: none; }
footer a:hover { color: #fff; }

/* Chat widget */
#chat-widget { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1050; }
#chat-toggle { width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
#chat-panel { display: none; position: absolute; bottom: 70px; right: 0; width: 360px; max-width: calc(100vw - 2rem); height: 420px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.15); flex-direction: column; background: #fff; }
#chat-panel.open { display: flex; }
#chat-messages { flex: 1; overflow-y: auto; padding: 1rem; }
#chat-messages .msg { margin-bottom: 0.75rem; padding: 0.5rem 0.75rem; border-radius: 8px; max-width: 90%; }
#chat-messages .msg.user { margin-left: auto; background: var(--pygest-primary); color: #fff; }
#chat-messages .msg.bot { background: #f0f0f0; color: #333; }
#chat-form { padding: 0.75rem; border-top: 1px solid #dee2e6; display: flex; gap: 0.5rem; }
#chat-form input { flex: 1; border-radius: 8px; border: 1px solid #ced4da; padding: 0.5rem 0.75rem; }
#chat-form button { border-radius: 8px; }

@media (max-width: 576px) {
  .hero { padding: 2.5rem 0; }
  #chat-panel { width: 100%; right: 0; bottom: 60px; height: 350px; }
}