:root{--green:#2dd4bf;--green-dim:#0f9f8e;--amber:#f59e0b;--red:#ef4444;--blue:#2dd4bf;--teal:#2dd4bf;--orange:#f59e0b;--bg:#0f1b2d;--bg2:#162032;--bg3:#1e2d42;--bg4:#253450;--border:rgba(255,255,255,.06);--text:#f9fafb;--muted:#9ca3af;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Space Grotesk',sans-serif;background:#0f1b2d;color:#f9fafb;min-height:100vh;overflow-x:hidden;font-size:15px;-webkit-font-smoothing:antialiased;position:relative;}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 25% at 50% 0%,rgba(45,212,191,.04) 0%,transparent 55%);}
header{position:sticky;top:0;z-index:100;background:rgba(11,18,32,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between;overflow:visible;gap:8px;}
.logo{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.5px;white-space:nowrap;overflow:visible;flex-shrink:0;}.logo span{color:var(--green);}
.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.loc-pill{display:flex;align-items:center;gap:5px;background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:6px 12px;font-size:.72rem;color:#9ca3af;cursor:pointer;transition:all .18s;max-width:150px;overflow:hidden;flex:1 1 auto;}
.loc-pill:hover{border-color:rgba(45,212,191,.35);color:#f9fafb;}
.loc-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.loc-dot{width:7px;height:7px;border-radius:50%;background:#00e5aa;animation:pulse 2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.bell-btn{position:relative;width:34px;height:34px;border-radius:9px;background:#111827;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;min-width:34px;transition:border-color .18s;}
.bell-btn:hover{border-color:rgba(255,255,255,.18);}
.bell-btn svg{width:16px;height:16px;stroke:#6b7280;}
.bell-btn.has-alert svg{stroke:var(--amber);}
.bell-btn.push-on{border-color:rgba(255,255,255,.1);background:transparent;}
.bell-btn.push-on svg{stroke:#2dd4bf;}
#profileBtn{background:#111827;border:1px solid rgba(255,255,255,.07);display:flex!important;width:34px;height:34px;flex-shrink:0;min-width:34px;border-radius:9px;align-items:center;justify-content:center;cursor:pointer;}
#profileBtn svg{stroke:#6b7280;width:16px;height:16px;}
#profileBtn:hover{border-color:rgba(255,255,255,.18);}
.bell-badge{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--red);font-size:.55rem;font-weight:800;color:#fff;display:none;align-items:center;justify-content:center;border:2px solid var(--bg);}
.bell-badge.show{display:flex;}
main{max-width:480px;margin:0 auto;padding:0 0 88px;position:relative;z-index:1;}
.hero{padding:28px 16px 24px;background:none;border-bottom:1px solid var(--border);}
.hero-label{font-size:.62rem;text-transform:uppercase;letter-spacing:2.5px;color:var(--green);margin-bottom:12px;display:flex;align-items:center;gap:7px;font-weight:700;}
.hero-label-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(45,212,191,.2);display:inline-block;flex-shrink:0;}
.hero-title{font-family:'Syne',sans-serif;font-size:1.75rem;font-weight:800;line-height:1.1;margin:0 0 8px;letter-spacing:-.5px;}
.hero-title em{color:var(--green);font-style:normal;}
.hero-tagline{font-size:.82rem;color:var(--muted);margin-bottom:10px;line-height:1.6;max-width:340px;}

/* Badge ahorro */
.ahorro-badge{display:flex;align-items:center;gap:12px;margin:0 0 10px;background:#111827;border:1px solid rgba(45,212,191,.14);border-radius:16px;padding:14px 16px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:transform .18s;}
.ahorro-icon{font-size:1.5rem;flex-shrink:0;}
.ahorro-text{flex:1;min-width:0;}
.ahorro-text strong{display:block;font-size:.9rem;font-weight:700;color:var(--text);line-height:1.4;}
.ahorro-text span{font-size:.7rem;color:var(--muted);line-height:1.4;}
.ahorro-num{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:800;color:#2dd4bf;flex-shrink:0;letter-spacing:-.5px;}

/* Prueba social: 3 columnas con colores distintos */
.social-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;}
.soc-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:11px;transition:border-color .2s;}
.soc-item:hover{border-color:rgba(255,255,255,.15);}
.soc-num{font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;line-height:1;}
.soc-label{font-size:.6rem;color:var(--muted);text-align:center;line-height:1.4;font-weight:500;}
.soc-sep{display:none;}

/* Feature pills */
.feat-pills{display:flex;gap:7px;flex-wrap:wrap;}
.feat-pill{background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:.73rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;white-space:nowrap;}
.feat-pill:hover{border-color:var(--green);color:var(--green);background:rgba(45,212,191,.07);}
.alert-inbox{margin:0 14px 10px;display:flex;flex-direction:column;gap:7px;}
.alert-notif{border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:9px;animation:slideIn .4s ease both;}
@keyframes slideIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.alert-notif.down{background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.25);}
.alert-notif.up{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);}
.an-icon{font-size:1.1rem;flex-shrink:0;}.an-body{flex:1;min-width:0;}
.an-body strong{display:block;font-size:.8rem;}.an-body span{font-size:.7rem;color:var(--muted);}
.an-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:2px 4px;}
.an-delta{font-weight:700;font-size:.82rem;flex-shrink:0;}.an-delta.down{color:var(--green);}.an-delta.up{color:var(--red);}
.loc-prompt{margin:0 14px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px;display:none;align-items:center;gap:11px;}
.loc-prompt-icon{font-size:1.5rem;flex-shrink:0;}.loc-prompt-text{flex:1;}
.loc-prompt-text strong{display:block;font-size:.85rem;margin-bottom:2px;}
.loc-prompt-text span{font-size:.71rem;color:var(--muted);line-height:1.5;}
.btn-loc{background:#2dd4bf;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.77rem;font-weight:700;color:#0b1220;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.search-bar{margin:0 14px 16px;position:relative;}
.search-input{box-sizing:border-box;width:100%;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 130px 18px 52px;font-size:1rem;color:#f9fafb;font-family:inherit;outline:none;transition:all .2s;box-shadow:0 8px 32px rgba(0,0,0,.3);}
.search-input:focus{border-color:rgba(45,212,191,.45);box-shadow:0 0 0 3px rgba(45,212,191,.1),0 8px 32px rgba(0,0,0,.35);background:rgba(255,255,255,.05);}
.search-input::placeholder{color:rgba(255,255,255,.28);}
.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;width:19px;height:19px;color:rgba(255,255,255,.3);stroke:rgba(255,255,255,.3);}
.search-clear{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;display:none;}
.search-clear.show{display:block;}
.cat-tabs{display:flex;border-bottom:1px solid var(--border);}
.cat-tab{flex:1;padding:11px 4px;text-align:center;font-size:.77rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;border-left:none;border-right:none;border-top:none;background:none;font-family:inherit;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:4px;}
.cat-tab .ct-icon{font-size:1.1rem;}.cat-tab:hover:not(.active){color:var(--text);}
.cat-tab.active{color:#f9fafb;border-bottom-color:#2dd4bf;font-weight:700;}
.cat-tab.ev.active{border-bottom-color:var(--teal);color:var(--teal);}
.cat-tab.butano.active{border-bottom-color:var(--orange);color:var(--orange);}
.fuel-tabs{display:flex;gap:7px;padding:10px 14px;overflow-x:auto;scrollbar-width:none;}
.fuel-tabs::-webkit-scrollbar{display:none;}
.ftab{flex-shrink:0;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:transparent;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s;color:#9ca3af;font-family:inherit;}
.ftab.active{background:rgba(45,212,191,.1);border-color:rgba(45,212,191,.3);color:#2dd4bf;font-weight:600;}
.ftab:hover:not(.active){border-color:rgba(255,255,255,.15);color:#f9fafb;}
.map-container{margin:0 14px 12px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);height:38vh;min-height:200px;max-height:320px;position:relative;background:#111827;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:1;}
.leaflet-container{background:#111827!important;}
.leaflet-tile{filter:none;}
.gas-marker{background:transparent;border:none;}
@keyframes userPulse{0%{transform:scale(1);opacity:.8;}100%{transform:scale(2.5);opacity:0;}}
.gas-popup .leaflet-popup-content-wrapper{background:#1e252c;color:#f0f4f8;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);}
.gas-popup .leaflet-popup-tip{background:#1e252c;}
.gas-popup .leaflet-popup-content{margin:10px 14px;font-family:'Space Grotesk',sans-serif;}
.map-controls{position:absolute;top:8px;right:8px;z-index:1000;display:flex;flex-direction:column;gap:6px;}
.map-btn{background:rgba(13,18,32,.9);border:1px solid rgba(45,212,191,.4);color:#f0f4f8;border-radius:8px;padding:6px 8px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600;}
.map-legend{position:absolute;bottom:8px;left:8px;z-index:1000;background:rgba(13,18,32,.85);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 8px;display:flex;gap:8px;align-items:center;}
.map-legend span{font-size:10px;color:#f0f4f8;display:flex;align-items:center;gap:3px;}
.leg-dot{width:8px;height:8px;border-radius:50%;}
.map-bg{width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.04) 40px),#111827;position:relative;}
.road-h{position:absolute;height:5px;background:rgba(255,255,255,.07);border-radius:3px;}
.road-v{position:absolute;width:5px;background:rgba(255,255,255,.07);border-radius:3px;}
.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s;z-index:2;}
.map-pin:hover{transform:translate(-50%,-100%) scale(1.15);}
.pin-bubble{background:var(--bg2);border:2px solid var(--green);border-radius:7px;padding:2px 7px;font-size:.67rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 10px rgba(45,212,191,.3);}
.pin-bubble.a{border-color:var(--amber);box-shadow:0 2px 10px rgba(251,191,36,.3);}
.pin-bubble.r{border-color:var(--red);box-shadow:0 2px 10px rgba(248,113,113,.3);}
.pin-bubble.t{border-color:var(--teal);box-shadow:0 2px 10px rgba(34,211,238,.3);}
.pin-bubble.o{border-color:var(--orange);box-shadow:0 2px 10px rgba(251,146,60,.3);}
.pin-bubble.d{border-color:rgba(255,255,255,.14);}
.pin-tail{width:2px;height:7px;background:var(--green);}
.pin-tail.a{background:var(--amber);}.pin-tail.r{background:var(--red);}
.pin-tail.t{background:var(--teal);}.pin-tail.o{background:var(--orange);}.pin-tail.d{background:rgba(255,255,255,.18);}
.pin-dot{width:5px;height:5px;border-radius:50%;background:var(--green);}
.pin-dot.a{background:var(--amber);}.pin-dot.r{background:var(--red);}
.pin-dot.t{background:var(--teal);}.pin-dot.o{background:var(--orange);}.pin-dot.d{background:rgba(255,255,255,.18);}
.user-pin{position:absolute;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(45,212,191,.2),0 0 14px rgba(45,212,191,.5);z-index:3;}
.map-overlay{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);border-radius:7px;padding:5px 9px;font-size:.67rem;color:var(--muted);display:flex;align-items:center;gap:4px;}
.banner{margin:0 14px 12px;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:9px;}
.banner.f{background:#111827;border:1px solid rgba(45,212,191,.14);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.25);}
.banner.e{background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(34,211,238,.03));border:1px solid rgba(34,211,238,.17);}
.banner.b{background:linear-gradient(135deg,rgba(251,146,60,.09),rgba(251,146,60,.03));border:1px solid rgba(251,146,60,.17);}
.banner-icon{font-size:1.2rem;}.banner-text{flex:1;}
.banner-text strong{display:block;font-size:.82rem;margin-bottom:1px;}
.banner-text span{font-size:.7rem;color:var(--muted);}
.banner-val{font-family:'Syne',sans-serif;font-weight:800;font-size:.95rem;}
.banner.f .banner-val{color:var(--green);}.banner.e .banner-val{color:var(--teal);}.banner.b .banner-val{color:var(--orange);}
.sort-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 14px 8px;}
.sort-bar span{font-size:.72rem;color:var(--muted);}
.sort-btn{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--green);background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;}
.sec-label{padding:0 14px 7px;font-size:.66rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);}
.cards{display:flex;flex-direction:column;gap:8px;padding:0 14px;}
.card{position:relative;overflow:hidden;cursor:pointer;background:#111827;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:16px;box-shadow:0 4px 24px rgba(0,0,0,.25);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:cIn .3s ease both;}
.card:nth-child(1){animation-delay:.03s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.09s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.15s}
@keyframes cIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;opacity:0;transition:opacity .2s;}
.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.35);border-color:rgba(45,212,191,.15);}.card:hover::before{opacity:1;}
.card.r1::before{opacity:1;background:var(--green);}.card.r2::before{opacity:1;background:var(--amber);}
.card.r3::before{opacity:1;background:var(--red);}
.card.ev::before{opacity:1;background:var(--teal);}.card.ev{border-color:rgba(34,211,238,.12);}
.card.bt::before{opacity:1;background:var(--orange);}.card.bt{border-color:rgba(251,146,60,.12);}
.ch{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}
.sname{font-weight:700;font-size:.92rem;margin-bottom:3px;}
.sbrand{font-size:.63rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:600;}
.rbadge{width:25px;height:25px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.76rem;flex-shrink:0;background:var(--bg3);color:var(--muted);}
.r1 .rbadge{background:rgba(45,212,191,.14);color:var(--green);}
.r2 .rbadge{background:rgba(251,191,36,.14);color:var(--amber);}
.r3 .rbadge{background:rgba(248,113,113,.14);color:var(--red);}
.ev .rbadge{background:rgba(34,211,238,.14);color:var(--teal);}
.bt .rbadge{background:rgba(251,146,60,.14);color:var(--orange);}
.prices-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.pc{background:var(--bg3);border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;gap:1px;flex:1;min-width:58px;border:1px solid var(--border);}
.pc.af{border-color:rgba(45,212,191,.35);background:rgba(45,212,191,.05);}
.pc .ft{font-size:.58rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);}
.pc .pv{font-size:.95rem;font-weight:800;}
.pc .pd{font-size:.6rem;font-weight:600;}
.dg{color:var(--green);}.dr{color:var(--red);}
.ev-row{background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.15);border-radius:9px;padding:9px 11px;margin-bottom:10px;}
.ev-row-t{font-size:.62rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:7px;font-weight:600;}
.ev-connectors{display:flex;gap:6px;flex-wrap:wrap;}
.ev-c{background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:78px;}
.ev-c .ct{font-size:.58rem;text-transform:uppercase;letter-spacing:1px;color:var(--teal);}
.ev-c .ckw{font-size:.8rem;font-weight:700;color:var(--teal);}
.ev-c .cp{font-size:.74rem;font-weight:600;}
.ev-c .cs{font-size:.6rem;font-weight:600;display:flex;align-items:center;gap:3px;}
.sd{width:5px;height:5px;border-radius:50%;display:inline-block;}
.sd.free{background:var(--green);box-shadow:0 0 5px var(--green);}.sd.busy{background:var(--red);}.sd.partial{background:var(--amber);}
.bt-row{background:rgba(251,146,60,.06);border:1px solid rgba(251,146,60,.15);border-radius:9px;padding:9px 11px;margin-bottom:10px;}
.bt-row-t{font-size:.62rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);margin-bottom:7px;font-weight:600;}
.bt-items{display:flex;gap:6px;flex-wrap:wrap;}
.bt-i{background:rgba(251,146,60,.07);border:1px solid rgba(251,146,60,.2);border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:78px;}
.bt-i .btt{font-size:.58rem;text-transform:uppercase;letter-spacing:1px;color:var(--orange);}
.bt-i .btp{font-size:.9rem;font-weight:700;color:var(--orange);}
.bt-i .btu{font-size:.6rem;color:var(--muted);}
.bt-i .bts{font-size:.62rem;font-weight:600;}
.is{color:var(--green);}.ls{color:var(--amber);}.ns{color:var(--red);}
.cf{display:flex;justify-content:space-between;align-items:center;}
.di{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.73rem;}
.ab{display:flex;gap:4px;}
.btn-go{display:flex;align-items:center;gap:3px;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.28);color:var(--green);border-radius:7px;padding:5px 10px;font-size:.7rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none;}
.btn-go:hover{background:var(--green);color:#000;}
.btn-go.t{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.28);color:var(--teal);}
.btn-go.t:hover{background:var(--teal);color:#000;}
.btn-go.o{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.28);color:var(--orange);}
.btn-go.o:hover{background:var(--orange);color:#000;}
.btn-s{background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:.7rem;cursor:pointer;font-family:inherit;transition:all .2s;}
.btn-s:hover{border-color:rgba(255,255,255,.18);color:var(--text);}
.btn-s.on{border-color:rgba(251,191,36,.4);color:var(--amber);background:rgba(251,191,36,.08);}
.uchip{display:inline-flex;align-items:center;gap:2px;background:rgba(45,212,191,.07);border:1px solid rgba(45,212,191,.12);border-radius:999px;padding:1px 6px;font-size:.59rem;color:var(--green);font-weight:600;vertical-align:middle;margin-left:3px;}
.loading-s{text-align:center;padding:40px 20px;color:var(--muted);}
.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px;}
@keyframes spin{to{transform:rotate(360deg)}}
.empty-s{text-align:center;padding:36px 20px;color:var(--muted);}
.empty-s .ei{font-size:2.4rem;margin-bottom:9px;}
.empty-s p{font-size:.79rem;line-height:1.65;}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(11,18,32,.9);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom);}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;font-size:.6rem;font-weight:600;color:#4b5563;cursor:pointer;transition:color .18s;}
.nav-item.active{color:#2dd4bf;}.nav-item svg{width:20px;height:20px;}
.nav-badge{position:absolute;top:0;right:4px;width:14px;height:14px;border-radius:50%;background:var(--red);font-size:.54rem;color:#fff;font-weight:700;display:none;align-items:center;justify-content:center;border:2px solid var(--bg);}
.nav-badge.show{display:flex;}
.sp{position:fixed;inset:0;z-index:300;display:flex;justify-content:flex-end;pointer-events:none;visibility:hidden;}
.sp.open{pointer-events:all;visibility:visible;}
.sp-back{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .3s;}
.sp.open .sp-back{background:rgba(0,0,0,.6);backdrop-filter:blur(4px);}
.sp-sheet{position:relative;width:min(390px,100vw);height:100%;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;;opacity:0;visibility:hidden;}
.sp.open .sp-sheet{transform:translateX(0);opacity:1;visibility:visible;}
.sp-head{padding:18px 18px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.sp-head h2{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;}
.sp-body{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px;}
.sp-body::-webkit-scrollbar{width:3px;}
.sp-body::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px;}
.p-card{background:var(--bg3);border:1px solid var(--border);border-radius:13px;padding:14px;}
.p-card h3{font-size:.87rem;font-weight:700;margin-bottom:4px;}
.p-card p{font-size:.72rem;color:var(--muted);margin-bottom:11px;line-height:1.55;}
.fl{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;}
.fl-label{font-size:.64rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);}
.f-sel,.f-inp{background:var(--bg4);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:.82rem;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none;}
.f-sel:focus,.f-inp:focus{border-color:var(--green);}
.fl2{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;}
.cp-row{display:flex;gap:7px;margin-bottom:9px;}
.cp-inp{flex:1;background:var(--bg4);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:.9rem;font-weight:600;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s;letter-spacing:3px;}
.cp-inp:focus{border-color:var(--green);}.cp-inp.err{border-color:var(--red);}
.cp-inp::placeholder{letter-spacing:0;color:var(--muted);font-weight:400;font-size:.8rem;}
.btn-p{background:#2dd4bf;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:700;color:#0b1220;cursor:pointer;transition:all .18s;}
.btn-p:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(45,212,191,.25);opacity:.85;}.btn-p.full{width:100%;padding:10px;margin-top:3px;}
.cp-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:18px;}
.cp-tag{display:flex;align-items:center;gap:4px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.25);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;color:var(--blue);}
.cp-tag button{background:none;border:none;color:rgba(96,165,250,.5);cursor:pointer;font-size:.76px;padding:0 0 0 2px;line-height:1;font-size:.78rem;}
.cp-tag button:hover{color:var(--red);}
.rule-i{background:var(--bg3);border:1px solid var(--border);border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:9px;position:relative;overflow:hidden;}
.rule-i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;}
.rule-i.down::before{background:var(--green);}.rule-i.up::before{background:var(--red);}.rule-i.any::before{background:var(--amber);}
.ri-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;}
.ri-icon.down{background:rgba(45,212,191,.1);}.ri-icon.up{background:rgba(248,113,113,.1);}.ri-icon.any{background:rgba(251,191,36,.1);}
.ri-body{flex:1;min-width:0;}
.ri-body strong{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ri-body span{font-size:.68rem;color:var(--muted);}
.toggle{position:relative;width:36px;height:21px;cursor:pointer;flex-shrink:0;}
.toggle input{opacity:0;width:0;height:0;}
.t-track{position:absolute;inset:0;border-radius:999px;background:var(--bg4);border:1px solid var(--border);transition:all .25s;}
.toggle input:checked + .t-track{background:var(--green);border-color:var(--green);}
.t-thumb{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;}
.toggle input:checked ~ .t-thumb{transform:translateX(15px);}
.btn-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.78rem;padding:4px;flex-shrink:0;}
.btn-del:hover{color:var(--red);}
.hist-i{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:9px;}
.hist-body{flex:1;min-width:0;}
.hist-body strong{display:block;font-size:.75rem;}
.hist-body span{font-size:.65rem;color:var(--muted);}
.ps-t{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);padding:0 2px;margin-bottom:4px;}
.btn-close-p{background:var(--bg3);border:1px solid var(--border);color:var(--muted);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;}
.auth-form{display:flex;flex-direction:column;gap:8px;}
.auth-tog{background:none;border:none;color:var(--muted);font-family:inherit;font-size:.77rem;cursor:pointer;padding:5px 0;text-align:center;width:100%;}
.prof-head{display:flex;align-items:center;gap:12px;margin-bottom:13px;}
.prof-av{width:46px;height:46px;border-radius:50%;background:rgba(45,212,191,.15);border:2px solid rgba(45,212,191,.3);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px;}
.stat-box{background:var(--bg4);border:1px solid var(--border);border-radius:9px;padding:11px;text-align:center;}
.stat-val{font-family:'Syne',sans-serif;font-size:1.35rem;font-weight:800;color:var(--green);}
.stat-val.b{color:var(--blue);}
.stat-l{font-size:.67rem;color:var(--muted);margin-top:2px;}
.btn-danger{width:100%;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);color:var(--red);border-radius:9px;padding:10px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;}
.modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);z-index:400;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.modal-ov.open{opacity:1;pointer-events:all;}
.modal{background:var(--bg2);border:1px solid var(--border);border-radius:18px 18px 0 0;padding:20px 20px 34px;width:100%;max-width:480px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative;}
.modal-ov.open .modal{transform:translateY(0);}
.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px;}
.modal h3{font-family:'Syne',sans-serif;font-size:1.05rem;margin-bottom:3px;}
.modal p{color:var(--muted);font-size:.78rem;margin-bottom:14px;}
.fbtns{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
.fbtn{flex:1;min-width:58px;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);font-family:inherit;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s;}
.fbtn.active{border-color:var(--green);color:var(--green);background:rgba(45,212,191,.08);}
.price-wrap{position:relative;margin-bottom:13px;}
.price-inp{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:1.25rem;font-weight:700;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s;}
.price-inp:focus{border-color:var(--green);}
.price-unit{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;}
.btn-sub{width:100%;padding:12px;border-radius:10px;border:none;background:var(--green);color:#000;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;}
.btn-cm{position:absolute;top:20px;right:20px;background:var(--bg3);border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;}

/* INSTALL BANNER */
.install-banner{margin:0 14px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:none;flex-direction:column;gap:12px;position:relative;}
.install-banner.show{display:flex;}
.ib-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:3px 8px;border-radius:6px;}
.ib-title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--green);display:flex;align-items:center;gap:8px;}
.ib-subtitle{font-size:.8rem;color:var(--muted);margin-top:-6px;line-height:1.5;}
.ib-steps{display:flex;flex-direction:column;gap:8px;}
.ib-step{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 12px;}
.ib-step-num{width:26px;height:26px;border-radius:50%;background:var(--green);color:#000;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ib-step-text{flex:1;}
.ib-step-text strong{display:block;font-size:.85rem;margin-bottom:2px;}
.ib-step-text span{font-size:.75rem;color:var(--muted);line-height:1.4;}
.ib-btn-big{background:var(--green);border:none;border-radius:11px;padding:13px;font-family:inherit;font-size:.95rem;font-weight:800;color:#000;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;}
.ib-btn-big:active{opacity:.85;}
.ib-qr-section{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.04);border-radius:10px;padding:12px;}
.ib-qr{width:80px;height:80px;flex-shrink:0;}
.ib-qr-text{flex:1;}
.ib-qr-text strong{display:block;font-size:.85rem;margin-bottom:4px;}
.ib-qr-text span{font-size:.73rem;color:var(--muted);line-height:1.5;}
.ib-device-tabs{display:flex;gap:6px;margin-bottom:4px;}
.ib-dtab{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;}
.ib-dtab.active{background:var(--green);border-color:var(--green);color:#000;}
.toast{position:fixed;bottom:94px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 17px;border-radius:999px;font-size:.78rem;font-weight:600;opacity:0;pointer-events:none;transition:all .3s;z-index:500;white-space:nowrap;max-width:92vw;text-align:center;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.green{border-color:rgba(45,212,191,.35);color:var(--green);background:rgba(45,212,191,.07);}
.toast.red{border-color:rgba(248,113,113,.35);color:var(--red);background:rgba(248,113,113,.07);}
.toast.amber{border-color:rgba(251,191,36,.35);color:var(--amber);background:rgba(251,191,36,.07);}
.toast.blue{border-color:rgba(96,165,250,.35);color:var(--blue);background:rgba(96,165,250,.07);}
.toast.teal{border-color:rgba(34,211,238,.35);color:var(--teal);background:rgba(34,211,238,.07);}
.toast.orange{border-color:rgba(251,146,60,.35);color:var(--orange);background:rgba(251,146,60,.07);}

/* ══ RESPONSIVE DESKTOP ══ */
@media (min-width: 768px) {
  body { font-size: 16px; }
  header { height: 64px; padding: 0 40px; }
  .logo { font-size: 1.5rem; }
  .header-right { gap: 14px; }
  .loc-pill { font-size: .85rem; padding: 7px 16px; max-width: 240px; }
  .bell-btn { width: 42px; height: 42px; border-radius: 12px; border-color:rgba(255,255,255,.07); }
  #profileBtn { width: 42px; height: 42px; border-radius: 12px; border-color:rgba(255,255,255,.07) !important; }

  .desktop-nav { display: flex !important; align-items: center; gap: 6px; }
  .desktop-nav-link { padding: 7px 16px; border-radius: 8px; font-size: .85rem; font-weight: 600; color: var(--muted); cursor: pointer; transition: all .2s; border: none; background: none; font-family: inherit; }
  .desktop-nav-link:hover { color: var(--text); background: var(--bg3); }
  .desktop-nav-link.active { color: var(--green); }

  .bottom-nav { display: none !important; }

  main { max-width: 1200px; margin: 0 auto; padding: 0 32px 40px; display: grid; grid-template-columns: 1fr 400px; gap: 0 32px; align-items: start; }

  /* Hero: ancho completo, encima del grid de 2 columnas */
  .hero           { grid-column: 1 / -1; padding: 18px 0 14px; background: none; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
  .hero-label { display: none !important; }
  .hero-title { font-size: 1.7rem !important; line-height: 1.1 !important; margin-bottom: 4px !important; letter-spacing: -.3px !important; }
  .hero-title br { display: none; }
  .hero-tagline { font-size: .82rem !important; margin-bottom: 10px !important; max-width: 500px; line-height: 1.5 !important; }
  /* Desktop: layout horizontal — texto+badge izquierda, social proof derecha */
  .hero-inner { display: flex; gap: 24px; align-items: center; }
  .hero-left { flex: 1; }
  .hero-right { flex-shrink: 0; width: 300px; display: flex; flex-direction: column; gap: 10px; }
  .ahorro-badge { margin: 0 0 6px; padding: 10px 14px; }
  .ahorro-text strong { font-size: .88rem; }
  .ahorro-num { font-size: 1.2rem; }
  .social-proof { grid-template-columns: 1fr; gap: 8px; margin: 0; }
  .soc-item { flex-direction: row; justify-content: space-between; padding: 12px 14px; }
  .soc-num { font-size: 1rem; }
  .soc-label { font-size: .65rem; text-align: right; }
  .feat-pills { justify-content: flex-start; gap: 8px; margin-top: 0; }
  .feat-pill { font-size: .8rem; padding: 8px 16px; }

  .install-banner { grid-column: 1; }
  .alert-inbox    { grid-column: 1; margin-left: 0; margin-right: 0; }
  .loc-prompt     { grid-column: 1; margin-left: 0; margin-right: 0; }
  .search-bar     { grid-column: 1; margin-left: 0; margin-right: 0; }
  div[style*="padding:28px"] { padding: 18px 0 12px !important; text-align: left !important; }
  div[style*="padding:28px"] h1 { font-size: 1.8rem !important; }
  .cat-tabs       { grid-column: 1; }
  .cat-select-bar { grid-column: 1; margin-left: 0; margin-right: 0; padding-left: 0; }
  .fuel-tabs      { grid-column: 1; padding-left: 0; }
  .banner         { grid-column: 1; margin-left: 0; margin-right: 0; }
  .sort-bar       { grid-column: 1; padding-left: 0; padding-right: 0; }
  .sec-label      { grid-column: 1; padding-left: 0; }
  .cards          { grid-column: 1; padding: 0; gap: 10px; }
  footer          { grid-column: 1 / -1; max-width: 100% !important; padding: 24px 0 40px !important; text-align: left !important; }

  /* Mapa: columna 2, empieza en fila 2 (después del hero) */
  .map-container  { grid-column: 2; grid-row: 2 / 30; height: calc(100vh - 120px); max-height: 620px; margin: 0; position: sticky; top: 82px; border-radius: 14px; }

  #lastUpdated { text-align: left !important; }

  .card { border-radius: 14px; padding: 16px 20px; }
  .sname { font-size: 1rem; }
  .cat-tab { font-size: .82rem; padding: 11px 8px; }

  /* ── PANELS EN DESKTOP: MODAL CENTRADO ── */
  .sp { justify-content: center; align-items: center; }
  .sp-sheet {
    border-radius: 18px !important;
    width: 500px; max-width: 92vw;
    height: auto !important;
    max-height: 88vh;
    overflow-y: auto;
    transform: translateY(30px) scale(.97);
    opacity: 0;
    visibility: hidden;
    transition: transform .35s cubic-bezier(.4,0,.2,1), opacity .25s, visibility .25s;
  }
  .sp.open .sp-sheet { transform: none; opacity: 1; visibility: visible; }
  .modal { border-radius: 18px; max-width: 500px; }
}

@media (min-width: 1100px) {
  header { padding: 0 64px; }
  main { max-width: 1300px; padding: 0 64px 60px; }
}

/* ── LANG SELECTOR ── */
.lang-btn{display:flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.5px;}
.lang-btn:hover{border-color:var(--green);color:var(--text);}
.lang-btn .lang-flag{font-size:.9rem;}

/* ── CITY LINKS ── */
.city-links{margin-top:20px;padding:16px;background:var(--bg3);border:1px solid var(--border);border-radius:14px;}
.city-links-label{font-size:.68rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:700;display:block;margin-bottom:10px;}
.city-links-grid{display:flex;flex-wrap:wrap;gap:7px;}
.city-link{font-size:.78rem;font-weight:600;color:var(--text);text-decoration:none;background:var(--bg4);border:1px solid var(--border);border-radius:8px;padding:6px 13px;transition:all .2s;white-space:nowrap;}
.city-link:hover{border-color:var(--green);color:var(--green);background:rgba(74,222,128,.07);}

/* ── Desktop dropdown menu ── */
.dmore-wrap{position:relative;}
.dmore-btn{display:flex;align-items:center;gap:4px;}
.dmore-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:170px;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:12px;z-index:9999;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.55);padding:4px;}
.dmore-menu.open{display:block;}
.dmore-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 13px;background:transparent;border:none;color:#f0f4f8;font-family:inherit;font-size:.87rem;font-weight:600;cursor:pointer;border-radius:8px;text-align:left;transition:background .15s;}
.dmore-item:hover{background:rgba(45,212,191,.12);color:#2dd4bf;}
.dmore-sep{height:1px;background:rgba(255,255,255,.08);margin:3px 8px;}
/* desktop grid: cat-tabs -> cat-select-bar */

/* ── SELECTOR DE RADIO ── */
.radio-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;margin:0 14px 12px;background:#111827;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow-x:auto;scrollbar-width:none;}
.radio-bar-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);white-space:nowrap;flex-shrink:0;}
.radio-btns{display:flex;gap:4px;flex:1;}
.radio-btn{flex-shrink:0;padding:5px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:transparent;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s;color:#9ca3af;font-family:inherit;}
.radio-btn.active{background:#2dd4bf;color:#0b1220;border-color:#2dd4bf;font-weight:700;box-shadow:none;}
.radio-btn:hover:not(.active){border-color:rgba(45,212,191,.3);color:#f9fafb;}

/* ── BOTÓN ME COMPENSA ── */
.btn-compensa{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.35);color:var(--amber);border-radius:7px;padding:5px 8px;font-size:.7rem;cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s;white-space:nowrap;}
.btn-compensa:hover{background:rgba(251,191,36,.2);}

/* ── MODAL ¿ME COMPENSA? ── */
.compensa-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);}
.compensa-modal{background:#111518;border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:22px 20px 36px;width:100%;max-width:480px;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto;}
.compensa-modal h3{font-size:1rem;font-weight:800;margin-bottom:4px;}
.compensa-modal .cm-sub{font-size:.75rem;color:var(--muted);margin-bottom:16px;}
.compensa-result{border-radius:13px;padding:16px;text-align:center;margin:14px 0;}
.compensa-result.verde{background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.25);}
.compensa-result.rojo{background:rgba(248,113,113,.05);border:1px solid rgba(248,113,113,.2);}
.compensa-result.neutro{background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.2);}
.compensa-big{font-size:2rem;font-weight:800;line-height:1;}
.compensa-label{font-size:.72rem;color:var(--muted);margin-top:4px;}
.compensa-rows{display:flex;flex-direction:column;gap:6px;margin:12px 0;}
.compensa-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;padding:7px 10px;background:var(--bg3);border-radius:8px;}
.compensa-row span:last-child{font-weight:700;}
.cm-banner-reg{background:rgba(68,138,255,.07);border:1px solid rgba(68,138,255,.25);border-radius:10px;padding:11px 13px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start;}
.cm-banner-reg svg{flex-shrink:0;margin-top:2px;}
.cm-banner-reg p{font-size:.75rem;color:var(--muted);margin:0;}
.cm-banner-reg strong{color:var(--text);}

