Deploy the site from pipeline commit 5d077cc5501a

consulta/index.html

@@ -171,6 +171,8 @@ ul.plain li b { color: var(--text); font-weight: 600; }
 .small { font-size: 12.5px; color: var(--muted); }
 footer { color: var(--faint); font-size: 12.5px; padding: 0 0 32px; }
 .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
+
+@media (max-width: 560px) { .sm-hide { display: none; } }
 </style>
 </head>
 <body>
@@ -179,7 +181,7 @@ footer { color: var(--faint); font-size: 12.5px; padding: 0 0 32px; }
     <a class="navbrand" href="../index.html">AMC<span class="brand-long"> <span class="dot">·</span> Analíticas Mercantiles</span></a>
     <div class="links">
       <a href="../index.html">Panorama</a>
-      <a href="index.html" aria-current="page">Consulta SQL</a>
+      <a href="index.html" aria-current="page"><span class="sm-hide">Consulta </span>SQL</a>
       <a href="../metodologia/index.html">Metodología</a>
       <button class="ghost" id="theme" type="button" aria-label="Cambiar entre tema claro y oscuro" title="Tema claro / oscuro">◐</button>
     </div>

index.html

@@ -164,6 +164,8 @@ details.tv td.n { text-align: right; font-variant-numeric: tabular-nums; }
 footer { padding: 40px 0 48px; color: var(--muted); font-size: 13px; }
 footer a { color: var(--ink-2); }
 .loading { color: var(--muted); padding: 40px 0; }
+
+@media (max-width: 560px) { .sm-hide { display: none; } }
 </style>
 </head>
 <body>
@@ -172,7 +174,7 @@ footer a { color: var(--ink-2); }
     <a class="brand" href="./">AMC<span class="brand-long"> <span class="dot">·</span> Analíticas Mercantiles</span></a>
     <div class="links">
       <a href="./" aria-current="page">Panorama</a>
-      <a href="consulta/index.html">Consulta SQL</a>
+      <a href="consulta/index.html"><span class="sm-hide">Consulta </span>SQL</a>
       <a href="metodologia/index.html">Metodología</a>
       <button id="theme" type="button" aria-label="Cambiar entre tema claro y oscuro" title="Tema claro / oscuro">◐</button>
     </div>

metodologia/index.html

@@ -104,6 +104,8 @@ pre { background: var(--code-bg); border: 1px solid var(--border); border-radius
 pre code { background: none; padding: 0; font-size: inherit; }
 .cite { background: var(--accent-soft); border-radius: 10px; padding: 14px 16px; font-size: 15px; }
 footer { padding: 0 0 48px; color: var(--muted); font-size: 13px; }
+
+@media (max-width: 560px) { .sm-hide { display: none; } }
 </style>
 </head>
 <body>
@@ -112,7 +114,7 @@ footer { padding: 0 0 48px; color: var(--muted); font-size: 13px; }
     <a class="brand" href="../index.html">AMC<span class="brand-long"> <span class="dot">·</span> Analíticas Mercantiles</span></a>
     <div class="links">
       <a href="../index.html">Panorama</a>
-      <a href="../consulta/index.html">Consulta SQL</a>
+      <a href="../consulta/index.html"><span class="sm-hide">Consulta </span>SQL</a>
       <a href="index.html" aria-current="page">Metodología</a>
       <button id="theme" type="button" aria-label="Cambiar entre tema claro y oscuro" title="Tema claro / oscuro">◐</button>
     </div>