/* Reusable inline calculator widget — matches base.css design system */
.cw{border:2px solid var(--tinta);background:var(--blanco);box-shadow:6px 6px 0 var(--tinta);
  margin:22px 0 8px;font-family:var(--body)}
.cw-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:2px solid var(--tinta);
  background:var(--tinta);color:#fff}
.cw-head .cw-tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  background:var(--azul);color:#fff;padding:3px 8px}
.cw-head h3{margin:0;font-family:var(--disp);font-weight:800;font-size:16px;letter-spacing:-.01em}
.cw-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:720px){.cw-body{grid-template-columns:1fr}}
.cw-in{padding:16px 18px;border-right:2px solid var(--tinta)}
@media(max-width:720px){.cw-in{border-right:0;border-bottom:2px solid var(--tinta)}}
.cw-field{margin-bottom:14px}
.cw-field:last-child{margin-bottom:0}
.cw-field label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:12.5px;font-weight:600;color:var(--gris);margin-bottom:6px}
.cw-field label b{font-family:var(--mono);font-size:13px;color:var(--tinta);font-weight:700}
.cw-field input[type=range]{width:100%;accent-color:var(--azul);margin:0}
.cw-field .cw-num{width:100%;border:1.5px solid var(--linea);background:var(--soft);color:var(--tinta);
  padding:7px 9px;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}
.cw-field .cw-num:focus{outline:2px solid var(--azul);outline-offset:1px;border-color:var(--azul)}
.cw-field .cw-sel{width:100%;border:1.5px solid var(--linea);background:var(--soft);color:var(--tinta);
  padding:7px 9px;font:inherit;font-size:13px}
.cw-out{padding:16px 18px;background:var(--soft);display:flex;flex-direction:column;gap:10px}
.cw-res{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  border-bottom:1px solid var(--linea);padding-bottom:9px}
.cw-res:last-of-type{border-bottom:0}
.cw-res .cw-lab{font-size:12.5px;color:var(--gris);font-weight:600}
.cw-res .cw-val{font-family:var(--disp);font-weight:800;font-size:20px;color:var(--tinta);
  font-variant-numeric:tabular-nums;text-align:right;line-height:1.05}
.cw-res.hi .cw-val{color:var(--azul);font-size:24px}
.cw-res .cw-sub{display:block;font-family:var(--mono);font-size:10px;color:var(--gris2);
  font-weight:400;text-transform:none;letter-spacing:0}
.cw-note{font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--gris2);
  border-top:1px dashed var(--linea);padding-top:9px;margin-top:2px}
.cw-flag{font-size:11.5px;font-weight:600;padding:2px 8px;display:inline-block}
.cw-flag.ok{color:var(--verde)}.cw-flag.warn{color:var(--naranja)}.cw-flag.bad{color:var(--rojo)}