/* ===========================================================================
   Estilo compartido de las paginas legales (terminos y privacidad).
   Mismos colores que el dashboard para que no parezca otra web.
   Legible por encima de todo: linea corta, buen interlineado, jerarquia clara.
   =========================================================================== */

:root {
  --bg:#0B1220; --panel:#101A2E; --panel2:#0D1526; --border:#22304A;
  --text:#E8ECF4; --muted:#7C8AA8; --brand:#4C6FE5; --magnet:#7C9EFF;
  --flip:#F5B942;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin:0; background:var(--bg); color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.68; font-size:15.5px;
}
.wrap { max-width: 760px; margin:0 auto; padding:0 22px; }

header.top { border-bottom:1px solid var(--border); background:var(--panel2); }
.topin {
  max-width:760px; margin:0 auto; padding:14px 22px;
  display:flex; align-items:center; gap:9px;
}
.topin .nombre { font-size:15px; font-weight:800; letter-spacing:.14em; }
.topin a.volver {
  margin-left:auto; color:var(--muted); text-decoration:none;
  font-size:13px; font-weight:600;
}
.topin a.volver:hover { color:var(--text); }

h1 { font-size: clamp(26px, 5vw, 34px); font-weight:800; letter-spacing:-.02em;
     margin: 38px 0 6px; line-height:1.2; }
.fecha { color:var(--muted); font-size:13px; margin:0 0 30px; }

h2 {
  font-size:18px; font-weight:750; margin:34px 0 10px;
  padding-top:22px; border-top:1px solid var(--border); letter-spacing:-.01em;
}
h2:first-of-type { border-top:none; padding-top:0; }
h3 { font-size:15px; font-weight:700; margin:20px 0 6px; }
p { margin:0 0 13px; }
ul { margin:0 0 13px; padding-left:20px; }
li { margin-bottom:7px; }
b, strong { color:#fff; font-weight:700; }
a { color:var(--magnet); }

/* Los avisos que no deben pasarse por alto. */
.destacado {
  background:var(--panel); border:1px solid var(--border);
  border-left:3px solid var(--flip); border-radius:10px;
  padding:16px 18px; margin:20px 0;
}
.destacado p:last-child { margin-bottom:0; }
.destacado .titulo {
  color:var(--flip); font-weight:750; font-size:14px; margin:0 0 7px;
  text-transform:uppercase; letter-spacing:.05em;
}

/* Indice de contenidos */
.indice {
  background:var(--panel); border:1px solid var(--border);
  border-radius:12px; padding:16px 20px; margin:0 0 34px;
}
.indice .titulo { font-size:12px; font-weight:750; color:var(--muted);
  text-transform:uppercase; letter-spacing:.07em; margin-bottom:9px; }
.indice ol { margin:0; padding-left:20px; font-size:14px; }
.indice li { margin-bottom:4px; }
.indice a { color:var(--text); text-decoration:none; }
.indice a:hover { color:var(--magnet); text-decoration:underline; }

footer {
  border-top:1px solid var(--border); margin-top:46px;
  padding:26px 0 44px; font-size:12.5px; color:var(--muted);
}
footer a { color:var(--muted); }
footer .enlaces { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:10px; }

@media (max-width: 620px) {
  body { font-size:15px; }
  h2 { font-size:17px; }
}