@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b2434;--sub:#566b76;--mint:#b9f7de;--accent:#30cba7;--dark:#0b1f31;--line:#dce8e9;--surface:#f4f8f6;--white:#fff;--radius:20px;--shadow:0 12px 38px rgba(13,46,58,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;z-index:10;top:-60px;left:10px;padding:12px;background:#fff}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid #e8f0ed;backdrop-filter:blur(16px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;gap:9px;white-space:nowrap;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.9px}.brand-symbol{display:grid;place-items:center;height:35px;width:35px;border-radius:10px;color:var(--dark);background:var(--accent);font-size:27px;line-height:1}.brand-symbol svg{width:23px;height:23px}.brand-mx{color:#139d85;margin-left:2px}.navigation{display:flex;gap:27px;align-items:center}.navigation a,.footer a{text-decoration:none}.navigation a{font-size:13px;color:#425965;font-weight:700}.navigation a:hover,.footer a:hover{color:#119d81}.nav-cta{border-radius:40px;background:var(--dark);color:#fff;padding:12px 19px;text-decoration:none;font-size:13px;font-weight:700}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:transparent;border:0;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}.mobile-menu{padding:10px 24px 20px;background:white;border-top:1px solid var(--line)}.mobile-menu a{display:block;text-decoration:none;padding:11px 0;font-weight:700}
.hero{background:linear-gradient(123deg,#0b2031 9%,#0b3340 70%,#0e4e56 110%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:484px;align-items:center;gap:22px}.hero-copy{padding:72px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.55px;color:#b8e7da;display:flex;align-items:center;gap:8px}.status-dot{background:#65deb9;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #66dbbc20}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(41px,5vw,65px);letter-spacing:-2.8px;line-height:1.1;max-width:590px;margin:25px 0 18px}.hero h1 em{font-style:normal;color:#7ee5bf}.hero-copy>p{color:#c7d9dd;line-height:1.8;font-size:16px;max-width:510px;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{border-radius:11px;padding:14px 19px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-weight:800;font-size:13px;text-decoration:none;border:0;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#79e5bf;color:#082b2d}.btn-secondary{background:rgba(255,255,255,.09);color:white;border:1px solid rgba(255,255,255,.2)}.btn-dark{width:100%;color:white;background:#0c2739;margin-top:18px}.hero-micro{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;margin-top:30px;color:#bcd1d1}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-circle{position:absolute;border:1px solid #aedbd51b;border-radius:100%}.ring-one{width:350px;height:350px}.ring-two{width:500px;height:500px}.art-gauge{position:absolute;top:48px;left:45px;background:#153e4b;border:1px solid #43816f99;box-shadow:0 18px 40px #041d3066;border-radius:15px;padding:15px 20px 14px;display:flex;flex-direction:column;gap:8px;transform:rotate(-5deg)}.art-gauge-label,.art-gauge small{color:#b5d7cf;font-size:9px;letter-spacing:.9px;font-weight:800}.art-gauge strong{font-size:31px;line-height:1}.art-gauge strong span{font-size:16px;color:#a9dec9}.art-track{background:#315c65;height:5px;width:130px;border-radius:7px;overflow:hidden}.art-track span{display:block;background:#80e7bb;height:100%;width:78%}.art-car{position:relative;width:110%;max-width:540px;transform:translate(10px,38px);filter:drop-shadow(0 29px 17px #001a2690)}.art-pill{position:absolute;right:3px;bottom:27px;background:#fff;color:#1b4950;border-radius:40px;padding:14px 18px;box-shadow:0 16px 35px #051f3440;font-weight:800;font-size:11px;transform:rotate(4deg)}.art-pill:first-letter{color:#139d85}
.section{padding:80px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}.kicker,.small-label,.widget-label{font-weight:800;font-size:10px;letter-spacing:1.3px;color:#108b79}.section-top h2,.info-grid h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3.6vw,38px);letter-spacing:-1.5px;line-height:1.2;margin:11px 0}.section-description{color:var(--sub);font-size:14px;line-height:1.7;max-width:670px;margin:0}.section-tag{border:1px solid #d9e9e3;background:#f4fbf8;color:#357564;border-radius:20px;padding:9px 14px;font-size:11px;white-space:nowrap}.section-prices{background:var(--surface)}.price-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:23px}.panel h3{font-family:Manrope,Arial,sans-serif;font-size:19px;letter-spacing:-.5px;margin:8px 0 0}.panel-icon{font-size:29px}.national-panel iframe{min-height:215px}.price-widget{border:0;border-radius:11px;width:100%;background:#f5f8f7;display:block;min-height:200px}.widget-credit{font-size:11px;line-height:1.65;color:#667b7b;margin:12px 0 0}.widget-credit a{color:#17846e}.state-panel label,.field label,.compare-liter label{display:block;font-size:12px;font-weight:800;margin:0 0 9px}.state-panel select{background:#f9fbfa;border:1px solid #dce8e6;border-radius:10px;min-height:46px;padding:0 13px;width:100%;color:var(--ink);font-weight:600}.widget-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.widget-pair .price-widget{height:220px}.widget-label{color:#658077;display:block;margin-bottom:8px;font-size:9px}.nearby-banner{margin-top:20px;display:grid;grid-template-columns:1fr 350px;gap:10px 35px;align-items:center;background:#d8f5e9;border:1px solid #b3e9ce;border-radius:18px;padding:24px 28px}.nearby-banner h3{font-family:Manrope,Arial,sans-serif;font-size:21px;letter-spacing:-.7px;margin:8px 0}.nearby-banner p{color:#45655e;line-height:1.65;font-size:13px;max-width:540px}.nearby-banner iframe{width:100%;height:230px;border:0;border-radius:11px;background:white}.nearby-credit{grid-column:1/-1;margin:0!important}
.section-compare{background:white}.comparison-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.compare-table-head,.compare-row{display:grid;grid-template-columns:1fr 170px;gap:14px}.compare-table-head{font-weight:800;color:#718589;font-size:10px;letter-spacing:1px;margin:22px 0 10px}.compare-row{margin:10px 0}.compare-row input,.compare-liter input,.field input{width:100%;min-width:0;border:1px solid #dbe7e7;border-radius:10px;min-height:46px;padding:10px 12px;background:#fbfdfc;color:#173242;outline-offset:2px}.compare-row input:focus,.field input:focus,.compare-liter input:focus,.state-panel select:focus{outline:2px solid #54cda9}.currency-input{position:relative}.currency-input span{position:absolute;top:12px;left:12px;color:#628074}.currency-input input{padding-left:26px}.compare-liter{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.compare-liter label{margin:0}.compare-liter input{max-width:170px}.inline-note{font-size:11px;color:#78908f;line-height:1.6;margin-bottom:0}.comparison-result{background:linear-gradient(145deg,#103847,#082839);color:white;display:flex;flex-direction:column;justify-content:center;padding:38px;min-height:353px}.comparison-result .small-label{color:#8fdabf}.comparison-result h3{font-size:27px;line-height:1.25;margin:20px 0 10px}.comparison-result>p{color:#bad0d3;font-size:13px;line-height:1.7;max-width:380px}.comparison-result .inline-note{color:#acc5c9}.result-symbol{width:43px;height:43px;border-radius:13px;background:#2c736b;color:#b9f7de;font-size:29px;display:grid;place-items:center;margin-bottom:30px}.result-divider{height:1px;width:100%;background:#426270;opacity:.6;margin:20px 0}.giant-number{font:800 42px Manrope,Arial,sans-serif;letter-spacing:-1.5px;color:#8feac4;margin-top:8px}
.section-calc{background:var(--surface)}.calc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.calc-grid .panel{padding:29px}.chip{display:inline-flex;padding:8px 10px;background:#dbf8e9;border-radius:7px;color:#16856e;font-size:10px;letter-spacing:1px;font-weight:800}.chip-light{background:#eaf0fb;color:#58709d}.calc-grid h3{font-family:Manrope,Arial,sans-serif;font-size:23px;letter-spacing:-.8px;margin:14px 0 8px}.calc-grid .panel>p{color:var(--sub);line-height:1.7;font-size:13px;margin:0 0 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field label{font-size:11px;color:#415d65}.toggle-field{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:4px 0 22px;cursor:pointer}.toggle-field input{accent-color:#14866f;width:16px;height:16px}.calculator-output{background:#e5f8ed;border:1px solid #bdebd7;border-radius:15px;padding:20px}.calculator-output span,.tank-output>span{color:#367962;font-size:10px;letter-spacing:1px;font-weight:800}.calculator-output strong,.tank-output strong{display:block;font:800 34px Manrope,Arial,sans-serif;letter-spacing:-1.2px;margin-top:6px}.output-two{display:flex;justify-content:space-between;border-top:1px solid #bbdfce;margin-top:13px;padding-top:14px;gap:10px}.output-two small{display:block;color:#5d8175;font-size:11px}.output-two strong{font-size:17px;margin:3px 0 0}.tank-card{display:flex;flex-direction:column}.segmented{display:flex;gap:5px;background:#f1f5f4;border-radius:9px;padding:4px;margin:7px 0 20px}.segmented button{flex:1;border:none;background:transparent;border-radius:7px;padding:11px 8px;color:#58706f;font-weight:800;font-size:12px}.segmented .active{background:white;color:#0b3a32;box-shadow:0 2px 7px #16362b14}.tank-output{background:#e9eff8;border-radius:15px;margin-top:auto;padding:24px 21px}.tank-output>span{color:#5a7496}.tank-output strong{color:#183f66}.tank-output p{font-size:11px;color:#668097;margin:7px 0 0}
.info-section{background:#fff}.info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.info-grid h2{max-width:550px}.info-grid p:not(.kicker){font-size:14px;line-height:1.85;color:#5c737b}.text-link{font-size:13px;font-weight:800;text-decoration:none;color:#12866d}.tip-card{border-radius:21px;background:#0e2736;color:white;padding:34px}.tip-card h3{font-family:Manrope,Arial,sans-serif;font-size:22px;margin:16px 0}.tip-card p{color:#c2d3d8!important;line-height:1.85}.tip-symbol{font-size:30px}.tip-foot{border-top:1px solid #355463;font-weight:700;color:#95ead0;font-size:12px;padding-top:18px;margin-top:20px}.footer{background:#071a26;color:#eaf4f3;padding:40px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:20px}.footer-brand .brand-symbol{background:#29b696;color:#05352f}.footer-top p{color:#a6bcbf;font-size:12px;margin:14px 0;max-width:340px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.footer-links a{font-size:12px;color:#b8cbcd}.footer-bottom{border-top:1px solid #23404b;margin-top:25px;padding-top:19px;display:flex;justify-content:space-between;gap:20px}.footer-bottom p{font-size:11px;color:#95adb0;line-height:1.7}.footer-bottom a{color:#b1decf}.article-page{max-width:860px;padding:64px 0 100px}.article-page h1{font-family:Manrope;font-size:40px;letter-spacing:-1.2px}.article-page h2{margin-top:34px;font-family:Manrope}.article-page p,.article-page li{color:#4d6470;line-height:1.8;font-size:15px}
@media (max-width:1020px){.navigation{gap:14px}.nav-cta{display:none}.hero h1{font-size:47px}.art-car{width:120%}.state-panel .widget-pair{grid-template-columns:1fr}.price-layout{grid-template-columns:.9fr 1.1fr}.price-widget{min-height:170px}.widget-pair .price-widget{height:190px}.info-grid{gap:35px}}
@media (max-width:760px){.container{width:min(100% - 32px,1180px)}.nav{height:65px}.brand{font-size:19px}.navigation{display:none}.menu-toggle{display:block}.hero-grid,.price-layout,.comparison-grid,.calc-grid,.info-grid{grid-template-columns:1fr}.hero-grid{gap:0}.hero-copy{padding:64px 0 8px}.hero h1{font-size:clamp(39px,10vw,54px)}.hero-art{height:250px}.art-circle.ring-one{width:240px;height:240px}.art-circle.ring-two{width:350px;height:350px}.art-car{width:88%;transform:translate(0,26px)}.art-gauge{top:0;left:11%;padding:10px;transform:rotate(-4deg)}.art-gauge strong{font-size:24px}.art-pill{right:10px;bottom:0}.section{padding:58px 0}.section-top{align-items:start;flex-direction:column}.section-tag{display:none}.widget-pair{grid-template-columns:1fr 1fr!important}.nearby-banner{grid-template-columns:1fr}.nearby-banner iframe{max-width:390px}.info-grid{gap:26px}.footer-top,.footer-bottom{flex-direction:column}.footer-links{align-items:start}.section-description{font-size:13px}}
@media (max-width:475px){.hero-copy{padding-top:49px}.hero h1{letter-spacing:-1.6px}.hero-micro{gap:9px}.hero-micro span{font-size:10px}.hero-art{height:215px}.art-gauge{left:0}.art-pill{padding:9px;font-size:9px}.widget-pair{grid-template-columns:1fr!important}.panel{padding:19px}.nearby-banner{padding:20px}.compare-table-head,.compare-row{grid-template-columns:1fr 135px;gap:8px}.compare-liter input{max-width:135px}.comparison-result{padding:26px}.form-grid{grid-template-columns:1fr}.calc-grid .panel{padding:20px}.section-top h2{font-size:28px}.footer-links{gap:12px}}


/* MAPA INTERACTIVO — versión 2 */
.section-map{background:#eaf3f0}
.map-toolbar{padding:20px 23px;margin-bottom:19px}
.map-toolbar-top{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.map-toolbar .btn{white-space:nowrap}
.map-locate{width:auto!important;margin:0!important;min-height:45px}
.map-field{display:flex;flex-direction:column;gap:6px;flex:1 1 180px}
.map-field label,.map-sort-field label{font-size:11px;font-weight:800;color:#3d5b61}
.map-field select,.map-sort-field select,.map-price-actions input{border:1px solid #c9dedb;border-radius:10px;background:#fafdfe;min-height:45px;padding:0 12px;width:100%;color:#193441;outline-offset:2px}
.map-radius{flex:0 1 104px}.map-fuel{flex:0 1 146px}
.btn-outline{border:1px solid #bed9d1;background:#fff;color:#113b3b;min-height:45px}
.btn-green{background:#108d72;color:#fff;min-height:45px}
.map-toolbar-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;border-top:1px solid var(--line);padding-top:17px}
.map-status{font-size:12px;line-height:1.65;color:#45646a;margin:0;max-width:750px}
.map-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.74fr);gap:19px;align-items:stretch}
.map-canvas-wrap{background:#f2f7f5;border:1px solid #d6e3df;border-radius:18px;overflow:hidden;min-width:0;min-height:570px;display:flex;flex-direction:column}
#map-canvas{width:100%;min-height:530px;flex:1;z-index:0;background:#dfeee9;position:relative}
.map-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#54706b;padding:30px;text-align:center}
.map-footer{background:white;border-top:1px solid #d5e6e0;padding:12px 15px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;color:#658181;font-size:10px}
.map-footer a{color:#168e7b}
.map-results{padding:21px;display:flex;flex-direction:column;max-height:580px;min-height:570px}
.map-results-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.map-results-head h3{font-size:18px;margin-top:8px}
.map-count{padding:7px 11px;background:#e2f7ef;border-radius:9px;font-weight:800;color:#0e735e;font-size:12px}
.map-sort-field{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 10px}.map-sort-field select{max-width:190px;min-height:39px;font-size:12px}
.map-prices-note{background:#f4f8fa;border:1px solid #deebed;color:#5a717a;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.5;margin:0 0 12px}
.map-list{overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:9px;scrollbar-color:#b8d1c9 transparent}
.map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;min-height:225px;color:#52716d;gap:8px}.map-empty span{font-size:34px}.map-empty strong{color:#193a3e}.map-empty p{line-height:1.65;font-size:12px;margin:0}
.map-station{border:1px solid #dae9e5;border-radius:12px;padding:13px;background:#fff;display:flex;flex-direction:column;gap:9px}
.map-station.active{border-color:#31b493;box-shadow:0 0 0 2px #31b4932b;background:#f8fffc}
.map-station-top{display:flex;align-items:start;gap:9px;justify-content:space-between}
.map-station-title{font-weight:800;font-size:12px;line-height:1.45;word-break:break-word}.map-station-sub{font-size:10px;color:#69807d;margin-top:5px}
.map-price{font-weight:800;white-space:nowrap;color:#147962;font-size:14px}.map-price.is-empty{color:#78938c;font-size:11px;font-weight:600}
.map-station-actions{display:flex;gap:8px;flex-wrap:wrap}.map-station-actions button,.map-station-actions a{border:1px solid #cfe4df;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;color:#0b7464;text-decoration:none;background:#f5fcf9;cursor:pointer}
.map-station-actions a{color:#334a5b;background:#f5f9fb}
.map-best{background:#e0f7e9;border:1px solid #a7dfc9;padding:13px;border-radius:11px;margin-bottom:12px;font-size:12px;color:#215c50;line-height:1.55}.map-best strong{color:#075a42}
.map-detail{margin-top:18px;padding:22px 26px}
.map-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.map-detail-head h3{font-family:Manrope,Arial,sans-serif;font-size:20px;letter-spacing:-.4px;margin:6px 0}.map-detail-head p{font-size:12px;color:#637b7b;margin:5px 0}
.map-detail-data{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:start;padding-top:18px;margin-top:14px;border-top:1px solid var(--line)}
.map-detail-data strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:21px;margin-top:7px;color:#125f50}
.map-detail-data p,.map-price-form small{font-size:11px;line-height:1.5;color:#718788;display:block;margin:8px 0}
.map-price-form label{display:block;font-weight:800;font-size:12px;color:#345968;margin-bottom:9px}
.map-price-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.map-price-actions input{flex:1 1 110px;min-width:96px;width:auto}.map-price-actions button{font-size:11px;padding:12px;margin:0!important}
.map-bottom-note{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:19px 4px 0}.map-bottom-note p{font-size:12px;line-height:1.75;color:#56716d;max-width:780px;margin:0}.map-bottom-note a{font-size:12px;white-space:nowrap;color:#15856d;font-weight:800;text-decoration:none}
.map-marker-custom{background:#0e9a78;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0c263753;width:15px;height:15px}
.map-marker-custom.has-price{background:#f0a824}
.map-marker-custom.best-price{background:#e2a02e;outline:3px solid #e5c17666}
.map-marker-custom.selected{background:#102a38;outline:3px solid #8ce8cb}
.map-marker-user{background:#2567df;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #2567df44;width:18px;height:18px}
@media(max-width:960px){.map-layout{grid-template-columns:1fr}.map-canvas-wrap{min-height:450px}#map-canvas{min-height:430px}.map-results{max-height:540px;min-height:360px}.map-detail-data{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.map-toolbar-bottom,.map-bottom-note{flex-direction:column;align-items:stretch}.map-toolbar-bottom .btn{width:100%}.map-locate{width:100%!important}.map-radius,.map-fuel{flex:1 1 126px}.map-detail-data{grid-template-columns:1fr}.map-bottom-note a{white-space:normal}.map-station-actions button,.map-station-actions a{padding:10px 11px}}
@media(max-width:475px){.map-toolbar{padding:16px}.map-field{flex:1 1 100%}.map-radius,.map-fuel{flex:1 1 44%}.map-results{padding:16px}.map-station-top{flex-direction:column}.map-price{margin-top:3px}.map-detail{padding:18px}.map-price-actions input{flex:1 1 100%}}

.map-bottom-links{display:flex;align-items:flex-start;flex-direction:column;gap:10px;flex-shrink:0}

/* V4: acceso alternativo cuando las fuentes públicas no respondan */
.map-fallback{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;background:#f3f9f8;border:1px solid #cce3de;border-radius:12px;color:#214641;font-size:.9rem;}
.map-fallback a{white-space:nowrap;text-decoration:none;}
@media(max-width:620px){.map-fallback{align-items:stretch;}.map-fallback a{width:100%;justify-content:center;}}

.map-diagline{font-size:.82rem;margin:10px 0 0;color:#53666c;line-height:1.5}.map-diagline a{text-decoration:underline;color:#0b7264}