/* Calculadora de gasolina (4 nov 2026). Hereda la caja y los botones de las guías. */
.gas-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.gas label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: .95rem; color: var(--ink); min-width: 0; }
.gas input:not([type="checkbox"]) { font: inherit; font-weight: 500; color: var(--ink); background: rgba(255,255,255,.06);
  border: 1px solid var(--glass-brd); border-radius: 12px; padding: 12px 14px; min-height: 48px; width: 100%; }
.gas input:focus-visible { outline: 2px solid var(--brand2); outline-offset: 1px; }
.gas-opciones { display: grid; gap: 10px; margin-top: 18px; }
.gas .gas-check { flex-direction: row; align-items: center; gap: 10px; font-weight: 500; cursor: pointer; }
.gas-check input { width: 20px; height: 20px; accent-color: var(--brand); flex: none; }
.gas-dias { max-width: 220px; }
.gas-dias[hidden] { display: none; }
.gas-resultado { margin-top: 20px; font-variant-numeric: tabular-nums; }
.gas-dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 0; }
.gas-dl dt { color: var(--muted); }
.gas-dl dd { margin: 0; text-align: end; color: var(--ink); }
.gas-cada { font-size: 1.15rem; margin: 14px 0 0; color: var(--ink); }
.gas-cada b { font-family: "Sora", system-ui, sans-serif; font-size: 1.4rem; }
.gas-nota { font-size: .9rem; color: var(--muted); }
.gas-falta { color: var(--muted); }
.gas .seo-cta button { font: inherit; font-weight: 600; cursor: pointer; padding: 13px 20px; border-radius: 14px;
  color: var(--ink); border: 1px solid var(--glass-brd); background: var(--glass); }
.gas .seo-cta [hidden] { display: none; }
@media (max-width: 480px) { .gas-grid { grid-template-columns: 1fr; } }