:root{
  --fg:#111; --muted:#666; --bg:#fff; --border:#e5e7eb; --badge:#f3f4f6; --brand:#111;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Inter, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
*{box-sizing:border-box}
body{ margin:0; color:var(--fg); background:var(--bg); line-height:1.55; }
.header{ padding:28px 20px; border-bottom:1px solid var(--border); }
.wrap{ max-width:900px; margin:0 auto; padding:24px 20px; }
h1{ font-size:32px; margin:8px 0 12px; }
h2{ font-size:22px; margin:24px 0 10px; }
.hero{ display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; }
.card{ border:1px solid var(--border); border-radius:12px; padding:16px; }
.badge{ display:inline-block; padding:4px 8px; border-radius:9999px; background:var(--badge); border:1px solid var(--border); font-size:12px; }
.cta{ display:inline-inline; padding:10px 14px; border-radius:10px; border:1.5px solid var(--brand); text-decoration:none; color:var(--brand); margin-right:8px; }
.cta.ghost{ background:transparent; opacity:.85 }
.footer{ padding:24px 20px; border-top:1px solid var(--border); font-size:14px; color:#555; }
ul{ padding-left:20px; }
nav a{ margin-right:12px; color:var(--brand); text-decoration:none; }
nav a:hover{ text-decoration:underline; }
.small{ font-size:13px; color:var(--muted); }
.img{ max-width:100%; height:auto; border:1px solid var(--border); border-radius:8px; }
.sources ul{ margin:6px 0 0; }
.sources li{ margin:2px 0; }
.badge.pdfa {
  background:#ecfdf5; /* verde suave */
  color:#065f46;
  border:1px solid #a7f3d0;
  border-radius:9999px;
  padding:2px 8px;
  font-size:12px;
  font-weight:600;
  margin-left:6px;
}
.infografia-col img { max-height: 560px; width: auto; height: auto; }
.badge.pdfa{background:#e0f2f1;color:#0f766e;font-weight:700}
.pill.privacy{
  display:inline-block;
  margin:10px 0 8px;
  padding:8px 10px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  font-size:.95rem;
  background:#f8fafc;
}
.infografia-col img{height:auto;max-width:100%}