:root{--fuel-bg:#f7f9fc;--fuel-card:#fff;--fuel-border:#dfe5ef;--fuel-text:#172033;--fuel-muted:#64748b;--fuel-primary:#d51f2b;--fuel-primary-dark:#9f1239;--fuel-green:#087f5b;--fuel-green-dark:#065f46;--fuel-green-bg:#ecfdf5;--fuel-blue-bg:#fff1f2;--fuel-amber:#a16207;--fuel-amber-bg:#fffbeb;--fuel-shadow:0 18px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}.cf-fuel-page{margin:0;background:linear-gradient(180deg,#f8fafc 0,#eef2ff 46%,#f8fafc 100%);color:var(--fuel-text);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cf-fuel-page main{max-width:1120px;margin:0 auto;padding:24px 16px 64px}.cf-fuel-page .back{display:inline-flex;gap:7px;align-items:center;color:#475569;text-decoration:none;font-weight:750;margin:0 0 16px}.cf-fuel-page .back:hover{color:var(--fuel-primary)}
.cf-fuel-shell{background:rgba(255,255,255,.97);border:1px solid rgba(203,213,225,.8);border-radius:28px;box-shadow:var(--fuel-shadow);overflow:hidden}.cf-fuel-hero{padding:38px 38px 26px;background:radial-gradient(circle at top right,rgba(213,31,43,.12),transparent 38%),#fff}.cf-fuel-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--fuel-blue-bg);color:var(--fuel-primary-dark);font-weight:850;font-size:.78rem;border-radius:999px;padding:7px 11px;letter-spacing:.02em}.cf-fuel-hero h1{font-size:clamp(2.15rem,5vw,3.65rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 12px;max-width:880px}.cf-fuel-promise{font-size:1.24rem;line-height:1.55;font-weight:800;max-width:820px;margin:0 0 8px;color:#26324a}.cf-fuel-lead{font-size:1rem;line-height:1.68;color:#475569;max-width:820px;margin:0}.cf-fuel-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cf-fuel-trust span{font-size:.78rem;font-weight:750;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px}
.cf-fuel-tool{padding:22px 38px 34px;background:#fff}.cf-fuel-start{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:14px;align-items:end;max-width:820px}.cf-fuel-locate{width:100%;border:0;border-radius:17px;background:linear-gradient(135deg,var(--fuel-primary),#6366f1);color:#fff;font-weight:900;font-size:1.08rem;padding:15px 20px;min-height:54px;cursor:pointer;box-shadow:0 12px 28px rgba(213,31,43,.20);transition:transform .15s ease,box-shadow .15s ease}.cf-fuel-locate:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(213,31,43,.26)}.cf-fuel-locate:disabled{opacity:.65;cursor:wait;transform:none}.cf-fuel-field label{display:block;font-weight:800;font-size:.86rem;margin:0 0 7px;color:#334155}.cf-fuel-field select,.cf-fuel-field input{width:100%;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;font:inherit;padding:13px 14px;outline:none}.cf-fuel-field select:focus,.cf-fuel-field input:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.cf-fuel-privacy{font-size:.76rem;color:var(--fuel-muted);line-height:1.55;margin:10px 0 0;max-width:820px}.cf-fuel-status{margin:16px 0 0;border-radius:14px;padding:11px 13px;font-size:.86rem;line-height:1.5;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;max-width:820px}.cf-fuel-status[hidden]{display:none}.cf-fuel-status.is-error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.cf-fuel-status.is-ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.cf-fuel-results{scroll-margin-top:10px;border-top:1px solid #e2e8f0;padding:28px 38px 40px;background:#fbfdff}.cf-fuel-results[hidden]{display:none}.cf-fuel-results-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.cf-fuel-results-head h2{font-size:1.55rem;letter-spacing:-.025em;margin:0}.cf-fuel-source{margin:5px 0 0;color:var(--fuel-muted);font-size:.8rem}.cf-fuel-radius{display:flex;flex-wrap:wrap;gap:8px}.cf-fuel-radius button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:8px 11px;font:inherit;font-size:.81rem;font-weight:850;color:#475569;cursor:pointer;white-space:nowrap}.cf-fuel-radius button[aria-pressed="true"]{border-color:var(--fuel-primary);background:var(--fuel-primary);color:#fff}.cf-fuel-radius small{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;border-radius:999px;background:rgba(255,255,255,.2);font-size:.67rem}
.cf-fuel-input-card{margin:18px 0;padding:16px;border:1px solid #dbeafe;background:#eff6ff;border-radius:20px}.cf-fuel-input-title{font-size:.8rem;font-weight:850;color:#334155;margin:0 0 9px}.cf-fuel-liter-row{display:grid;grid-template-columns:auto minmax(110px,160px);gap:10px;align-items:center}.cf-fuel-liter-buttons{display:flex;gap:8px;flex-wrap:wrap}.cf-fuel-liter-buttons button{border:1px solid #cbd5e1;background:#fff;border-radius:12px;min-width:62px;padding:10px 12px;font:inherit;font-weight:850;color:#334155;cursor:pointer}.cf-fuel-liter-buttons button[aria-pressed="true"]{border-color:var(--fuel-primary);background:var(--fuel-primary);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.16)}.cf-fuel-custom-liters{position:relative}.cf-fuel-custom-liters[hidden]{display:none}.cf-fuel-custom-liters input{padding-right:34px}.cf-fuel-custom-liters span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.8rem;font-weight:800;pointer-events:none}.cf-fuel-advanced{margin-top:11px;border-top:1px solid #dbeafe;padding-top:10px}.cf-fuel-advanced summary{cursor:pointer;font-size:.8rem;font-weight:850;color:#4338ca;list-style:none}.cf-fuel-advanced summary::-webkit-details-marker{display:none}.cf-fuel-advanced summary:after{content:" +"}.cf-fuel-advanced[open] summary:after{content:" −"}.cf-fuel-advanced-grid{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:12px;align-items:end;margin-top:11px}.cf-fuel-calc-note{font-size:.75rem;line-height:1.5;color:#475569;margin:0}
.cf-fuel-decision{margin:18px 0 12px}.cf-fuel-decision-card{border:1px solid #86efac;background:linear-gradient(145deg,#f0fdf4,#fff 58%);border-radius:24px;padding:20px;box-shadow:0 14px 38px rgba(22,101,52,.08)}.cf-fuel-decision-kicker{display:inline-flex;align-items:center;background:#dcfce7;color:#166534;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.cf-fuel-decision-top{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-top:11px}.cf-fuel-decision-top h3{font-size:1.55rem;letter-spacing:-.03em;line-height:1.15;margin:0}.cf-fuel-decision-meta{margin:5px 0 0;color:#475569}.cf-fuel-decision-meta strong{font-size:1.14rem;color:#0f172a}.cf-fuel-route{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 12px;border-radius:12px;border:1px solid #bbf7d0;background:#fff;color:#166534;font-size:.82rem;font-weight:850;text-decoration:none;white-space:nowrap}.cf-fuel-freshness{display:flex;align-items:center;gap:5px;margin-top:11px;font-size:.74rem;color:#64748b}.cf-fuel-freshness span{width:8px;height:8px;border-radius:50%;background:#94a3b8}.cf-fuel-freshness.fresh span{background:#16a34a}.cf-fuel-freshness.older span{background:#d97706}.cf-fuel-freshness.fresh{color:#166534}.cf-fuel-freshness.older{color:#92400e}.cf-fuel-money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 13px}.cf-fuel-money-grid>div{border:1px solid #dcfce7;border-radius:15px;background:rgba(255,255,255,.82);padding:11px 12px}.cf-fuel-money-grid span{display:block;color:#64748b;font-size:.7rem;font-weight:750}.cf-fuel-money-grid strong{display:block;margin-top:3px;font-size:1.02rem}.cf-fuel-money-grid .is-total{background:#166534;border-color:#166534;color:#fff}.cf-fuel-money-grid .is-total span{color:#dcfce7}.cf-fuel-money-grid .is-total strong{font-size:1.23rem}.cf-fuel-verdict{border-radius:14px;padding:11px 13px;font-weight:900;font-size:.94rem}.cf-fuel-verdict.is-yes{background:#dcfce7;color:#166534}.cf-fuel-verdict.is-no{background:#f1f5f9;color:#334155}.cf-fuel-decision-reason{margin:9px 1px 0;color:#334155;font-size:.88rem;line-height:1.5}.cf-fuel-threshold{margin:10px 0 0;padding:10px 12px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.86rem;line-height:1.45}.cf-fuel-cheapest-context{margin:9px 1px 0;color:#64748b;font-size:.78rem;line-height:1.5}
.cf-fuel-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 18px}.cf-fuel-mini-card{border:1px solid var(--fuel-border);background:#fff;border-radius:17px;padding:13px 14px}.cf-fuel-mini-card>span{display:block;color:#64748b;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.cf-fuel-mini-card strong{display:block;margin-top:4px;font-size:.96rem}.cf-fuel-mini-card em{display:block;font-style:normal;margin-top:3px;color:#475569;font-size:.78rem}.cf-fuel-mini-card small{display:block;margin-top:6px;font-size:.68rem;color:#64748b}.cf-fuel-mini-card small.fresh{color:#166534}.cf-fuel-mini-card small.older{color:#92400e}
.cf-fuel-sort-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.cf-fuel-sort-row strong{font-size:.96rem}.cf-fuel-sort-meta{display:block;color:#64748b;font-size:.72rem;font-weight:600;margin-top:2px}.cf-fuel-sort-row label{font-size:.76rem;color:#64748b}.cf-fuel-sort-row select{border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:8px 10px;font:inherit;font-size:.8rem;color:#334155}.cf-fuel-list{display:grid;gap:10px}.cf-fuel-station{display:grid;grid-template-columns:48px minmax(0,1.45fr) minmax(145px,.65fr) minmax(190px,.8fr);gap:13px;align-items:center;border:1px solid var(--fuel-border);background:#fff;border-radius:18px;padding:14px 15px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.cf-fuel-station.is-best{border-color:#86efac;box-shadow:0 8px 26px rgba(22,101,52,.07)}.cf-fuel-rank{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#334155;font-weight:900}.cf-fuel-station.is-best .cf-fuel-rank{background:#dcfce7;color:#166534}.cf-fuel-name{font-size:.98rem;font-weight:900;line-height:1.2;margin:0 0 4px}.cf-fuel-address{font-size:.76rem;color:var(--fuel-muted);line-height:1.42}.cf-fuel-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.cf-fuel-badge{font-size:.63rem;font-weight:850;padding:4px 6px;border-radius:999px;background:#f1f5f9;color:#475569}.cf-fuel-badge.green{background:#dcfce7;color:#166534}.cf-fuel-badge.blue{background:#e0e7ff;color:#3730a3}.cf-fuel-badge.amber{background:#fef3c7;color:#92400e}.cf-fuel-freshness.compact{margin-top:6px;font-size:.66rem}.cf-fuel-freshness.compact span{width:6px;height:6px}.cf-fuel-price{text-align:right}.cf-fuel-price strong{font-size:1.35rem;letter-spacing:-.035em}.cf-fuel-price span{display:block;font-size:.68rem;color:var(--fuel-muted);margin-top:2px}.cf-fuel-economics{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;font-size:.72rem;color:#64748b;line-height:1.35}.cf-fuel-economics div{display:flex;justify-content:space-between;gap:8px}.cf-fuel-economics div.is-total{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:5px;margin-top:2px;color:#0f172a}.cf-fuel-economics strong{color:#0f172a}.cf-fuel-economics small,.cf-fuel-economics a{grid-column:1/-1}.cf-fuel-economics small{font-size:.65rem;color:#64748b}.cf-fuel-economics small.is-best-note{color:#166534;font-weight:800}.cf-fuel-economics a{font-weight:850;color:var(--fuel-primary);text-decoration:none;margin-top:3px}.cf-fuel-economics a:hover{text-decoration:underline}.cf-fuel-empty{text-align:center;padding:26px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:#64748b}.cf-fuel-map-toggle{display:flex;justify-content:center;margin:18px 0 4px}.cf-fuel-map-toggle button{border:1px solid #cbd5e1;background:#fff;color:#334155;font-weight:850;border-radius:12px;padding:10px 14px;cursor:pointer}.cf-fuel-map-note{text-align:center;font-size:.7rem;color:#64748b;margin:7px 0}.cf-fuel-map{height:430px;border:1px solid #cbd5e1;border-radius:18px;overflow:hidden;margin-top:12px}.cf-fuel-map[hidden]{display:none}
.cf-fuel-content{padding:8px 38px 44px;background:#fff}.cf-fuel-content section{padding-top:30px;border-top:1px solid #edf2f7;margin-top:28px}.cf-fuel-content h2{font-size:1.5rem;letter-spacing:-.025em;margin:0 0 12px}.cf-fuel-content h3{font-size:1.03rem;margin:20px 0 7px}.cf-fuel-content p,.cf-fuel-content li{color:#475569;line-height:1.72}.cf-fuel-content a{color:var(--fuel-primary);font-weight:750}.cf-fuel-note{border-left:4px solid var(--fuel-primary);background:#f5f3ff;border-radius:0 14px 14px 0;padding:13px 15px;color:#4c1d95}.cf-fuel-faq details{border:1px solid #e2e8f0;border-radius:14px;padding:13px 15px;margin:9px 0;background:#fff}.cf-fuel-faq summary{cursor:pointer;font-weight:850;color:#1e293b}.cf-fuel-faq details p{margin:9px 0 0}.cf-fuel-footer{font-size:.76rem;color:#64748b;margin-top:30px;padding-top:18px;border-top:1px solid #e2e8f0}
@media(max-width:820px){.cf-fuel-page main{padding:10px 8px 38px}.cf-fuel-page .back{margin:4px 6px 10px;font-size:.82rem}.cf-fuel-shell{border-radius:20px}.cf-fuel-hero,.cf-fuel-tool,.cf-fuel-results,.cf-fuel-content{padding-left:16px;padding-right:16px}.cf-fuel-hero{padding-top:23px;padding-bottom:19px}.cf-fuel-hero h1{font-size:2.15rem;margin-top:13px}.cf-fuel-promise{font-size:1.04rem;line-height:1.45}.cf-fuel-lead{font-size:.9rem;line-height:1.58}.cf-fuel-trust{gap:6px;margin-top:14px}.cf-fuel-trust span{font-size:.7rem;padding:6px 8px}.cf-fuel-tool{padding-top:14px;padding-bottom:24px}.cf-fuel-start{grid-template-columns:1fr}.cf-fuel-locate{order:-1;font-size:1rem;min-height:56px}.cf-fuel-privacy{font-size:.7rem}.cf-fuel-results{padding-top:22px}.cf-fuel-results-head{align-items:flex-start}.cf-fuel-results-head h2{font-size:1.3rem}.cf-fuel-radius{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cf-fuel-radius button{padding:8px 3px;font-size:.74rem}.cf-fuel-input-card{padding:13px;margin:14px 0}.cf-fuel-liter-row{grid-template-columns:1fr}.cf-fuel-liter-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cf-fuel-liter-buttons button{min-width:0;padding:10px 4px}.cf-fuel-custom-liters{max-width:150px}.cf-fuel-advanced-grid{grid-template-columns:1fr}.cf-fuel-decision{margin-top:14px}.cf-fuel-decision-card{padding:16px;border-radius:20px}.cf-fuel-decision-top{display:block}.cf-fuel-decision-top h3{font-size:1.32rem}.cf-fuel-route{margin-top:11px;width:100%}.cf-fuel-money-grid{grid-template-columns:1fr 1fr;margin:13px 0 11px}.cf-fuel-money-grid .is-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.cf-fuel-money-grid .is-total strong{margin:0;font-size:1.3rem}.cf-fuel-compare{grid-template-columns:1fr 1fr;gap:7px}.cf-fuel-mini-card{padding:11px}.cf-fuel-mini-card strong{font-size:.86rem}.cf-fuel-mini-card em{font-size:.7rem}.cf-fuel-sort-row{align-items:flex-start;flex-direction:column;margin-top:20px}.cf-fuel-sort-row label,.cf-fuel-sort-row select{width:100%}.cf-fuel-station{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px}.cf-fuel-rank{width:34px;height:34px}.cf-fuel-price,.cf-fuel-economics{grid-column:2;text-align:left}.cf-fuel-price{margin-top:1px}.cf-fuel-price strong{font-size:1.23rem}.cf-fuel-economics{border-top:1px solid #edf2f7;padding-top:8px;margin-top:2px}.cf-fuel-map{height:330px}.cf-fuel-content{padding-bottom:36px}.cf-fuel-content section{padding-top:24px;margin-top:22px}.cf-fuel-content h2{font-size:1.25rem}.cf-fuel-content p,.cf-fuel-content li{font-size:.88rem;line-height:1.65}}
@media(max-width:430px){.cf-fuel-hero h1{font-size:1.95rem}.cf-fuel-compare{grid-template-columns:1fr}.cf-fuel-money-grid>div{padding:10px}.cf-fuel-decision-reason,.cf-fuel-threshold{font-size:.82rem}.cf-fuel-badges{gap:4px}}

/* UX decisión económica · 2026-09-03 */
.cf-fuel-total-hero{margin:16px 0 12px;padding:16px 18px;border-radius:18px;background:#166534;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.cf-fuel-total-hero span{font-size:.78rem;font-weight:800;color:#dcfce7;line-height:1.3}.cf-fuel-total-hero strong{font-size:2rem;letter-spacing:-.04em;line-height:1;white-space:nowrap}.cf-fuel-verdict.is-yes{font-size:1rem;text-align:center;padding:13px 14px}.cf-fuel-savings{margin-top:14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:18px;overflow:hidden}.cf-fuel-savings-head{padding:14px 16px 12px;background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.cf-fuel-savings-head span{display:block;color:#166534;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em}.cf-fuel-savings-head strong{display:block;margin-top:4px;color:#14532d;font-size:1.75rem;letter-spacing:-.035em}.cf-fuel-savings-head small{display:block;margin-top:2px;color:#3f5f4a;font-size:.72rem;line-height:1.4}.cf-fuel-saving-rows{background:#fff}.cf-fuel-saving-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #ecfdf5}.cf-fuel-saving-row:first-child{border-top:0}.cf-fuel-saving-row span{min-width:0;color:#475569;font-size:.78rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-fuel-saving-row strong{color:#166534;font-size:.96rem;white-space:nowrap}.cf-fuel-saving-row.is-context{background:#fbfdfc}.cf-fuel-saving-row.is-context span{font-weight:750}.cf-fuel-savings-note{margin:0;padding:9px 16px 11px;border-top:1px solid #ecfdf5;color:#64748b;font-size:.65rem;line-height:1.45;background:#fbfdfc}.cf-fuel-calc-details{margin-top:12px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:0 13px}.cf-fuel-calc-details summary{cursor:pointer;padding:11px 0;color:#475569;font-size:.78rem;font-weight:850;list-style:none}.cf-fuel-calc-details summary::-webkit-details-marker{display:none}.cf-fuel-calc-details summary:after{content:" +";color:#4f46e5}.cf-fuel-calc-details[open] summary:after{content:" −"}.cf-fuel-calc-details .cf-fuel-money-grid{margin:0 0 12px}.cf-fuel-mini-total{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid #edf2f7}.cf-fuel-mini-total span{font-size:.64rem;font-weight:900;color:#64748b}.cf-fuel-mini-total strong{margin:0;font-size:.92rem}.cf-fuel-mini-total b{font-size:.7rem;color:#9a3412;background:#fff7ed;border-radius:999px;padding:3px 6px}.cf-fuel-mini-total b.is-best{color:#166534;background:#dcfce7}.cf-fuel-rank-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.cf-fuel-rank-total>span{font-size:.64rem;font-weight:900;color:#64748b;letter-spacing:.04em}.cf-fuel-rank-total>strong{font-size:1.35rem;line-height:1.05;letter-spacing:-.035em;color:#0f172a}.cf-fuel-rank-total>b{margin-top:3px;font-size:.73rem;color:#9a3412;background:#fff7ed;border-radius:999px;padding:4px 7px}.cf-fuel-rank-total>b.is-best{color:#166534;background:#dcfce7}.cf-fuel-rank-total>small{font-size:.62rem;color:#64748b}.cf-fuel-rank-total>em{font-style:normal;margin-top:4px;font-size:.62rem;line-height:1.35;color:#64748b}.cf-fuel-rank-total>a{margin-top:5px;color:var(--fuel-primary);font-size:.72rem;font-weight:850;text-decoration:none}.cf-fuel-rank-total>a:hover{text-decoration:underline}
@media(max-width:820px){.cf-fuel-decision-card{padding:15px}.cf-fuel-total-hero{margin:13px 0 10px;padding:14px 15px;display:block}.cf-fuel-total-hero span{display:block;font-size:.72rem}.cf-fuel-total-hero strong{display:block;margin-top:5px;font-size:2.35rem}.cf-fuel-verdict.is-yes{text-align:left;font-size:.94rem}.cf-fuel-decision-reason{font-size:.8rem}.cf-fuel-savings{margin-top:12px}.cf-fuel-savings-head{padding:13px 14px 11px}.cf-fuel-savings-head strong{font-size:1.6rem}.cf-fuel-saving-row{padding:10px 14px}.cf-fuel-saving-row span{font-size:.73rem}.cf-fuel-saving-row strong{font-size:.9rem}.cf-fuel-savings-note{padding:8px 14px 10px}.cf-fuel-calc-details{margin-top:10px}.cf-fuel-calc-details .cf-fuel-money-grid{grid-template-columns:1fr 1fr}.cf-fuel-calc-details .cf-fuel-money-grid .is-total{grid-column:1/-1}.cf-fuel-mini-total{grid-template-columns:auto 1fr auto}.cf-fuel-station{grid-template-columns:36px minmax(0,1fr);align-items:start}.cf-fuel-price,.cf-fuel-rank-total{grid-column:2;text-align:left;align-items:flex-start}.cf-fuel-price{display:flex;align-items:baseline;gap:6px}.cf-fuel-price span{display:inline;margin-top:0}.cf-fuel-rank-total{margin-top:3px;padding:10px 11px;border-radius:12px;background:#f8fafc;border:1px solid #edf2f7}.cf-fuel-station.is-best .cf-fuel-rank-total{background:#f0fdf4;border-color:#bbf7d0}.cf-fuel-rank-total>strong{font-size:1.28rem}.cf-fuel-rank-total>em{font-size:.65rem}.cf-fuel-rank-total>a{font-size:.75rem}.cf-fuel-compare{margin-bottom:12px}}
@media(max-width:430px){.cf-fuel-total-hero strong{font-size:2.15rem}.cf-fuel-savings-head strong{font-size:1.48rem}.cf-fuel-saving-row{gap:8px}.cf-fuel-saving-row span{font-size:.7rem}.cf-fuel-saving-row strong{font-size:.86rem}.cf-fuel-mini-total{grid-template-columns:auto 1fr}.cf-fuel-mini-total b{grid-column:1/-1;justify-self:start}.cf-fuel-compare{grid-template-columns:1fr}.cf-fuel-threshold{margin-top:9px}}


/* Subproyecto Gasolineras Baratas · identidad + PWA + silo SEO/GEO */
.cf-fuel-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:center}.cf-fuel-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cf-fuel-brand img{width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px rgba(15,23,42,.10)}.cf-fuel-brand strong{display:block;font-size:.94rem;letter-spacing:-.01em}.cf-fuel-brand small{display:block;margin-top:2px;color:#64748b;font-size:.72rem}.cf-fuel-hero-logo{width:190px;height:190px;border-radius:34px;object-fit:cover;box-shadow:0 22px 46px rgba(159,18,57,.16);justify-self:end}.cf-fuel-silo-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cf-fuel-silo-nav a{display:block;text-decoration:none;border:1px solid #e2e8f0;background:#fff;border-radius:15px;padding:13px}.cf-fuel-silo-nav a strong{display:block;color:#1e293b;font-size:.88rem}.cf-fuel-silo-nav a span{display:block;margin-top:4px;color:#64748b;font-size:.72rem;line-height:1.4}.cf-fuel-legal{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:13px}.cf-fuel-legal a{font-size:.75rem}.cf-fuel-subbrand{margin-top:10px;color:#94a3b8;font-size:.7rem}.cf-fuel-guide-shell{max-width:900px;margin:0 auto}.cf-fuel-guide-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:34px;box-shadow:var(--fuel-shadow)}.cf-fuel-guide-card h1{font-size:clamp(2rem,5vw,3.15rem);line-height:1.08;letter-spacing:-.04em;margin:16px 0}.cf-fuel-guide-card h2{font-size:1.42rem;letter-spacing:-.025em;margin:30px 0 10px}.cf-fuel-guide-card h3{font-size:1.05rem;margin:24px 0 8px}.cf-fuel-guide-card p,.cf-fuel-guide-card li{color:#475569;line-height:1.72}.cf-fuel-guide-cta{margin:24px 0;padding:18px;border:1px solid #fecdd3;background:#fff7f8;border-radius:18px}.cf-fuel-guide-cta a{display:inline-flex;margin-top:8px;border-radius:12px;background:#b91c1c;color:#fff;text-decoration:none;font-weight:900;padding:11px 15px}.cf-fuel-guide-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cf-fuel-guide-links a{border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;text-decoration:none;font-size:.78rem}.cf-fuel-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:13px;color:#334155;overflow:auto}.cf-fuel-calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.cf-fuel-calc-grid label{font-size:.8rem;font-weight:800;color:#334155}.cf-fuel-calc-grid input{display:block;width:100%;margin-top:5px;border:1px solid #cbd5e1;border-radius:12px;padding:11px;font:inherit}.cf-fuel-calc-action{border:0;border-radius:12px;background:#b91c1c;color:#fff;font:inherit;font-weight:900;padding:11px 15px;cursor:pointer}.cf-fuel-calc-result{margin-top:15px;border:1px solid #e2e8f0;border-radius:15px;padding:14px;background:#f8fafc}.cf-fuel-calc-result strong{display:block;font-size:1.3rem;color:#0f172a}.cf-fuel-calc-result span{display:block;margin-top:4px;color:#64748b;font-size:.78rem;line-height:1.5}.cf-fuel-offline{text-align:center;max-width:620px;margin:8vh auto;padding:24px}.cf-fuel-offline img{width:150px;height:150px;border-radius:30px}.cf-fuel-offline a{display:inline-flex;margin-top:14px;border-radius:12px;background:#b91c1c;color:#fff;text-decoration:none;font-weight:900;padding:11px 15px}
@media(max-width:820px){.cf-fuel-hero-grid{grid-template-columns:1fr}.cf-fuel-hero-logo{display:none}.cf-fuel-brand img{width:46px;height:46px;border-radius:14px}.cf-fuel-silo-nav{grid-template-columns:1fr 1fr}.cf-fuel-guide-card{padding:22px 16px;border-radius:20px}.cf-fuel-calc-grid{grid-template-columns:1fr}}
@media(max-width:430px){.cf-fuel-silo-nav{grid-template-columns:1fr}.cf-fuel-guide-card h1{font-size:1.95rem}}


/* PWA: aviso flotante, equivalente al de ComparaFactura principal. La instalación solo se inicia al pulsar "Instalar". */
#cf-fuel-pwa-install{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:99998;width:min(92vw,470px);font-family:inherit}
#cf-fuel-pwa-install .cf-fuel-pwa-card{display:flex;align-items:center;gap:12px;padding:12px 13px;background:rgba(15,23,42,.98);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.32);backdrop-filter:blur(12px)}
#cf-fuel-pwa-install .cf-fuel-pwa-icon{width:42px;height:42px;border-radius:12px;overflow:hidden;flex:0 0 auto;box-shadow:0 5px 14px rgba(185,28,28,.35)}
#cf-fuel-pwa-install .cf-fuel-pwa-icon img{display:block;width:100%;height:100%;object-fit:cover}
#cf-fuel-pwa-install .cf-fuel-pwa-banner-copy{min-width:0;flex:1}
#cf-fuel-pwa-install .cf-fuel-pwa-title{display:block;font-size:13.5px;font-weight:850;line-height:1.2;color:#fff}
#cf-fuel-pwa-install .cf-fuel-pwa-text{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#cbd5e1}
#cf-fuel-pwa-install .cf-fuel-pwa-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
#cf-fuel-pwa-install button{appearance:none;border:0;border-radius:11px;padding:9px 12px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
#cf-fuel-pwa-install .cf-fuel-pwa-primary{background:#b91c1c;color:#fff;box-shadow:0 5px 14px rgba(185,28,28,.30);min-width:72px}
#cf-fuel-pwa-install .cf-fuel-pwa-primary:active{transform:translateY(1px)}
#cf-fuel-pwa-install .cf-fuel-pwa-close{background:transparent;color:#cbd5e1;padding:9px;font-size:17px;line-height:1}
#cf-fuel-pwa-install button:focus-visible{outline:2px solid #fecaca;outline-offset:2px}
@media(max-width:480px){#cf-fuel-pwa-install{bottom:10px;width:min(94vw,470px)}#cf-fuel-pwa-install .cf-fuel-pwa-card{gap:9px;padding:10px 11px}#cf-fuel-pwa-install .cf-fuel-pwa-icon{width:40px;height:40px}#cf-fuel-pwa-install .cf-fuel-pwa-actions{gap:1px}#cf-fuel-pwa-install button{padding:8px 9px}#cf-fuel-pwa-install .cf-fuel-pwa-text{font-size:10.5px}}
@media(display-mode:standalone){#cf-fuel-pwa-install{display:none!important}}