/* Estilos de las páginas legales de damas-game.com.
   Generado por scripts/generar-legal.js — ver legal/fuente/. */

:root { color-scheme: light dark; }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.55;
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 20px 64px;
}

h1 { font-size: 1.7rem; margin-bottom: 0.3rem; }
h2 { font-size: 1.15rem; margin-top: 1.8rem; }

.meta { color: #555; margin-bottom: 1.5rem; }
@media (prefers-color-scheme: dark) { .meta { color: #aaa; } }

.legal-nav { font-size: 0.92rem; margin-bottom: 1.5rem; }
.legal-nav a { margin-right: 2px; }
.legal-nav span { margin: 0 4px; opacity: 0.5; }

.legal-pie {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(127, 127, 127, 0.35);
  font-size: 0.92rem;
}

ol li, ul li { margin-bottom: 6px; }

table { border-collapse: collapse; width: 100%; font-size: 0.95rem; margin-top: 8px; }
th, td { border: 1px solid #ccc; padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: rgba(127, 127, 127, .12); }
@media (prefers-color-scheme: dark) { th, td { border-color: #555; } }

code { font-size: 0.9em; }

/* Las tablas de permisos y de licencias no caben en un teléfono angosto.
   Antes de encogerlas hasta lo ilegible, se deja desplazarlas. */
section { overflow-x: auto; }

.aviso {
  border-left: 4px solid #c0392b;
  padding: 2px 14px;
  background: rgba(192, 57, 43, .08);
  margin: 18px 0;
}
.aviso h2 { margin-top: 1rem; }

/* Formulario de solicitud de borrado */
.form-borrado { margin: 16px 0; }
.form-borrado label { display: block; font-weight: 600; margin-bottom: 4px; }
.form-borrado input,
.form-borrado textarea {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  padding: 8px 10px;
  border: 1px solid #999;
  border-radius: 6px;
  background: transparent;
  color: inherit;
}
.form-borrado .req { color: #c0392b; }
.form-acciones { display: flex; gap: 10px; flex-wrap: wrap; }
.form-borrado button {
  font: inherit;
  padding: 9px 16px;
  border-radius: 6px;
  border: 1px solid #666;
  background: rgba(127, 127, 127, .12);
  color: inherit;
  cursor: pointer;
}
.form-borrado button[type="submit"] { font-weight: 600; }
.form-error { color: #c0392b; font-weight: 600; }
.form-resultado pre {
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(127, 127, 127, .12);
  padding: 12px;
  border-radius: 6px;
  font-size: 0.92rem;
}