Fix modal input overflow, papers modal mobile height, and default panel states

- Add width/box-sizing to .modal-campo input to prevent apellido field overflow at wide resolutions
- Anchor papers modal to top on mobile using svh units so header and paginators stay visible
- Collapse panel-uri and panel-endo by default on first visit; panel-flujo stays expanded

css/styles.css

@@ -2276,6 +2276,8 @@ main {
 }
 
 .modal-campo input {
+    width: 100%;
+    box-sizing: border-box;
     padding: 8px 10px;
     border: 1px solid var(--border-1);
     border-radius: var(--radius-sm);
@@ -2605,3 +2607,14 @@ main {
     opacity: 0.35;
     cursor: not-allowed;
 }
+
+@media (max-width: 700px) {
+    .modal-papers {
+        top: var(--space-3);
+        max-height: calc(100svh - var(--space-6));
+        transform: translateX(-50%);
+    }
+    .modal-papers.visible {
+        transform: translateX(-50%);
+    }
+}

js/ui.js

@@ -207,6 +207,8 @@ const GRUPOS_VINCULADOS = [
     ['panel-endo', 'panel-uri'],
 ];
 
+const PANELES_COLAPSADOS_POR_DEFECTO = new Set(['panel-uri', 'panel-endo']);
+
 document.querySelectorAll('.btn-colapsar-subpanel').forEach(btn => {
     const subpanel = btn.closest('.subpanel');
     const animEl = subpanel.querySelector('.subpanel-anim');
@@ -219,7 +221,12 @@ document.querySelectorAll('.btn-colapsar-subpanel').forEach(btn => {
             animEl.style.height = `${animEl.scrollHeight}px`;
         }
 
-        if (localStorage.getItem(claveAlmacenamiento) === '1') {
+        const valorGuardado = localStorage.getItem(claveAlmacenamiento);
+        const debeColapsar = valorGuardado !== null
+            ? valorGuardado === '1'
+            : PANELES_COLAPSADOS_POR_DEFECTO.has(subpanel.id);
+
+        if (debeColapsar) {
             subpanel.classList.add('collapsed');
             btn.setAttribute('aria-expanded', 'false');
             if (esRelleno) animEl.style.transition = 'none';