*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pharmacy-50:#f0fdfa;--pharmacy-100:#ccfbf1;--pharmacy-200:#99f6e4;--pharmacy-300:#5eead4;--pharmacy-400:#2dd4bf;--pharmacy-500:#14b8a6;--pharmacy-600:#0d9488;--pharmacy-700:#0f766e;--pharmacy-800:#115e59;--pharmacy-900:#134e4a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--whatsapp-green:#25d366;--whatsapp-dark:#128c7e;--bg-primary:#f0fdfa;--bg-secondary:#fff;--bg-chat:#e8f5f0;--bg-glass:#ffffffbf;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-primary:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-glow:0 0 20px #0d948826;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pharmacy-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--pharmacy-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.4s ease-out fadeInUp}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-slide-in-left{animation:.3s ease-out slideInLeft}.app-header{background:linear-gradient(135deg, var(--pharmacy-700) 0%, var(--pharmacy-600) 50%, var(--pharmacy-500) 100%);padding:var(--space-md) var(--space-xl);z-index:100;box-shadow:var(--shadow-lg);background-size:200% 200%;animation:8s infinite gradientShift;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;display:flex}.header-brand{align-items:center;gap:var(--space-md);display:flex}.header-logo{filter:drop-shadow(0 2px 4px #0003);width:44px;height:44px;transition:transform var(--transition-normal);flex-shrink:0}.header-logo:hover{transform:scale(1.08)rotate(-3deg)}.logo-icon{width:100%;height:100%}.header-title{font-size:var(--font-size-xl);color:var(--text-on-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.header-subtitle{font-size:var(--font-size-xs);color:#fffc;letter-spacing:.02em;font-weight:400}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.header-status{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:#ffffff26;border:1px solid #fff3;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 6px #4ade8099}.status-text{font-size:var(--font-size-xs);color:var(--text-on-primary);font-weight:500}.lang-selector{position:relative}.lang-selector-btn{border-radius:var(--radius-full);min-width:90px;color:var(--text-on-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);background:#00000038;border:1.5px solid #ffffff40;align-items:center;gap:8px;padding:7px 14px;font-weight:600;display:flex}.lang-selector-btn:hover{background:#00000052;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 12px #00000026}.lang-selector-btn:active{transform:translateY(0)}.flag-svg{border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #fff3}.lang-code{letter-spacing:.05em;text-align:center;min-width:18px}.lang-chevron{opacity:.7;width:14px;height:14px;transition:transform var(--transition-fast);margin-left:2px}.lang-chevron-open{transform:rotate(180deg)}.lang-dropdown{background:var(--pharmacy-800);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);z-index:200;border:1.5px solid #ffffff26;min-width:160px;padding:4px;animation:.2s ease-out fadeInUp;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000040,0 0 0 1px #ffffff0d}.lang-dropdown:before{content:"";background:var(--pharmacy-800);border-top:1.5px solid #ffffff26;border-left:1.5px solid #ffffff26;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.lang-option{color:#ffffffd9;cursor:pointer;width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.lang-option:hover{color:#fff;background:#ffffff1a}.lang-option-active{color:#5eead4;background:#14b8a640}.lang-option-active:hover{background:#14b8a659}.lang-option .flag-svg{border-radius:3px;box-shadow:0 0 0 1px #ffffff26}.lang-option-label{letter-spacing:.04em;flex:1}.lang-check{color:#5eead4;flex-shrink:0;width:14px;height:14px}@media (width<=480px){.app-header{padding:var(--space-sm) var(--space-md)}.header-title{font-size:var(--font-size-lg)}.header-subtitle{display:none}.header-logo{width:36px;height:36px}.header-status{display:none}.lang-selector-btn{font-size:var(--font-size-xs);min-width:76px;padding:5px 10px}}.message-bubble{align-items:flex-end;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-md);display:flex}.message-user{justify-content:flex-end}.message-bot{justify-content:flex-start}.message-avatar{flex-shrink:0;width:32px;height:32px;margin-bottom:2px}.message-avatar svg{filter:drop-shadow(0 1px 2px #0000001a);width:100%;height:100%}.bubble-content{max-width:75%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);position:relative}.bubble-content:hover{box-shadow:var(--shadow-md)}.bubble-bot{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--space-xs);border:1px solid var(--gray-100)}.bubble-user{background:linear-gradient(135deg, var(--pharmacy-600), var(--pharmacy-500));color:var(--text-on-primary);border-bottom-right-radius:var(--space-xs)}.bubble-sender{font-size:var(--font-size-xs);color:var(--pharmacy-600);margin-bottom:2px;font-weight:600;display:block}.bubble-text{font-size:var(--font-size-sm);word-break:break-word;line-height:1.6}.bubble-bot .bubble-text strong{color:var(--pharmacy-800);font-weight:600}.bubble-bot .bubble-text em{color:var(--gray-500);font-style:italic;font-size:var(--font-size-xs)}.bubble-time{text-align:right;opacity:.6;margin-top:4px;font-size:.65rem;display:block}.bubble-user .bubble-time{color:#ffffffb3}.bubble-bot .bubble-time{color:var(--gray-400)}@media (width<=480px){.message-bubble{padding:0 var(--space-md)}.bubble-content{max-width:85%}.message-avatar{width:26px;height:26px}}.typing-indicator-wrapper{align-items:flex-end;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-md);display:flex}.typing-avatar{flex-shrink:0;width:32px;height:32px}.typing-avatar svg{filter:drop-shadow(0 1px 2px #0000001a);width:100%;height:100%}.typing-bubble{background:var(--bg-secondary);border:1px solid var(--gray-100);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-bottom-left-radius:var(--space-xs);box-shadow:var(--shadow-sm)}.typing-dots{align-items:center;gap:5px;display:flex}.typing-dot{background:var(--pharmacy-400);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}@media (width<=480px){.typing-indicator-wrapper{padding:0 var(--space-md)}.typing-avatar{width:26px;height:26px}}.chatbox{background:var(--bg-chat);background-image:radial-gradient(circle at 20%,#14b8a608 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0f766e08 0%,#0000 50%),radial-gradient(circle at 50% 80%,#0d948805 0%,#0000 50%);background-color:var(--bg-chat);flex:1;position:relative;overflow:hidden auto}.chatbox-messages{padding:var(--space-lg) 0;flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.chatbox-welcome{text-align:center;padding:var(--space-2xl);width:90%;max-width:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-icon{width:80px;height:80px;margin:0 auto var(--space-lg)}.welcome-icon svg{width:100%;height:100%}.welcome-title{font-size:var(--font-size-2xl);color:var(--pharmacy-800);margin-bottom:var(--space-sm);letter-spacing:-.02em;font-weight:700}.welcome-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.welcome-features{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.welcome-feature{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.feature-icon{background:var(--bg-secondary);border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-icon:hover{transform:translateY(-2px)}.feature-text{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}@media (width<=480px){.chatbox-welcome{padding:var(--space-xl)}.welcome-title{font-size:var(--font-size-xl)}.welcome-features{gap:var(--space-md)}}.quick-actions{padding:var(--space-sm) var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--gray-100)}.quick-actions-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-weight:500}.quick-actions-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.quick-action-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:var(--bg-secondary);border:1.5px solid;font-weight:500}.quick-action-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-primary{border-color:var(--pharmacy-300);color:var(--pharmacy-700)}.quick-action-primary:hover:not(:disabled){background:var(--pharmacy-50);border-color:var(--pharmacy-400)}.quick-action-info{color:#1d4ed8;border-color:#93c5fd}.quick-action-info:hover:not(:disabled){background:#eff6ff;border-color:#60a5fa}.quick-action-success{color:#15803d;border-color:#86efac}.quick-action-success:hover:not(:disabled){background:#f0fdf4;border-color:#4ade80}.quick-action-secondary{border-color:var(--gray-300);color:var(--gray-600)}.quick-action-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}@media (width<=480px){.quick-actions{padding:var(--space-sm) var(--space-md)}.quick-actions-grid{gap:6px}.quick-action-btn{padding:4px 10px;font-size:.7rem}}.chat-input-container{padding:var(--space-md) var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--gray-100);gap:var(--space-sm);align-items:center;display:flex}.chat-input-form{flex:1}.input-wrapper{align-items:center;gap:var(--space-sm);background:var(--bg-secondary);border:2px solid var(--gray-200);border-radius:var(--radius-full);padding:4px 4px 4px var(--space-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);display:flex}.input-wrapper:focus-within{border-color:var(--pharmacy-400);box-shadow:0 0 0 3px #14b8a61a}.chat-input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);padding:var(--space-sm) 0;background:0 0;border:none;outline:none;flex:1}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.6}.send-btn{background:linear-gradient(135deg, var(--pharmacy-500), var(--pharmacy-600));color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-normal);box-shadow:var(--shadow-md);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--pharmacy-600), var(--pharmacy-700));box-shadow:var(--shadow-lg);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.send-icon{width:18px;height:18px}.whatsapp-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:2px solid var(--whatsapp-green);color:var(--whatsapp-dark);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:0 0;flex-shrink:0;font-weight:600;display:flex}.whatsapp-btn:hover:not(:disabled){background:var(--whatsapp-green);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.whatsapp-btn:active:not(:disabled){transform:translateY(0)}.whatsapp-btn:disabled{opacity:.4;cursor:not-allowed}.whatsapp-icon{width:18px;height:18px}@media (width<=480px){.chat-input-container{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);flex-direction:column}.chat-input-form{width:100%}.whatsapp-btn{justify-content:center;width:100%}.whatsapp-label{display:inline}}@media (width>=481px){.whatsapp-label{display:none}}@media (width>=640px){.whatsapp-label{display:inline}}.app-container{background:var(--bg-secondary);max-width:900px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.error-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-xs);color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;display:flex}.error-icon{font-size:var(--font-size-base);flex-shrink:0}.error-text{flex:1;font-weight:500}.error-dismiss{color:#92400e;cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:2px 6px}.error-dismiss:hover{background:#92400e1a}@media (width<=900px){.app-container{max-width:100%;box-shadow:none}}