/* Blog: misma paleta aprobada de la app (tema 3 "laboratorio frio", 2026-09-27):
   fondo blanco, tinta grafito, un solo acento verde oscuro, Inter Tight,
   esquinas rectas. Se escribe aparte porque el blog no carga nada de la app. */
:root{
  --fondo:#fff; --tinta:#14171a; --gris:#6b7280; --filete:#e4e6e9;
  --verde:#16352a; --palido:#eef1ef;
  --f:'Inter Tight',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--fondo);color:var(--tinta);font:1rem/1.6 var(--f)}
main{max-width:44rem;margin:0 auto;padding:0 16px}

.cab{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:12px 16px;background:var(--fondo);border-bottom:1px solid var(--filete)}
.logo{font-weight:700;letter-spacing:.06em;font-size:.9375rem;color:var(--tinta);text-decoration:none}

/* todo lo que se toca mide 44 px de alto (regla de la app, 2026-09-27) */
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:8px;
  background:var(--verde);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none}

.tit{margin:32px 0 8px;font-size:2rem;line-height:1.15;letter-spacing:-.02em;font-weight:600}
.bajada{color:var(--gris);margin-bottom:28px}

.lista{list-style:none;padding:0;margin:0 0 40px;display:grid;gap:12px}
.lista a{display:block;padding:18px;border:1px solid var(--filete);border-radius:10px;
  color:inherit;text-decoration:none;background:var(--fondo)}
.lista a:hover{background:var(--palido)}
.lista h2{font-size:1.125rem;line-height:1.3;font-weight:600;margin-bottom:6px}
.lista p{color:var(--gris);font-size:.9375rem}

.art{padding:32px 0 8px}
.art h1{font-size:1.875rem;line-height:1.2;letter-spacing:-.02em;font-weight:600}
.fecha{color:var(--gris);font-size:.875rem;margin:8px 0 24px}
.art h2{margin:32px 0 10px;font-size:1.25rem;line-height:1.3;font-weight:600}
.art p{margin:0 0 16px}
.art ul{margin:0 0 16px;padding-left:20px;display:grid;gap:8px}
.art strong{font-weight:600}
.cierre{margin:32px 0 8px}

.pie{margin-top:48px;padding:28px 16px calc(28px + env(safe-area-inset-bottom,0px));
  border-top:1px solid var(--filete);display:grid;gap:14px;justify-items:center;text-align:center}
.pie p{color:var(--gris);font-size:.875rem}

/* cabecera: cambio de idioma al lado del boton */
.cab-d{display:flex;align-items:center;gap:6px}
.idioma{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;
  color:var(--gris);font-size:.875rem;font-weight:600;text-decoration:none}
.idioma:hover{color:var(--tinta)}