/* Todo el CSS vive bajo .ecomb26-app con prefijo ecomb26- para poder incrustarse en otra página sin choques. */
@font-face{font-family:'ecomb26-Pixel';src:url('assets/pixelify-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}.ecomb26-app{--ecomb26-ink:#10172d;--ecomb26-red:#c00000;--ecomb26-blue:#2656ad;--ecomb26-sky:#80a9e6;--ecomb26-gold:#ffcc66;--ecomb26-paper:#fff9ed;--ecomb26-pixel:'ecomb26-Pixel','Courier New',monospace}.ecomb26-app,.ecomb26-app *{box-sizing:border-box}.ecomb26-app{text-align:left;text-transform:none;letter-spacing:normal}.ecomb26-app h2,.ecomb26-app h3,.ecomb26-app p,.ecomb26-app label{color:inherit;text-transform:none;text-shadow:none;background:none;border:0;padding:0}.ecomb26-app{background:var(--ecomb26-paper);color:var(--ecomb26-ink);font:16px/1.5 Arial,Helvetica,sans-serif}.ecomb26-app{max-width:1040px;padding:20px 28px 24px;margin:auto}.ecomb26-app .ecomb26-intro{text-align:center;padding:26px 0 8px}.ecomb26-app .ecomb26-kicker{font-size:11px;letter-spacing:2px;color:var(--ecomb26-blue);font-weight:700;margin:0 0 10px}.ecomb26-app h2{font:700 clamp(38px,6.2vw,67px)/.98 var(--ecomb26-pixel);margin:0;letter-spacing:-1.5px}.ecomb26-app .ecomb26-intro>p:last-child{font-size:15px;color:#526175;margin:14px 0 5px}.ecomb26-app .ecomb26-connection{min-height:26px;text-align:center;color:#526175;font-size:12px;margin-bottom:18px}.ecomb26-app .ecomb26-connection.ecomb26-error{color:#a00000}.ecomb26-app .ecomb26-connection.ecomb26-cached{color:#7a4b00}.ecomb26-app #ecomb26-recovery{text-align:center;margin:-5px 0 22px}.ecomb26-app .ecomb26-small-button{font:700 14px Arial;color:var(--ecomb26-blue);border:1px solid var(--ecomb26-blue);background:transparent;padding:10px 13px;margin:4px;cursor:pointer}.ecomb26-app .ecomb26-selectors{display:grid;grid-template-columns:1.35fr 1.4fr .72fr .94fr 1.1fr;gap:12px}.ecomb26-app label{min-width:0;padding:9px 9px 10px;background:#fffdf8;border:2px solid var(--ecomb26-ink);box-shadow:3px 3px 0 var(--ecomb26-ink);position:relative}.ecomb26-app label>span{display:block;font-size:13px;font-weight:700;text-align:center;margin-bottom:7px;white-space:nowrap}.ecomb26-app select{width:100%;min-height:44px;border:2px solid #67b9e9;border-bottom-width:4px;border-radius:0;background:#e4f4ff;color:var(--ecomb26-ink);font:700 14px Arial;padding:8px 23px 8px 8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9'%3E%3Cpath fill='%2310172d' d='M0 0h11L5.5 9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;cursor:pointer}.ecomb26-app select:hover{background-color:#d3eaff}.ecomb26-app select:disabled{cursor:wait;opacity:.6}.ecomb26-app button:focus-visible,.ecomb26-app select:focus-visible{outline:3px solid var(--ecomb26-blue);outline-offset:5px}.ecomb26-app .ecomb26-compare{display:block;position:relative;margin:25px auto 0;min-width:290px;min-height:66px;padding:8px 42px;border:3px solid var(--ecomb26-ink);border-radius:0;background:var(--ecomb26-red);color:white;box-shadow:inset 0 5px 0 #ff9173,inset 0 -5px 0 #840000,5px 5px 0 var(--ecomb26-ink);font:700 33px var(--ecomb26-pixel);cursor:pointer;transition:transform .12s,box-shadow .12s}.ecomb26-app .ecomb26-compare>span{font:18px Arial;margin-left:14px;vertical-align:middle}.ecomb26-app .ecomb26-compare:hover:enabled{background:#d6130e;transform:translateY(-2px)}.ecomb26-app .ecomb26-compare:active:enabled{transform:translate(3px,3px);box-shadow:inset 0 3px 0 #ff9173,inset 0 -3px 0 #840000,2px 2px 0 var(--ecomb26-ink)}.ecomb26-app .ecomb26-compare:disabled{cursor:wait;filter:saturate(.4);opacity:.65}.ecomb26-app .ecomb26-hint{text-align:center;font-size:12px;color:#526175;margin:15px 0 6px;min-height:18px}.ecomb26-app .ecomb26-experience{margin-top:0}.ecomb26-app .ecomb26-scene{position:relative;overflow:hidden;width:100%;aspect-ratio:1024/568;isolation:isolate}.ecomb26-app .ecomb26-scene-art{position:absolute;width:100%;height:auto;left:0;top:-96.83%;display:block;max-width:none;image-rendering:auto}.ecomb26-app .ecomb26-pump-display{position:absolute;left:73.2%;top:13.03%;width:18.3%;height:21.45%;background:#e1f5d8;box-shadow:0 0 0 3px #101f36;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;container-type:inline-size;padding-bottom:5px}.ecomb26-app .ecomb26-pump-label{display:block;width:100%;text-align:center;background:#102038;color:#fff;font-size:8cqw;font-weight:bold;line-height:1.6;white-space:nowrap}.ecomb26-app .ecomb26-pump-display strong{font:700 22cqw/.95 var(--ecomb26-pixel);letter-spacing:-.5px;white-space:nowrap}.ecomb26-app .ecomb26-pump-display>span:last-child{font:700 7.7cqw/1.1 Arial;text-align:center;white-space:nowrap}.ecomb26-app .ecomb26-vehicle-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#526175;padding:3px 8px 18px}.ecomb26-app .ecomb26-vehicle-caption>span:first-child{font-weight:bold;color:var(--ecomb26-ink)}.ecomb26-app .ecomb26-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:0 4px}.ecomb26-app .ecomb26-result-card{--ecomb26-edge:#72bced;position:relative;text-align:center;border:3px solid var(--ecomb26-edge);outline:2px solid #fffefb;box-shadow:4px 4px 0 var(--ecomb26-edge);background:#ddf0ff;padding:19px 10px 17px;min-width:0}.ecomb26-app .ecomb26-result-card:before,.ecomb26-app .ecomb26-result-card:after{content:'';position:absolute;background:var(--ecomb26-paper);width:7px;height:7px}.ecomb26-app .ecomb26-result-card:before{left:-4px;top:-4px;border-right:2px solid var(--ecomb26-edge);border-bottom:2px solid var(--ecomb26-edge)}.ecomb26-app .ecomb26-result-card:after{right:-4px;bottom:-4px;border-left:2px solid var(--ecomb26-edge);border-top:2px solid var(--ecomb26-edge)}.ecomb26-app .ecomb26-result-card h3{font:700 clamp(19px,2.7vw,29px)/1.1 var(--ecomb26-pixel);margin:0 0 6px;white-space:nowrap}.ecomb26-app .ecomb26-period{font-size:14px;font-weight:700;margin:0;min-height:21px}.ecomb26-app .ecomb26-card-line{height:3px;background:var(--ecomb26-edge);margin:14px 10px 15px}.ecomb26-app .ecomb26-amount{font:700 clamp(26px,4vw,45px)/1.05 var(--ecomb26-pixel);margin:0 0 9px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-1px}.ecomb26-app .ecomb26-card-note{font-size:13px;margin:0}.ecomb26-app .ecomb26-now{--ecomb26-edge:#88cda1;background:#e1f6de}.ecomb26-app .ecomb26-change{--ecomb26-edge:#edb795;background:#fff0df}.ecomb26-app .ecomb26-change[data-direction=up]{color:#b50000}.ecomb26-app .ecomb26-change[data-direction=down]{--ecomb26-edge:#7fb5d6;color:#205e94;background:#e4f2fb}.ecomb26-app .ecomb26-change[data-direction=equal]{--ecomb26-edge:#b6bed0;color:#4f5d77;background:#edf0f6}.ecomb26-app .ecomb26-change h3,.ecomb26-app .ecomb26-change .ecomb26-period{color:var(--ecomb26-ink)}.ecomb26-app .ecomb26-percent{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 7px;font:700 clamp(25px,4vw,44px)/1.1 var(--ecomb26-pixel);white-space:nowrap}.ecomb26-app .ecomb26-percent strong{font-weight:700}.ecomb26-app .ecomb26-arrow{font-family:Arial;font-weight:900}.ecomb26-app .ecomb26-difference{font-size:14px;font-weight:700;margin:0}.ecomb26-app .ecomb26-comparison-note{text-align:center;font-size:12px;line-height:1.6;color:#526175;margin:20px 0 0}.ecomb26-app .ecomb26-method{padding-top:24px;margin-top:23px;border-top:1px solid #14214026}.ecomb26-app .ecomb26-method h3{font:700 22px var(--ecomb26-pixel);margin:0 0 8px}.ecomb26-app .ecomb26-method p{font-size:14px;line-height:1.7;color:#526175;margin:0}.ecomb26-app .ecomb26-method strong{color:#303b4f}.ecomb26-app .ecomb26-footer{font-size:10px;color:#66758b;display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:17px;border-top:1px solid #14214026;letter-spacing:.7px}.ecomb26-app .ecomb26-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ecomb26-app .ecomb26-running .ecomb26-pump-display{animation:ecomb26-display-on .35s steps(3)}.ecomb26-app .ecomb26-running .ecomb26-amount{animation:ecomb26-number-on .25s steps(3)}@keyframes ecomb26-display-on{from{opacity:.35}to{opacity:1}}@keyframes ecomb26-number-on{from{transform:translateY(4px)}to{transform:translateY(0)}}@media(max-width:800px){.ecomb26-app{padding:18px 20px}.ecomb26-app .ecomb26-selectors{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ecomb26-app .ecomb26-city,.ecomb26-app .ecomb26-fuel{grid-column:span 3}.ecomb26-app .ecomb26-year,.ecomb26-app .ecomb26-month,.ecomb26-app .ecomb26-vehicle{grid-column:span 2}.ecomb26-app .ecomb26-intro{padding-top:23px}.ecomb26-app .ecomb26-results{gap:12px}.ecomb26-app .ecomb26-amount{font-size:33px}.ecomb26-app .ecomb26-result-card h3{font-size:22px}.ecomb26-app .ecomb26-period{font-size:12px}.ecomb26-app .ecomb26-percent{font-size:32px}.ecomb26-app .ecomb26-card-note{font-size:12px}.ecomb26-app .ecomb26-difference{font-size:12px}}@media(max-width:520px){.ecomb26-app{padding:15px 16px 22px}.ecomb26-app h2{font-size:43px;letter-spacing:-1px}.ecomb26-app .ecomb26-intro>p:last-child{font-size:14px}.ecomb26-app .ecomb26-kicker{font-size:10px;margin-bottom:12px}.ecomb26-app .ecomb26-connection{font-size:11px;margin-bottom:15px}.ecomb26-app .ecomb26-selectors{grid-template-columns:1fr 1fr;gap:12px}.ecomb26-app .ecomb26-selectors label{grid-column:span 1;padding:7px}.ecomb26-app .ecomb26-selectors .ecomb26-city{grid-column:1/-1}.ecomb26-app .ecomb26-selectors .ecomb26-fuel{grid-column:1/-1}.ecomb26-app .ecomb26-selectors .ecomb26-vehicle{grid-column:1/-1}.ecomb26-app label>span{font-size:13px}.ecomb26-app select{font-size:15px;min-height:43px}.ecomb26-app .ecomb26-compare{min-width:245px;margin-top:22px;font-size:32px;min-height:61px}.ecomb26-app .ecomb26-hint{margin-top:13px;font-size:11px}.ecomb26-app .ecomb26-scene{width:calc(100% + 24px);margin-left:-12px}.ecomb26-app .ecomb26-pump-display{box-shadow:0 0 0 1px #101f36;padding-bottom:2px}.ecomb26-app .ecomb26-vehicle-caption{flex-direction:column;gap:3px;padding:7px 0 16px;font-size:12px}.ecomb26-app .ecomb26-results{grid-template-columns:1fr 1fr;gap:13px 11px;padding:0 3px}.ecomb26-app .ecomb26-before{grid-column:1;grid-row:1}.ecomb26-app .ecomb26-now{grid-column:2;grid-row:1}.ecomb26-app .ecomb26-change{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 8px;padding:14px 12px}.ecomb26-app .ecomb26-result-card{padding:16px 6px 13px}.ecomb26-app .ecomb26-result-card h3{font-size:24px}.ecomb26-app .ecomb26-period{font-size:12px;min-height:18px}.ecomb26-app .ecomb26-card-line{margin:11px 5px 13px;height:2px}.ecomb26-app .ecomb26-amount{font-size:clamp(24px,7.3vw,37px);letter-spacing:-.7px}.ecomb26-app .ecomb26-card-note{font-size:11px;line-height:1.3}.ecomb26-app .ecomb26-change h3{font-size:22px;grid-column:1;grid-row:1;margin:0}.ecomb26-app .ecomb26-change .ecomb26-period{grid-column:1;grid-row:2;font-size:12px}.ecomb26-app .ecomb26-change .ecomb26-card-line{display:none}.ecomb26-app .ecomb26-change .ecomb26-percent{grid-column:2;grid-row:1;font-size:32px;margin:0}.ecomb26-app .ecomb26-change .ecomb26-difference{grid-column:2;grid-row:2;font-size:12px}.ecomb26-app .ecomb26-comparison-note{font-size:11px;margin-top:16px}.ecomb26-app .ecomb26-method{padding-top:20px;margin-top:21px}.ecomb26-app .ecomb26-method p{font-size:13px}.ecomb26-app .ecomb26-method h3{font-size:21px}.ecomb26-app .ecomb26-footer{font-size:9px;flex-direction:column;gap:6px}.ecomb26-app .ecomb26-scene-art{image-rendering:auto}}@media(max-width:350px){.ecomb26-app h2{font-size:37px}.ecomb26-app .ecomb26-change h3{font-size:19px}.ecomb26-app .ecomb26-change .ecomb26-percent{font-size:28px}.ecomb26-app .ecomb26-amount{font-size:24px}}@media(prefers-reduced-motion:reduce){.ecomb26-app *,.ecomb26-app *::before,.ecomb26-app *::after{animation:none!important;transition:none!important}}

@media(max-width:520px){.ecomb26-app h2{font-size:clamp(32px,9.7vw,43px)}.ecomb26-app .ecomb26-selectors .ecomb26-fuel{grid-column:1;grid-row:2}.ecomb26-app .ecomb26-selectors .ecomb26-vehicle{grid-column:2;grid-row:2}.ecomb26-app .ecomb26-selectors .ecomb26-year{grid-column:1;grid-row:3}.ecomb26-app .ecomb26-selectors .ecomb26-month{grid-column:2;grid-row:3}.ecomb26-app .ecomb26-pump-display{left:72.9%;width:18.8%}}
/* Revision: clearer typography, a short guided flow and subtle suspension. */
.ecomb26-app{--ecomb26-pixel:'Trebuchet MS',Arial,sans-serif}.ecomb26-app h2{font-weight:900;line-height:1.06;letter-spacing:-1.6px}.ecomb26-app .ecomb26-intro{padding-top:12px;padding-bottom:18px}.ecomb26-app .ecomb26-intro>p:last-child{font-size:16px;margin-top:17px}.ecomb26-app .ecomb26-connection.ecomb26-sr-only{margin:0;min-height:0}.ecomb26-app .ecomb26-compare{font-family:'Trebuchet MS',Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:.4px}.ecomb26-app .ecomb26-result-card h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;font-size:24px;letter-spacing:.4px}.ecomb26-app .ecomb26-amount,.ecomb26-app .ecomb26-percent,.ecomb26-app .ecomb26-pump-display strong{font-family:Consolas,'Courier New',monospace;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ecomb26-app .ecomb26-method h3{font-family:'Trebuchet MS',Arial,sans-serif;font-size:21px;font-weight:800}.ecomb26-app .ecomb26-experience{margin-top:22px}.ecomb26-app .ecomb26-guide-label{text-align:center;font-size:13px;font-weight:700;color:#536277;margin:0 0 12px;min-height:20px}.ecomb26-app .ecomb26-selectors,.ecomb26-app .ecomb26-compare{position:relative}.ecomb26-app .ecomb26-guided::after{content:'';position:absolute;inset:-9px -8px;border:3px solid #d9951680;border-radius:50%;pointer-events:none;z-index:3;animation:ecomb26-guide-circle 2.4s ease-in-out 2;transform:rotate(-1deg)}.ecomb26-app .ecomb26-selectors.ecomb26-guided::after{inset:-6px -10px;border-radius:48% 52% 45% 55%/60% 45% 55% 40%}.ecomb26-app .ecomb26-result-glow{animation:ecomb26-result-focus 3.8s ease-out;outline-offset:9px}.ecomb26-app .ecomb26-results{scroll-margin-block:28px}.ecomb26-app .ecomb26-results:focus{outline:none}.ecomb26-app .ecomb26-vehicle-sprite{pointer-events:none;will-change:transform;transform-origin:45% 69%;clip-path:polygon(3.5% 65%,3.5% 60%,5% 58%,10% 56%,19% 52%,29% 49.7%,37% 49.6%,44% 50%,50% 52%,57% 55.5%,61% 55%,64% 57%,66% 59%,68% 61%,69% 65%,68% 69%,63% 70.5%,48% 70.5%,43% 67%,25% 67%,20% 70%,8% 70%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=pickup]{clip-path:polygon(3.7% 65%,4.2% 57%,11% 55%,24% 54%,26% 51%,30% 48.5%,42% 48.4%,51% 49%,56% 52%,61% 55.7%,65% 55.5%,67% 58%,69% 60%,70% 65%,68% 70%,47% 71%,43% 68%,25% 67%,21% 70%,9% 70%,4% 67%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=camioneta]{clip-path:polygon(4% 66%,5% 58%,8% 55%,11% 50%,20% 48%,27% 47%,28% 46%,30% 46%,32% 47%,42% 46.8%,49% 49%,56% 53%,60% 55.5%,64% 55.5%,66% 58%,68% 61%,69% 66%,65% 70.5%,47% 71%,42% 68%,24% 67%,21% 70%,9% 70%,4% 68%)}.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation:ecomb26-suspension .72s ease-in-out 3}.ecomb26-app .ecomb26-running .ecomb26-amount{animation:none}@keyframes ecomb26-suspension{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(1.6px) rotate(.07deg)}70%{transform:translateY(-.65px) rotate(-.035deg)}}@keyframes ecomb26-guide-circle{0%,100%{opacity:.15;transform:scale(.99) rotate(-1deg)}45%{opacity:.85;transform:scale(1.015) rotate(1deg)}}@keyframes ecomb26-result-focus{0%,35%{outline:3px solid #d9951680}100%{outline:3px solid transparent}}@media(max-width:800px){.ecomb26-app .ecomb26-result-card h3{font-size:20px}.ecomb26-app .ecomb26-percent{font-size:30px}.ecomb26-app .ecomb26-amount{font-size:29px}}@media(max-width:520px){.ecomb26-app h2{font-size:clamp(32px,9.3vw,43px);letter-spacing:-1.2px}.ecomb26-app .ecomb26-intro>p:last-child{font-size:14px;line-height:1.6}.ecomb26-app .ecomb26-amount{font-size:clamp(22px,6.1vw,30px);letter-spacing:-.8px}.ecomb26-app .ecomb26-result-card h3{font-size:20px}.ecomb26-app .ecomb26-change h3{font-size:18px}.ecomb26-app .ecomb26-change .ecomb26-percent{font-size:28px}.ecomb26-app .ecomb26-pump-display strong{font-size:20cqw;letter-spacing:-.8px}.ecomb26-app .ecomb26-guide-label{font-size:12px}.ecomb26-app .ecomb26-experience{margin-top:23px}.ecomb26-app .ecomb26-guided::after{inset:-7px}.ecomb26-app .ecomb26-selectors.ecomb26-guided::after{border-radius:30px;inset:-6px}.ecomb26-app .ecomb26-compare{font-size:27px}.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation-name:ecomb26-suspension-mobile}@keyframes ecomb26-suspension-mobile{0%,100%{transform:translateY(0)}40%{transform:translateY(1px)}75%{transform:translateY(-.4px)}}}@media(prefers-reduced-motion:reduce){.ecomb26-app .ecomb26-guided::after{animation:none;opacity:.5}.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation:none;transform:none}.ecomb26-app .ecomb26-result-glow{animation:none;outline:2px solid #d9951680}}
/* One-time yellow-dot guidance and permanent suspension. */
.ecomb26-app .ecomb26-vehicle-sprite,.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation:ecomb26-suspension 1.6s ease-in-out infinite}.ecomb26-app .ecomb26-guide-dot{position:relative}.ecomb26-app .ecomb26-guide-dot::after{content:'';position:absolute;left:-5px;top:-5px;width:11px;height:11px;background:#ffef00;border:1px solid #b6a600;border-radius:50%;box-shadow:0 0 0 4px #fff00030;pointer-events:none;z-index:4;animation:ecomb26-guide-point 1.8s ease-in-out infinite}@keyframes ecomb26-guide-point{50%{box-shadow:0 0 0 7px #fff00015}}.ecomb26-app .ecomb26-change .ecomb26-difference{display:flex;align-items:center;justify-content:center;gap:5px;font:700 clamp(23px,3.1vw,37px)/1.15 Consolas,'Courier New',monospace;white-space:nowrap;margin:0 0 10px;letter-spacing:-1px}.ecomb26-app .ecomb26-change .ecomb26-difference strong{font-weight:700}.ecomb26-app .ecomb26-change .ecomb26-percent{font:700 19px/1.4 Arial,sans-serif;margin:0;gap:0}.ecomb26-app .ecomb26-per-tank{font-size:12px;font-weight:400;margin-left:5px}.ecomb26-app .ecomb26-comparison-note strong{font-weight:800;color:#303b4f}.ecomb26-app .ecomb26-download-wrap{text-align:center;margin:24px 0 0}.ecomb26-app .ecomb26-download-wrap button{background:#2656ad;color:white;border:2px solid #10172d;box-shadow:3px 3px 0 #10172d;padding:13px 20px}.ecomb26-app .ecomb26-download-wrap button:disabled{opacity:.45;cursor:not-allowed}.ecomb26-app .ecomb26-download-wrap p{font-size:12px;color:#526175;min-height:16px;margin:8px 0 0}@media(max-width:800px){.ecomb26-app .ecomb26-change .ecomb26-difference{font-size:27px}}@media(max-width:520px){.ecomb26-app .ecomb26-vehicle-sprite,.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation-name:ecomb26-suspension-mobile}.ecomb26-app .ecomb26-change .ecomb26-difference{grid-column:2;grid-row:1;font-size:24px;margin:0}.ecomb26-app .ecomb26-change .ecomb26-percent{grid-column:2;grid-row:2;font-size:17px;display:flex;flex-wrap:wrap}.ecomb26-app .ecomb26-change .ecomb26-per-tank{font-size:10px}.ecomb26-app .ecomb26-change .ecomb26-difference .ecomb26-arrow{font-size:22px}.ecomb26-app .ecomb26-change{grid-template-columns:.9fr 1.1fr}.ecomb26-app .ecomb26-change h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.ecomb26-app .ecomb26-vehicle-sprite,.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite,.ecomb26-app .ecomb26-guide-dot::after{animation:none;transform:none}}
/* Split fuel display and footer brands. */
.ecomb26-app .ecomb26-vehicle-sprite,.ecomb26-app .ecomb26-running .ecomb26-vehicle-sprite{animation-duration:1.05s}.ecomb26-app .ecomb26-guide-dot::after{width:30px;height:30px;left:auto;right:13px;top:40px;background:#fff00035;border:4px solid #fff000;box-shadow:0 0 0 3px #fff00030;animation:ecomb26-guide-ring .85s ease-in-out infinite}.ecomb26-app .ecomb26-compare.ecomb26-guide-dot::after{right:18px;top:50%;margin-top:-15px}@keyframes ecomb26-guide-ring{0%,100%{opacity:1;transform:translateX(-1px) scale(1)}50%{opacity:.35;transform:translateX(1px) scale(1.08)}}.ecomb26-app .ecomb26-pump-display{left:63%;top:8%;width:35%;height:29%;padding:0;border:5px solid #c00000;box-shadow:0 0 0 3px #102038;background:#e1f5d8;overflow:hidden;justify-content:flex-start}.ecomb26-app .ecomb26-pump-label{font-size:4.8cqw;line-height:1.7}.ecomb26-app .ecomb26-pump-columns{display:grid;grid-template-columns:1fr 1fr;width:100%;flex:1;align-items:stretch}.ecomb26-app .ecomb26-pump-columns>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;padding:4px}.ecomb26-app .ecomb26-pump-columns>div+div{border-left:2px solid #526175}.ecomb26-app .ecomb26-pump-display .ecomb26-pump-columns strong{font:700 9cqw/1 Consolas,'Courier New',monospace;letter-spacing:-.5px;white-space:nowrap}.ecomb26-app .ecomb26-pump-columns span{font:bold 3.5cqw/1.15 Arial;text-align:center;white-space:nowrap}.ecomb26-app .ecomb26-footer{align-items:center;flex-direction:row}.ecomb26-app .ecomb26-footer-brands{display:flex;align-items:center;gap:15px;margin-left:auto}.ecomb26-app .ecomb26-footer-brands img{width:115px;height:auto;display:block}.ecomb26-app .ecomb26-footer-brands>span{color:#83909f;font-size:19px}.ecomb26-app .ecomb26-download-wrap #ecomb26-download-status.ecomb26-sr-only{min-height:0;margin:0}@media(max-width:520px){.ecomb26-app .ecomb26-guide-dot::after{top:37px;right:8px;width:28px;height:28px}.ecomb26-app .ecomb26-pump-display{left:36%;top:2%;width:62%;height:33%;border-width:3px;box-shadow:0 0 0 2px #102038}.ecomb26-app .ecomb26-pump-columns>div{gap:5px;padding:3px}.ecomb26-app .ecomb26-pump-display .ecomb26-pump-columns strong{font-size:9cqw}.ecomb26-app .ecomb26-pump-columns span{font-size:3.8cqw}.ecomb26-app .ecomb26-pump-label{font-size:4.5cqw}.ecomb26-app .ecomb26-footer{gap:12px;flex-wrap:wrap}.ecomb26-app .ecomb26-footer-brands{gap:9px}.ecomb26-app .ecomb26-footer-brands img{width:89px}}@media(prefers-reduced-motion:reduce){.ecomb26-app .ecomb26-guide-dot::after{animation:none;opacity:1;transform:none}}
.ecomb26-app .ecomb26-pump-columns span{font-size:clamp(9px,3.5cqw,14px)}.ecomb26-app .ecomb26-pump-label{font-size:clamp(9px,4.8cqw,18px)}@media(max-width:520px){.ecomb26-app .ecomb26-pump-columns span{font-size:clamp(9px,3.8cqw,12px)}}
/* Screens fitted to each supplied wide-dispenser image, at every viewport. */
.ecomb26-app .ecomb26-scene .ecomb26-pump-display{left:65.04%;top:12.32%;width:27.34%;height:22.89%;border:0;box-shadow:none;padding:0;background:#e1f5d8}.ecomb26-app .ecomb26-scene[data-vehicle=camioneta] .ecomb26-pump-display{left:61.72%;width:30.66%}.ecomb26-app .ecomb26-scene[data-vehicle=pickup] .ecomb26-pump-display{left:65.82%;width:27.83%}.ecomb26-app .ecomb26-scene .ecomb26-pump-label{font-size:5.1cqw;line-height:1.7}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div{padding:2px;gap:7px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:9.7cqw;letter-spacing:-.6px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font-size:3.8cqw;white-space:nowrap}.ecomb26-app .ecomb26-vehicle-sprite{clip-path:polygon(3.5% 65%,3.5% 60%,5% 58%,10% 56%,19% 52%,29% 49.7%,37% 49.6%,44% 50%,50% 52%,57% 55.5%,61.5% 55.5%,61.5% 65.5%,57% 66%,48% 70.5%,43% 67%,25% 67%,20% 70%,8% 70%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=pickup]{clip-path:polygon(3.7% 65%,4.2% 57%,11% 55%,24% 54%,26% 51%,30% 48.5%,42% 48.4%,51% 49%,56% 52%,61.8% 55.7%,61.8% 65.5%,57% 66%,47% 71%,43% 68%,25% 67%,21% 70%,9% 70%,4% 67%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=camioneta]{clip-path:polygon(4% 66%,5% 58%,8% 55%,11% 50%,20% 48%,27% 47%,28% 46%,30% 46%,32% 47%,42% 46.8%,49% 49%,56% 53%,58.2% 55.5%,58.2% 65.8%,52% 68%,47% 71%,42% 68%,24% 67%,21% 70%,9% 70%,4% 68%)}@media(max-width:520px){.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div{gap:4px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:10cqw;letter-spacing:-.4px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font-size:5.6cqw;white-space:normal;max-width:100%;overflow-wrap:normal}.ecomb26-app .ecomb26-scene .ecomb26-pump-label{font-size:5.7cqw}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div+div{border-left-width:1px}}
.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font-size:clamp(8px,3.8cqw,12px)}@media(max-width:520px){.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font-size:8px;line-height:1.1}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div{gap:2px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:clamp(10px,10cqw,20px)}.ecomb26-app .ecomb26-scene .ecomb26-pump-label{font-size:clamp(6px,5.7cqw,12px)}}
/* Latest supplied dispenser proportions and solid fluorescent guide. */
.ecomb26-app .ecomb26-guide-dot::after{background:#eaff00;border:0;box-shadow:none}.ecomb26-app .ecomb26-scene .ecomb26-pump-display,.ecomb26-app .ecomb26-scene[data-vehicle=camioneta] .ecomb26-pump-display{left:71.58%;width:21.19%;top:12.32%;height:22.89%}.ecomb26-app .ecomb26-scene[data-vehicle=pickup] .ecomb26-pump-display{left:72.27%;width:21.48%}.ecomb26-app .ecomb26-scene .ecomb26-pump-label{font-size:6.1cqw;line-height:1.55}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div{padding:1px;gap:3px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font:900 12.2cqw/1 Arial,sans-serif;letter-spacing:-.6px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font:bold 6.6cqw/1.07 Arial,sans-serif;white-space:normal;max-width:100%;text-wrap:balance}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div+div{border-left-width:1px}.ecomb26-app .ecomb26-vehicle-sprite{clip-path:polygon(3.5% 65%,3.5% 60%,5% 58%,10% 56%,19% 52%,29% 49.7%,37% 49.6%,44% 50%,50% 52%,57% 55.5%,61% 55%,64% 57%,66% 59%,68% 61%,69% 65%,68% 69%,63% 70.5%,48% 70.5%,43% 67%,25% 67%,20% 70%,8% 70%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=pickup]{clip-path:polygon(3.7% 65%,4.2% 57%,11% 55%,24% 54%,26% 51%,30% 48.5%,42% 48.4%,51% 49%,56% 52%,61% 55.7%,65% 55.5%,67% 58%,69% 60%,69.6% 65%,68% 70%,47% 71%,43% 68%,25% 67%,21% 70%,9% 70%,4% 67%)}.ecomb26-app .ecomb26-vehicle-sprite[data-vehicle=camioneta]{clip-path:polygon(4% 66%,5% 58%,8% 55%,11% 51%,20% 49%,27% 48%,28% 47.8%,30% 47.8%,32% 48.5%,42% 48%,49% 50%,56% 54%,60% 55.5%,64% 55.5%,66% 58%,68% 61%,69% 66%,65% 70.5%,47% 71%,42% 68%,24% 67%,21% 70%,9% 70%,4% 68%)}@media(max-width:520px){.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div{gap:2px;padding:0}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:12.2cqw;letter-spacing:-.4px}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{font-size:6.6cqw}.ecomb26-app .ecomb26-scene .ecomb26-pump-label{font-size:6.1cqw}}
.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:11.5cqw}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns>div+div{border-left:2px solid #829b83}

/* Comparison framing and explicit two-line pump dates. */
.ecomb26-app .ecomb26-experience{scroll-margin-top:12px}.ecomb26-app .ecomb26-scene[data-vehicle=pickup] .ecomb26-pump-display{left:71.58%;width:21.19%}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns strong{font-size:13cqw}.ecomb26-app .ecomb26-scene .ecomb26-pump-columns span{white-space:pre; font-size:6.9cqw;line-height:1.1;text-wrap:nowrap}.ecomb26-app .ecomb26-results .ecomb26-before{order:0}.ecomb26-app .ecomb26-results .ecomb26-now{order:1}.ecomb26-app .ecomb26-results .ecomb26-change{order:2}
@media(min-width:701px){.ecomb26-app .ecomb26-scene{max-width:clamp(360px,calc((100svh - 300px)*1.8028),100%);margin-inline:auto}}