From 52ecc4f656ffc8f9ac884761b350c926da7bcf0a Mon Sep 17 00:00:00 2001
From: hacklab <hacklab@laenre.net>
Date: Wed, 14 Oct 2026 12:29:24 +0200
Subject: [PATCH] =?UTF-8?q?Panel=20en=20m=C3=B3vil:=20una=20acampada=20por?=
 =?UTF-8?q?=20fila,=20sin=20desplazar=20de=20lado?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sites/takethestreet/css/web.css | 15 ++++++++++++---
 sites/tomalacalle/css/web.css   | 15 ++++++++++++---
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/sites/takethestreet/css/web.css b/sites/takethestreet/css/web.css
index 1cb5c51..b71fa96 100644
--- a/sites/takethestreet/css/web.css
+++ b/sites/takethestreet/css/web.css
@@ -106,10 +106,19 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
   .ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @media (max-width: 640px) {
-  .deck { grid-template-columns: minmax(0, 1fr); }
+  .tags { font-size: 17px; }
+  .deck { grid-template-columns: minmax(0, 1fr); box-shadow: 4px 4px 0 var(--fg); }
   .arbol { display: none; }
-  .cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; }
-  .col { scroll-snap-align: start; }
+  .cols { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; }
+  .col { border-right: 0; border-bottom: 2px solid var(--fg); padding: 12px 14px; }
+  .col:last-child { border-bottom: 0; }
+  .col h3 { font-size: 26px; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
+  .col h3 small { font-size: 13px; }
+  .post { border: 0; box-shadow: none; padding: 0; }
+  .post.ko { box-shadow: none; border-left: 4px solid var(--neon); padding-left: 8px; }
+  .redes { gap: 8px; }
+  .red { font-size: 18px; padding: 7px 10px 5px; }
+  .mapa { font-size: 15px; }
   .cab { padding: 10px 12px 16px; }
   .idiomas { align-self: center; }
   .firma { gap: 10px; }
diff --git a/sites/tomalacalle/css/web.css b/sites/tomalacalle/css/web.css
index 1cb5c51..b71fa96 100644
--- a/sites/tomalacalle/css/web.css
+++ b/sites/tomalacalle/css/web.css
@@ -106,10 +106,19 @@ h3 { margin: 0; font: 400 34px/1 var(--bt); text-transform: uppercase; letter-sp
   .ejes, .paises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @media (max-width: 640px) {
-  .deck { grid-template-columns: minmax(0, 1fr); }
+  .tags { font-size: 17px; }
+  .deck { grid-template-columns: minmax(0, 1fr); box-shadow: 4px 4px 0 var(--fg); }
   .arbol { display: none; }
-  .cols { grid-auto-columns: 82vw; scroll-snap-type: x mandatory; }
-  .col { scroll-snap-align: start; }
+  .cols { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow: visible; }
+  .col { border-right: 0; border-bottom: 2px solid var(--fg); padding: 12px 14px; }
+  .col:last-child { border-bottom: 0; }
+  .col h3 { font-size: 26px; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
+  .col h3 small { font-size: 13px; }
+  .post { border: 0; box-shadow: none; padding: 0; }
+  .post.ko { box-shadow: none; border-left: 4px solid var(--neon); padding-left: 8px; }
+  .redes { gap: 8px; }
+  .red { font-size: 18px; padding: 7px 10px 5px; }
+  .mapa { font-size: 15px; }
   .cab { padding: 10px 12px 16px; }
   .idiomas { align-self: center; }
   .firma { gap: 10px; }