feat(turnero): 4 campos antecedentes en un solo renglón (F-LAB-08)

Gesta/Partos/Cesáreas/Abortos ahora caben en una fila usando CSS :has(.campo-cuarto)
que activa grid de 4 columnas solo cuando el campo tiene clase campo-cuarto.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ver_formulario_enviado.php

@@ -546,6 +546,9 @@ function _addExamWizardHtml(string $cid): string {
         @media (min-width: 480px) {
             .campos-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px 14px; align-items: start; }
             .campos-grid .campo-full { grid-column: span 3; }
+            /* ponytail: :has() override — 4-col only when campo-cuarto present */
+            .campos-grid:has(.campo-cuarto) { grid-template-columns: 1fr 1fr 1fr 1fr; }
+            .campos-grid:has(.campo-cuarto) .campo-full { grid-column: span 4; }
         }
         /* ── Checkboxes y radios con área táctil mayor ── */
         .campo-edit .form-check {
@@ -1201,8 +1204,9 @@ function _addExamWizardHtml(string $cid): string {
                 };
                 // texto libre ocupa fila completa; tipos cortos caben 3 por fila
                 $inputFullClass = ($compact && $tipo === 'texto') ? ' campo-full' : '';
+                $extraClase = htmlspecialchars($campo['clase'] ?? '', ENT_QUOTES);
         ?>
-                <div class="campo-edit<?= $inputFullClass ?>" data-campo-id="<?= esc2($cid) ?>">
+                <div class="campo-edit<?= $inputFullClass ?><?= $extraClase ? ' '.$extraClase : '' ?>" data-campo-id="<?= esc2($cid) ?>">
                     <label><?= $label ?></label>
                     <input type="<?= $inputType ?>" class="form-control form-control-sm"
                            name="<?= esc2($cid) ?>" value="<?= esc2($prefill) ?>"<?= $req ?>