/* Página provisional de cistock.es. Colores de marca de DESIGN.md. */
:root { --navy-900: #161e31; --navy-200: #b4bbcb; --lime-300: #bafb93; }
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  display: grid;
  place-items: center;
  background: var(--navy-900);
  color: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: center;
  padding: 24px max(16px, env(safe-area-inset-right, 0px)) 24px max(16px, env(safe-area-inset-left, 0px));
}
main { display: grid; gap: 28px; justify-items: center; }
img { width: min(220px, 60vw); height: auto; }
p { color: var(--navy-200); font-size: 17px; line-height: 1.5; max-width: 34ch; }
strong { color: var(--lime-300); font-weight: 600; }