/* Páginas legales y de error: mismo aspecto que la web, en una columna de lectura */
:root{
  --ink:#1A2A1E; --ink-2:#4B574F; --muted:#7D867F;
  --brand:#3EB33C; --brand-l:#5DC957; --brand-d:#087B2A;
  --btn:#1E8A32; --btn-d:#17722A;
  --cream:#FBF7F0; --line:#E6ECE3;
  --serif:"Fraunces",Georgia,serif; --sans:"Plus Jakarta Sans",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
a{color:var(--brand-d);font-weight:600;text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--brand-l);outline-offset:3px}
.cab{max-width:860px;margin:0 auto;padding:28px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cab .logo img{display:block;height:56px;width:auto}
.cab .volver{font-size:14.5px;text-decoration:none;color:#10331C}
.cab .volver:hover{text-decoration:underline}
.hoja{max-width:860px;margin:28px auto 0;padding:52px 56px 56px;background:#fff;border-radius:28px;box-shadow:0 30px 60px -40px rgba(16,51,28,.45)}
.k{display:block;margin-bottom:10px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-d)}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,5vw,44px);line-height:1.08;letter-spacing:-.01em;color:#10331C}
.fecha{margin-top:10px;font-size:13.5px;color:var(--muted)}
.lead{margin-top:22px;font-size:17px;line-height:1.6;color:var(--ink-2)}
h2{margin:40px 0 12px;font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2;color:#10331C}
p,li{font-size:15.5px;line-height:1.65;color:var(--ink-2)}
p+p{margin-top:12px}
ul,ol{margin:10px 0 0 22px;display:grid;gap:6px}
strong{color:#10331C}
.datos{list-style:none;margin:10px 0 0;padding:18px 20px;border-radius:16px;background:#F3F8F1}
.datos li{font-size:15px}
.tabla{margin-top:14px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5;color:var(--ink-2)}
th{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#10331C;background:#F7FAF6}
.modelo{margin-top:14px;padding:20px 22px;border:1.5px dashed #CFE3C9;border-radius:16px}
.borrador{margin-bottom:26px;padding:12px 16px;border-radius:12px;background:#FFF6DC;color:#5A4500;font-size:14px;font-weight:600}
.pie{max-width:860px;margin:0 auto;padding:26px 24px 48px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:var(--muted)}
.pie a{font-weight:500;color:var(--muted);text-decoration:none}
.pie a:hover{color:#10331C;text-decoration:underline}
.btn{display:inline-flex;align-items:center;height:52px;margin-top:28px;padding:0 26px;border-radius:999px;background:var(--btn);color:#fff;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 24px -10px rgba(30,138,50,.8);transition:background .2s}
.btn:hover{background:var(--btn-d)}
@media (max-width:640px){
  .cab{padding:20px 16px 0}
  .cab .logo img{height:46px}
  .hoja{margin-top:20px;padding:32px 20px 36px;border-radius:22px}
  .pie{padding:22px 16px 40px}
}
