@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #000000;--secondary: #F3F4F6;--accent: #2563EB;--success: #10B981;--danger: #EF4444;--text-main: #111827;--text-dim: #6B7280;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .05);--shadow-strong: 0 -10px 40px rgba(0, 0, 0, .1);--radius-panel: 24px;--radius-btn: 14px}body{font-family:Inter,sans-serif;margin:0;background-color:#fafafa;color:var(--text-main);-webkit-font-smoothing:antialiased}.mapa-container{position:relative;width:100%;height:100vh;overflow:hidden;background:#f0f0f0}.top-bar{position:absolute;top:50px;left:20px;right:20px;z-index:100;display:flex;justify-content:space-between;pointer-events:none}.btn-icon{pointer-events:auto;width:45px;height:45px;background:#fff;border-radius:50%;box-shadow:var(--shadow-soft);border:none;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;transition:transform .1s}.btn-icon:active{transform:scale(.95)}.panel-flotante{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-panel) var(--radius-panel) 0 0;padding:24px 24px 40px;box-shadow:var(--shadow-strong);z-index:1000;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drag-handle{width:40px;height:5px;background:#e5e7eb;border-radius:10px;margin:0 auto 20px}.panel-titulo{font-size:22px;font-weight:800;margin:0 0 20px}.route-inputs{position:relative;display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.connector-line{position:absolute;left:18px;top:24px;bottom:24px;width:2px;background:#e5e7eb;z-index:0}.input-box{position:relative;z-index:1;background:var(--secondary);border-radius:12px;padding:16px 16px 16px 50px;display:flex;align-items:center;transition:background .2s}.input-box:focus-within{background:#eff6ff;box-shadow:inset 0 0 0 2px var(--accent)}.dot-indicator{position:absolute;left:15px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #fff;background:#000}.dot-indicator.square{background:#000;border-radius:0}.input-text{border:none;background:transparent;width:100%;font-size:16px;font-weight:500;color:var(--text-main);outline:none}.input-text::placeholder{color:var(--text-dim)}.btn-cta{background:var(--primary);color:#fff;width:100%;padding:18px;border:none;border-radius:var(--radius-btn);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #00000026;transition:transform .1s;display:flex;justify-content:center;align-items:center;gap:12px}.btn-cta:active{transform:scale(.97)}.radar-view{position:absolute;inset:0;background:#fff;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center}.ripple-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.ripple{position:absolute;border:4px solid var(--secondary);border-radius:50%;opacity:0;animation:rippleEffect 2s infinite ease-out}.ripple:nth-child(1){width:100%;height:100%;animation-delay:0s}.ripple:nth-child(2){width:150%;height:150%;animation-delay:.6s}.ripple:nth-child(3){width:200%;height:200%;animation-delay:1.2s}@keyframes rippleEffect{0%{transform:scale(.5);opacity:1;border-color:#e5e7eb}to{transform:scale(1.5);opacity:0;border-color:#fff}}.searching-text{font-size:24px;font-weight:700;margin-bottom:20px}.btn-cancel-search{background:#fff;border:2px solid #E5E7EB;padding:12px 40px;border-radius:30px;font-weight:600;color:var(--text-main)}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s}.modal-content{background:#fff;width:100%;max-width:320px;border-radius:28px;padding:30px;text-align:center;box-shadow:0 20px 60px #0003;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.modal-icon-top{font-size:48px;margin-bottom:15px}.modal-actions{display:flex;gap:12px;margin-top:25px}.btn-modal{flex:1;padding:14px;border-radius:14px;border:none;font-weight:700;font-size:15px;cursor:pointer}.btn-secondary{background:var(--secondary);color:var(--text-main)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-dark{background:#000;color:#fff}.driver-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.driver-avatar{width:64px;height:64px;background:#e5e7eb;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:28px;position:relative}.status-dot{position:absolute;bottom:0;right:0;width:18px;height:18px;background:var(--success);border:3px solid white;border-radius:50%}.driver-info h3{margin:0;font-size:20px;font-weight:700}.driver-info p{margin:4px 0 0;color:var(--text-dim);font-size:14px}.vehicle-plate{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-family:monospace;font-weight:700;color:#374151}.driver-actions{display:flex;gap:12px}.btn-call{background:var(--success);color:#fff;flex:1;display:flex;justify-content:center;align-items:center;gap:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--secondary);padding:20px}.login-card{background:#fff;width:100%;max-width:380px;padding:40px 30px;border-radius:32px;box-shadow:var(--shadow-strong);text-align:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.logo{font-size:60px;margin-bottom:10px;display:inline-block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.login-card h2{font-size:28px;font-weight:800;margin-bottom:30px;color:var(--text-main)}.input-group{text-align:left;margin-bottom:20px}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-main)}.input-group input{width:100%;padding:16px;border-radius:12px;border:1px solid transparent;background:#f3f4f6;font-size:16px;font-weight:500;outline:none;transition:all .2s;box-sizing:border-box}.input-group input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px #0000000d}.btn-primary{background:#000;color:#fff;width:100%;padding:18px;border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:800;cursor:pointer;margin-top:10px;box-shadow:0 10px 20px #0003;transition:transform .1s}.btn-primary:active{transform:scale(.97)}.footer-text{margin-top:25px;color:var(--text-dim);font-size:14px}.link{color:#000;font-weight:800;cursor:pointer;text-decoration:underline}.ojo-password{position:absolute;right:15px;top:42px;background:none;border:none;color:var(--text-dim);cursor:pointer}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.chechena{animation:shake .4s ease-in-out;border:2px solid var(--danger)!important}.driver-layout{min-height:100vh;background:#f9fafb;padding:80px 20px 20px}.driver-header{position:fixed;top:0;left:0;right:0;height:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:900;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid rgba(0,0,0,.05)}.driver-welcome{font-size:16px;font-weight:800;color:var(--text-main);background:#f3f4f6;padding:8px 12px;border-radius:20px}.availability-toggle{display:flex;align-items:center;gap:12px}.ios-switch{position:relative;width:50px;height:30px;-webkit-appearance:none;background:#e5e7eb;border-radius:20px;outline:none;transition:.3s;cursor:pointer}.ios-switch:checked{background:var(--success)}.ios-switch:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;transition:.3s}.ios-switch:checked:after{transform:translate(20px)}.status-text{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-text.online{color:var(--success)}.status-text.offline{color:var(--text-dim)}.requests-feed{display:flex;flex-direction:column;gap:16px;margin-top:10px}.section-title{font-size:14px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;border-left:3px solid black;padding-left:10px}.request-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:transform .2s;border:1px solid rgba(0,0,0,.02)}.request-card:active{transform:scale(.98)}.distance-badge{position:absolute;top:16px;right:16px;background:#eff6ff;color:var(--accent);font-size:11px;font-weight:800;padding:6px 12px;border-radius:20px}.mini-timeline{display:flex;flex-direction:column;gap:12px;margin:15px 0 20px;border-left:2px solid #F3F4F6;padding-left:20px;position:relative}.mini-point{position:relative}.mini-point:before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb}.mini-point.pickup:before{background:#000;box-shadow:0 0 0 2px #000}.mini-point.dropoff:before{background:var(--text-dim);border-radius:0}.addr-label{font-size:10px;font-weight:800;color:var(--text-dim);margin-bottom:2px}.addr-text{font-size:15px;font-weight:600;color:var(--text-main)}.price-tag{font-size:26px;font-weight:800;color:var(--text-main);letter-spacing:-1px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:1px solid #F3F4F6;padding-top:15px}.btn-accept{background:#000;color:#fff;padding:12px 30px;border-radius:12px;font-weight:700;border:none;font-size:15px;cursor:pointer;box-shadow:0 5px 15px #0003}.active-trip-mode{background:#fff;min-height:85vh;border-radius:30px;padding:30px;box-shadow:var(--shadow-strong);display:flex;flex-direction:column}.trip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.trip-badge{background:#ecfdf5;color:#059669;padding:6px 12px;border-radius:8px;font-weight:700;font-size:12px}.passenger-block{display:flex;align-items:center;gap:15px;margin-bottom:30px}.passenger-avatar{width:50px;height:50px;background:#f3f4f6;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center}.btn-phone-circle{width:45px;height:45px;background:var(--success);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:20px;box-shadow:0 4px 10px #10b9814d}.navigation-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.btn-nav-primary{background:#2563eb;color:#fff;padding:16px;border-radius:16px;text-align:center;font-weight:700;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:10px}.btn-nav-secondary{background:#f3f4f6;color:var(--text-main);padding:16px;border-radius:16px;text-align:center;font-weight:700;text-decoration:none}.btn-trip-finish{background:#000;color:#fff;padding:18px;border-radius:16px;border:none;font-weight:800;font-size:18px;margin-top:15px;cursor:pointer}.empty-radar{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;color:var(--text-dim)}.radar-circle{width:80px;height:80px;border:4px solid #E5E7EB;border-radius:50%;border-top-color:#000;animation:spin 1s infinite linear;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.driver-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:25px;box-shadow:0 -10px 30px #00000014;z-index:100;animation:slideUp .3s ease-out}.passenger-info{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.passenger-avatar-circle{width:50px;height:50px;background:#f0f2f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.passenger-details h3{margin:0;font-size:18px;font-weight:700;color:#1c1c1e}.passenger-details p{margin:2px 0 0;font-size:14px;color:#8e8e93}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.btn-navigate{background:#007aff;color:#fff;border:none;padding:15px;border-radius:12px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .1s}.btn-navigate:active{transform:scale(.98)}.btn-finish-trip{background:#ff3b30;color:#fff;border:none;padding:15px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.btn-call-circle{width:50px;height:50px;border-radius:50%;background:#34c759;border:none;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #34c7594d}.timeline-vertical{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;position:relative;padding-left:20px}.timeline-line{position:absolute;left:7px;top:10px;bottom:25px;width:2px;background:#e0e0e0}.timeline-item{display:flex;flex-direction:column}.timeline-label{font-size:11px;color:#8e8e93;font-weight:600;margin-bottom:2px}.timeline-address{font-size:15px;color:#1c1c1e;font-weight:500}.timeline-dot{position:absolute;left:0;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 4px #0000001a}.dot-pickup{background:#34c759;top:2px}.dot-dropoff{background:#ff3b30;bottom:20px}