/* ── PERFIL VEHÍCULO ── */
.vehicle-icon{font-size:2rem;margin-bottom:6px;}
.veh-saved{background:rgba(45,212,191,.06);border:1px solid rgba(45,212,191,.2);border-radius:10px;padding:11px 13px;margin-bottom:10px;}
.veh-saved-row{display:flex;justify-content:space-between;font-size:.8rem;padding:3px 0;}
.veh-saved-label{color:var(--muted);}
.veh-saved-val{font-weight:700;color:var(--green);}

/* ══ SEMÁFORO DE PRECIOS ══ */
.pc.af.sem-green{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.1);}
.pc.af.sem-amber{border-color:rgba(234,179,8,.5);background:rgba(234,179,8,.08);}
.pc.af.sem-red{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.07);}
.pc.af.sem-green .pv{color:#2dd4bf;}
.pc.af.sem-amber .pv{color:#eab308;}
.pc.af.sem-red .pv{color:#ef4444;}

/* ══ NOTA INFORMATIVA BUTANO ══ */
.bt-nota{font-size:.65rem;color:var(--muted);line-height:1.45;padding:5px 7px;margin-top:5px;background:rgba(251,146,60,.06);border:1px solid rgba(251,146,60,.18);border-radius:6px;}

/* MOBILE: ocultar campana y perfil del header (estan en barra inferior) */
@media (max-width: 640px) {
  #bellBtn, #profileBtn { display: none !important; }
  .loc-pill { max-width: none; flex: 1 1 auto; }
}

.card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(0,0,0,.4),0 0 0 1px rgba(45,212,191,.1)!important;}
.ahorro-badge:hover{transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(45,212,191,.15)!important;}