@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#092c28;--panel:#103e35;--card:#174b40;--green:#00d58b;--text:#e7f4e8;--muted:#9fc4b5;--line:#2b5c4d;--gold:#e7c16a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);padding:11px 15px;font-weight:600;transition:background .2s,transform .2s}button:hover{background:#246551}button:disabled{opacity:.5;cursor:wait}button.primary,.primary{background:var(--green);border-color:var(--green);color:#043d2b}button.primary:hover{background:#4ce7ad}a{color:var(--green)}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:20px;background:#073b32}.identity{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font:800 15px Manrope,sans-serif;letter-spacing:1px}.identity img{width:64px;height:64px;object-fit:contain}.identity small{display:block;font-size:11px;letter-spacing:3px;color:var(--muted);margin-top:4px}nav{display:flex;gap:12px}nav button{border:0;background:none;color:var(--muted)}nav .active{color:var(--green);border-bottom:2px solid var(--green);border-radius:0}.header-actions{display:flex;align-items:center;gap:10px}.world{font-size:12px;color:var(--muted);margin-right:12px}main{height:calc(100dvh - 88px);display:flex}#sidebar{width:380px;flex-shrink:0;padding:26px 22px;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green)}h1{font:800 28px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:14px 0}h1 em{font-style:normal;color:var(--green)}p{color:var(--muted);line-height:1.6}.intro p{font-size:13px;margin-bottom:22px}.searchbox{display:flex;align-items:center;background:#0b302a;border:1px solid #397a60;border-radius:14px;padding:4px 5px 4px 14px;gap:8px}.searchbox>span{font-size:28px;color:var(--green)}input,textarea,select{background:#0b302a;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);min-width:0}input::placeholder{color:#92b3a5}.searchbox input{width:100%;border:0;padding:10px 0;background:none}.searchbox button{background:var(--green);color:#063c2a;padding:8px 12px}.filters{display:flex;gap:7px;overflow-x:auto;padding:18px 0 10px;scrollbar-width:thin}.filters button{white-space:nowrap;font-size:11px;padding:8px 11px;border-radius:30px}.filters .selected{background:var(--green);color:#073b32;border-color:var(--green)}.selects{display:flex;gap:8px}.selects select{width:50%;font-size:11px;padding:9px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px}h2{font:800 16px Manrope,sans-serif}.list-heading>span{border-radius:20px;background:#225c48;color:var(--green);padding:4px 10px}#status{font-size:12px;margin:5px 0 15px}.station{width:100%;text-align:left;padding:17px;margin:0 0 12px;border-radius:16px;background:linear-gradient(120deg,#194f41,#123d34);display:block}.station:hover,.station.chosen{border-color:var(--green);transform:translateY(-1px)}.station-top{display:flex;gap:12px;align-items:center}.pump{width:42px;height:44px;border-radius:12px;display:grid;place-items:center;background:#2d6151;color:var(--green);font-size:24px}.station h3{font-size:14px;margin:0 0 5px}.station small{color:var(--muted);font-size:11px}.station-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:var(--muted)}.state{display:inline-flex;align-items:center;gap:5px}.state i,.legend i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#9daaa6}.green{background:#00d58b!important}.yellow{background:#f2cd50!important}.orange{background:#fc963e!important}.red{background:#f46065!important}.gray{background:#9daaa6!important}.sidebar-note{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:12px;color:var(--green)}.sidebar-note small{display:block;line-height:1.6;color:var(--muted);margin-top:8px}.map-area{position:relative;flex:1;min-width:0}#map{position:absolute;inset:0;background:#c1d7b5}.map-top{position:absolute;left:22px;right:70px;top:20px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-top>*{pointer-events:auto}.map-badge{display:flex;gap:8px;align-items:center;background:#0b3c33ed;border:1px solid #3b7860;border-radius:30px;padding:10px 16px;box-shadow:0 4px 20px #12453630}.map-badge i{height:7px;width:7px;background:var(--green);border-radius:50%}#traffic{font-size:11px;background:#103e35ed}.zone{position:absolute;top:78px;left:50%;transform:translateX(-50%);box-shadow:0 4px 20px #164e4b30;white-space:nowrap}.location{position:absolute;right:18px;bottom:116px;font-size:25px;padding:8px 15px;background:var(--panel);box-shadow:0 4px 20px #12453630}.legend{position:absolute;left:22px;bottom:38px;background:#0b3c33f0;border:1px solid #45816a;border-radius:14px;padding:14px 17px;box-shadow:0 4px 24px #12453630}.legend strong{font-size:11px;display:block;margin-bottom:10px}.legend>div{display:flex;gap:14px;font-size:10px}.legend span{display:flex;align-items:center;gap:4px}.maplibregl-ctrl-group{background:#103e35!important}.maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(1)}#details{width:350px;overflow:auto;padding:24px;background:var(--panel);border-left:1px solid var(--line)}#details h2{font-size:25px;line-height:1.3}.close{float:right;background:none;border:0;font-size:25px;padding:0 8px}.tag{display:inline-block;font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);margin:3px}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px;margin:18px 0}.detail-card h3{font-size:13px;margin:0 0 12px}.detail-card p{font-size:12px}.detail-card .big{font:800 22px Manrope}.full{width:100%;margin:7px 0}dialog{width:min(480px,calc(100% - 28px));border:1px solid #3b8063;border-radius:22px;background:var(--panel);color:var(--text);padding:26px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#01251bc9;backdrop-filter:blur(5px)}dialog h2{font-size:24px}dialog input,dialog textarea,dialog select{width:100%;margin:7px 0}dialog label{display:block;margin-top:8px;color:var(--muted);font-size:12px}.google{background:#dfeedd;color:#143b30;width:100%;margin:16px 0}.stars{color:var(--gold);letter-spacing:3px}.review{border-top:1px solid var(--line);padding:15px 0}.review p{margin:7px 0;font-size:13px}.review small{color:var(--muted)}.review button{font-size:10px;padding:5px 9px;margin:4px}.reply{margin-left:15px;border-left:2px solid var(--green);padding-left:10px}.mobile-nav{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#d9efdd;color:#123f30;padding:14px 20px;z-index:10;border-radius:12px;max-width:90%;box-shadow:0 10px 50px #001d2540;display:none}#searchResults button{display:block;width:100%;text-align:left;font-size:12px;margin-top:6px}#offline{position:absolute;bottom:90px;left:20px;background:#793a30;padding:12px;border-radius:10px}.empty{padding:24px 15px;text-align:center;border:1px dashed #3d735f;border-radius:15px;color:var(--muted);line-height:1.7;font-size:13px}.update{position:fixed;right:20px;bottom:20px;z-index:8}.maplibregl-ctrl-attrib{font-size:10px!important}.info-row{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}
@media(min-width:1600px){#sidebar{width:430px;padding:30px}h1{font-size:34px}}@media(max-width:1100px){.world{display:none}header{padding:0 18px}nav{display:none}#sidebar{width:330px}#details{position:absolute;right:0;top:88px;bottom:0;z-index:3;box-shadow:-10px 0 40px #062d3a30}.map-top{right:60px}.map-badge{display:none}}
@media(max-width:700px){header{height:72px;padding:0 12px;gap:8px}.identity{font-size:10px;letter-spacing:.4px;gap:7px}.identity img{width:48px;height:48px}.identity small{font-size:8px;letter-spacing:1.6px}.header-actions{gap:5px}.header-actions button{padding:8px;font-size:10px}#account{display:none}main{height:calc(100dvh - 130px)}#sidebar{position:absolute;left:12px;right:12px;top:84px;width:auto;padding:0;background:none;border:0;overflow:visible;z-index:2;pointer-events:none}#sidebar>*{pointer-events:auto}.intro,.selects,.list-heading,#status,#list,.sidebar-note{display:none}#sidebar.list-open{top:auto;bottom:58px;max-height:56dvh;overflow:auto;background:var(--panel);padding:14px;border-radius:22px 22px 0 0;border:1px solid var(--line);left:0;right:0}#sidebar.list-open #list,#sidebar.list-open .list-heading,#sidebar.list-open #status,#sidebar.list-open .selects{display:flex}#sidebar.list-open #list{display:block}#sidebar.list-open form,#sidebar.list-open .filters{display:none}.searchbox{background:#0b3c33f5;box-shadow:0 4px 20px #073c3330}.filters{padding:10px 0}.filters button{background:#124938ed}.filters .selected{background:var(--green)}.map-top{top:112px;left:12px;right:auto}#traffic{font-size:10px}.zone{top:164px;font-size:11px}.legend{bottom:24px;left:12px;padding:11px}.legend>div{gap:9px;font-size:9px}.legend strong{font-size:10px}.location{bottom:105px;right:12px}.mobile-nav{display:flex;height:58px;position:fixed;bottom:0;left:0;right:0;background:#073b32;border-top:1px solid var(--line);z-index:4;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{background:none;border:0;border-radius:0;font-size:11px;padding:8px;color:var(--muted)}.mobile-nav button:first-child{color:var(--green)}#details{top:auto;bottom:58px;left:0;width:100%;max-height:70dvh;border-radius:24px 24px 0 0;padding:20px;z-index:3}#toast{bottom:75px}#searchResults{background:var(--panel);border-radius:12px}#offline{bottom:85px}.maplibregl-ctrl-top-right{top:160px!important}}
.map-unavailable{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#143e31;background:radial-gradient(ellipse at top,#bfdbad,#91bda2)}.map-unavailable>span{font-size:60px;color:#246f50}.map-unavailable p{color:#325b48;max-width:390px}.map-unavailable small{color:#426a54}.route{display:block;text-align:center;text-decoration:none;padding:12px;border-radius:12px;font-weight:700}.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}#sidebar.list-open #status{display:block}
.sheet-handle{display:none}@media(max-width:700px){#sidebar.list-open .sheet-handle{display:block;width:100%;border:0;background:none;padding:4px 0 12px;touch-action:none}.sheet-handle span{display:block;width:42px;height:4px;background:#8bb9a4;border-radius:8px;margin:auto}#sidebar.list-open.expanded{max-height:78dvh}}
/* Superficies y composición inspiradas en la referencia comercial. */
:root{--bg:#080f0e;--panel:#101a18;--card:#152420;--green:#00c77b;--text:#edf5f1;--muted:#9aac9f;--line:#273b34;--gold:#e9c778}
body{background:radial-gradient(ellipse at 60% -40%,#185c41 0,transparent 60%),#080f0e;color:var(--text)}
header{height:82px;background:linear-gradient(100deg,#0a1311,#101d19 70%,#0b1512);border-bottom:1px solid #273c33;padding:0 28px;box-shadow:0 5px 30px #02080670;position:relative;z-index:4}
.identity{font-size:13px;letter-spacing:1.2px;min-width:280px}.identity img{width:75px;height:64px}.identity small{color:#92aa9b;font-size:10px;letter-spacing:2.3px}nav{height:100%;align-items:stretch;gap:25px}nav button{padding:0 6px;font-size:13px;position:relative}nav .active{border:0;color:#38e19a}nav .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c77b,#a0f4c6);border-radius:3px}
.header-actions .world{color:#adc3b7;font-size:11px;letter-spacing:.3px}.header-actions button{border-radius:9px;padding:11px 16px}button{border-color:#30473d;background:linear-gradient(145deg,#1b2f27,#14231e);box-shadow:inset 0 1px #ffffff08}button:hover{background:#244238;border-color:#00bd76}button.primary,.primary{background:linear-gradient(115deg,#00a963,#00d787);color:#061d12;border:0;box-shadow:0 8px 25px #00a86b28;font-weight:800}
main{height:calc(100dvh - 82px);padding:16px;gap:14px}#sidebar{width:380px;border:1px solid #263d33;border-radius:16px;background:linear-gradient(160deg,#172820 0%,#101c18 47%,#101815 100%);padding:24px;box-shadow:0 15px 45px #0005}h1{font-size:29px;line-height:1.16;letter-spacing:-1.4px}.intro{position:relative;padding:4px 0 8px}.intro h1{margin:16px 0 10px}.intro h1 em{color:#36dd93}.intro p{max-width:300px;color:#afc0b5;line-height:1.5}.eyebrow{color:#31e29a;letter-spacing:2.2px}.searchbox{background:#0d1814;border-color:#3e6650;box-shadow:0 7px 24px #0003}.searchbox input{color:#f4fbf6}.searchbox button{border-radius:9px}input,textarea,select{background:#0e1b16;border-color:#334c3e}input:focus,textarea:focus,select:focus{outline:2px solid #00bd79;border-color:transparent}.filters{gap:6px}.filters button{background:#182a22;border-color:#2e483a}.filters .selected{background:#00bb75;color:#071e13}.selects select{background:#13231b;color:#e4efe7;padding:11px}.list-heading{margin-top:24px}.list-heading h2{font-size:15px;letter-spacing:.1px}.list-heading>span{color:#57e2a1;background:#183e2b}#status{line-height:1.5}.station{background:linear-gradient(115deg,#1c3027,#14221c);border-color:#2d4638;border-radius:12px;padding:16px;box-shadow:0 8px 18px #0003}.station:hover,.station.chosen{background:linear-gradient(115deg,#224536,#172d22)}.pump{width:45px;height:45px;background:linear-gradient(145deg,#075d3c,#0b3a29);border:1px solid #1c8054;border-radius:10px;color:#2be39a;flex:none}.pump svg{width:24px;height:24px}.station-meta{border-top:1px solid #2b4035;padding-top:12px;margin-top:12px}.sidebar-note{color:#48dea0;border-color:#2d4738}.sidebar-note small{color:#8da598}
.map-area{overflow:hidden;border:1px solid #2b4036;border-radius:16px;box-shadow:0 15px 40px #0006;background:#16251c}#map{background:#14241e}.map-top{top:18px;left:18px}.map-badge,#traffic,.legend,.location{background:#101c18ed;border:1px solid #3b5547;box-shadow:0 8px 24px #0006}.map-badge{border-radius:9px;color:#dcece1;font-weight:700}.legend{border-radius:11px;left:18px;bottom:18px}.legend strong{color:#e9f5eb}.location{border-radius:11px}.zone{top:75px;border-radius:10px}#details{width:370px;padding:23px;border:1px solid #30453a;border-radius:16px;background:linear-gradient(160deg,#192b22,#0f1915);box-shadow:0 15px 45px #0008}.detail-card{background:linear-gradient(145deg,#1b2d24,#14231c);border:1px solid #314a3c;border-radius:12px;box-shadow:inset 0 1px #ffffff09,0 8px 20px #0003}.detail-card h3{font-size:14px;color:#eef8ef}.detail-card .big{font-size:23px}.review{border-color:#30473a}.review button{border-radius:7px;background:#1c3327;color:#b6d0bf}.empty{background:#132019;border:1px dashed #405b4b;padding:25px 18px}.info-row{border-color:#30473a}dialog{background:linear-gradient(145deg,#1a3024,#101c17);border:1px solid #41614d;border-radius:16px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#030b08d9}.google{color:#102119;background:#e4eee6;border:0}.maplibregl-ctrl-group{background:#182c22!important}.maplibregl-ctrl-attrib{background:#13231dcf!important;color:#e2ece4!important}.maplibregl-ctrl-attrib a{color:#9ed8b7!important}
@media(min-width:1600px){#sidebar{width:430px;padding:28px}#details{width:400px}}
@media(max-width:1100px) and (min-width:701px){#sidebar{width:320px;padding:18px}#details{top:98px;right:16px;bottom:16px;width:340px}main{gap:10px;padding:12px}}
@media(max-width:700px){header{height:68px;padding:0 12px}.identity{min-width:0;font-size:9px}.identity img{width:49px;height:48px}.identity small{font-size:8px}.header-actions button{padding:9px;font-size:10px}main{height:calc(100dvh - 130px);padding:0;gap:0}.map-area{border:0;border-radius:0}#sidebar{top:78px;background:transparent;box-shadow:none;border:0;padding:0}#sidebar.list-open{background:#13221b;border:1px solid #334d3e;bottom:60px;padding:14px;box-shadow:0 -15px 50px #0008}.searchbox{background:#13241df5}.filters button{background:#14271ef2}.filters .selected{background:#00bd78}.mobile-nav{height:62px;background:#101b16;border-color:#30493a}.mobile-nav button{min-width:60px;font-size:11px}.legend{bottom:12px;left:10px;max-width:calc(100% - 20px);padding:10px}.legend>div{gap:7px;flex-wrap:wrap}.location{bottom:88px}#details{border-radius:18px 18px 0 0;bottom:60px;max-height:72dvh}.map-top{top:116px}.zone{top:160px}}
button svg,.world svg,.searchbox svg,.sidebar-note svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;vertical-align:middle;flex-shrink:0}#install,#traffic,.zone,.world{display:inline-flex;align-items:center;justify-content:center;gap:7px}.searchbox>span{display:flex}.searchbox>span svg{width:20px;height:20px}.location svg{width:21px;height:21px}.sidebar-note svg{width:15px;height:15px;margin-right:4px}@media(max-width:700px){.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}.mobile-nav svg{width:19px;height:19px}}
.star-icon{display:inline-block;width:15px;height:15px;vertical-align:-2px;fill:#e9c778;stroke:#e9c778;stroke-width:1}.big .star-icon{width:21px;height:21px}
.auth-divider{display:flex;align-items:center;gap:10px;color:#9aac9f;font-size:11px;margin:14px 0;text-align:center}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#355143;flex:1}.auth-links{display:flex;gap:6px;justify-content:space-between}.auth-links button,.auth-back{background:transparent;border:0;color:#51dba0;font-size:12px;padding:10px 2px;box-shadow:none}.auth-links button:hover,.auth-back:hover{color:#b1ffcf;background:transparent}.form-error{color:#ffada5!important;font-size:12px;min-height:1.2em}.captcha-box{margin-top:15px;min-height:78px;overflow:auto}
.phone-privacy{font-size:11px;line-height:1.45;color:#91a99a}