/* Hoja compartida por los documentos legales. Misma identidad que la app,
   pero optimizada para leer texto largo. */
:root {
  --gob-blue: #0032A0;
  --gob-blue-800: #001f6b;
  --gob-red: #D52B1E;
  --bg: #ffffff;
  --panel-2: #f5f7fa;
  --border: #e2e6ee;
  --text: #111318;
  --muted: #5b6472;
  --accent: var(--gob-blue);
  --accent-soft: #e8eefb;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0c1017; --panel-2: #10151d; --border: #263143;
  --text: #e9edf4; --muted: #93a0b5; --accent: #5b8def; --accent-soft: #16233d;
  color-scheme: dark;
}

* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.7 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.gov-strip {
  background: var(--gob-blue-800); color: #cdd9f4; font-size: 11.5px;
  letter-spacing: .03em; padding: 5px 20px; display: flex; gap: 8px;
}

header {
  border-bottom: 3px solid var(--gob-red);
  padding: 24px 20px 22px; max-width: 760px; margin: 0 auto;
}
.volver {
  display: inline-block; color: var(--muted); text-decoration: none;
  font-size: 13px; margin-bottom: 14px;
}
.volver:hover { color: var(--accent); }
header h1 { margin: 0; font-size: 27px; letter-spacing: -.02em; }
.vigencia { margin: 7px 0 0; font-size: 13px; color: var(--muted); }

main { max-width: 760px; margin: 0 auto; padding: 26px 20px 64px; }

h2 {
  font-size: 18px; margin: 34px 0 12px; letter-spacing: -.01em;
  padding-top: 18px; border-top: 1px solid var(--border);
}
main > h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 22px; }
p { margin: 0 0 13px; }
ul { margin: 0 0 15px; padding-left: 22px; }
li { margin: 6px 0; }
a { color: var(--accent); }

table {
  width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14.5px;
  display: block; overflow-x: auto;
}
th, td {
  border: 1px solid var(--border); padding: 9px 11px;
  text-align: left; vertical-align: top;
}
th { background: var(--panel-2); font-weight: 650; font-size: 13.5px; }

code {
  background: var(--accent-soft); color: var(--accent); border-radius: 5px;
  padding: 1px 6px; font-size: 13.5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.aviso {
  background: #fff8e6; border: 1px solid #f0dca8; color: #6b5312;
  border-radius: 10px; padding: 13px 15px; font-size: 14px; margin-bottom: 24px;
}
:root[data-theme="dark"] .aviso { background: #2a2412; border-color: #574a1f; color: #e3cf94; }

.destacado {
  background: var(--panel-2); border-left: 3px solid var(--gob-red);
  border-radius: 0 10px 10px 0; padding: 14px 16px; margin: 0 0 15px;
}
.destacado p:last-child { margin-bottom: 0; }

.nota { font-size: 14px; color: var(--muted); }

.pie {
  margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--border);
  font-size: 13.5px; color: var(--muted);
}

@media (max-width: 640px) {
  header { padding: 18px 16px 18px; }
  header h1 { font-size: 22px; }
  main { padding: 20px 16px 48px; }
  h2 { font-size: 17px; margin-top: 28px; }
  body { font-size: 15.5px; }
}