From 70077d7fd4b9afcfec832e09f3774a9422be96ef Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Tue, 28 Jul 2026 00:32:23 -0500
Subject: [PATCH] fix: campos condicionales ocultos no dejan espacio en blanco
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- JS evaluar(): añade margin:0; padding:0 al ocultar elementos con maxHeight:0
  para que .campo-edit no deje margen residual
- PHP render: baked-in separator oculto incluye margin:0;padding:0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ver_formulario_enviado.php | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ver_formulario_enviado.php b/ver_formulario_enviado.php
index 8d25105..4ef3c0b 100644
--- a/ver_formulario_enviado.php
+++ b/ver_formulario_enviado.php
@@ -978,7 +978,7 @@ function _addExamWizardHtml(string $cid): string {
                 }
                 if (($_saltarSeccion && !$modoEditar) || $_mpSkipSec) continue; ?>
             <div class="esquema-sep<?= $compact ? ' campo-full' : '' ?>" data-campo-id="<?= esc2($campo['id'] ?? '') ?>"
-                 <?= ($_saltarSeccion && $modoEditar) ? 'style="max-height:0;opacity:0;overflow:hidden;pointer-events:none"' : '' ?>><?= esc2($campo['label'] ?? '') ?></div>
+                 <?= ($_saltarSeccion && $modoEditar) ? 'style="max-height:0;opacity:0;overflow:hidden;pointer-events:none;margin:0;padding:0"' : '' ?>><?= esc2($campo['label'] ?? '') ?></div>
         <?php   continue; endif;
             if (($_saltarSeccion && !$modoEditar) || $_mpSkipSec) continue;
 
@@ -2895,11 +2895,13 @@ const topaz = (() => {
             ids.forEach(function(id) {
                 var el = document.querySelector('[data-campo-id="' + id + '"]');
                 if (!el) return;
-                el.style.transition   = 'opacity .2s, max-height .3s';
-                el.style.maxHeight    = activo ? '2000px' : '0';
-                el.style.opacity      = activo ? '1' : '0';
-                el.style.overflow     = activo ? '' : 'hidden';
+                el.style.transition    = 'opacity .2s, max-height .3s';
+                el.style.maxHeight     = activo ? '2000px' : '0';
+                el.style.opacity       = activo ? '1' : '0';
+                el.style.overflow      = activo ? '' : 'hidden';
                 el.style.pointerEvents = activo ? '' : 'none';
+                el.style.margin        = activo ? '' : '0';
+                el.style.padding       = activo ? '' : '0';
             });
         });