/* =====================================================================
   Field (F) — Wrapper de label + input para grids de formulario
   ===================================================================== */

const F = ({ l, children, span }) => (
  <div style={span ? { gridColumn: `span ${span}` } : {}}>
    <label style={S.lb}>{l}</label>
    {children}
  </div>
);

// ── Exports a global scope (Babel standalone aisla cada <script>) ──
window.F  = F;