[data-flex-tool]{max-width:100%;padding:clamp(16px,3vw,28px);background:#fff;border:1px solid #d6e3e8;border-radius:15px;color:#173d4a;box-sizing:border-box}[data-flex-tool] *{box-sizing:border-box}[data-flex-tool] p{line-height:1.7}[data-flex-tool] .sf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}[data-flex-tool] .sf-field{min-width:0}[data-flex-tool] label{display:block;font-weight:600;font-size:15px;margin-bottom:8px;line-height:1.5}[data-flex-tool] input,[data-flex-tool] select{width:100%;min-height:48px;max-width:100%;border:1px solid #b8cbd1;border-radius:7px;background:white;color:#173d4a;padding:10px 12px;font-size:16px}[data-flex-tool] small,[data-flex-tool] .sf-note{display:block;font-size:14px;line-height:1.65;color:#536c77;margin-top:7px}[data-flex-tool] .sf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}[data-flex-tool] button{min-height:46px;border:0;border-radius:7px;background:#08768b;color:white;padding:12px 16px;font-size:15px;font-weight:600;white-space:normal;width:auto;cursor:pointer}[data-flex-tool] .sf-secondary{color:#173d4a;background:#e9f1f4}[data-flex-tool] [hidden]{display:none!important}[data-flex-tool] :focus-visible{outline:3px solid #e4aa1d;outline-offset:3px}[data-flex-tool] [data-result]{margin-top:20px;padding:20px;border-radius:12px;background:#f0f8f5;overflow-wrap:anywhere}[data-flex-tool] .sf-table{overflow-x:auto;margin:18px 0}[data-flex-tool] table{width:100%;border-collapse:collapse;font-size:14px}[data-flex-tool] th,[data-flex-tool] td{text-align:left;padding:10px 8px;border-bottom:1px solid #cfdee3}[data-flex-tool] td{white-space:nowrap}[data-flex-tool] caption{text-align:left;font-weight:600;margin-bottom:10px}@media(max-width:620px){[data-flex-tool] .sf-grid{grid-template-columns:1fr}[data-flex-tool] [data-result]{padding:14px}[data-flex-tool] .sf-actions button{flex:1 1 120px}[data-flex-tool] table{display:block}[data-flex-tool] caption{display:block}[data-flex-tool] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[data-flex-tool] tbody{display:block}[data-flex-tool] tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;padding:12px 0;border-bottom:1px solid #cfdee3}[data-flex-tool] tbody th{grid-column:1/-1;padding:0 0 5px;border:0}[data-flex-tool] tbody td{min-width:0;white-space:normal;padding:0;border:0;overflow-wrap:anywhere}[data-flex-tool] tbody td::before{display:block;font-size:12px;color:#536c77;margin-bottom:3px}[data-flex-tool] tbody td:nth-of-type(1)::before{content:'Etanol'}[data-flex-tool] tbody td:nth-of-type(2)::before{content:'Gasolina'}}

[data-flex-tool="compare"] [data-title]{font-size:clamp(23px,3vw,30px);line-height:1.3;font-weight:800;color:#145b35;background:#e1f4e8;border-left:5px solid #21864e;padding:18px 16px;border-radius:8px;margin:0 0 16px}[data-flex-tool="compare"] [data-title][data-verdict="tie"]{color:#274b5b;background:#e6eff4;border-left-color:#50778c}

@media(min-width:621px){[data-flex-tool="consumption"] [data-measure] .sf-grid{align-items:end}}