/*
 * The three legal pages — privacidad.html, terminos.html and
 * eliminar-cuenta.html — each carried this whole sheet inline, copied from one
 * another, with rules none of them used anymore (.container, .nav-links,
 * .note). One copy now. A rule for something only one page has (.toc, .steps,
 * .en) lives here too: it matches nothing on the others.
 */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  color:#1C1C1E;
  background:#FFFFFF;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  --accent:#3256D9;
}
a{color:var(--accent);text-decoration:none;}
a:hover{filter:brightness(0.82);}

.nav{position:sticky;top:0;z-index:40;background:#F7F8FA;box-shadow:0 1px 0 #E5E5EA,0 4px 12px rgba(0,0,0,.04);}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1140px;margin:0 auto;gap:20px;}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:#1C1C1E;white-space:nowrap;}
.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.back-link{font-size:14.5px;font-weight:600;color:#3C3C43;display:flex;align-items:center;gap:6px;}
.back-link:hover{color:#1C1C1E;}

.legal{max-width:720px;margin:0 auto;padding:64px 32px 96px;}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.09em;font-size:12.5px;font-weight:700;color:var(--accent);margin-bottom:14px;}
h1{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0 0 10px;}
.updated{font-size:14px;color:#8E8E93;margin:0 0 8px;}
.updated code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;}
.summary{font-size:16px;color:#3C3C43;line-height:1.6;margin:20px 0 40px;}

/* Table of contents: privacidad, terminos. */
.toc{background:#F7F8FA;border:1px solid #E5E5EA;border-radius:14px;padding:20px 24px;margin:0 0 48px;}
.toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#8E8E93;margin:0 0 12px;}
.toc ol{margin:0;padding-left:20px;}
.toc li{font-size:14.5px;margin-bottom:6px;}
.toc a{color:#1C1C1E;font-weight:600;}
.toc a:hover{color:var(--accent);}

article section{margin:0 0 40px;}
article h2{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px;scroll-margin-top:88px;}
article h3{font-size:16px;font-weight:700;margin:20px 0 8px;}
article p{margin:0 0 14px;font-size:15.5px;color:#1C1C1E;}
article ul,article ol{margin:0 0 14px;padding-left:22px;}
article li{font-size:15.5px;margin-bottom:8px;color:#1C1C1E;}

/* Numbered steps and the English summary: eliminar-cuenta. */
.steps li{margin-bottom:10px;}
.en{border-top:1px solid #E5E5EA;padding-top:32px;}
.en h2{font-size:17px;}
.en p,.en li{font-size:14.5px;color:#3C3C43;}

footer{padding:40px 0;border-top:1px solid #E5E5EA;}
.footer-copy{font-size:13px;color:#8E8E93;text-align:center;}

@media (max-width:720px){
  .legal{padding:48px 22px 72px;}
}