/* BlasGarden · páginas de texto (aviso legal y privacidad), con los mismos colores y letras que la web */
:root {
  --noche: #101812; --musgo: #3d6b4f; --salvia: #8aac84; --oliva: #6f8f24; --crema: #f3f1e8; --cal: #fbfaf5;
  --rotulo: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;
  --texto: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--crema); color: var(--noche); font: 400 17px/1.6 var(--texto); -webkit-font-smoothing: antialiased; }
a { color: var(--musgo); }
.cabecera { display: flex; align-items: center; gap: 16px; padding: 16px clamp(16px, 4vw, 48px); background: var(--noche); color: var(--crema); }
.marca { display: flex; align-items: center; gap: 10px; margin-right: auto; color: inherit; text-decoration: none; }
.logo { width: 36px; height: 36px; }
.logo-g { stroke: var(--crema); } .logo-tierra { fill: var(--oliva); } .logo-brote { fill: var(--oliva); stroke: var(--oliva); stroke-width: 2.4; stroke-linecap: round; }
.nombre { font: 600 18px/1 var(--texto); letter-spacing: .06em; } .nombre b { font-size: 1.3em; font-weight: 700; }
.volver { color: var(--crema); font-weight: 600; font-size: 15px; text-decoration: none; }
.volver:hover { color: var(--salvia); }
main { max-width: 760px; margin: 0 auto; padding: clamp(36px, 6vw, 72px) 16px 72px; }
h1 { font: 900 clamp(40px, 8vw, 64px)/.95 var(--rotulo); text-transform: uppercase; margin: 0 0 8px; }
h2 { font: 800 26px/1.05 var(--rotulo); text-transform: uppercase; margin: 36px 0 8px; color: var(--musgo); }
.fecha { color: #5e6b62; margin: 0 0 24px; font-size: 15px; }
ul.datos { list-style: none; padding: 16px 18px; margin: 0; background: var(--cal); border-radius: 8px; }
ul.datos li { padding: 3px 0; }
/* Hueco de un dato que aún falta: se ve a la legua y tools/publicar.sh no deja publicar mientras quede alguno */
.falta { background: #f3d36b; color: var(--noche); padding: 0 4px; border-radius: 3px; font-weight: 600; }
.pie { padding: 28px 16px 40px; text-align: center; font-size: 14px; color: #5e6b62; }