/* Sobre Ruedas v2.9.0 — identidad visual unificada */
:root{
  --sr-teal:#00b894;--sr-teal-2:#18d7b4;--sr-blue:#1677ff;--sr-navy:#07111d;
  --sr-bg:#f5f8fb;--sr-card:#ffffff;--sr-text:#122033;--sr-muted:#728096;--sr-line:#e4eaf0;
  --sr-shadow:0 18px 48px rgba(18,32,51,.14)
}
body{background:var(--sr-bg)}
.app{background:var(--sr-bg)}
.logo{background:linear-gradient(145deg,var(--sr-teal-2),var(--sr-teal));color:#07111d}
.brand{border:1px solid rgba(255,255,255,.7)}
.brand small{color:#64748b}
.primary,.accept,.hero button{background:linear-gradient(135deg,var(--sr-teal-2),var(--sr-teal))!important;color:#061018!important;box-shadow:0 12px 28px rgba(0,184,148,.27)!important}
.dot{background:var(--sr-teal);box-shadow:0 0 0 4px rgba(0,184,148,.18)}
.vehicle.active{border-color:var(--sr-teal);box-shadow:0 0 0 3px rgba(0,184,148,.14)}
.progress div{background:linear-gradient(90deg,var(--sr-teal),var(--sr-blue))}
.badge{background:#e8fbf6;color:#08765f}

/* Apertura animada */
#srSplash290{position:fixed;z-index:99999;inset:0;background:radial-gradient(circle at 50% 15%,#112437 0,#07111d 48%,#02070c 100%);display:grid;place-items:center;overflow:hidden;color:white;transition:opacity .45s ease,visibility .45s ease}
#srSplash290.hide{opacity:0;visibility:hidden}
.sr-splash-map{position:absolute;inset:-10%;opacity:.16;background-image:linear-gradient(30deg,transparent 46%,#19e4bc 47%,transparent 49%),linear-gradient(120deg,transparent 47%,#1677ff 48%,transparent 50%);background-size:120px 120px;transform:rotate(-8deg) scale(1.2)}
.sr-splash-core{position:relative;z-index:3;text-align:center;padding:24px;width:min(88vw,420px)}
.sr-splash-logo{width:112px;height:112px;border-radius:31px;margin:0 auto 20px;background:linear-gradient(145deg,#25e5bd,#00a982);display:grid;place-items:center;color:#061018;font:1000 68px/1 system-ui;box-shadow:0 0 0 10px rgba(25,228,188,.08),0 22px 60px rgba(0,184,148,.42);animation:srLogoIn .75s cubic-bezier(.2,.8,.2,1) both}
.sr-splash-title{font-weight:1000;font-size:34px;letter-spacing:-.04em}.sr-splash-title span{color:#22d6b0}.sr-splash-sub{margin-top:7px;color:#a7b6c8;font-size:13px;letter-spacing:.28em;text-transform:uppercase}
.sr-road{position:relative;height:150px;margin-top:24px;overflow:hidden}
.sr-road-line{position:absolute;left:-34%;width:55%;height:5px;border-radius:99px;background:linear-gradient(90deg,transparent,#21e4bd,#1f8fff,transparent);filter:drop-shadow(0 0 9px #19d9b4);animation:srRoad 1.55s linear infinite}
.sr-road-line:nth-child(1){top:23px}.sr-road-line:nth-child(2){top:54px;animation-delay:.2s}.sr-road-line:nth-child(3){top:87px;animation-delay:.4s}.sr-road-line:nth-child(4){top:120px;animation-delay:.6s}
.sr-splash-loading{font-size:11px;letter-spacing:.22em;color:#8ea0b4;text-transform:uppercase;margin-top:-2px}
@keyframes srRoad{0%{transform:translateX(0) skewX(-16deg)}100%{transform:translateX(250%) skewX(-16deg)}}
@keyframes srLogoIn{0%{opacity:0;transform:scale(.55) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.sr-road-line,.sr-splash-logo{animation:none}}

/* Barra inferior fija y segura */
@media(max-width:819px){
  .app .nav{position:fixed!important;left:50%!important;transform:translateX(-50%);right:auto!important;bottom:0!important;width:min(100%,520px)!important;margin:0!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);border-top:1px solid var(--sr-line)!important;box-shadow:0 -12px 35px rgba(18,32,51,.10);z-index:1800!important}
  .app .nav button{color:#8190a4!important}.app .nav .active{color:var(--sr-teal)!important}
  .app .sheet{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .app .sheet-content{padding-bottom:18px!important}
}

/* Perfil pasajero/conductor */
#accountPanel.sr-profile-290{padding-top:4px}
.sr-profile-head{background:linear-gradient(145deg,#fff,#f7fbfd);border:1px solid var(--sr-line);border-radius:25px;padding:18px;box-shadow:var(--sr-shadow);margin:10px 0 14px}
.sr-profile-user{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center}.sr-profile-photo{width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#dffaf4,#bcf2e6);border:4px solid #fff;box-shadow:0 0 0 3px rgba(0,184,148,.28);overflow:hidden;display:grid;place-items:center;font-size:38px}.sr-profile-photo img{width:100%;height:100%;object-fit:cover}
.sr-profile-user h2{font-size:25px}.sr-verified{display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding:5px 9px;border-radius:999px;background:#e8fbf6;color:#08765f;font-size:11px;font-weight:900}.sr-edit{border:1px solid #cfe0e6;background:#fff;color:#08765f;border-radius:13px;padding:9px 11px;font-weight:900}
.sr-profile-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;padding-top:14px;border-top:1px solid var(--sr-line);font-size:12px;color:#526276}.sr-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.sr-stat{background:#f4faf9;border:1px solid #dff1ed;border-radius:16px;text-align:center;padding:12px 7px}.sr-stat strong{display:block;font-size:21px;color:#102033}.sr-stat small{color:#738196;font-size:9px}
.sr-profile-menu{background:#fff;border:1px solid var(--sr-line);border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(18,32,51,.08)}.sr-profile-menu button{width:100%;border:0;border-bottom:1px solid var(--sr-line);background:#fff;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 15px;text-align:left;color:#142236}.sr-profile-menu button:last-child{border-bottom:0}.sr-profile-menu .ico{width:38px;height:38px;border-radius:12px;background:#e9fbf6;color:#008d72;display:grid;place-items:center;font-size:18px}.sr-profile-menu strong{display:block;font-size:13px}.sr-profile-menu small{display:block;color:#8491a3;font-size:10px;margin-top:2px}.sr-profile-menu .danger{color:#d43d4f}.sr-profile-menu .danger .ico{background:#fff0f2;color:#d43d4f}

/* Modo oscuro coherente */
body.theme-dark{--sr-bg:#07111d;--sr-card:#101b28;--sr-text:#f6fbff;--sr-muted:#9eb0c4;--sr-line:#263648;background:#07111d}
body.theme-dark .sr-profile-head,body.theme-dark .sr-profile-menu,body.theme-dark .sr-profile-menu button{background:#101b28;color:#f6fbff;border-color:#263648}body.theme-dark .sr-profile-head{background:linear-gradient(145deg,#132231,#0d1723)}body.theme-dark .sr-stat{background:#122932;border-color:#1f4a49}body.theme-dark .sr-stat strong{color:#fff}body.theme-dark .sr-edit{background:#132331;color:#35e0ba;border-color:#2e465b}
@media(max-width:430px){.sr-profile-user{grid-template-columns:70px 1fr}.sr-profile-photo{width:70px;height:70px}.sr-profile-user .sr-edit{grid-column:1/-1}.sr-profile-contact{grid-template-columns:1fr}.sr-profile-head{padding:15px}.sr-profile-user h2{font-size:22px}}

/* Admin centro de operaciones */
body.admin-v290{--ink:#132033;--bg:#f3f7fa;--card:#fff;--muted:#738196;--line:#e3eaf0}
body.admin-v290 .sidebar{background:linear-gradient(180deg,#07111d,#0e2032);box-shadow:16px 0 50px rgba(6,17,29,.22)}
body.admin-v290 .brandmark{background:linear-gradient(145deg,#22d7b2,#00a984);color:#061018}
body.admin-v290 .menu button.active{background:linear-gradient(135deg,rgba(0,184,148,.24),rgba(22,119,255,.15));color:#fff;border-left:3px solid #25e1bc}
body.admin-v290 .content{background:linear-gradient(180deg,#f7fafc,#eef4f7)}
body.admin-v290 .stat,body.admin-v290 .panel,body.admin-v290 .person{border-radius:20px;border:1px solid #e2eaf0;box-shadow:0 12px 34px rgba(18,32,51,.08)}
body.admin-v290 .stat strong{color:#122033}body.admin-v290 .panel-head{border-bottom:1px solid #e9eef2}
body.admin-v290 .primary,body.admin-v290 .approve{background:linear-gradient(135deg,#25d9b5,#00aa88)!important;color:#07111d!important}
.sr-wordmark{width:min(84%,360px);margin:0 auto;display:block;filter:drop-shadow(0 18px 38px #0008);animation:srLogoIn .75s cubic-bezier(.2,.8,.2,1) both}.sr-route-stage{height:220px;position:relative;margin-top:8px}.sr-route-stage svg{width:100%;height:100%}.sr-route-main,.sr-route-glow{fill:none;stroke-linecap:round;stroke-dasharray:760;stroke-dashoffset:760;animation:srDraw290 2.3s ease forwards}.sr-route-main{stroke:url(#srG);stroke-width:8;filter:drop-shadow(0 0 10px #25e5bd)}.sr-route-glow{stroke:#287cff;stroke-width:20;opacity:.15}.sr-moto-moving{position:absolute;width:72px;left:4%;bottom:10%;offset-path:path("M 0 170 C 115 75 180 200 275 105 S 395 110 490 10");offset-distance:0%;animation:srMoto290 2.3s ease forwards;filter:drop-shadow(0 8px 12px #0008)}.sr-progress{height:4px;background:#173040;border-radius:99px;overflow:hidden;margin-top:12px}.sr-progress i{display:block;height:100%;background:linear-gradient(90deg,#25e5bd,#287cff);transform:translateX(-100%);animation:srProgress290 2.3s ease forwards}@keyframes srDraw290{to{stroke-dashoffset:0}}@keyframes srMoto290{to{offset-distance:100%}}@keyframes srProgress290{to{transform:none}}
#srOnboarding290{position:fixed;z-index:99998;inset:0;background:linear-gradient(155deg,#03101a,#071b29);display:flex;align-items:flex-end;justify-content:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom));color:#fff;transition:.35s}#srOnboarding290.hide{opacity:0;pointer-events:none}.sr-onboard-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;border:1px solid #ffffff33;background:#ffffff12;color:#fff;padding:9px 14px;border-radius:999px}.sr-onboard-card{width:min(100%,460px);background:#0b2230;border:1px solid #ffffff16;border-radius:28px;padding:22px;box-shadow:0 28px 90px #0008}.sr-onboard-card>img{width:220px;display:block;margin:0 auto 16px}.sr-onboard-card h1{text-align:center;font-size:27px}.sr-onboard-card>p{text-align:center;color:#a9bcc9;margin:8px 0 19px}.sr-role-choice{width:100%;display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;text-align:left;padding:14px;margin-top:10px;border-radius:19px;background:#102b3b;color:#fff;border:1px solid #1b5164}.sr-role-choice.passenger{border-color:#25e5bd88}.sr-role-choice.driver{border-color:#287cff88}.sr-role-choice>span{width:54px;height:54px;border-radius:15px;background:#163949;display:grid;place-items:center;font-size:25px}.sr-role-choice strong{font-size:17px}.sr-role-choice small{display:block;color:#a8bbc6;margin-top:3px}.sr-onboard-card>a{display:block;text-align:center;color:#b5c7d1;text-decoration:none;margin-top:15px;font-size:13px}.sr-vehicle-card{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:12px;margin-top:12px;background:var(--sr-card);border:1px solid var(--sr-line);border-radius:20px}.sr-vehicle-image{width:112px;height:92px;border-radius:16px;background:#eaf2f5;overflow:hidden;display:grid;place-items:center;font-size:36px}.sr-vehicle-image img{width:100%;height:100%;object-fit:cover}.sr-vehicle-card h3{font-size:16px}.sr-vehicle-card p{color:var(--sr-muted);font-size:12px;margin:5px 0}.sr-vehicle-card strong,.sr-vehicle-card small{display:block}.sr-vehicle-card small{color:#08765f;margin-top:6px;font-weight:800}