/* Aviso de privacidad (marca Pakilis, misma paleta que la home). Oscuro por defecto; claro si el dispositivo lo pide. */
:root {
  --fondo: #100b1e;
  --texto: #f4efff;
  --enlace: #c4b0ff;
  --pendiente: rgba(255, 138, 31, 0.28);
  --fuente: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root {
    --fondo: #faf7ff;
    --texto: #1e1238;
    --enlace: #5b2fd0;
    --pendiente: #ffd9ad;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  padding: calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));
  font-family: var(--fuente);
  font-size: 17px;
  line-height: 1.6;
  color: var(--texto);
  background: var(--fondo);
}

main {
  max-width: 560px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

h1, h2, p { margin: 0; }
h1 { font-size: 30px; line-height: 1.2; }
h2 { margin-top: 12px; font-size: 21px; line-height: 1.25; }

ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }

.pendiente { padding: 2px 6px; border-radius: 8px; background: var(--pendiente); }

.volver { align-self: flex-start; padding: 14px 0; color: var(--enlace); font-weight: 700; text-decoration: underline; }
.volver:focus-visible { outline: 4px solid var(--enlace); outline-offset: 3px; }