/* Alivia — páginas de privacidad y términos.
   Mismo aire que la app, pero pensadas para leerse en una pantalla ancha. */

/* Tipografias alojadas en Alivia. Bespoke Serif y Switzer, Indian Type Foundry via Fontshare. */
@font-face{font-family:'Bespoke Serif';src:url('fuentes/bespoke-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Bespoke Serif';src:url('fuentes/bespoke-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fuentes/switzer-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fuentes/switzer-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fuentes/switzer-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('fuentes/switzer-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

:root {
  --papel: #F6F1EC;
  --superficie: #FCFAF8;
  --superficie-alt: #EFE4E2;
  --borde: #D8C7C6;
  --tinta: #241B1E;
  --tinta-media: #665A5D;
  --primario: #6B2E4E;
  --primario-hover: #4E1F39;
  --primario-suave: #F0DFE6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --papel: #171315;
    --superficie: #1F1A1D;
    --superficie-alt: #241E22;
    --borde: #443A3E;
    --tinta: #EFE6E8;
    --tinta-media: #A79A9E;
    --primario: #DA9CBA;
    --primario-hover: #EBB8CE;
    --primario-suave: #33202A;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: 'Switzer', system-ui, -apple-system, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.hoja {
  max-width: 40rem;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}

.volver {
  display: inline-block;
  color: var(--primario);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9375rem;
  margin-bottom: 2.5rem;
}

.volver:hover { color: var(--primario-hover); text-decoration: underline; }

.marca {
  font-family: 'Bespoke Serif', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0 0 0.25rem;
}

h1 {
  font-family: 'Bespoke Serif', Georgia, serif;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 0.5rem;
}

.fecha {
  color: var(--tinta-media);
  font-size: 0.9375rem;
  margin: 0 0 2.5rem;
}

h2 {
  font-family: 'Bespoke Serif', Georgia, serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 2.75rem 0 0.75rem;
}

h3 {
  font-size: 1.0625rem;
  font-weight: 600;
  margin: 1.75rem 0 0.5rem;
}

p, li { color: var(--tinta); }
p { margin: 0 0 1rem; }

ul { padding-left: 1.25rem; margin: 0 0 1rem; }
li { margin-bottom: 0.5rem; }

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

strong { font-weight: 600; }

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 2rem;
  font-size: 0.9375rem;
}

th, td {
  text-align: left;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--borde);
  vertical-align: top;
}

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

footer {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--borde);
  color: var(--tinta-media);
  font-size: 0.875rem;
}