@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#124673;--primary-dark:#0e3659;--primary-light:#2976a6;--primary-glow:#1246732e;--accent:#2976a6;--accent-glow:#2976a62e;--gradient:linear-gradient(135deg, #124673 0%, #2976a6 100%);--gradient-soft:linear-gradient(135deg, #12467314 0%, #2976a614 100%);--bg:#fff;--surface:#fff;--surface-2:#f4f6f8;--surface-3:#e9ecf0;--surface-hover:#edf0f4;--text:#1a2a3a;--text-muted:#61788c;--text-faint:#94a3b8;--text-heading:#0e3659;--success:#16a34a;--success-bg:#16a34a1a;--success-border:#16a34a4d;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc262640;--warning:#d97706;--warning-bg:#d9770614;--seat-available:#16a34a;--seat-available-bg:#16a34a1a;--seat-occupied:#dc2626;--seat-occupied-bg:#dc262614;--seat-selected:#d97706;--seat-selected-bg:#d977061f;--border:#d9d9d9;--border-strong:#c2c8cf;--shadow-sm:0 1px 4px #0e36590f;--shadow-md:0 4px 16px #0e365914;--shadow-lg:0 8px 32px #0e36591a;--shadow-glow:0 0 24px #1246731a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}button{cursor:pointer;border:none;outline:none;font-family:inherit}select,input{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow), 0 0 40px var(--accent-glow)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}.animate-slide-down{animation:.3s forwards slideDown}.badge{letter-spacing:.3px;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.btn{border-radius:var(--radius-md);letter-spacing:.3px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2);border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.divider{background:var(--border);height:1px;margin:16px 0}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#ffffffd9}@media (width<=768px){:root{font-size:14px}.btn{padding:10px 20px;font-size:13px}.card{border-radius:var(--radius-md);padding:18px}}@media (width<=400px){:root{font-size:13px}.btn{gap:6px;padding:10px 16px;font-size:13px}.card{padding:14px}.badge{padding:2px 8px;font-size:11px}}.navbar{z-index:100;border-bottom:1px solid var(--border);height:68px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;min-width:120px;display:flex}.navbar-logo-icon{background:var(--gradient);color:#fff;width:40px;height:40px;box-shadow:0 4px 14px var(--primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.navbar-logo-icon img{object-fit:cover;border-radius:10px;width:100%;height:100%}.navbar-logo-text{background:var(--gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.navbar-steps{flex:1;justify-content:center;align-items:center;gap:0;max-width:480px;display:flex}.navbar-step-wrapper{align-items:center;display:flex}.navbar-step{color:var(--text-faint);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.navbar-step-num{background:var(--surface-3);width:24px;height:24px;color:var(--text-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.navbar-step-label{font-size:13px;font-weight:500}.navbar-step.active{color:var(--text-heading)}.navbar-step.active .navbar-step-num{background:var(--gradient);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.navbar-step.done{color:var(--success)}.navbar-step.done .navbar-step-num{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.navbar-step-line{background:var(--border);border-radius:1px;width:32px;height:2px;transition:background .3s}.navbar-step-line.done{background:var(--success)}.navbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:120px;display:flex}.navbar-chatbot-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.navbar-chatbot-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-3);box-shadow:0 0 12px var(--primary-glow)}.navbar-user{background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:100px;align-items:center;gap:6px;max-width:220px;padding:4px 10px 4px 4px;display:flex}.navbar-user-info{align-items:center;gap:6px;display:flex;overflow:hidden}.navbar-user-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.navbar-user-email{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;overflow:hidden}.navbar-logout-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.navbar-logout-btn:hover{color:#f87171;background:#ef44441a}@media (width<=768px){.navbar{gap:8px;height:56px;padding:0 16px}.navbar-logo{gap:8px;min-width:auto}.navbar-logo-icon{border-radius:8px;width:34px;height:34px}.navbar-logo-text{font-size:17px}.navbar-steps{max-width:320px}.navbar-step-label{display:none}.navbar-step{gap:0;padding:6px 8px}.navbar-step-num{width:22px;height:22px;font-size:11px}.navbar-step-line{width:20px}.navbar-chatbot-btn span{display:none}.navbar-chatbot-btn{min-width:auto;padding:8px}.navbar-actions{gap:6px;min-width:auto}.navbar-user-email{display:none}.navbar-user{padding:4px}}@media (width<=400px){.navbar{gap:6px;height:52px;padding:0 10px}.navbar-logo-text{display:none}.navbar-logo-icon{width:32px;height:32px}.navbar-step-num{width:20px;height:20px;font-size:10px}.navbar-step-line{width:14px}.navbar-step{padding:4px 6px}}.buscador-container{flex-direction:column;align-items:center;gap:32px;padding:48px 16px 32px;display:flex}.buscador-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.buscador-hero-badge{background:var(--gradient-soft);color:var(--primary);letter-spacing:.3px;border:1px solid #12467326;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.buscador-hero-title{letter-spacing:-1px;color:var(--text-heading);font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.buscador-hero-subtitle{color:var(--text-muted);max-width:400px;font-size:16px}.buscador-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:900px;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:28px}.buscador-fields{grid-template-columns:1fr auto 1fr auto auto;align-items:end;gap:12px;display:grid}.buscador-field{flex-direction:column;gap:8px;min-width:0;display:flex}.buscador-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.buscador-select-wrapper{position:relative}.buscador-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);appearance:none;cursor:pointer;outline:none;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.buscador-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.buscador-select:disabled{opacity:.5;cursor:not-allowed}.buscador-select option{background:var(--surface);color:var(--text)}.select-loader{color:var(--primary);animation:1s linear infinite spin;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.buscador-swap-btn{background:var(--surface-3);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:0;transition:all .25s;display:flex}.buscador-swap-btn:hover{background:var(--gradient);color:#fff;box-shadow:0 4px 14px var(--primary-glow);border-color:#0000;transform:rotate(180deg)}.buscador-field-fecha{min-width:160px}.buscador-input-fecha{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;outline:none;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.buscador-input-fecha:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.buscador-btn-buscar{white-space:nowrap;align-self:flex-end;height:48px;padding:12px 24px}.spin-icon{animation:.8s linear infinite spin}.buscador-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger);margin-top:12px;padding:10px 16px;font-size:13px;font-weight:500}.buscador-stats{align-items:center;gap:40px;display:flex}.buscador-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.buscador-stat-num{letter-spacing:-.5px;color:var(--text-heading);font-size:28px;font-weight:800}.buscador-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}@media (width<=768px){.buscador-container{gap:24px;padding:24px 0 16px}.buscador-hero-title{font-size:clamp(24px,6vw,36px)}.buscador-hero-subtitle{max-width:320px;font-size:14px}.buscador-card{border-radius:var(--radius-md);padding:20px 16px}.buscador-fields{grid-template-columns:1fr;gap:14px}.buscador-swap-btn{align-self:center;margin:-4px 0;transform:rotate(90deg)}.buscador-swap-btn:hover{transform:rotate(270deg)}.buscador-btn-buscar{justify-content:center;width:100%}.buscador-field-fecha{min-width:unset}.buscador-stats{gap:24px}.buscador-stat-num{font-size:24px}}@media (width<=400px){.buscador-container{gap:20px;padding:16px 0 12px}.buscador-hero-badge{padding:5px 12px;font-size:12px}.buscador-hero-title{letter-spacing:-.5px;font-size:22px}.buscador-hero-subtitle{font-size:13px}.buscador-card{padding:16px 12px}.buscador-select,.buscador-input-fecha{padding:10px 14px;font-size:13px}.buscador-btn-buscar{height:44px;padding:12px 16px;font-size:13px}.buscador-stats{gap:16px}.buscador-stat-num{font-size:20px}.buscador-stat-label{font-size:11px}}.viaje-card{flex-direction:column;gap:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.viaje-card:hover{box-shadow:var(--shadow-md), 0 0 20px var(--primary-glow);border-color:#1246734d;transform:translateY(-2px)}.viaje-card-ruta{align-items:center;gap:12px;display:flex}.viaje-ciudad{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.viaje-ciudad-icon{color:var(--primary);flex-shrink:0;margin-bottom:2px}.icon-destination{color:var(--accent)}.viaje-ciudad-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:600}.viaje-ciudad-nombre{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.viaje-ciudad-destino{text-align:right}.viaje-ruta-arrow{flex-direction:column;flex-shrink:0;align-items:center;padding:0 8px;display:flex;position:relative}.viaje-ruta-line{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);opacity:.4;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.viaje-arrow-icon{color:var(--primary);background:var(--surface);z-index:1;border-radius:50%;width:28px;height:28px;padding:4px;position:relative}.viaje-card-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;display:flex}.viaje-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.viaje-meta-item svg{color:var(--text-faint);flex-shrink:0}.viaje-meta-placa{color:var(--text-muted);margin-left:auto;font-size:13px}.viaje-meta-placa code{background:var(--surface-3);color:var(--text);border-radius:4px;padding:2px 6px;font-size:12px}.text-success{color:var(--success);font-weight:600}.text-warning{color:var(--warning);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.viaje-card-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.viaje-precio-box{flex-direction:column;gap:2px;display:flex}.viaje-precio-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:600}.viaje-precio{color:var(--text-heading);letter-spacing:-.5px;align-items:center;gap:4px;font-size:22px;font-weight:800;display:flex}.viaje-precio svg{color:var(--success)}.viaje-btn-seleccionar{padding:10px 20px;font-size:14px}.viaje-card-alert{background:var(--warning-bg);color:var(--warning);border:1px solid #d977064d;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600;animation:2s infinite pulse;position:absolute;top:12px;right:12px}@media (width<=768px){.viaje-card{gap:12px;padding:18px!important}.viaje-ciudad-nombre{font-size:16px}.viaje-card-meta{gap:10px;padding:10px 0}.viaje-meta-item{font-size:12px}.viaje-precio{font-size:20px}}@media (width<=480px){.viaje-card{padding:14px!important}.viaje-card-ruta{gap:8px}.viaje-ciudad-nombre{font-size:14px}.viaje-ciudad-label{font-size:10px}.viaje-arrow-icon{width:24px;height:24px;padding:3px}.viaje-card-meta{gap:8px;padding:8px 0;font-size:11px}.viaje-meta-placa{width:100%;margin-left:0}.viaje-card-footer{flex-direction:column;align-items:stretch;gap:12px}.viaje-btn-seleccionar{justify-content:center;width:100%}.viaje-precio{font-size:18px}.viaje-card-alert{padding:3px 8px;font-size:11px;top:8px;right:8px}}.busmap-wrapper{flex-direction:column;align-items:center;gap:20px;display:flex}.busmap-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.busmap-stat{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.busmap-stat-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.dot-disponible{background:var(--seat-available);box-shadow:0 0 6px var(--seat-available)}.dot-ocupado{background:var(--seat-occupied);box-shadow:0 0 6px var(--seat-occupied)}.dot-seleccionado{background:var(--seat-selected);box-shadow:0 0 6px var(--seat-selected)}.bus-figure{background:var(--surface);border:2px solid var(--border);width:340px;box-shadow:var(--shadow-lg), 0 0 40px #1246730f;border-radius:40px 40px 24px 24px;padding:0;position:relative;overflow:hidden}.bus-cab{border-bottom:2px solid var(--border);background:linear-gradient(#124673 0%,#0e3659 100%);border-radius:38px 38px 0 0;flex-direction:column;align-items:center;gap:10px;padding:16px 24px 14px;display:flex;position:relative}.bus-windshield{background:linear-gradient(#2976a64d,#2976a61a);border:1.5px solid #2976a680;border-radius:14px 14px 6px 6px;width:200px;height:60px;position:relative}.bus-windshield:after{content:"";background:#ffffff40;border-radius:2px;width:30%;height:4px;position:absolute;top:8px;left:12px}.bus-driver{flex-direction:column;align-items:center;gap:4px;display:flex}.bus-driver-seat{background:#ffffff26;border:1.5px solid #fff3;border-radius:10px 10px 6px 6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.bus-driver-label{text-transform:uppercase;letter-spacing:.8px;color:#fff9;font-size:10px;font-weight:600}.bus-door-indicator{opacity:.6;color:#fffffff8;pointer-events:none;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bus-divider{background:var(--surface-2);border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);text-align:center;padding:5px 0}.bus-divider span{text-transform:uppercase;letter-spacing:2px;color:var(--text-faint);font-size:9px;font-weight:700}.bus-seats{background:var(--surface);flex-direction:column;gap:6px;padding:12px 20px 16px;display:flex}.bus-cols-header{grid-template-columns:28px 28px 20px 28px 28px;gap:4px;padding:0 0 4px 28px;display:grid}.bus-cols-header span{text-align:center;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.col-pasillo{width:20px}.bus-row{align-items:center;gap:4px;display:flex}.bus-row-num{width:20px;color:var(--text-faint);text-align:right;flex-shrink:0;margin-right:4px;font-size:10px;font-weight:600}.bus-aisle{flex-shrink:0;width:20px}.asiento{cursor:pointer;border:1.5px solid #0000;border-radius:8px 8px 5px 5px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-family:inherit;transition:all .18s;display:flex;position:relative}.asiento-num{font-size:11px;font-weight:700;line-height:1}.asiento-dot{background:var(--seat-selected);border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px}.asiento-disponible{background:var(--seat-available-bg);color:var(--seat-available);border-color:#16a34a66}.asiento-disponible:hover{background:var(--seat-available);color:#fff;border-color:var(--seat-available);z-index:2;transform:scale(1.12);box-shadow:0 0 14px #16a34a80}.asiento-disponible:hover .asiento-num{font-weight:800}.asiento-ocupado{background:var(--seat-occupied-bg);color:#dc262680;cursor:not-allowed;opacity:.7;border-color:#dc26264d}.asiento-seleccionado{background:var(--seat-selected-bg);border-color:var(--seat-selected);color:var(--seat-selected);animation:2s infinite glowPulse;box-shadow:0 0 16px #d9770666}.asiento-placeholder{background:var(--surface-2);border-color:var(--border);color:var(--text-faint);opacity:.4;cursor:default}.bus-back{background:var(--surface-2);border-top:2px solid var(--border);text-align:center;border-radius:0 0 22px 22px;padding:8px 0}.bus-back span{text-transform:uppercase;letter-spacing:2px;color:var(--text-faint);font-size:9px;font-weight:700}.busmap-legend{max-width:340px;color:var(--text-muted);text-align:center;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.busmap-legend svg{color:var(--text-faint);flex-shrink:0;margin-top:2px}.legend-available{color:var(--seat-available);font-weight:600}.legend-occupied{color:var(--seat-occupied);font-weight:600}.busmap-max-banner{border-radius:var(--radius-sm);color:var(--seat-selected);text-align:left;background:#d977061a;border:1px solid #d9770659;align-items:center;gap:8px;max-width:340px;padding:8px 14px;font-size:12px;font-weight:500;line-height:1.4;animation:.25s fadeIn;display:flex}.busmap-max-banner svg{flex-shrink:0}.asiento-bloqueado{opacity:.35;cursor:not-allowed}.asiento-bloqueado:hover{background:var(--seat-available-bg)!important;box-shadow:none!important;color:var(--seat-available)!important;border-color:#16a34a66!important;transform:none!important}@media (width<=768px){.busmap-stats{gap:16px}.busmap-stat{font-size:12px}.bus-figure{width:310px}.busmap-legend,.busmap-max-banner{max-width:310px;font-size:11px}}@media (width<=400px){.bus-figure{width:280px}.bus-cab{padding:12px 18px 10px}.bus-windshield{width:170px;height:50px}.bus-driver-seat{width:38px;height:38px}.asiento{border-radius:6px 6px 4px 4px;width:34px;height:34px}.asiento-num{font-size:9px}.bus-cols-header{grid-template-columns:22px 22px 16px 22px 22px;gap:3px;padding-left:22px}.bus-cols-header span{font-size:9px}.bus-row{gap:3px}.bus-row-num{width:18px;font-size:9px}.bus-aisle{width:16px}.bus-seats{padding:10px 14px 14px}.busmap-stats{gap:12px}.busmap-stat{gap:6px;font-size:11px}.busmap-stat-dot{width:10px;height:10px}.busmap-legend{max-width:280px;font-size:11px}.busmap-max-banner{max-width:280px;padding:6px 10px;font-size:11px}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0e365966;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg), 0 0 60px #12467314;flex-direction:column;gap:20px;padding:28px;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-heading);font-size:20px;font-weight:700}.modal-close-btn{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.modal-resumen{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:18px;display:flex}.modal-ruta{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-ciudad{flex-direction:column;flex:1;gap:2px;display:flex}.modal-ciudad-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:600}.modal-ciudad-nombre{color:var(--text-heading);font-size:17px;font-weight:700}.modal-ruta-arrow{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:20px;font-weight:800}.modal-details{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.modal-detail-item{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.modal-detail-item svg{color:var(--text-faint);flex-shrink:0}.modal-precio{color:var(--success);font-size:16px;font-weight:700}.modal-precio-desglose{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.modal-precio-fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-precio-fila--sub{color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:6px;font-size:13px}.modal-precio-label{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.modal-precio-label svg{color:var(--text-faint)}.modal-precio-total{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.modal-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:italic;overflow:hidden}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.spin-anim{animation:.8s linear infinite spin}.modal-exito{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.modal-exito-icon{color:var(--success);filter:drop-shadow(0 0 20px #16a34a80);animation:.6s pulse}.modal-exito-title{color:var(--text-heading);font-size:24px;font-weight:800}.modal-exito-msg{color:var(--text-muted);max-width:320px;font-size:15px;line-height:1.6}.modal-exito-badge{background:var(--gradient-soft);color:var(--primary);border:1px solid #12467326;border-radius:100px;padding:8px 20px;font-size:16px;font-weight:600}@media (width<=768px){.modal-box{border-radius:var(--radius-lg);max-width:420px;padding:22px 18px}.modal-title{font-size:18px}.modal-ciudad-nombre{font-size:15px}}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:12px}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;padding:20px 14px}.modal-title{font-size:17px}.modal-resumen{padding:14px}.modal-ciudad-nombre{font-size:14px}.modal-detail-item{font-size:13px}.modal-actions{flex-direction:column}.modal-actions .btn{justify-content:center;width:100%}.modal-exito-title{font-size:20px}.modal-exito-msg{font-size:14px}.modal-precio-total{font-size:18px}}.auth-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-box{background:var(--surface-elevated,#1a1a2e);border:1px solid #8b5cf640;border-radius:20px;width:100%;max-width:420px;padding:2rem;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #8b5cf61a}.auth-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.auth-close-btn:hover{color:var(--text-primary,#f1f5f9);background:#ffffff1f}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-icon-wrap{color:#a78bfa;background:linear-gradient(135deg,#8b5cf640,#3b82f626);border:1px solid #8b5cf64d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex}.auth-title{color:var(--text-primary,#f1f5f9);margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.auth-subtitle{color:var(--text-muted,#94a3b8);margin:0;font-size:.82rem}.auth-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:3px;margin-bottom:1.5rem;padding:3px;display:flex}.auth-tab{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.auth-tab:hover{color:var(--text-primary,#f1f5f9);background:#ffffff0f}.auth-tab.active{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf64d,#3b82f633);box-shadow:0 2px 8px #8b5cf633}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-label{color:var(--text-muted,#94a3b8);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.auth-input-wrap{position:relative}.auth-input{width:100%;color:var(--text-primary,#f1f5f9);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#8b5cf699;outline:none;box-shadow:0 0 0 3px #8b5cf626}.auth-input::placeholder{color:#94a3b880}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input-wrap .auth-input{padding-right:2.5rem}.auth-eye-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.2rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.auth-eye-btn:hover{color:var(--text-primary,#f1f5f9)}.auth-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;margin:0;padding:.6rem .8rem;font-size:.82rem}.auth-submit-btn{justify-content:center;width:100%;margin-top:.25rem}.auth-success{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.auth-success-icon{color:#4ade80;background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.25rem;display:flex}.auth-success h3{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.1rem;font-weight:700}.auth-success p{color:var(--text-muted,#94a3b8);margin:0;font-size:.85rem;line-height:1.5}.auth-success .btn{margin-top:.5rem}@media (width<=768px){.auth-box{max-width:380px;padding:1.5rem}.auth-title{font-size:1.15rem}}@media (width<=480px){.auth-overlay{align-items:flex-end;padding:0}.auth-box{border-radius:20px 20px 0 0;max-width:100%;padding:1.5rem 1.25rem}.auth-title{font-size:1.1rem}.auth-subtitle{font-size:.78rem}.auth-input{padding:.6rem .8rem;font-size:.85rem}.auth-tab{padding:.45rem;font-size:.75rem}.auth-icon-wrap{border-radius:12px;width:46px;height:46px}}.viajes-container{flex-direction:column;width:100%;min-height:calc(100vh - 68px);display:flex}.viajes-loading{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:60px 20px;font-size:15px;font-weight:500;display:flex}.loading-spin{color:var(--primary);animation:1s linear infinite spin}.viajes-lista-wrapper{flex-direction:column;gap:24px;width:100%;max-width:760px;margin:0 auto;padding:32px 0;display:flex}.viajes-lista-header{align-items:flex-start;gap:16px;display:flex}.btn-back{flex-shrink:0;padding:8px 16px;font-size:13px}.viajes-lista-titulo h2{letter-spacing:-.5px;font-size:24px;font-weight:800}.viajes-arrow{color:var(--text-muted);font-weight:300}.viajes-lista-sub{color:var(--text-muted);text-transform:capitalize;margin-top:4px;font-size:13px}.viajes-lista{flex-direction:column;gap:16px;display:flex}.viajes-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.viajes-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.viajes-empty svg{color:var(--text-faint);opacity:.5}.viajes-empty h3{color:var(--text-heading);font-size:20px;font-weight:700}.viajes-empty p{max-width:360px;font-size:14px;line-height:1.6}.asientos-wrapper{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:32px 0;display:flex}.asientos-header{align-items:center;gap:16px;display:flex}.asientos-titulo h2{font-size:22px;font-weight:800}.asientos-ruta-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.asientos-max-hint{color:var(--text-faint);font-size:12px}.asientos-layout{grid-template-columns:auto 1fr;align-items:start;gap:32px;display:grid}.asientos-info-panel{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.asientos-viaje-card{flex-direction:column;gap:12px;display:flex}.asientos-panel-title{color:var(--text-heading);margin-bottom:4px;font-size:16px;font-weight:700}.asientos-panel-detail{justify-content:space-between;align-items:center;font-size:14px;display:flex}.asientos-panel-detail code{background:var(--surface-3);color:var(--text);border-radius:4px;padding:2px 8px;font-size:12px}.asientos-detail-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:12px;font-weight:600}.asientos-panel-precio{justify-content:space-between;align-items:center;display:flex}.asientos-precio-valor{color:var(--success);font-size:20px;font-weight:800}.asientos-btn-reservar{justify-content:center;width:100%;padding:14px;font-size:15px}.asientos-seleccionados-list{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.asiento-chip{background:var(--seat-selected-bg);border:1px solid var(--seat-selected);color:var(--seat-selected);border-radius:100px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.4}.asientos-panel-total{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;padding:10px 12px}.asientos-precio-total{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.asientos-hint{text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:12px;font-size:13px}@media (width<=768px){.viajes-container{min-height:calc(100vh - 56px)}.asientos-layout{grid-template-columns:1fr;justify-items:center;gap:20px}.asientos-info-panel{order:2;width:100%;max-width:340px;position:static}.viajes-lista-wrapper{gap:20px;padding:20px 0}.viajes-lista-header{flex-direction:column;gap:12px}.viajes-lista-titulo h2{font-size:20px}.asientos-wrapper{gap:20px;padding:20px 0}.asientos-header{flex-direction:column;align-items:flex-start;gap:10px}.asientos-titulo h2{font-size:20px}.viajes-empty{padding:40px 16px}.viajes-empty h3{font-size:18px}}@media (width<=400px){.viajes-lista-titulo h2{letter-spacing:-.3px;font-size:17px}.viajes-lista-sub{font-size:12px}.asientos-titulo h2{font-size:18px}.asientos-ruta-sub{font-size:12px}.asientos-max-hint{font-size:11px}.asientos-info-panel{max-width:100%}.asientos-panel-title{font-size:14px}.asientos-panel-detail{font-size:13px}.asientos-precio-valor{font-size:18px}.asientos-precio-total{font-size:20px}.asientos-btn-reservar{padding:12px;font-size:14px}.asientos-hint{padding:10px;font-size:12px}.viajes-empty{gap:12px;padding:32px 12px}.viajes-empty h3{font-size:16px}.viajes-empty p{font-size:13px}.btn-back{padding:6px 12px;font-size:12px}}.chatbot-fab{background:var(--gradient);color:#fff;cursor:pointer;width:58px;height:58px;box-shadow:0 4px 24px var(--primary-glow), 0 8px 40px #0000001f;z-index:500;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s,box-shadow .25s;animation:3s infinite fab-bounce;display:flex;position:fixed;bottom:28px;right:28px}.chatbot-fab:hover{box-shadow:0 6px 32px var(--primary-glow), 0 12px 48px #00000026;animation:none;transform:scale(1.1)}@keyframes fab-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chatbot-fab-badge{background:var(--success);color:#fff;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-2px;right:-2px}.chatbot-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:380px;max-height:580px;box-shadow:var(--shadow-lg), 0 0 60px #12467314;z-index:500;flex-direction:column;display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden}.chatbot-header{background:var(--gradient);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.chatbot-status-dot{background:var(--success);border:2px solid #124673cc;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chatbot-title{color:#fff;margin:0;font-size:14px;font-weight:700}.chatbot-subtitle{color:#fffc;align-items:center;gap:2px;margin:0;font-size:11px;display:flex}.chatbot-close-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,transform .2s;display:flex}.chatbot-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.chatbot-typing-label{align-items:baseline;gap:1px;display:inline-flex}.chatbot-typing-dots span{font-weight:700;animation:1.4s infinite header-dots}.chatbot-typing-dots span:nth-child(2){animation-delay:.2s}.chatbot-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes header-dots{0%,60%,to{opacity:.3}30%{opacity:1}}.chatbot-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chatbot-body::-webkit-scrollbar{width:4px}.chatbot-body::-webkit-scrollbar-track{background:0 0}.chatbot-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chatbot-message{align-items:flex-end;gap:8px;max-width:92%;display:flex}.chatbot-message-bot{align-self:flex-start}.chatbot-message-user{flex-direction:row-reverse;align-self:flex-end}.chatbot-msg-avatar{background:var(--gradient-soft);width:26px;height:26px;color:var(--primary);border:1px solid #1246731f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatbot-msg-bubble{word-break:break-word;white-space:pre-line;padding:10px 14px;font-size:13px;line-height:1.65}.chatbot-message-bot .chatbot-msg-bubble{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px 14px 14px}.chatbot-message-user .chatbot-msg-bubble{background:var(--gradient);color:#fff;border:none;border-radius:14px 4px 14px 14px}.chatbot-msg-bubble p{margin:0}.chatbot-msg-bubble strong{font-weight:600}.chatbot-message-user .chatbot-msg-bubble strong{color:#fffffff2}.chatbot-typing-bubble{align-items:center;gap:5px;min-height:20px;display:flex;padding:14px 20px!important}.typing-dot{background:var(--primary-light);opacity:.7;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-8px)scale(1.1)}}.chatbot-suggestions{flex-wrap:wrap;gap:8px;padding:4px 0 4px 34px;display:flex}.chatbot-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:100px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .25s}.chatbot-chip:hover{background:var(--gradient-soft);border-color:var(--primary-light);color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}.chatbot-chip:active{transform:translateY(0)}.chatbot-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.chatbot-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.chatbot-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}.chatbot-input:disabled{opacity:.6}.chatbot-input::placeholder{color:var(--text-faint)}.chatbot-send-btn{border-radius:var(--radius-md);background:var(--gradient);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex}.chatbot-send-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--primary-glow);transform:scale(1.05)}.chatbot-send-btn:active:not(:disabled){transform:scale(.95)}.chatbot-send-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-msg-in{animation:.3s forwards msg-in}@media (width<=480px){.chatbot-panel{border-radius:0;width:100%;max-height:100dvh;bottom:0;left:0;right:0}.chatbot-fab{width:52px;height:52px;bottom:16px;right:16px}.chatbot-suggestions{padding-left:0}}.app-layout{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#1246730a 0%,#0000 50%),radial-gradient(at 80% 100%,#2976a60a 0%,#0000 50%);position:fixed;inset:0}.app-main{z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px 40px;position:relative}@media (width<=768px){.app-main{max-width:100%;padding:16px 12px 80px}}@media (width<=400px){.app-main{padding:12px 8px 80px}}