fix: added mobile support

css/main.css

@@ -9,6 +9,17 @@
   width: fit-content;
 }
 
+/* En pantallas pequeñas, "Secciones" y "Vista previa" se comportan como
+   pestañas: solo se muestra una a la vez (ver .tabs en index.html). A
+   partir del breakpoint md ambos paneles se muestran siempre, lado a lado.
+   Se restringe a "screen" para que nunca afecte a la exportación a PDF
+   (@media print más abajo), sea cual sea el ancho de pantalla del usuario. */
+@media screen and (max-width: 767px) {
+  .panel-hidden-mobile {
+    display: none;
+  }
+}
+
 /* Al exportar/imprimir, solo se muestra #panel-output (y no sus propios
    controles, marcados con .no-print), ocultando el resto de la página. */
 @media print {