/*
 * El estilo de las páginas legales de Soniro.
 *
 * ⚠️ **Sin ninguna fuente ni recurso externo, a propósito.** Una página de
 * privacidad que carga una tipografía de Google le manda a Google la IP de todo
 * el que la lee: es contradecir el texto con el propio HTML. Todo lo que hay
 * aquí sale del dispositivo.
 *
 * Los colores son los de Brasa (app/src/tema/tokens.ts), copiados a mano porque
 * esto no comparte código con la app.
 */
:root {
  --fondo: #0b0a08;
  --superficie: #16150f;
  --texto: #f2ede4;
  --secundario: #a9a396;
  --acento: #f0a13e;
  --filo: #2a271f;
}

@media (prefers-color-scheme: light) {
  :root {
    --fondo: #fdfbf7;
    --superficie: #f4efe6;
    --texto: #1a1813;
    --secundario: #5c574c;
    --acento: #a8641a;
    --filo: #e2dbcd;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 2rem 1.25rem 5rem;
  background: var(--fondo);
  color: var(--texto);
  font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}

main {
  max-width: 42rem;
  margin: 0 auto;
}

header {
  margin-bottom: 3rem;
}

.marca {
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: var(--texto);
}

.lema {
  color: var(--secundario);
  margin: 0.35rem 0 0;
  font-size: 0.95rem;
}

h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 0.5rem;
}

h2 {
  font-size: 1.2rem;
  margin: 2.75rem 0 0.75rem;
  letter-spacing: -0.01em;
}

.fecha {
  color: var(--secundario);
  font-size: 0.9rem;
  margin: 0 0 2rem;
}

p,
li {
  color: var(--texto);
}

ul {
  padding-left: 1.2rem;
}

li {
  margin-bottom: 0.5rem;
}

a {
  color: var(--acento);
}

strong {
  font-weight: 650;
}

.destacado {
  background: var(--superficie);
  border: 1px solid var(--filo);
  border-radius: 14px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
}

.destacado p:first-child {
  margin-top: 0;
}

.destacado p:last-child {
  margin-bottom: 0;
}

.pendiente {
  border-color: var(--acento);
}

/*
 * El selector de idioma de las legales (2026-09-16).
 *
 * ⚠️ Son enlaces de verdad a páginas distintas, no un cambio en el navegador:
 * una legal tiene que poder enlazarse y citarse en el idioma en que la leíste.
 * El idioma en el que estás va en <strong>, que no es un enlace: pulsarlo para
 * quedarte donde estás es el sitio más fácil de perder la confianza en un menú.
 */
.idiomas {
  margin: -0.35rem 0 1.75rem;
  font-size: 0.9rem;
  color: var(--secundario);
}

.idiomas a,
.idiomas strong {
  margin-right: 1rem;
}

.idiomas strong {
  color: var(--texto);
  font-weight: 600;
}

footer {
  margin-top: 4rem;

  padding-top: 1.5rem;
  border-top: 1px solid var(--filo);
  color: var(--secundario);
  font-size: 0.9rem;
}

footer a {
  margin-right: 1rem;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  display: block;
  overflow-x: auto;
}

th,
td {
  text-align: left;
  padding: 0.6rem 0.75rem 0.6rem 0;
  border-bottom: 1px solid var(--filo);
  vertical-align: top;
  font-size: 0.95rem;
}

th {
  color: var(--secundario);
  font-weight: 600;
}