:root {
  --text: #f7fbff;
  --muted: #d6e0f7;
  --stroke: rgba(255,255,255,.22);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Sora", sans-serif;
  color: var(--text);
  min-height: 100vh;
}

.page-shell { width: min(980px, 92vw); margin: 0 auto; padding: 18px 0 28px; }
.back-link {
  display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none; color: #fff;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.12);
  border-radius: 12px;
  padding: 8px 12px;
  font-size: .85rem; font-weight: 700;
}

.ministry-grid { display: grid; gap: 14px; margin-top: 14px; }
.hero, .panel {
  border-radius: 20px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(4px);
  padding: 18px;
}

.hero h1 { margin: 0 0 8px; font: 800 1.6rem/1.2 "Literata", serif; }
.hero p { margin: 0; line-height: 1.62; color: var(--muted); }

.logo-wrap {
  min-height: 280px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.92);
  display: grid;
  place-items: center;
  padding: 16px;
}
.logo-wrap img { max-height: 260px; max-width: 100%; object-fit: contain; }

.placeholder {
  display: grid;
  place-items: center;
  text-align: center;
  color: #1f2a44;
  gap: 8px;
}
.placeholder .icon { font-size: 2.2rem; }
.placeholder .name { font-weight: 700; font-size: .9rem; }

.kpi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.kpi {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 14px;
  padding: 10px;
}
.kpi strong { display: block; font-size: 1.2rem; }
.kpi span { color: var(--muted); font-size: .78rem; }

.theme-damas { background: linear-gradient(135deg, #15285f, #0c1a41 55%, #27399d); }
.theme-heraldos { background: linear-gradient(145deg, #2f1716, #4a1a24 55%, #702935); }
.theme-joyas { background: linear-gradient(145deg, #7d161f, #a1202a 55%, #451118); }
.theme-educacion { background: linear-gradient(145deg, #d9790d, #e84e12 55%, #8a260e); }
.theme-misiones { background: linear-gradient(145deg, #1b6ca3, #165188 45%, #1a7f57); }

.layout-a .ministry-grid { grid-template-columns: 1fr .95fr; }
.layout-b .ministry-grid { grid-template-columns: .95fr 1fr; }
.layout-c .ministry-grid { grid-template-columns: 1fr; }

@media (max-width: 860px) {
  .layout-a .ministry-grid,
  .layout-b .ministry-grid,
  .layout-c .ministry-grid { grid-template-columns: 1fr; }
  .kpi-grid { grid-template-columns: 1fr; }
}