Calculadora Etanol x Gasolina <br /> <html lang=""pt-BR""><br /> <head><br /> <meta charset=""UTF-8"" /><br /> <meta name=""viewport"" content=""width=device-width," initial-scale="1.0"" /><br /> <title>Calculadora Etanol x Gasolina — Ponto de Equilíbrio Real</title></p> <style> :root{<br /> --etanol: #2e7d32;<br /> --etanol-light: #e8f5e9;<br /> --gasolina: #E2001A;<br /> <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> --gasolina-light: #fdecea;<br /> --bg: #edede3;<br /> --card: #ffffff;<br /> --text: #262626;<br /> --muted: #6b7280;<br /> --border: #e0dbd1;<br /> --accent: #E2001A;<br /> --accent-dark: #18131f;<br /> }<br /> *{box-sizing:border-box;}<br /> body{<br /> margin:0;<br /> font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;<br /> background:var(--bg);<br /> color:var(--text);<br /> padding:24px 12px 60px;<br /> }<br /> .wrap{max-width:760px;margin:0 auto;}<br /> header{<br /> text-align:center;<br /> margin-bottom:24px;<br /> background:var(--accent-dark);<br /> border-radius:14px;<br /> padding:24px 20px 20px;<br /> position:relative;<br /> overflow:hidden;<br /> }<br /> header::before{<br /> content:'';<br /> position:absolute;top:0;left:0;right:0;height:4px;<br /> background:var(--accent);<br /> }<br /> header h1{font-size:1.6rem;margin:0 0 6px;color:#fff;}<br /> header p{color:#c9c4cf;margin:0;font-size:0.95rem;}<br /> .card{<br /> background:var(--card);<br /> border:1px solid var(--border);<br /> border-radius:14px;<br /> padding:20px 22px;<br /> margin-bottom:18px;<br /> box-shadow:0 1px 3px rgba(0,0,0,0.04);<br /> }<br /> .card h2{font-size:1.05rem;margin:0 0 14px;display:flex;align-items:center;gap:8px;}<br /> .card h2 .tag{<br /> font-size:0.68rem;<br /> background:var(--accent);<br /> color:#fff;<br /> padding:2px 8px;<br /> border-radius:20px;<br /> font-weight:600;<br /> text-transform:uppercase;<br /> letter-spacing:0.03em;<br /> }<br /> .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}<br /> @media(max-width:520px){.grid{grid-template-columns:1fr;}}<br /> label{<br /> display:block;<br /> font-size:0.82rem;<br /> color:var(--muted);<br /> margin-bottom:5px;<br /> font-weight:600;<br /> }<br /> label .opt{font-weight:400;color:#9ca3af;}<br /> .field{position:relative;margin-bottom:2px;}<br /> .field span.prefix{<br /> position:absolute;left:12px;top:50%;transform:translateY(-50%);<br /> color:#9ca3af;font-size:0.9rem;<br /> }<br /> input[type=number]{<br /> width:100%;<br /> padding:11px 12px 11px 32px;<br /> border:1.5px solid var(--border);<br /> border-radius:9px;<br /> font-size:1rem;<br /> outline:none;<br /> transition:border-color .15s;<br /> background:#fafafa;<br /> }<br /> input[type=number]:focus{border-color:var(--accent);background:#fff;}<br /> .hint{font-size:0.75rem;color:#9ca3af;margin-top:4px;}<br /> .row{margin-bottom:14px;}<br /> button.calc{<br /> width:100%;<br /> padding:14px;<br /> background:var(--accent-dark);<br /> color:#fff;<br /> border:none;<br /> border-radius:10px;<br /> box-shadow:inset 0 4px 0 0 var(--accent);<br /> font-size:1rem;<br /> font-weight:700;<br /> cursor:pointer;<br /> margin-top:6px;<br /> transition:opacity .15s;<br /> }<br /> button.calc:hover{opacity:0.9;}<br /> #results{display:none;}<br /> .banner{<br /> border-radius:12px;<br /> padding:20px;<br /> text-align:center;<br /> margin-bottom:18px;<br /> color:#fff;<br /> }<br /> .banner.etanol{background:linear-gradient(135deg,#2e7d32,#43a047);}<br /> .banner.gasolina{background:linear-gradient(135deg,#8f0000,#E2001A);}<br /> .banner .big{font-size:1.4rem;font-weight:800;margin-bottom:4px;}<br /> .banner .sub{font-size:0.9rem;opacity:0.95;}<br /> .diff-box{<br /> background:#fff8e1;<br /> border:1px solid #ffe082;<br /> border-radius:10px;<br /> padding:12px 14px;<br /> font-size:0.85rem;<br /> margin-bottom:16px;<br /> color:#7a5c00;<br /> }<br /> .diff-box b{color:#5c4400;}<br /> table{width:100%;border-collapse:collapse;font-size:0.88rem;}<br /> th,td{padding:9px 8px;text-align:right;border-bottom:1px solid var(--border);}<br /> th:first-child,td:first-child{text-align:left;}<br /> th{color:var(--muted);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.02em;}<br /> tr.highlight td{font-weight:700;color:var(--accent);}<br /> .bars{margin:14px 0;}<br /> .bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}<br /> .bar-label{width:78px;font-size:0.82rem;font-weight:600;flex-shrink:0;}<br /> .bar-track{flex:1;background:#eee;border-radius:6px;overflow:hidden;height:22px;position:relative;}<br /> .bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:0.75rem;font-weight:700;white-space:nowrap;}<br /> .bar-fill.etanol{background:var(--etanol);}<br /> .bar-fill.gasolina{background:var(--gasolina);}<br /> .co2-box{<br /> display:flex;<br /> gap:14px;<br /> flex-wrap:wrap;<br /> }<br /> .co2-stat{<br /> flex:1;<br /> min-width:140px;<br /> background:var(--etanol-light);<br /> border-radius:10px;<br /> padding:14px;<br /> text-align:center;<br /> }<br /> .co2-stat .num{font-size:1.3rem;font-weight:800;color:var(--etanol);}<br /> .co2-stat .lbl{font-size:0.75rem;color:var(--muted);margin-top:2px;}<br /> .note{font-size:0.72rem;color:#9ca3af;margin-top:10px;line-height:1.4;}<br /> .empty-msg{font-size:0.85rem;color:var(--muted);text-align:center;padding:10px 0;}<br /> .copy-btn{<br /> margin-top:10px;<br /> background:none;<br /> border:1.5px solid var(--border);<br /> color:var(--text);<br /> padding:9px 14px;<br /> border-radius:8px;<br /> font-size:0.82rem;<br /> cursor:pointer;<br /> width:100%;<br /> font-weight:600;<br /> }<br /> .copy-btn:hover{background:#f3f4f6;}<br /> .sens-table td.be{font-weight:700;}<br /> .sens-table tr.current{background:#f0f9ff;}</p> <p> .details-card{<br /> border:1.5px dashed #ddd3d5;<br /> background:#fdfaf9;<br /> }<br /> .details-card summary{<br /> cursor:pointer;<br /> font-weight:700;<br /> font-size:1rem;<br /> list-style:none;<br /> display:flex;<br /> align-items:center;<br /> gap:8px;<br /> user-select:none;<br /> }<br /> .details-card summary::-webkit-details-marker{display:none;}<br /> .details-card summary::before{<br /> content:'+';<br /> display:inline-flex;<br /> align-items:center;<br /> justify-content:center;<br /> width:22px;height:22px;<br /> border-radius:6px;<br /> background:var(--gasolina-light);<br /> color:var(--accent);<br /> font-weight:800;<br /> flex-shrink:0;<br /> }<br /> .details-card[open] summary::before{content:'−';}<br /> .details-card .opt-tag{<br /> font-size:0.68rem;<br /> background:#e5e2df;<br /> color:#4b5563;<br /> padding:2px 8px;<br /> border-radius:20px;<br /> font-weight:600;<br /> text-transform:uppercase;<br /> letter-spacing:0.03em;<br /> }<br /> .details-body{margin-top:16px;padding-top:16px;border-top:1px dashed #ddd3d5;}<br /> .details-body h3{font-size:0.9rem;margin:0 0 10px;color:var(--text);}<br /> .details-body h3:not(:first-child){margin-top:18px;}<br /> .lead-hint{font-size:0.82rem;color:var(--muted);margin:0 0 16px;line-height:1.4;}<br /></style> <p> </p> <p> </p> <p> </p> <p></head><br /> <body data-rsssl=1></p> <div class=""wrap""> <header> <h1>⛽ Calculadora Etanol x Gasolina</h1> <p>Calculadora com ponto de equilíbrio real do seu carro</p> </header> <div class=""card""> <h2>Preços no posto</h2> <div class=""grid""> <div class=""row""> <label>Preço do Etanol (R$/L)</label></p> <div class=""field""> <span class=""prefix"">R$</span><br /> <input type=""number"" id=""pE"" step=""0.01"" min=""0"" placeholder=""4,29"" /></div> </div> <div class=""row""> <label>Preço da Gasolina (R$/L)</label></p> <div class=""field""> <span class=""prefix"">R$</span><br /> <input type=""number"" id=""pG"" step=""0.01"" min=""0"" placeholder=""6,19"" /></div> </div> </div> <div class=""hint"">É só isso que você precisa pra ter uma resposta. Usamos a regra padrão do mercado (etanol rende 30% menos). Se quiser um resultado calibrado pro seu carro, tem a opção abaixo.</div> </div> <details class=""card" details-card="" quot="" id=""advancedDetails""> <summary>Quer um resultado mais preciso? <span class=""opt-tag"">opcional</span></summary> <div class=""details-body""> <p class=""lead-hint"">Com o consumo real do seu carro a gente calcula o ponto de equilíbrio exato dele (pode ser bem diferente dos 70% genéricos) e libera custo mensal, autonomia do tanque e CO₂ evitado. Não sabe o consumo? Pode deixar em branco e ignorar essa parte.</p> <h3>Consumo do seu carro</h3> <div class=""grid""> <div class=""row""> <label>Consumo na gasolina (km/L)</label><br /> <input type=""number"" id=""cG"" step=""0.1"" min=""0"" placeholder=""ex:" 12="" 5="" quot="" /></div> <div class=""row""> <label>Consumo no etanol (km/L) <span class=""opt"">se souber</span></label><br /> <input type=""number"" id=""cE"" step=""0.1"" min=""0"" placeholder=""deixe" em="" branco="" p="" estimar="" quot="" /></div> </div> <h3>Uso do carro</h3> <div class=""grid""> <div class=""row""> <label>Km rodados por mês</label><br /> <input type=""number"" id=""kmMes"" step=""50"" min=""0"" placeholder=""1000"" /></div> <div class=""row""> <label>Capacidade do tanque (L)</label><br /> <input type=""number"" id=""tanque"" step=""1"" min=""0"" placeholder=""ex:" 50="" quot="" /></div> </div> </div> </details> <p> <button class=""calc"">Calcular</button></p> <div id=""results""> <div id=""banner"" class=""banner""></div> <div id=""diffBox"" class=""diff-box"" style=""></div> <div class=""card""> <h2>Custo por km, por mês e por ano</h2> <div id=""costTableWrap""> <div class=""empty-msg"">Informe o consumo na gasolina (km/L) para ver esta comparação.</div> </div> </div> <div class=""card"" id=""autonomyCard"" style=""> <h2>Autonomia do tanque</h2> <div class=""bars"" id=""autonomyBars""></div> </div> <div class=""card"" id=""co2Card"" style=""> <h2>Impacto ambiental estimado <span class=""tag"">diferencial</span></h2> <div class=""co2-box"" id=""co2Box""></div> <div class=""note"">Estimativa baseada em fatores médios de emissão de CO₂ por litro de combustível queimado (referência ANP/EPE) e no fato de o carbono do etanol ser de origem renovável (a cana reabsorve na próxima safra o CO₂ liberado na queima), reduzindo a pegada líquida em ~90% frente à gasolina segundo estudos de ciclo de vida (ex. Embrapa/UNICA). Valores variam conforme a mistura de etanol anidro na gasolina e a origem do etanol — use como referência, não como medição exata.</div> </div> <div class=""card""> <h2>Sensibilidade: até quanto o etanol pode custar? <span class=""tag"">diferencial</span></h2> <table class=""sens-table""> <thead> <tr> <th>Se a gasolina custar</th> <th>Etanol compensa até</th> </tr> </thead> <tbody id=""sensBody""></tbody> </table> <div class=""note"">Mostra como o seu ponto de equilíbrio muda se o preço da gasolina no posto variar — útil para decidir quando reabastecer.</div> </div> <p><button class=""copy-btn"">📋 Copiar resumo do resultado</button></p> </div> </div> <p><script> function fmtBRL(v){ return v.toLocaleString('pt-BR',{style:'currency',currency:'BRL'}); } function fmtNum(v,dec){ return v.toLocaleString('pt-BR',{minimumFractionDigits:dec,maximumFractionDigits:dec}); }</p> <p>let lastResumo = "";</p> <p>function calcular(){ const pE = parseFloat(document.getElementById('pE').value); const pG = parseFloat(document.getElementById('pG').value); let cG = parseFloat(document.getElementById('cG').value); let cE = parseFloat(document.getElementById('cE').value); let kmMes = parseFloat(document.getElementById('kmMes').value); let tanque = parseFloat(document.getElementById('tanque').value);</p> <p> if(isNaN(pE) || isNaN(pG) || pE<=0 || pG<=0){ alert('Preencha o preço do etanol e da gasolina para calcular.'); return; } if(isNaN(kmMes) || kmMes<=0) kmMes = 1000; const hasCG = !isNaN(cG) && cG>0; const hasCE = !isNaN(cE) && cE>0; const hasTanque = !isNaN(tanque) && tanque>0;</p> <p> let ratio, usedReal; if(hasCG && hasCE){ ratio = cE/cG; usedReal = true; } else if(hasCG){ cE = cG*0.7; ratio = 0.7; usedReal = false; } else { ratio = 0.7; usedReal = false; }</p> <p> const priceRatio = pE/pG; const etanolCompensa = priceRatio <= ratio; const breakEvenPrice = pG*ratio; // Banner const banner = document.getElementById('banner'); banner.className = 'banner ' + (etanolCompensa ? 'etanol' : 'gasolina'); banner.innerHTML = ` </p> </p> </p> <div class="big">${etanolCompensa ? '✅ Abasteça com ETANOL' : '⛽ Abasteça com GASOLINA'}</div> </p> </p> </p> </p> <div class="sub">Razão etanol/gasolina: ${fmtNum(priceRatio*100,1)}% — ${usedReal ? 'seu ponto de equilíbrio real é' : 'ponto de equilíbrio usado (estimado)'} ${fmtNum(ratio*100,1)}%</div> </p> </p> <p> `;</p> <p> // Diff box const diffBox = document.getElementById('diffBox'); diffBox.style.display = 'block'; if(usedReal){ diffBox.innerHTML = `<b>Ponto de equilíbrio real do seu carro: ${fmtNum(ratio*100,1)}%</b> (não os 70% genéricos). Isso significa que o etanol compensa enquanto custar até <b>${fmtBRL(breakEvenPrice)}</b> por litro, considerando que seu carro roda ${fmtNum(cG,1)} km/L na gasolina e ${fmtNum(cE,1)} km/L no etanol.`; } else if(hasCG){ diffBox.innerHTML = `Você informou apenas o consumo na gasolina (${fmtNum(cG,1)} km/L). Estamos estimando o consumo no etanol em <b>${fmtNum(cE,1)} km/L</b> (regra padrão de -30%). Informe o consumo real do etanol no seu carro para um ponto de equilíbrio 100% preciso.`; } else { diffBox.innerHTML = `Este resultado usa a <b>regra genérica dos 70%</b>, que nem sempre vale para o seu carro. Abra "Quer um resultado mais preciso?" acima e informe o consumo (km/L) do seu carro para descobrirmos o ponto de equilíbrio real — ele pode ser maior ou menor que 70% dependendo do motor.`; }</p> <p> // Cost table const costWrap = document.getElementById('costTableWrap'); let custoKmG=null, custoKmE=null, custoMesG=null, custoMesE=null, economiaMes=null, economiaAno=null; if(hasCG){ custoKmG = pG/cG; custoKmE = pE/cE; custoMesG = custoKmG*kmMes; custoMesE = custoKmE*kmMes; economiaMes = Math.abs(custoMesG-custoMesE); economiaAno = economiaMes*12; const barataMes = custoMesE < custoMesG ? 'etanol' : 'gasolina'; costWrap.innerHTML = ` </p> </p> </p> <table> </p> </p> <thead> </p> <tr> </p> <th></th> </p> </p> <th>Etanol</th> </p> </p> <th>Gasolina</th> </p> </tr> </thead> </p> </p> </p> <tbody> </p> </p> <tr> </p> <td>Custo por km</td> </p> </p> <td>${fmtBRL(custoKmE)}</td> </p> </p> <td>${fmtBRL(custoKmG)}</td> </p> </tr> </p> </p> </p> <tr> </p> <td>Custo por mês (${fmtNum(kmMes,0)} km)</td> </p> </p> <td>${fmtBRL(custoMesE)}</td> </p> </p> <td>${fmtBRL(custoMesG)}</td> </p> </tr> </p> </p> </p> <tr class="highlight"> </p> <td>Economia escolhendo ${barataMes}</td> </p> </p> <td colspan="2">${fmtBRL(economiaMes)}/mês · ${fmtBRL(economiaAno)}/ano</td> </p> </tr> </p> </tbody> </p> </table> </p> <p>`; } else { costWrap.innerHTML = '</p> </p> </p> <div class="empty-msg">Informe o consumo na gasolina (km/L) para ver custo por km, por mês e por ano.</div> </p> </p> <p>'; }</p> <p> // Autonomy const autonomyCard = document.getElementById('autonomyCard'); if(hasCG && hasTanque){ autonomyCard.style.display = 'block'; const autE = tanque*cE; const autG = tanque*cG; const maxAut = Math.max(autE,autG); document.getElementById('autonomyBars').innerHTML = ` </p> </p> </p> <div class="bar-row"> </p> </p> <div class="bar-label">Etanol</div> </p> </p> </p> </p> <div class="bar-track"> </p> <div class="bar-fill etanol" style="width:${(autE/maxAut*100).toFixed(0)}%">${fmtNum(autE,0)} km</div> </p> </div> </p> </p> </div> </p> </p> </p> </p> <div class="bar-row"> </p> </p> <div class="bar-label">Gasolina</div> </p> </p> </p> </p> <div class="bar-track"> </p> <div class="bar-fill gasolina" style="width:${(autG/maxAut*100).toFixed(0)}%">${fmtNum(autG,0)} km</div> </p> </div> </p> </p> </div> </p> </p> </p> </p> <div class="note">Autonomia estimada com tanque de ${fmtNum(tanque,0)} L cheio.</div> </p> </p> <p> `; } else { autonomyCard.style.display = 'none'; }</p> <p> // CO2 const co2Card = document.getElementById('co2Card'); let co2EvitadoMes=null, co2EvitadoAno=null; if(hasCG){ const FATOR_GASOLINA = 2.2; // kg CO2 / L (combustão, fóssil) const FATOR_ETANOL = 0.22; // kg CO2eq / L (líquido, ciclo de vida — carbono renovável) const litrosGMes = kmMes/cG; const litrosEMes = kmMes/cE; const co2GMes = litrosGMes*FATOR_GASOLINA; const co2EMes = litrosEMes*FATOR_ETANOL; co2EvitadoMes = co2GMes - co2EMes; co2EvitadoAno = co2EvitadoMes*12;</p> <p> co2Card.style.display = 'block'; document.getElementById('co2Box').innerHTML = ` </p> </p> </p> <div class="co2-stat"> </p> </p> <div class="num">${fmtNum(co2EvitadoMes,0)} kg</div> </p> </p> </p> </p> <div class="lbl">CO₂ evitado por mês rodando a etanol em vez de gasolina</div> </p> </p> </div> </p> </p> </p> </p> <div class="co2-stat"> </p> </p> <div class="num">${fmtNum(co2EvitadoAno/1000,2)} t</div> </p> </p> </p> </p> <div class="lbl">CO₂ evitado por ano (toneladas)</div> </p> </p> </div> </p> </p> <p> `; } else { co2Card.style.display = 'none'; }</p> <p> // Sensitivity table const sensBody = document.getElementById('sensBody'); const deltas = [-0.15,-0.075,0,0.075,0.15]; sensBody.innerHTML = deltas.map(d=>{ const gPrice = pG*(1+d); const be = gPrice*ratio; const isCurrent = d===0; return `</p> </p> </p> <tr class="${isCurrent?'current':''}"> </p> <td>${fmtBRL(gPrice)}${isCurrent?' (atual)':''}</td> </p> </p> <td class="be">${fmtBRL(be)}</td> </p> </tr> </p> <p>`; }).join('');</p> <p> // Build shareable summary lastResumo = `⛽ Etanol x Gasolina\n` + `Etanol: ${fmtBRL(pE)}/L | Gasolina: ${fmtBRL(pG)}/L\n` + `Recomendação: ${etanolCompensa ? 'ETANOL' : 'GASOLINA'} (ponto de equilíbrio: ${fmtNum(ratio*100,1)}%${usedReal ? ', calculado com o consumo real do carro' : ', estimado'})\n` + (hasCG ? `Custo por km: etanol ${fmtBRL(custoKmE)} | gasolina ${fmtBRL(custoKmG)}\n` + `Economia estimada: ${fmtBRL(economiaMes)}/mês (${fmtBRL(economiaAno)}/ano)\n` + `CO₂ evitado com etanol: ${fmtNum(co2EvitadoMes,0)} kg/mês\n` : '');</p> <p> document.getElementById('results').style.display = 'block'; document.getElementById('results').scrollIntoView({behavior:'smooth',block:'start'}); }</p> <p>function copiarResumo(){ if(!lastResumo){return;} navigator.clipboard.writeText(lastResumo).then(()=>{ const btn = document.querySelector('.copy-btn'); const original = btn.textContent; btn.textContent = '✅ Copiado!'; setTimeout(()=>{btn.textContent = original;}, 1800); }); } </script></p> <p><script> (function(){ function dfReportHeight(){ var h = document.documentElement.scrollHeight; if (window.parent) { window.parent.postMessage({type:'dfcalc-resize', id:'dfcalc-etanol-gasolina', height:h}, '*'); } } window.addEventListener('load', dfReportHeight); window.addEventListener('resize', dfReportHeight); new MutationObserver(dfReportHeight).observe(document.body, {childList:true, subtree:true, attributes:true}); setInterval(dfReportHeight, 500); })(); </script><br /> </body><br /> </html><br /> ” style=”width:100%;border:0;display:block;overflow:hidden;” height=”1300″ scrolling=”no”>
