/* INTER, SERVIDA POR NOSOTROS.
   Estas páginas declaraban `font-family:Inter` y NO la cargaban en ningún
   sitio: se han estado leyendo con la tipografía del sistema. Y se cargan
   desde nuestro servidor y no desde Google a propósito -- una página de
   privacidad que llama a Google para pintarse se contradice a sí misma. */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/fonts/InterVariable.woff2') format('woff2');
}

/* The legal pages, which share everything except their words.

   One stylesheet rather than four copies of a <style> block: these documents
   are edited by somebody reading them, and a change to how they LOOK should
   not mean four edits and three of them forgotten. */
:root{
  --ink:#0f172a; --muted:#667085; --blue:#2563eb;
  --line:#e7ebf1; --soft:#f6f8fb;
}
*{box-sizing:border-box}
body{
  margin:0;background:#fff;color:var(--ink);
  font:400 17px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* 960 y no 760. Estas páginas se ESCANEAN buscando un apartado, no se leen
   de corrido como un artículo, y a 760 las tablas de cookies y de precios
   salían apretadas en una pantalla que tenía sitio de sobra.

   Lo que hace llevadera una línea larga es el interlineado: 1,7 deja el ojo
   volver al principio de la siguiente sin perderse, que es justo lo que
   falla cuando se ensancha una columna sin tocar nada más. */
.wrap{width:min(960px,100%);margin:0 auto;padding:40px 24px 88px}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:34px}
.brand{display:flex;align-items:center;gap:10px;
  font-size:19px;font-weight:800;letter-spacing:.06em;color:var(--ink);text-decoration:none}
.brand svg{width:28px;height:28px}
.top nav{display:flex;gap:16px;font-size:14px;flex-wrap:wrap}
.top nav a{color:var(--muted);text-decoration:none}
.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}

/* ── el idioma ──
   EL MISMO selector que la landing, hasta el píxel. Un documento legal que
   alguien no puede leer no cumple su función, así que va donde ya está
   mirando y no en el pie -- y se ven los DOS idiomas con el actual marcado,
   porque un enlace suelto que pone "EN" no dice en cuál estás. */
.lang{display:flex;align-items:center;gap:2px;flex:none;
  border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff}
.lang a{padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;
  color:var(--muted);text-decoration:none;letter-spacing:.04em}
.lang a:hover{background:#f4f6f8;color:var(--ink)}
.lang a[aria-current]{background:var(--ink);color:#fff}

h1{font-size:clamp(28px,5vw,36px);line-height:1.15;letter-spacing:-.03em;margin:0 0 6px;text-wrap:balance}
.updated{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3;margin:0 0 32px}
h2{font-size:clamp(19px,3vw,23px);letter-spacing:-.02em;margin:38px 0 10px;text-wrap:balance}
h3{font-size:17px;font-weight:700;margin:24px 0 8px}
p,li{color:#344054}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
a{color:var(--blue)}
strong{color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink);font-weight:700;white-space:nowrap}
td{color:#344054}

.card{background:var(--soft);border:1px solid var(--line);border-radius:16px;
  padding:18px 20px;margin:0 0 22px}
.card p:last-child{margin-bottom:0}

.foot{border-top:1px solid var(--line);margin-top:46px;padding-top:20px;
  font-size:14px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}
.foot a{color:var(--muted)}

@media (max-width:560px){
  body{font-size:16px}
  table,thead,tbody,th,td,tr{display:block}
  th{border:0;padding-bottom:0}
  td{padding-top:4px}
}