.dashboard-hero{width:100%;height:240px;border-radius:24px;position:relative;overflow:hidden;margin-bottom:32px;background-color:#14352a;background-image:url(https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?auto=format&fit=crop&w=1200&h=630&q=80);background-size:cover;background-position:50%;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,53,42,.85),rgba(211,84,0,.6))}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px;color:white}.hero-content h1{font-family:Oswald,sans-serif;font-size:3rem;text-transform:uppercase;margin-bottom:8px;text-shadow:0 4px 12px rgba(0,0,0,.3);color:white}.hero-content p{font-size:1.1rem;font-weight:500;opacity:.9;max-width:600px;color:white;margin:0}.tab-navigation{display:flex;gap:12px;background:white;padding:8px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-bottom:32px;overflow-x:auto}.tab-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-weight:700;font-size:.95rem;color:#64748b;background:transparent;border:none;border-radius:12px;transition:all .3s ease;white-space:nowrap;cursor:pointer}.tab-btn:hover{background:#f8fafc;color:#0f172a}.tab-btn.active{background:#14352a;color:white;box-shadow:0 4px 12px rgba(20,53,42,.2)}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.map-controls{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.btn-toggle{flex:1 1;justify-content:center;padding:10px 20px;border-radius:50px;border:2px solid #e2e8f0;background:white;font-weight:700;color:#475569;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.btn-toggle:hover{border-color:#cbd5e1}.btn-toggle.active{border-color:#d35400;background:#d35400;color:white}.map-wrapper{width:100%;height:600px;border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative;border:4px solid white;background:#f1f5f9}.map-legend{position:absolute;bottom:24px;left:24px;z-index:2;padding:16px;min-width:200px}.glass-panel{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.05)}.current-weather-card{padding:32px;border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative;overflow:hidden}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.weather-header h2{font-size:1.8rem;font-weight:900;margin:0}.weather-badge{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 12px;border-radius:20px;font-weight:700;font-size:.8rem;text-transform:uppercase}.weather-main{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.weather-temp{display:flex;align-items:center;gap:24px}.temp-value{font-size:5rem;font-weight:900;line-height:1;letter-spacing:-2px}.weather-desc{display:flex;flex-direction:column;gap:4px}.weather-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:rgba(0,0,0,.1);padding:16px;border-radius:16px}.detail-item{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.weekly-forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.daily-card{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s}.daily-card:hover{transform:translateY(-5px)}.day-name{font-weight:800;font-size:1.1rem;color:#1e293b}.daily-temps{display:flex;gap:12px;font-weight:700;font-size:1.1rem}.temp-max{color:#dc2626}.temp-min{color:#0284c7}.precip-prob{font-size:.8rem;font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:4px;background:#eff6ff;padding:4px 8px;border-radius:12px}.routes-status-header{background:#14352a;padding:24px 32px;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.routes-status-header,.update-badge{border-radius:20px;display:flex;align-items:center}.update-badge{gap:8px;background:rgba(255,255,255,.1);color:white;padding:8px 16px;font-weight:600;font-size:.85rem}.section-title-sm{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;color:#14352a;margin-bottom:20px}.pasos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.paso-card{padding:24px;display:flex;flex-direction:column;gap:12px}.paso-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.paso-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:800;font-size:.8rem;text-transform:uppercase}.paso-details{display:flex;gap:8px}.paso-tag{background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:8px}.paso-obs{font-size:.85rem;color:#475569;margin:0;background:#f8fafc;padding:12px;border-radius:12px;border-left:3px solid #cbd5e1}.search-box{display:flex;align-items:center;gap:12px;background:white;padding:12px 20px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);width:100%;max-width:400px}.search-box input{border:none;outline:none;width:100%;font-size:.95rem;font-family:inherit}.routes-list{display:flex;flex-direction:column;gap:16px}.route-item{display:flex;padding:20px;gap:20px;align-items:center;transition:all .2s}.route-item:hover{transform:translateX(5px)}.route-number{min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:1.1rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.route-info{flex:1 1}.spinner{width:40px;height:40px;border:4px solid rgba(20,53,42,.1);border-left-color:#d35400;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.mapa-container{padding-top:40px;padding-bottom:60px}@media (max-width:768px){.mapa-container{padding-top:24px;padding-bottom:80px}.dashboard-hero{height:200px;margin-bottom:20px;border-radius:16px}.hero-content{padding:20px;justify-content:flex-end}.hero-content h1{font-size:2.2rem;line-height:1.1}.hero-content p{font-size:.95rem;line-height:1.3}.tab-navigation{flex-direction:column;padding:12px;gap:10px;margin-bottom:24px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.tab-btn{padding:16px;font-size:1.05rem;border-radius:12px;border:1px solid #cbd5e1;background:white}.tab-btn.active{border-color:#14352a;background:#14352a;color:white}.map-wrapper{height:400px;border-radius:16px}.map-legend{bottom:12px;left:12px;right:12px;min-width:auto;padding:12px}.current-weather-card{padding:20px;border-radius:16px}.weather-header h2{font-size:1.4rem}.weather-main{flex-direction:column;align-items:stretch;gap:16px}.weather-temp{justify-content:center}.temp-value{font-size:4rem}.weekly-forecast-grid{grid-template-columns:repeat(2,1fr);gap:12px}.routes-status-header{padding:20px;border-radius:16px;gap:12px}.section-title-sm{font-size:1.15rem}.pasos-grid{grid-template-columns:1fr;gap:16px}.route-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.route-number{width:100%;height:48px;min-width:auto;border-radius:12px}}.highlighted-route-card{border:2.5px solid #d35400!important;box-shadow:0 0 20px rgba(211,84,0,.45)!important;animation:pulseHighlight 2s ease-in-out infinite}@keyframes pulseHighlight{0%{box-shadow:0 0 15px rgba(211,84,0,.4)}50%{box-shadow:0 0 25px rgba(211,84,0,.8)}to{box-shadow:0 0 15px rgba(211,84,0,.4)}}