/* Comparo · Gasolina v4 — cards estilo explorar, más limpias y con identidad de estación */
:root{--fuel-bg:#fbf8f3;--fuel-surface:#fff;--fuel-surface-2:#f8f2ea;--fuel-border:#eadbc9;--fuel-border-2:#efe5da;--fuel-text:#171514;--fuel-muted:#7e7061;--fuel-soft:#a18c79;--fuel-accent:#ef5b2a;--fuel-accent-deep:#de4a1c;--fuel-accent-soft:#fff1ea;--fuel-green:#09914f;--fuel-green-soft:#ebf8f1;--fuel-shadow:0 10px 26px rgba(46,24,7,.06)}
#pg-gasolina{background:var(--fuel-bg);min-height:100vh}
.fuel-shell{max-width:1240px;margin:0 auto;padding:18px 18px 96px;color:var(--fuel-text)}
.fuel-head-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;background:radial-gradient(circle at top right, rgba(239,91,42,.15), transparent 22%),linear-gradient(135deg,#2a1308 0%,#4b2009 100%);border-radius:26px;padding:26px 28px;color:#fff;box-shadow:var(--fuel-shadow)}
.fuel-eyebrow{display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f6c7b3;margin-bottom:8px}.fuel-head-copy h1{font-size:42px;line-height:.98;letter-spacing:-.04em;margin:0 0 10px;max-width:760px}.fuel-head-copy p{margin:0;max-width:760px;color:#f6e1d8;font-size:16px;line-height:1.45}.fuel-head-actions{display:flex;gap:10px;align-self:flex-start;flex-wrap:wrap}.fuel-primary-cta,.fuel-secondary-cta{height:48px;border-radius:14px;padding:0 18px;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:14px;cursor:pointer}.fuel-primary-cta{background:var(--fuel-accent);color:#fff}.fuel-secondary-cta{background:rgba(255,255,255,.08);color:#fff}
.fuel-location-strip{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px;margin-top:16px;background:#fff;border:1px solid var(--fuel-border-2);border-radius:18px}.fuel-strip-title{display:flex;align-items:center;gap:8px;font-size:14px}.fuel-strip-title strong{font-size:15px}.fuel-strip-radius{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fuel-strip-radius>span{font-size:12px;color:var(--fuel-muted)}.fuel-location-note{padding:8px 4px 14px;color:var(--fuel-muted);font-size:12px}
.fuel-view-all{border:0;background:transparent;color:var(--fuel-accent-deep);font-size:13px;font-weight:800;cursor:pointer}.fuel-view-all:hover{text-decoration:underline}.fuel-view-all.on{color:var(--fuel-muted)}
.fuel-chip-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fuel-chip{height:36px;border:1px solid var(--fuel-border);border-radius:12px;background:#fff;padding:0 14px;font-size:13px;font-weight:750;color:var(--fuel-muted);cursor:pointer;transition:.18s ease}.fuel-chip:hover,.fuel-filter-btn:hover,.fuel-advanced select:hover{border-color:#d9c2af}.fuel-chip.on{background:var(--fuel-accent);border-color:var(--fuel-accent);color:#fff}.fuel-chip:disabled{opacity:.42;cursor:not-allowed}
.fuel-toolbar{display:flex;flex-direction:column;gap:10px;margin:4px 0 18px}.fuel-toolbar-main{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fuel-search{display:flex;align-items:center;gap:10px;height:52px;background:#fff;border:1px solid var(--fuel-border-2);border-radius:16px;padding:0 16px;min-width:280px;flex:1 1 320px}.fuel-search svg{color:#a58f7b;flex:0 0 auto}.fuel-search input{flex:1;border:0;background:transparent;outline:0;font-size:15px;color:var(--fuel-text)}.fuel-inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fuel-filter-btn{height:40px;border:1px solid var(--fuel-border);border-radius:12px;background:#fff;color:var(--fuel-text);padding:0 14px;font-weight:750;cursor:pointer}.fuel-filter-btn.on{background:var(--fuel-surface-2)}
.fuel-advanced{display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px;background:#fff;border:1px solid var(--fuel-border-2);border-radius:18px}.fuel-advanced.open{display:grid}.fuel-advanced select{height:44px;border:1px solid var(--fuel-border);border-radius:12px;background:#fff;padding:0 12px;font-size:13px;color:var(--fuel-text);outline:0}
.fuel-results-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:4px 0 14px}.fuel-results-head h2{font-size:34px;line-height:1.02;letter-spacing:-.035em;margin:0 0 4px}.fuel-results-head p{margin:0;color:var(--fuel-muted);font-size:14px}
.fuel-featured{margin-bottom:16px}.fuel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:16px;align-items:stretch}
.fuel-card{position:relative;background:#fff;border:1px solid var(--fuel-border-2);border-radius:22px;padding:18px;display:flex;flex-direction:column;min-height:240px;box-shadow:0 2px 6px rgba(46,24,7,.02);transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease}.fuel-card:hover{transform:translateY(-2px);box-shadow:var(--fuel-shadow);border-color:#e0cab5}.fuel-card--featured{min-height:262px;border-color:#f0c973;background:linear-gradient(180deg,#fffdf8 0%,#fff7ea 100%)}
.fuel-card-hit{position:absolute;inset:0;border-radius:22px;z-index:2;text-indent:-9999px}.fuel-card-hit:focus{outline:3px solid var(--fuel-accent);outline-offset:-3px}
.fuel-card-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;background:#fff0c9;color:#775300;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;margin-bottom:12px;position:relative;z-index:1}
.fuel-card-top{display:flex;gap:14px;align-items:flex-start;position:relative;z-index:1}.fuel-card-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#f5f6f8;overflow:hidden;flex:0 0 auto;border:1px solid #eef0f2}.fuel-card-logo.has-img img{width:88%;height:88%;object-fit:contain}.fuel-card-logo svg{width:88%;height:88%}
.fuel-card-copy{min-width:0}.fuel-card-copy h3{margin:1px 0 4px;font-size:25px;line-height:1.05;letter-spacing:-.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fuel-card-copy h3::first-letter{text-transform:uppercase}.fuel-card-brand{font-size:12px;font-weight:800;color:var(--fuel-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.fuel-card-copy p{margin:0;font-size:12px;line-height:1.35;color:var(--fuel-muted);text-transform:uppercase}.fuel-card-distance{margin-top:6px;font-size:12px;color:var(--fuel-text)}
.fuel-card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;position:relative;z-index:1}.fuel-card-tags span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800}.fuel-card-tags .store{background:var(--fuel-green);color:#fff}.fuel-card-tags .soft{background:#eef2f8;color:#556273}
.fuel-card-price-row{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;position:relative;z-index:1}.fuel-card-price small{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b29c87;margin-bottom:3px}.fuel-card-price strong{display:block;font-size:41px;line-height:.95;letter-spacing:-.04em;color:var(--fuel-green)}.fuel-card-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:48%}.fuel-live{font-size:11px;font-weight:700;color:var(--fuel-green);text-align:right}.fuel-addr{font-size:11px;color:var(--fuel-muted);text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fuel-loading,.fuel-empty{grid-column:1/-1;background:#fff;border:1px solid var(--fuel-border-2);border-radius:22px;padding:36px;text-align:center;color:var(--fuel-muted)}.fuel-empty strong{display:block;color:var(--fuel-text);font-size:18px;margin-bottom:6px}.fuel-empty span{display:block;max-width:620px;margin:0 auto;line-height:1.5}.fuel-empty small{display:block;margin-top:10px;color:#988575}
.fuel-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px}.fuel-pagination button,.fuel-pagination span{height:40px;border:1px solid var(--fuel-border);background:#fff;color:var(--fuel-text);border-radius:12px;padding:0 14px;font-weight:750;font-size:12px;display:flex;align-items:center}.fuel-pagination button{cursor:pointer}.fuel-pagination button:disabled{opacity:.4;cursor:default}
.fuel-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--fuel-muted);font-size:11px;margin-top:18px;padding:0 4px}
@media(max-width:1100px){.fuel-head-copy h1{font-size:36px}.fuel-card-copy h3{font-size:22px}.fuel-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.fuel-shell{padding:14px 14px 88px}.fuel-head-card{padding:20px;border-radius:22px;display:block}.fuel-head-copy h1{font-size:30px}.fuel-head-copy p{font-size:14px}.fuel-head-actions{margin-top:14px}.fuel-location-strip{grid-template-columns:1fr;gap:10px}.fuel-toolbar-main{align-items:stretch}.fuel-inline-actions{width:100%}.fuel-chip-group{width:100%}.fuel-chip-group .fuel-chip{flex:1}.fuel-filter-btn{height:40px}.fuel-advanced{grid-template-columns:1fr 1fr}.fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fuel-card{padding:14px;min-height:216px;border-radius:18px}.fuel-card-hit{border-radius:18px}.fuel-card-price strong{font-size:34px}.fuel-card-copy h3{font-size:18px}.fuel-card-logo{width:52px;height:52px}.fuel-card-price-row{flex-direction:column;align-items:flex-start}.fuel-card-meta{align-items:flex-start;max-width:none}.fuel-live,.fuel-addr{text-align:left}}
@media(max-width:520px){.fuel-grid{grid-template-columns:1fr}.fuel-head-copy h1{font-size:28px}.fuel-location-strip,.fuel-toolbar-main{gap:8px}.fuel-search{min-width:0;flex-basis:100%}.fuel-inline-actions{display:grid;grid-template-columns:1fr;gap:8px}.fuel-advanced{grid-template-columns:1fr}.fuel-card-copy h3{font-size:17px}.fuel-card-price strong{font-size:31px}.fuel-strip-radius{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.fuel-strip-radius>span,.fuel-strip-radius .fuel-chip{flex:0 0 auto}}

/* v5 — experiencia explorar + detalle + modal + bloque Home */
.fuel-icon{display:inline-block;vertical-align:middle;flex:0 0 auto}
.fuel-primary-cta,.fuel-secondary-cta,.fuel-filter-btn,.fuel-view-all,.fuel-card-pill,.fuel-live,.fuel-card-distance,.home-fuel-link,.home-fuel-locate-btn,.fuel-action-primary,.fuel-action-secondary,.fuel-detail-back{display:inline-flex;align-items:center;gap:8px}
.fuel-card{cursor:pointer;overflow:hidden}
.fuel-card:focus-visible{outline:3px solid rgba(239,91,42,.32);outline-offset:2px}
.fuel-card-open{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--fuel-accent-deep);font-size:12px;font-weight:850;opacity:0;transform:translateY(2px);transition:.16s ease}
.fuel-card:hover .fuel-card-open,.fuel-card:focus-visible .fuel-card-open{opacity:1;transform:none}
.fuel-card-brandline{min-height:24px;margin-bottom:4px}.fuel-brand-chip{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;background:#f3f4f6;color:#4b5563}
.fuel-brand-shell{background:#fff7cf;color:#8d5c00;border-color:#f7df78}.fuel-brand-texaco{background:#fff0ef;color:#b62a24;border-color:#f2c0bc}.fuel-brand-uno{background:#eef3ff;color:#1d3d8f;border-color:#cad8ff}.fuel-brand-puma{background:#edf3ff;color:#163f87;border-color:#cad7ef}.fuel-brand-dlc{background:#f0efff;color:#5148a4}.fuel-brand-alba{background:#edf8f0;color:#27743d}.fuel-brand-generic{background:#f4f5f6;color:#5e6975}
.fuel-card-logo{position:relative;background:#fff}.fuel-card-logo .fuel-logo-fallback{position:absolute;inset:6px;display:grid;place-items:center}.fuel-card-logo img{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;background:#fff}
.fuel-card-tags{gap:8px}.fuel-service-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;height:30px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:820!important;border:1px solid transparent}
.fuel-service-store{background:#eaf8f0!important;color:#087b44!important;border-color:#cbeed9!important}.fuel-service-agricola{background:#edf3ff!important;color:#2454a6!important;border-color:#d6e2fb!important}.fuel-service-auto{background:#f4f1ff!important;color:#6651a4!important;border-color:#e5ddff!important}.fuel-service-full{background:#f7f7f8!important;color:#505965!important;border-color:#e8eaed!important}.fuel-service-amenity{background:#fff5e8!important;color:#9b5d12!important;border-color:#f3dfbd!important}

/* Home */
.home-fuel-section{padding:0!important;overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--bd,#e8e1da)}
.home-fuel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 14px}.home-fuel-head h2{font-size:27px;line-height:1.05;letter-spacing:-.03em;margin:6px 0 6px}.home-fuel-head p{margin:0;color:var(--tx2,#69717d);font-size:13px}.home-fuel-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--fuel-accent-deep);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.home-fuel-link{border:0;background:transparent;color:var(--fuel-accent-deep);font-weight:850;font-size:13px;cursor:pointer;padding:9px 2px}
.home-fuel-locate{margin:0 22px 16px;padding:13px 14px;border-radius:16px;background:#f8f5f1;border:1px solid #ece3da;display:flex;align-items:center;justify-content:space-between;gap:16px}.home-fuel-locate-copy{display:flex;align-items:center;gap:11px;min-width:0}.home-fuel-locate-copy>.fuel-icon{color:var(--fuel-accent-deep)}.home-fuel-locate-copy div{display:flex;flex-direction:column;gap:2px}.home-fuel-locate-copy strong{font-size:13px}.home-fuel-locate-copy span{font-size:11px;color:#766d65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-fuel-locate-btn{height:38px;border:1px solid #e6d5c5;background:#fff;border-radius:12px;padding:0 13px;font-size:12px;font-weight:850;color:#332a25;cursor:pointer;flex:0 0 auto}.home-fuel-locate-btn:disabled{opacity:.55}
.home-fuel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px}.home-fuel-grid .fuel-card{min-height:220px;border-radius:18px;padding:15px}.home-fuel-grid .fuel-card-copy h3{font-size:18px}.home-fuel-grid .fuel-card-price strong{font-size:31px}.home-fuel-grid .fuel-card-logo{width:50px;height:50px;border-radius:14px}.home-fuel-grid .fuel-card-meta{display:none}.home-fuel-grid .fuel-card-open{opacity:1;margin-top:10px}.home-fuel-grid .fuel-empty,.home-fuel-grid .fuel-loading{grid-column:1/-1}

/* Modal */
body.fuel-modal-open{overflow:hidden}.fuel-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(20,14,10,.52);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.fuel-modal-panel{position:relative;width:min(720px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;border-radius:26px;padding:26px;box-shadow:0 28px 80px rgba(25,12,4,.24)}.fuel-modal-loading{min-height:240px;display:grid;place-items:center;color:#75685d}.fuel-modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid #ece5df;background:#fff;display:grid;place-items:center;cursor:pointer;color:#382e28}.fuel-modal-head{display:flex;gap:16px;align-items:flex-start;padding-right:44px}.fuel-modal-head h2{font-size:28px;line-height:1.05;letter-spacing:-.035em;margin:7px 0 5px}.fuel-modal-head p{margin:0;color:#7a6e65;font-size:13px}.fuel-modal-brand{min-height:24px}.fuel-logo-detail{width:78px;height:78px;border-radius:20px}.fuel-modal-address{display:flex;align-items:flex-start;gap:6px;margin-top:9px;color:#5f554d;font-size:12px;line-height:1.35}.fuel-detail-services{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.fuel-detail-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fuel-detail-price{padding:18px;border:1px solid #eee4db;border-radius:18px;background:#fff}.fuel-detail-price span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#9a806c}.fuel-detail-price strong{display:block;font-size:34px;line-height:1;margin:6px 0;color:#0a934f;letter-spacing:-.04em}.fuel-detail-price small{font-size:10px;color:#8a7d73}.fuel-detail-prices--modal{margin-top:4px}.fuel-modal-meta{display:flex;align-items:center;gap:7px;margin:16px 0 0;color:#0a934f;font-size:11px;font-weight:750}.fuel-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.fuel-action-primary,.fuel-action-secondary{height:44px;border-radius:13px;padding:0 15px;font-size:13px;font-weight:850;text-decoration:none;cursor:pointer}.fuel-action-primary{border:1px solid var(--fuel-accent);background:var(--fuel-accent);color:#fff}.fuel-action-secondary{border:1px solid #e6d8cb;background:#fff;color:#2e2925}

/* Detail page */
#pg-gasolinera{background:var(--fuel-bg);min-height:100vh}.fuel-detail-shell{max-width:1100px;margin:0 auto;padding:24px 18px 90px}.fuel-detail-back{border:0;background:transparent;color:#6f6258;font-size:12px;font-weight:820;cursor:pointer;padding:8px 0;margin-bottom:12px}.fuel-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #eadfd4;border-radius:26px;padding:26px;box-shadow:0 8px 30px rgba(46,24,7,.04)}.fuel-detail-id{display:flex;gap:18px;align-items:center}.fuel-detail-id h1{font-size:38px;line-height:1;letter-spacing:-.045em;margin:7px 0}.fuel-detail-id p{margin:0;color:#7a6e65;font-size:14px}.fuel-detail-address{display:flex;align-items:flex-start;gap:6px;margin-top:10px;color:#5d544c;font-size:12px}.fuel-detail-actions{flex:0 0 auto}.fuel-detail-shell>.fuel-detail-services{margin:16px 0}.fuel-detail-shell>.fuel-detail-prices{margin:16px 0}.fuel-detail-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.fuel-detail-info>div{background:#fff;border:1px solid #eadfd4;border-radius:16px;padding:15px}.fuel-detail-info span{display:block;color:#8b7c70;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:5px}.fuel-detail-info strong{font-size:13px;color:#241f1b}.fuel-history{margin-top:30px}.fuel-history-list{background:#fff;border:1px solid #eadfd4;border-radius:20px;overflow:hidden}.fuel-history-row{display:grid;grid-template-columns:1fr auto 80px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #f0e8e1}.fuel-history-row:last-child{border-bottom:0}.fuel-history-row span{font-size:12px;color:#5e554d}.fuel-history-row strong{display:flex;align-items:center;gap:6px;font-size:12px}.fuel-history-row small{text-align:right;color:#99897d;font-size:10px}

@media(max-width:900px){.home-fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-detail-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-fuel-head{align-items:flex-start;padding:18px 16px 12px}.home-fuel-head h2{font-size:23px}.home-fuel-locate{margin:0 16px 14px;align-items:flex-start;flex-direction:column}.home-fuel-locate-btn{width:100%;justify-content:center}.home-fuel-locate-copy span{white-space:normal}.home-fuel-grid{grid-template-columns:1fr;padding:0 16px 16px}.fuel-modal-backdrop{padding:8px;align-items:flex-end}.fuel-modal-panel{border-radius:24px 24px 14px 14px;max-height:92vh;padding:20px}.fuel-modal-head h2{font-size:23px}.fuel-logo-detail{width:64px;height:64px}.fuel-detail-prices{grid-template-columns:1fr}.fuel-modal-actions{display:grid;grid-template-columns:1fr 1fr}.fuel-action-primary,.fuel-action-secondary{justify-content:center}.fuel-detail-shell{padding:16px 14px 80px}.fuel-detail-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:22px}.fuel-detail-id{align-items:flex-start}.fuel-detail-id h1{font-size:28px}.fuel-detail-actions{width:100%}.fuel-detail-actions .fuel-action-primary{width:100%;justify-content:center}.fuel-detail-info{grid-template-columns:1fr 1fr}.fuel-history-row{grid-template-columns:1fr auto}.fuel-history-row small{grid-column:1/-1;text-align:left}.fuel-card-open{opacity:1}}

/* v6 — ubicación primero, sin hero de relleno */
.fuel-location-panel{background:#fff;border:1px solid var(--fuel-border-2);border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px rgba(46,24,7,.025)}
.fuel-location-main{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px}
.fuel-location-identity{display:flex;align-items:center;gap:11px;min-width:0}
.fuel-location-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--fuel-accent-soft);color:var(--fuel-accent-deep);flex:0 0 auto}
.fuel-location-identity>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.fuel-location-identity strong{font-size:14px;line-height:1.2;color:var(--fuel-text)}
.fuel-location-identity span{font-size:11px;line-height:1.35;color:var(--fuel-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fuel-location-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.fuel-location-primary,.fuel-location-clear{height:38px;border-radius:12px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:820;cursor:pointer}
.fuel-location-primary{border:1px solid var(--fuel-accent);background:var(--fuel-accent);color:#fff}
.fuel-location-clear{border:1px solid var(--fuel-border);background:#fff;color:var(--fuel-text)}
.fuel-location-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-top:1px solid #f2eae3;background:#fdfbf9}
.fuel-location-panel .fuel-strip-radius{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.fuel-location-panel .fuel-view-all{margin-left:auto;white-space:nowrap}
.fuel-location-panel + .fuel-featured{margin-top:0}
@media(max-width:720px){.fuel-location-main{align-items:flex-start;flex-direction:column}.fuel-location-actions{width:100%}.fuel-location-primary{flex:1;justify-content:center}.fuel-location-controls{align-items:flex-start;flex-direction:column}.fuel-location-panel .fuel-view-all{margin-left:0}.fuel-location-identity span{white-space:normal}.fuel-location-panel .fuel-strip-radius{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.fuel-location-panel .fuel-strip-radius>span,.fuel-location-panel .fuel-chip{flex:0 0 auto}}
@media(max-width:440px){.fuel-location-actions{display:grid;grid-template-columns:1fr}.fuel-location-clear{justify-content:center}.fuel-location-main{padding:13px}.fuel-location-controls{padding:10px 13px}}


/* v7 — barra de ubicación mínima y adaptable */
.fuel-location-panel--compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  margin-bottom:14px;
  border-radius:16px;
  overflow:visible;
}
.fuel-location-inline{
  appearance:none;
  border:0;
  background:transparent;
  min-width:0;
  height:38px;
  padding:0 10px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--fuel-text);
  font-size:13px;
  font-weight:820;
  cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease;
}
.fuel-location-inline:hover{background:var(--fuel-surface-2)}
.fuel-location-inline.is-active{color:var(--fuel-accent-deep);background:var(--fuel-accent-soft)}
.fuel-location-inline:disabled{opacity:.62;cursor:wait}
.fuel-strip-radius--compact{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:nowrap;
  min-width:0;
}
.fuel-strip-radius--compact .fuel-chip{
  height:34px;
  min-width:54px;
  padding:0 11px;
  border-radius:10px;
  flex:0 0 auto;
}
@media(max-width:640px){
  .fuel-location-panel--compact{
    align-items:stretch;
    flex-wrap:wrap;
    gap:7px;
    padding:8px;
  }
  .fuel-location-inline{
    flex:1 1 100%;
    justify-content:flex-start;
    height:36px;
    padding:0 9px;
  }
  .fuel-strip-radius--compact{
    width:100%;
    margin-left:0;
    justify-content:space-between;
    gap:5px;
  }
  .fuel-strip-radius--compact .fuel-chip{
    flex:1 1 0;
    min-width:0;
    padding:0 6px;
  }
}
@media(min-width:641px) and (max-width:860px){
  .fuel-location-panel--compact{gap:6px}
  .fuel-location-inline{font-size:12px;padding:0 8px}
  .fuel-strip-radius--compact .fuel-chip{min-width:48px;padding:0 8px}
}

/* v8 — cards Explorar/Pinterest + logos reales de la fuente + texto completo */
.fuel-results-head{align-items:flex-end;margin-top:8px;margin-bottom:16px}
.fuel-results-head h2{font-size:30px;line-height:1.04;letter-spacing:-.035em}
.fuel-results-head p{font-size:13px}

/* Masonry visual: cada card conserva su altura natural. */
.fuel-grid{
  display:block;
  column-count:4;
  column-gap:16px;
}
.fuel-grid>.fuel-card{
  display:inline-flex;
  width:100%;
  margin:0 0 16px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
}
.fuel-featured .fuel-card{width:100%;margin:0}

.fuel-card{
  min-height:0;
  padding:17px;
  border-radius:22px;
  overflow:visible;
  cursor:pointer;
  background:#fff;
  border:1px solid #eadfd4;
  box-shadow:0 1px 0 rgba(55,31,11,.02);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.fuel-card:hover{
  transform:translateY(-2px);
  border-color:#dcc6b3;
  box-shadow:0 12px 30px rgba(49,28,11,.075);
}
.fuel-card:active{transform:translateY(-1px) scale(.997)}
.fuel-card:focus-visible{outline:3px solid rgba(239,91,42,.25);outline-offset:3px}
.fuel-card-top{gap:12px;align-items:flex-start}
.fuel-card-copy{flex:1;min-width:0}
.fuel-card-copy h3{
  margin:3px 0 6px;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.025em;
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.fuel-card-copy p{
  margin:0;
  font-size:11px;
  line-height:1.45;
  color:#766a61;
  text-transform:uppercase;
  overflow:visible;
  overflow-wrap:anywhere;
}
.fuel-card-brandline{min-height:0;margin-bottom:2px}
.fuel-card-logo{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:16px;
  background:#fff;
  border:1px solid #ece7e2;
  overflow:hidden;
  padding:7px;
}
.fuel-card-logo img{width:100%;height:100%;object-fit:contain;background:transparent}
.fuel-card-logo .fuel-logo-fallback{position:static;inset:auto;width:100%;height:100%;display:grid;place-items:center}
.fuel-card-logo .fuel-logo-fallback[hidden]{display:none!important}
.fuel-card-logo .fuel-logo-fallback svg{width:100%;height:100%}
.fuel-card-chevron{
  width:30px;height:30px;flex:0 0 30px;border-radius:999px;
  display:grid;place-items:center;background:#f8f4ef;color:#6e6157;
  opacity:.72;transition:.16s ease;
}
.fuel-card:hover .fuel-card-chevron{opacity:1;background:#fff0e9;color:var(--fuel-accent-deep);transform:translateX(2px)}
.fuel-card-distance{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:#504740}
.fuel-card-tags{margin-top:13px;gap:7px}
.fuel-service-chip{height:28px!important;font-size:10px!important;padding:0 9px!important}
.fuel-card-price-row{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #f1ebe5;
  align-items:flex-end;
}
.fuel-card-price strong{font-size:35px;line-height:.98}
.fuel-card-price small{font-size:9px}
.fuel-card-meta{max-width:52%}
.fuel-live{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.3}
.fuel-addr{display:none!important}
.fuel-card-open{display:none!important}
.fuel-brand-chip{height:22px;padding:0 8px;font-size:9px}

/* La destacada no parece banner: mantiene lenguaje de card de explorar. */
.fuel-card--featured{
  min-height:0;
  border-color:#efc96b;
  background:linear-gradient(180deg,#fffef9,#fffaf0);
}
.fuel-card--featured .fuel-card-copy h3{font-size:24px}
.fuel-card-pill{margin-bottom:13px}

/* Home: mismo lenguaje de Explorar, compacto y funcional. */
.home-fuel-section{
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}
.home-fuel-head{padding:8px 0 12px;align-items:flex-end}
.home-fuel-head h2{font-size:29px;margin:4px 0 4px}
.home-fuel-head p{font-size:12px}
.home-fuel-locate{
  margin:0 0 14px;
  border-radius:16px;
  padding:12px 13px;
  background:#fff;
  border:1px solid #eadfd4;
}
.home-fuel-locate-btn{height:36px;border-radius:11px}
.home-fuel-grid{
  display:block;
  columns:3 250px;
  column-gap:12px;
  padding:0;
}
.home-fuel-grid>.fuel-card{
  display:inline-flex;
  width:100%;
  margin:0 0 12px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  min-height:0;
}
.home-fuel-grid .fuel-card-copy h3{font-size:17px}
.home-fuel-grid .fuel-card-price strong{font-size:29px}
.home-fuel-grid .fuel-card-meta{display:flex;max-width:48%}
.home-fuel-grid .fuel-card-tags{margin-top:10px}
.home-fuel-grid .fuel-card-chevron{width:27px;height:27px;flex-basis:27px}

@media(max-width:1080px){
  .fuel-grid{column-count:3}
}
@media(max-width:780px){
  .fuel-grid{column-count:2;column-gap:12px}
  .fuel-grid>.fuel-card{margin-bottom:12px}
  .fuel-card-copy h3{font-size:18px}
  .fuel-card-price-row{flex-direction:row;align-items:flex-end}
  .fuel-card-meta{align-items:flex-end;max-width:50%}
  .fuel-live{text-align:right}
  .home-fuel-grid{columns:2 220px}
}
@media(max-width:540px){
  .fuel-grid{column-count:1}
  .fuel-card{padding:15px;border-radius:18px}
  .fuel-card-copy h3{font-size:18px}
  .fuel-card-logo{width:54px;height:54px;flex-basis:54px}
  .fuel-card-price strong{font-size:33px}
  .fuel-card-meta{max-width:48%;align-items:flex-end}
  .fuel-live{text-align:right}
  .home-fuel-grid{columns:1}
  .home-fuel-head{padding-left:0;padding-right:0}
  .home-fuel-locate{margin-left:0;margin-right:0}
}

/* v9 — modal estable + lectura de tendencia de precio */
.fuel-modal-panel{overflow:auto;isolation:isolate}
.fuel-modal-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--fuel-accent-deep),var(--fuel-accent));z-index:2}
.fuel-detail-price{position:relative;overflow:hidden;padding-top:21px}
.fuel-detail-price::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#d8d2cc}
.fuel-detail-price>strong{color:var(--fuel-text)}
.fuel-detail-price.fuel-trend-down::before{background:#079451}
.fuel-detail-price.fuel-trend-up::before{background:#d9362b}
.fuel-detail-price.fuel-trend-stable::before{background:#b5aaa1}
.fuel-detail-price.fuel-trend-down>strong{color:#087b46}
.fuel-detail-price.fuel-trend-up>strong{color:#b92720}
.fuel-detail-price.fuel-trend-stable>strong{color:#241f1b}
.fuel-price-trend{display:inline-flex;align-items:center;gap:5px;min-height:25px;margin-top:8px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850;line-height:1;background:#f3f0ed;color:#756b63}
.fuel-price-trend b{font-size:10px;font-weight:900}
.fuel-trend-down .fuel-price-trend{background:#eaf8f1;color:#087b46}
.fuel-trend-up .fuel-price-trend{background:#fff0ee;color:#b92720}
.fuel-trend-stable .fuel-price-trend{background:#f2efec;color:#6f665f}
.fuel-modal-meta{color:var(--fuel-accent-deep)}
.fuel-card-price strong{color:var(--fuel-text)}
.fuel-live{color:#6f665f}
@media(max-width:640px){.fuel-price-trend{margin-top:6px}}

.home-fuel-head .home-fuel-link{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px}
.mobile-tab[data-mobile-tab="gasolina"] svg{width:22px;height:22px}
@media (max-width:720px){.fuel-modal-panel{width:min(100% - 18px,420px);border-radius:22px;padding:14px}.fuel-detail-prices--modal{grid-template-columns:1fr}.fuel-modal-actions{display:grid;grid-template-columns:1fr 1fr}.fuel-results-grid{grid-template-columns:1fr}.fuel-result-card{border-radius:18px}}

/* v10 — unificación Home / Gasolina + servicios + análisis/histórico */
:root{--fuel-regular:#ef5b2a;--fuel-regular-soft:#fff1ea;--fuel-especial:#c78d13;--fuel-especial-soft:#fff8df;--fuel-diesel:#2e6fd8;--fuel-diesel-soft:#edf4ff}
.fuel-grid,.home-fuel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;columns:auto!important;padding:0!important}
.fuel-grid>.fuel-card,.home-fuel-grid>.fuel-card{display:flex!important;width:100%!important;margin:0!important;break-inside:auto!important;min-height:176px!important}
.fuel-card{padding:15px!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
.fuel-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(49,28,11,.065)!important}
.fuel-card-copy h3,.home-fuel-grid .fuel-card-copy h3{font-size:18px!important;line-height:1.08!important;margin:2px 0 5px!important;text-wrap:pretty!important}
.fuel-card-copy p{font-size:10px!important;line-height:1.4!important}
.fuel-card-logo{width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:14px!important;padding:5px!important}
.fuel-card-chevron{width:27px!important;height:27px!important;flex-basis:27px!important}
.fuel-card-price-row{margin-top:auto!important;padding-top:12px!important}
.fuel-card-price strong,.home-fuel-grid .fuel-card-price strong{font-size:30px!important}
.fuel-card-tags{margin-top:10px!important}
.fuel-card-price.fuel-price-regular strong{color:var(--fuel-regular)!important}.fuel-card-price.fuel-price-regular small{color:#bc6547!important}
.fuel-card-price.fuel-price-especial strong{color:var(--fuel-especial)!important}.fuel-card-price.fuel-price-especial small{color:#a47713!important}
.fuel-card-price.fuel-price-diesel strong{color:var(--fuel-diesel)!important}.fuel-card-price.fuel-price-diesel small{color:#426cae!important}
.fuel-service-atm{background:#eef4ff!important;color:#315d9f!important;border-color:#d9e5fb!important}.fuel-service-store{background:#eaf8f1!important;color:#087b46!important;border-color:#d0efdf!important}
.fuel-service-atm .fuel-icon,.fuel-service-store .fuel-icon{flex:0 0 auto}
.fuel-modal-panel::before{display:none!important;content:none!important}
.fuel-modal-panel{border:1px solid #eadfd4}
.fuel-detail-price{border-top:4px solid transparent!important;padding-top:17px!important}
.fuel-detail-price::before{display:none!important}
.fuel-detail-price.fuel-kind-regular{border-top-color:var(--fuel-regular)!important;background:linear-gradient(180deg,var(--fuel-regular-soft),#fff 35%)!important}
.fuel-detail-price.fuel-kind-especial{border-top-color:var(--fuel-especial)!important;background:linear-gradient(180deg,var(--fuel-especial-soft),#fff 35%)!important}
.fuel-detail-price.fuel-kind-diesel{border-top-color:var(--fuel-diesel)!important;background:linear-gradient(180deg,var(--fuel-diesel-soft),#fff 35%)!important}
.fuel-detail-price.fuel-kind-regular>strong{color:var(--fuel-regular)!important}.fuel-detail-price.fuel-kind-especial>strong{color:var(--fuel-especial)!important}.fuel-detail-price.fuel-kind-diesel>strong{color:var(--fuel-diesel)!important}
.fuel-atm-block{margin:14px 0;padding:14px 15px;border:1px solid #e4eaf4;background:#f8fbff;border-radius:16px}.fuel-section-title{display:flex;align-items:center;gap:9px}.fuel-section-title>div{display:flex;flex-direction:column;gap:2px}.fuel-section-title strong{font-size:12px;color:#25344a}.fuel-section-title span{font-size:10px;color:#738099}.fuel-atm-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.fuel-atm-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:999px;background:#fff;border:1px solid #dce6f5;color:#315d9f;font-size:10px}.fuel-atm-chip b{font-weight:850}
.fuel-analysis,.fuel-history{margin-top:26px}.fuel-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.fuel-section-heading>div>span{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:850;color:var(--fuel-accent-deep)}.fuel-section-heading h2{margin:4px 0 3px;font-size:25px;line-height:1.05;letter-spacing:-.025em}.fuel-section-heading p{margin:0;color:var(--fuel-muted);font-size:11px}.fuel-section-heading>.fuel-icon{color:#8b7d72}
.fuel-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fuel-analysis-card{background:#fff;border:1px solid #eadfd4;border-radius:18px;padding:15px}.fuel-analysis-head{display:flex;align-items:center;gap:7px}.fuel-analysis-head strong{font-size:11px}.fuel-analysis-head em{margin-left:auto;font-style:normal;font-size:9px;font-weight:850;padding:5px 7px;border-radius:999px;background:#f3f0ed;color:#756b63}.fuel-analysis-down .fuel-analysis-head em{background:#eaf8f1;color:#087b46}.fuel-analysis-up .fuel-analysis-head em{background:#fff0ee;color:#b92720}.fuel-analysis-current{font-size:28px;font-weight:900;letter-spacing:-.035em;margin:10px 0 12px}.fuel-analysis-stats{display:grid;gap:7px}.fuel-analysis-stats span{display:flex;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid #f2ece6;font-size:9px;color:#87796f}.fuel-analysis-stats b{color:#302923;font-weight:850}.fuel-kind-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}.fuel-dot-regular{background:var(--fuel-regular)}.fuel-dot-especial{background:var(--fuel-especial)}.fuel-dot-diesel{background:var(--fuel-diesel)}
.fuel-history-table{background:#fff;border:1px solid #eadfd4;border-radius:18px;overflow:hidden}.fuel-history-item{display:grid;grid-template-columns:70px minmax(150px,1fr) auto 72px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #f0e8e1}.fuel-history-item:last-child{border-bottom:0}.fuel-history-date{font-size:10px;color:#8d8076}.fuel-history-fuel{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850}.fuel-history-fuel small{font-size:9px;font-weight:650;color:#8d8076}.fuel-history-values{display:flex;align-items:center;gap:7px;font-size:11px}.fuel-history-values b{font-weight:650;color:#80736a}.fuel-history-values strong{font-weight:900}.fuel-history-delta{text-align:right;font-size:10px;font-weight:900;color:#746b64}.fuel-history-down .fuel-history-delta{color:#087b46}.fuel-history-up .fuel-history-delta{color:#b92720}.fuel-history-empty{padding:24px;background:#fff;border:1px dashed #dfd3c8;border-radius:18px;color:#81746a;font-size:11px;line-height:1.5}
@media(max-width:980px){.fuel-grid,.home-fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fuel-analysis-grid{grid-template-columns:1fr 1fr}.fuel-history-item{grid-template-columns:58px 1fr auto}.fuel-history-delta{grid-column:3}}
@media(max-width:620px){.fuel-grid,.home-fuel-grid{grid-template-columns:1fr!important}.fuel-card{min-height:164px!important}.fuel-analysis-grid{grid-template-columns:1fr}.fuel-history-item{grid-template-columns:54px 1fr}.fuel-history-values,.fuel-history-delta{grid-column:2;text-align:left}.fuel-history-fuel{flex-wrap:wrap}.fuel-section-heading h2{font-size:22px}}

.fuel-analysis-price-regular{color:var(--fuel-regular)}.fuel-analysis-price-especial{color:var(--fuel-especial)}.fuel-analysis-price-diesel{color:var(--fuel-diesel)}

/* v11 — referencia oficial, filtros integrados y misma card en Home + /gasolina */
.fuel-shell--explore{max-width:1380px}
.fuel-page-home-style{margin-bottom:14px}
.fuel-page-home-style .home-fuel-head{padding-top:4px}
.fuel-page-home-style .home-fuel-head h1{margin:4px 0 4px;font-size:30px;line-height:1.02;letter-spacing:-.035em}
.fuel-page-filter-trigger.on{background:#fff0e9!important;border-color:#efb4a1!important;color:var(--fuel-accent-deep)!important}
.fuel-strip-radius--home{display:flex;justify-content:flex-end;gap:7px;margin:-5px 0 0;padding:0 2px 2px}
.fuel-toolbar--explore{padding:0;border:0;background:transparent;margin:12px 0 16px}
.fuel-toolbar--explore .fuel-toolbar-main{padding:0;border:0;background:transparent}
.fuel-toolbar--explore .fuel-search{background:#fff}
.fuel-filter-panel{display:none!important;margin:0 0 14px;padding:15px;background:#fff;border:1px solid #eadfd4;border-radius:18px;box-shadow:0 12px 34px rgba(47,25,9,.055)}
.fuel-filter-panel.open{display:block!important}
.fuel-filter-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fuel-filter-panel-head strong{font-size:13px}
.fuel-filter-panel-head button{width:34px;height:34px;border:1px solid #eee4db;border-radius:10px;background:#fff;color:#64584f;display:grid;place-items:center;cursor:pointer}
.fuel-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fuel-filter-grid label{display:grid;gap:6px}
.fuel-filter-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#9a8879}
.fuel-filter-grid select{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #e6dbd1;border-radius:11px;background:#fff;color:#302820;font:inherit;font-size:12px}
.fuel-results-head{align-items:flex-end}
.fuel-price-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:9px;font-weight:800;color:#7a6d63}
.fuel-price-legend span{display:inline-flex;align-items:center;gap:6px}
.fuel-price-legend span::before{content:"";width:8px;height:8px;border-radius:50%}
.fuel-price-legend .normal::before{background:#079451}.fuel-price-legend .high::before{background:#d9362b}

/* Home y /gasolina comparten exactamente la misma estructura visual. */
.fuel-grid,.home-fuel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;columns:auto!important}
.fuel-grid>.fuel-card,.home-fuel-grid>.fuel-card{min-height:176px!important;padding:15px!important;border:1px solid #eadfd4!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
.fuel-grid .fuel-card-copy h3,.home-fuel-grid .fuel-card-copy h3{font-size:18px!important;line-height:1.08!important;margin:2px 0 5px!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;text-wrap:pretty!important}
.fuel-grid .fuel-card-copy p,.home-fuel-grid .fuel-card-copy p{font-size:10px!important;line-height:1.4!important;overflow:visible!important}
.fuel-grid .fuel-card-logo,.home-fuel-grid .fuel-card-logo{width:54px!important;height:54px!important;flex-basis:54px!important;padding:5px!important}
.fuel-grid .fuel-card-chevron,.home-fuel-grid .fuel-card-chevron{width:27px!important;height:27px!important;flex-basis:27px!important}
.fuel-grid .fuel-card-price-row,.home-fuel-grid .fuel-card-price-row{margin-top:auto!important;padding-top:12px!important}
.fuel-grid .fuel-card-price strong,.home-fuel-grid .fuel-card-price strong{font-size:30px!important}
.fuel-grid .fuel-card-tags,.home-fuel-grid .fuel-card-tags{margin-top:10px!important}

/* El color comunica relación contra la referencia, no tipo de combustible. */
.fuel-card-price strong,.fuel-detail-price strong,.fuel-service-price strong,.fuel-analysis-current{color:#211c18!important}
.fuel-ref-normal>strong,.fuel-card-price.fuel-ref-normal strong,.fuel-service-price.fuel-ref-normal>strong,.fuel-analysis-card.fuel-ref-normal .fuel-analysis-current{color:#079451!important}
.fuel-ref-high>strong,.fuel-card-price.fuel-ref-high strong,.fuel-service-price.fuel-ref-high>strong,.fuel-analysis-card.fuel-ref-high .fuel-analysis-current{color:#d9362b!important}
.fuel-ref-unknown>strong,.fuel-card-price.fuel-ref-unknown strong,.fuel-service-price.fuel-ref-unknown>strong,.fuel-analysis-card.fuel-ref-unknown .fuel-analysis-current{color:#211c18!important}
.fuel-card-price small{color:#9a8879!important}
.fuel-card-refline{display:block;margin-top:4px;font-size:9px;font-weight:800;line-height:1.2;color:#81746a}
.fuel-card-price.fuel-ref-normal .fuel-card-refline{color:#078349}.fuel-card-price.fuel-ref-high .fuel-card-refline{color:#c82f26}

/* Modal y detalle: sin barras/líneas decorativas por combustible. */
.fuel-modal-panel::before,.fuel-detail-price::before{display:none!important;content:none!important}
.fuel-detail-price,.fuel-detail-price.fuel-kind-regular,.fuel-detail-price.fuel-kind-especial,.fuel-detail-price.fuel-kind-diesel{border-top:0!important;background:#fff!important;padding:15px!important;overflow:visible!important}
.fuel-detail-prices{gap:12px}
.fuel-price-tile-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.fuel-price-tile-head>strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#51463e}
.fuel-price-tile-head>span{font-size:10px;color:#8a7b70}
.fuel-service-price-list{display:grid;gap:8px}
.fuel-service-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #ece4dd;border-radius:12px;background:#fbfaf9}
.fuel-service-price>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.fuel-service-price>div>span:first-child{font-size:10px;color:#766a61}
.fuel-service-price>strong{font-size:22px;letter-spacing:-.03em}
.fuel-service-price-empty{font-size:11px;color:#8a7d73;padding:10px 0}
.fuel-ref-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:8px;font-weight:850;line-height:1.2;padding:4px 6px;border-radius:999px}
.fuel-ref-badge.fuel-ref-normal{background:#eaf8f1;color:#087b46}.fuel-ref-badge.fuel-ref-high{background:#fff0ee;color:#c22e26}.fuel-ref-badge.fuel-ref-unknown{background:#f1efed;color:#77706a}

/* Servicios y cajeros quedan visibles cuando existen. */
.fuel-service-store{background:#eaf8f1!important;color:#087b46!important;border:1px solid #d0efdf!important}
.fuel-service-atm{background:#edf4ff!important;color:#315d9f!important;border:1px solid #d9e5fb!important}
.fuel-detail-services{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}

/* Análisis: también se pinta por referencia. */
.fuel-analysis-card.fuel-ref-normal .fuel-analysis-head em{background:#eaf8f1;color:#087b46}
.fuel-analysis-card.fuel-ref-high .fuel-analysis-head em{background:#fff0ee;color:#b92720}
.fuel-analysis-card.fuel-ref-unknown .fuel-analysis-head em{background:#f3f0ed;color:#756b63}

@media(max-width:980px){
  .fuel-grid,.home-fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fuel-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .fuel-grid,.home-fuel-grid{grid-template-columns:1fr!important}
  .fuel-page-home-style .home-fuel-head h1{font-size:26px}
  .fuel-strip-radius--home{justify-content:flex-start;overflow-x:auto}
  .fuel-filter-grid{grid-template-columns:1fr}
  .fuel-price-legend{justify-content:flex-start}
  .fuel-service-price{grid-template-columns:1fr auto}
  .fuel-detail-prices--modal{grid-template-columns:1fr!important}
}


/* v12 — experiencia compacta /gasolina + Pinterest + estados de referencia */
.fuel-shell--minimal{max-width:1380px;padding-top:8px}
.fuel-page-home-style--minimal{margin:0 0 12px;padding:0;background:transparent;border:0;box-shadow:none}
.fuel-page-home-style--minimal .home-fuel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.fuel-page-home-style--minimal .home-fuel-head h1{font-size:28px;margin:2px 0 0}
.fuel-location-inline{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #e7dbcf;border-radius:13px;background:#fff;color:#241d18;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.fuel-location-inline.is-active{border-color:#f1a88f;background:#fff7f3;color:#d93a24}
.fuel-location-note-inline{display:inline-block;margin-left:8px;font-size:10px;color:#8a7a6d;vertical-align:middle}
.fuel-filter-panel{position:relative;z-index:5}
.fuel-card-price-main{display:flex;align-items:center;gap:7px}
.fuel-ref-badge{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:999px;border:1px solid currentColor;background:#fff;padding:0}
.fuel-ref-badge span{display:none!important}
.fuel-ref-badge.fuel-ref-normal{color:#079451}.fuel-ref-badge.fuel-ref-high{color:#d9362b}.fuel-ref-badge.fuel-ref-unknown{display:none}
.fuel-card-refline{display:none!important}
.fuel-card-price.fuel-ref-normal strong,.fuel-service-price.fuel-ref-normal>strong,.fuel-analysis-card.fuel-ref-normal .fuel-analysis-current{color:#079451!important}
.fuel-card-price.fuel-ref-high strong,.fuel-service-price.fuel-ref-high>strong,.fuel-analysis-card.fuel-ref-high .fuel-analysis-current{color:#d9362b!important}
.fuel-card-price.fuel-ref-unknown strong,.fuel-service-price.fuel-ref-unknown>strong,.fuel-analysis-card.fuel-ref-unknown .fuel-analysis-current{color:#211c18!important}
.fuel-live-current{color:#079451!important}.fuel-live-previous{color:#c88a00!important}.fuel-live-unknown{color:#82766d!important}
.fuel-service-price-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fuel-service-fee{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;background:#f3f0ed;color:#6d6259;font-size:9px;font-weight:850;white-space:nowrap}
/* Sin barras decorativas por tipo de combustible. */
.fuel-detail-price,.fuel-detail-price.fuel-kind-regular,.fuel-detail-price.fuel-kind-especial,.fuel-detail-price.fuel-kind-diesel{border-top:0!important;background:#fff!important}
.fuel-detail-price::before{display:none!important}
/* Pinterest / Explorar: cards con altura natural. */
.fuel-grid,.home-fuel-grid{display:block!important;columns:3 300px!important;column-gap:12px!important}
.fuel-grid>.fuel-card,.home-fuel-grid>.fuel-card{display:inline-block!important;width:100%!important;min-height:0!important;margin:0 0 12px!important;break-inside:avoid;vertical-align:top;padding:15px!important}
.fuel-card-price-row{align-items:flex-end}
.home-fuel-grid .fuel-card-tags,.fuel-grid .fuel-card-tags{margin-top:9px!important}
@media(max-width:980px){.fuel-grid,.home-fuel-grid{columns:2 280px!important}}
@media(max-width:620px){
  .fuel-grid,.home-fuel-grid{columns:1!important}
  .fuel-location-inline{max-width:100%;width:auto;min-height:40px;padding:0 11px;font-size:11px;white-space:normal;text-align:left;line-height:1.15}
  .fuel-location-inline span{min-width:0;overflow-wrap:anywhere}
  .fuel-location-note-inline{display:block;margin:6px 0 0 2px;font-size:9px}
  .fuel-page-home-style--minimal .home-fuel-head h1{font-size:24px}
}
\n/* round-3 verified overrides */
/* Pinterest-style masonry, shared by Home and /gasolina. */
.fuel-grid,.home-fuel-grid{display:block!important;columns:5 220px!important;column-gap:14px!important}
.fuel-grid>.fuel-card,.home-fuel-grid>.fuel-card{display:inline-block!important;width:100%!important;min-height:0!important;margin:0 0 14px!important;break-inside:avoid!important;vertical-align:top!important}
@media(max-width:1280px){.fuel-grid,.home-fuel-grid{columns:4 220px!important}}
@media(max-width:980px){.fuel-grid,.home-fuel-grid{columns:3 220px!important}}
@media(max-width:720px){.fuel-grid,.home-fuel-grid{columns:2 160px!important;column-gap:10px!important}.fuel-location-inline{max-width:100%;white-space:normal;text-align:left;line-height:1.2}.fuel-location-inline span{min-width:0}.fuel-card{padding:12px!important}.fuel-card-copy h3{font-size:15px!important}.fuel-card-logo{width:46px!important;height:46px!important;flex-basis:46px!important}}
@media(max-width:390px){.fuel-grid,.home-fuel-grid{columns:1!important}}
/* Vigencia = color principal del precio. */
.fuel-vigency-current strong,.fuel-card-price.fuel-vigency-current strong,.fuel-service-price.fuel-vigency-current strong,.fuel-analysis-card.fuel-vigency-current .fuel-analysis-current{color:#079451!important}
.fuel-vigency-previous strong,.fuel-card-price.fuel-vigency-previous strong,.fuel-service-price.fuel-vigency-previous strong,.fuel-analysis-card.fuel-vigency-previous .fuel-analysis-current{color:#d59a00!important}
.fuel-vigency-unknown strong,.fuel-card-price.fuel-vigency-unknown strong,.fuel-service-price.fuel-vigency-unknown strong,.fuel-analysis-card.fuel-vigency-unknown .fuel-analysis-current{color:#211c18!important}
/* Remove old reference bubbles/colored rails everywhere. */
.fuel-ref-badge,.fuel-card-refline,.fuel-analysis-head em,.fuel-detail-price::before,.fuel-modal-panel::before{display:none!important;content:none!important}
.fuel-detail-price{border-top:0!important}
/* ATM block matches neutral Comparo surfaces, not blue alert. */
.fuel-atm-block{background:transparent!important;border-color:#eadfd4!important;box-shadow:none!important}
.fuel-atm-chip{background:#fff!important;border-color:#e7ddd3!important;color:#302923!important}