*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.chat-input-wrapper{border-top:1px solid #eee;padding:12px;background:#fff}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;transition:margin-left .25s ease}.dark-mode .chat-layout{background:#0f1115}.chat-sidebar{width:280px;min-width:280px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:70px}.dark-mode .chat-sidebar{background:#111827}.sidebar-title h2{margin:0;font-size:18px}.sidebar-title p{font-size:13px;opacity:.7}.sidebar-options{margin-top:20px}.sidebar-options button{width:100%;margin-bottom:8px;background:transparent;border:1px solid #000000;color:#fff;padding:10px;border-radius:8px;text-align:left;cursor:pointer;transition:.2s}.sidebar-options button:hover{background:#36cf03}.sidebar-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.08)}.sidebar-secondary-logo{height:105px;opacity:.85;object-fit:contain}.sidebar-main-logo{width:240px;margin-top:10px;margin-bottom:10px}.sidebar-title{margin-top:20px;text-align:center}.sidebar-title h2{font-size:14px;font-weight:600}.sidebarlogo{height:45px;width:auto;object-fit:contain}@media(max-width:768px){.sidebarlogo .chat-sidebar{position:fixed;left:0;top:0;height:100%;width:85vw;max-width:320px;transform:translate(-100%);transition:transform .25s ease;z-index:1200}.sidebarlogo .chat-sidebar.open{transform:translate(0)}}.chat-sidebar{box-shadow:4px 0 24px #00000014}.dark-mode .chat-sidebar{box-shadow:4px 0 24px #0006}.sidebar-option{padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .18s ease}.sidebar-option:hover{background:#ececf1;transform:translate(2px)}.dark-mode .sidebar-option:hover{background:#29960b}.chat-sidebar{overflow-y:auto}.chat-sidebar::-webkit-scrollbar{width:6px}.chat-sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.dark-mode .chat-sidebar::-webkit-scrollbar-thumb{background:#107b1ee3}.dark-toggle-sidebar{margin-top:24px;padding:14px 18px;width:90%;font-size:15px;font-weight:600;border-radius:12px;border:none;background:#10a37f;color:#fff;cursor:pointer;transition:all .25s ease;display:block;margin-left:auto;margin-right:auto}.dark-toggle-sidebar:hover{transform:translateY(-1px);opacity:.9}.dark-mode .menu-button{background:#ffffff14;color:#fff}.dark-mode .menu-button:hover{background:#ffffff24}.chat-app{display:flex;flex-direction:column;height:100vh;background:#f1f0f0;border-radius:12px;box-shadow:0 4px 12px #0000000f}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.chat-layout.dark-mode .chat-body::-webkit-scrollbar-thumb{background:#555}.chat-messages{width:100%;max-width:900px;display:flex;flex-direction:column;gap:14px;margin:0 auto}.message-row{display:flex;align-items:flex-end;gap:10px;width:100%;animation:fadeIn .18s ease-out}.message-row.bot{justify-content:flex-start}.message-row.user{justify-content:flex-end}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.message{max-width:min(72%,640px);padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-line;word-wrap:break-word}.message.bot{background:#fff;color:#111;border-bottom-left-radius:6px}.message.user{background:#ea580c;color:#fff;border-bottom-right-radius:6px}.message-row.user .message{box-shadow:0 2px 8px #00000014}.message-row.bot .message{box-shadow:0 2px 6px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.typing-text{font-weight:500;opacity:.8}.typing-bubble{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#f1f3f6;font-size:13px}.dark-mode .typing-bubble{background:#2a2f3a;color:#ececec}.typing-dots span{width:6px;height:6px;background:#888;border-radius:50%;display:block;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.chat-layout{display:flex;width:100%;height:100vh;background:#f5f6fa;overflow:hidden}.chat-input-container{width:100%;max-width:850px;display:flex;gap:10px}.chat-layout.dark-mode .chat-input-container{background:linear-gradient(to top,#343541 60%,transparent)}.chat-input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid #ddd;font-size:14px;outline:none}.chat-input{flex:1;min-width:0;font-size:16px}.chat-layout.dark-mode .chat-input{background:#40414f;border:1px solid #565869;color:#fff}.send-button{background:#2b7cff;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}.send-button:hover{opacity:.85}.chat-input-wrapper{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.welcome-screen{height:100vh;background:linear-gradient(135deg,#10a37f,#0d7a5f);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center;animation:fadeInScreen 0s ease-out}.welcome-logo{width:15px;animation:logoPop .7s ease-out}.welcome-btn{position:relative;padding:14px 28px;border-radius:14px;border:none;font-weight:600;font-size:15px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#4f8cff,#6ea8ff);color:#fff;transition:all .25s ease}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f8cff59}.welcome-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(-45deg,#1f9d55,#22c55e,#f97316,#fb923c);background-size:300% 300%;animation:gradientMove 18s ease infinite}.welcome-logo{width:180px;animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-text h1{font-size:28px;font-weight:600;letter-spacing:.5px}.welcome-text p{font-size:16px;opacity:.9}.welcome-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:#1f9d55;color:#fff;padding:14px 35px;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;animation:softPulse 3s infinite}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.welcome-btn:active{transform:scale(.96)}.welcome-btn:after{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transition:all .6s ease}.welcome-btn:hover:after{left:120%}@keyframes fadeInScreen{0%{opacity:0}to{opacity:1}}@keyframes logoPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonFadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.welcome-text{animation:textSlideUp .7s ease-out;animation-delay:.15s;animation-fill-mode:both}.welcome-btn{animation:buttonFadeUp .9s ease-out;animation-delay:.3s;animation-fill-mode:both}.message-container{display:flex;align-items:flex-start;gap:10px}.message-row.user .message-bubble{background-color:#e6f4ea;border:1px solid #cce3d4}.message-row.bot .message-bubble{background-color:#f5f5f5;border:1px solid #e2e2e2}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-top:2px}.message{max-width:75%;padding:16px 20px;margin-bottom:18px;border-radius:16px;font-size:15px;line-height:1.6;animation:fadeIn .2s ease-in-out}.message.bot{align-self:flex-start;background:#f3f4f6;color:#111}.message.user{align-self:flex-end;background:#ea580c;color:#fff}.chat-messages{display:flex;flex-direction:column;gap:12px;padding:20px}.message-row{display:flex;align-items:flex-end;gap:8px}.chat-layout.dark-mode .message.bot{background:#444654;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%{transform:scale(1);box-shadow:0 0 #ff7a1899}70%{transform:scale(1.03);box-shadow:0 0 0 15px #ff7a1800}to{transform:scale(1);box-shadow:0 0 #ff7a1800}}.chat-hero-card{width:100%;max-width:900px;background:#12141a;border-radius:18px;padding:30px 35px;margin-bottom:45px;border:1px solid rgba(255,255,255,.05)}.chat-hero-card h2{color:#4ade80;margin-bottom:12px}.chat-hero-card p{color:#b8b8b8;line-height:1.6}.suggestion-grid{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:50px}.suggestion-card{background:#db2727;padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .25s ease}.suggestion-card h4{color:#fff;font-size:15px;margin-bottom:6px}.chat-app{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px 140px}.suggestion-card span{color:#8f8f8f;font-size:13px}.suggestion-card:hover{transform:translateY(-3px);border-color:#4ade80;box-shadow:0 10px 25px #fffdfd66}.chat-input-container{width:100%;max-width:800px;display:flex;gap:10px}.chat-input{flex:1;padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;font-size:14px;outline:none;transition:all .2s ease;background:#fff}.chat-input::placeholder{color:#6e6e6e}.send-button{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1;background:#10a37f;color:#fff;transition:all .18s ease}.send-button:hover{background:#0e8f6f;transform:translateY(-1px)}@media(max-width:768px){.suggestion-grid{grid-template-columns:1fr}.chat-hero-card,.suggestion-grid{max-width:100%}}.chat-input:focus{border-color:#10a37f;box-shadow:0 0 0 3px #10a37f26}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0 48px}.quick-reply-chip{background:#efefef;border:1px solid #ff9b04;color:#000;padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:.2s ease}.quick-reply-chip:hover{background:#f80;color:#fff}.quick-reply-chip:active{transform:scale(.96)}.quick-reply-chip,.send-button,.menu-button{transition:all .18s ease}.quick-reply-chip:active,.send-button:active,.menu-button:active{transform:scale(.96)}.light-mode{background:#fff}.light-mode .chat-sidebar{background:#fff;color:#222;border-right:1px solid #eee}.light-mode .sidebar-options button{background:#fff7ed;border:1px solid #ffedd5;color:#ea580c}.light-mode .sidebar-options button:hover{background:#fb923c;color:#fff}.light-mode .chat-app{background:#fff}.light-mode .message.bot{background:#f3f4f6;color:#111}.light-mode .message.user{background:#ea580c;color:#fff}.light-mode .chat-input-container{background:linear-gradient(to top,#ffffff 60%,transparent)}.light-mode .chat-input{background:#f9fafb;border:1px solid #e5e7eb;color:#111}.light-mode .send-button{background:#ea580c}.light-mode .send-button:hover{background:#c2410c}.dark-mode .chat-input-wrapper{background:#141414d9;border-top:1px solid rgba(255,255,255,.08)}.dark-mode{background:#0f1115}.dark-mode .chat-sidebar{background:#111827;color:#fff}.dark-mode .chat-app{background:radial-gradient(circle at top,#1c1d22,#0f1115 70%)}.dark-mode .message.bot{background:#1f2937;color:#fff}.dark-mode .message.user{background:#4ade80;color:#111}.dark-mode .chat-input-container{background:linear-gradient(to top,#0f1115 60%,transparent)}.dark-mode .chat-input{background:#1f2937;border:1px solid #374151;color:#fff}.dark-mode .send-button{background:#19c37d;color:#fff}.chat-link{color:#1f6f43;text-decoration:underline;font-weight:500}.chat-link:hover{color:var(--color-accent);text-decoration:underline}.dark-mode .chat-link{color:#0bd8d1}.dark-mode .chat-link:hover{color:var(--color-accent)}.dark-mode .quick-reply-chip{background:#1f2937;border:1px solid #374151;color:#4ade80}.dark-mode .quick-reply-chip:hover{background:#4ade80;color:#111;border-color:#4ade80}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-logo{height:29px;object-fit:contain}.dark-mode .typing-text{color:#fff;font-weight:500}.dark-mode .typing-indicator span{background-color:#10a350}.dark-mode .typing-wrapper{opacity:.9}.map-link-button{display:inline-block;background-color:#2d9b33;color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:500;transition:.3s}.map-link-button:hover{background-color:#ff7a06}.quick-options{margin:25px 0 15px;display:flex;flex-wrap:wrap;gap:10px}.chat-legal{font-size:10px;color:#777;text-align:right;padding:4px 20px}.dark-mode .chat-legal{color:#ccc}.mobile-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;z-index:5}.menu-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:#0000000a;cursor:pointer;font-size:18px;transition:all .2s ease}@media(max-width:768px){.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.dark-mode .mobile-header{background:#202123;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.menu-button{font-size:32px;padding:6px 10px;border-radius:8px}.chat-body{margin-top:56px}}@media(max-width:768px){.chat-sidebar{position:fixed;top:0;left:-260px;width:260px;height:100vh;background:#fff;z-index:1002;transition:left .3s ease}.chat-sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;background:#00000059;z-index:40}}.mobile-title{font-weight:600;font-size:15px;letter-spacing:.3px}.correo-link-button{display:inline-block;background:#118f3d;color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:500;transition:.25s ease}.correo-link-button:hover{background:#ff7b00;transform:translateY(-1px)}.menu-button.active{transform:scale(1.1);opacity:.8}.menu-button:hover{background:#00000014;transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.welcome-screen.exit{animation:welcomeFadeOut .4s ease forwards}@keyframes welcomeFadeout{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.96)}}.chat-main{animation:chatFadeIn .45s ease}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row{animation:messageIn .25s ease;will-change:transform,opacity}@keyframes messagesFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dark-mode .mobile-header{background:#141414bf;border-bottom:1px solid #2f2f2f;box-shadow:0 4px 20px #00000059}.mobile-title{font-size:14px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .mobile-title{color:#f3f4f6}.quick-reply-chip:disabled,.quick-reply-chip.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.quick-reply-chip{transition:opacity .2s ease,transform .15s ease}.bot-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;opacity:.9}.status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.bot-status.online{color:#16a34a}.dark-mode .bot-status.online{color:#4ade80}@media(max-width:768px){.chat-sidebar{position:fixed;left:0;top:0;height:100dvh;transform:translate(-100%);width:260px;z-index:100}.chat-sidebar.open{left:0}}.mobile-header{position:sticky;top:0;z-index:40}.menu-button{position:relative;z-index:60;pointer-events:auto;cursor:pointer}.sidebar-overlay{z-index:30}.chat-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;transition:transform .3s ease;z-index:1200}@media(min-width:769px){.chat-sidebar{transform:translate(0)}.chat-sidebar:not(.open){transform:translate(-100%)}}@media(max-width:768px){.chat-sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%)}.chat-sidebar.open{transform:translate(0)}}.theme-toggle-pro{background:transparent;border:none;cursor:pointer;padding:4px}.toggle-track-pro{width:72px;height:32px;background:#e5e7eb;border-radius:999px;position:relative;display:flex;align-items:center;padding:4px;transition:all .25s ease}.theme-toggle-pro.active .toggle-track-pro{background:#1f2937}.toggle-thumb-pro{width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .25s ease;box-shadow:0 2px 6px #00000040}.theme-toggle-pro.active .toggle-thumb-pro{transform:translate(36px);background:#111827;color:#fff}.theme-toggle-pro:hover .toggle-track-pro{box-shadow:0 0 0 3px #6366f126}