/* ═══════════════════════════════════════════════
   Páginas legales · misma familia que la landing
   ═══════════════════════════════════════════════ */

*{box-sizing:border-box}

:root{
  --papel:#FAF7F2;
  --papel-2:#FFFFFF;
  --tinta:#1B1A17;
  --tinta-2:#3D3931;
  --gris:#6B6459;
  --tenue:#8C857A;
  --linea:#E6E0D6;
  --ambar:#C2410C;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--sans);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ── Cabecera ── */
.cab{
  border-bottom:1px solid var(--linea);background:var(--papel-2);
  position:sticky;top:0;z-index:10;
}
.cab-caja{
  max-width:820px;margin:0 auto;padding:16px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.marca-logo{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,#1B1A17,#3D3931);
  color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:16px;letter-spacing:-.5px;
}
.marca strong{font-size:16px;font-weight:700;letter-spacing:-.3px}
.cab a.volver{
  color:var(--gris);text-decoration:none;font-size:14px;font-weight:500;
  transition:color .18s;
}
.cab a.volver:hover{color:var(--ambar)}

/* ── Contenido ── */
main{max-width:820px;margin:0 auto;padding:48px 24px 90px}

h1{
  font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.2;
  margin:0 0 10px;
}
.fecha{color:var(--tenue);font-size:14px;margin:0 0 40px}

h2{
  font-size:21px;font-weight:700;letter-spacing:-.4px;
  margin:42px 0 14px;padding-top:22px;border-top:1px solid var(--linea);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:34px}
h3{font-size:16.5px;font-weight:650;margin:26px 0 8px}

p{margin:0 0 16px;color:var(--tinta-2)}
ul,ol{margin:0 0 16px;padding-left:22px;color:var(--tinta-2)}
li{margin-bottom:9px}
strong{font-weight:650;color:var(--tinta)}
a{color:var(--ambar);text-decoration:none}
a:hover{text-decoration:underline}

.destacado{
  background:var(--papel-2);border:1px solid var(--linea);
  border-left:3px solid var(--ambar);
  border-radius:10px;padding:18px 22px;margin:26px 0;
}
.destacado p:last-child{margin-bottom:0}

table{
  width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;
  background:var(--papel-2);border:1px solid var(--linea);border-radius:10px;
  overflow:hidden;
}
th{
  text-align:left;padding:12px 16px;background:#F2EFE9;
  font-size:13px;font-weight:650;letter-spacing:.3px;text-transform:uppercase;
  color:var(--gris);border-bottom:1px solid var(--linea);
}
td{padding:12px 16px;border-bottom:1px solid var(--linea);color:var(--tinta-2)}
tr:last-child td{border-bottom:0}

/* ── Pie ── */
.pie{
  border-top:1px solid var(--linea);background:var(--papel-2);
  padding:34px 24px;text-align:center;color:var(--tenue);font-size:14px;
}
.pie a{margin:0 10px}

@media(max-width:640px){
  main{padding:34px 20px 60px}
  h1{font-size:27px}
  h2{font-size:19px}
  table{font-size:14px}
  th,td{padding:10px 12px}
}