* { box-sizing: border-box; }

body {
  margin: 0 auto;
  max-width: 480px;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  min-height: 100vh;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}

html { background: #ddd; }
html[data-theme="dark"] { background: #0A0A0A; }

.fijo-centrado { left:50% !important; right:auto !important; transform:translateX(-50%); width:100%; max-width:480px; box-sizing:border-box; }

h1, h2, h3 {
  font-family: 'Fraunces', serif;
  margin: 0 0 var(--space-2);
}

img { max-width: 100%; display: block; }