/* Herramientas — tarjeta de calculadora (antes inline en landing-tools) */
.tool-card { background:var(--surface-card); border:1px solid var(--border-subtle); border-radius:22px; padding:clamp(20px,4vw,30px); box-shadow:var(--shadow-sm); }
.tool-grid { display:grid; gap:16px; }
.tool-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.tool-field { display:flex; flex-direction:column; gap:6px; }
.tool-field > span { font-size:13px; font-weight:600; color:var(--text-secondary); }
.tool-input { width:100%; font:500 1rem var(--font-sans); color:var(--ink-900); background:var(--surface-card); border:1px solid var(--border-default); border-radius:12px; padding:.7rem .85rem; }
.tool-input:focus { outline:none; border-color:var(--green-500); box-shadow:var(--ring-accent); }
.tool-result { margin-top:22px; padding:20px; text-align:center; background:var(--green-050); border:1px solid var(--green-100); border-radius:16px; }
.tool-result__label { font-size:13px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--green-700); }
.tool-result__num { font-family:var(--font-display); font-weight:700; font-size:clamp(34px,8vw,46px); color:var(--ink-900); line-height:1.1; }
.tool-result__help { font-size:13px; color:var(--text-muted); margin-top:4px; }

/* Calculadora de salmuera — pasos y chips (misma capacidad que la de la app) */
.brn-paso { font-family: var(--font-data); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--green-700); margin: 20px 0 10px; }
.brn-paso:first-child { margin-top: 0; }
.brn-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.brn-chip { font: 600 13.5px var(--font-sans); padding: 8px 14px; border: 1px solid var(--border-default); border-radius: 999px; background: var(--surface-card); color: var(--text-secondary); cursor: pointer; }
.brn-chip small { font-weight: 500; color: var(--text-muted); }
.brn-chip:hover { border-color: var(--green-200); }
.brn-chip.is-on { background: var(--green-700); border-color: var(--green-700); color: #fff; }
.brn-chip.is-on small { color: rgba(255,255,255,.75); }
.brn-metodo { font-size: 13.5px; line-height: 1.6; color: var(--ink-500); margin: 14px 0 0; }