/* Keep the artwork unobstructed, with readable labels below it. */
header.realiza-admin-banner {
  box-sizing: border-box;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #faf4f0 !important;
  color: #51243b !important;
  text-align: center;
}
header.realiza-admin-banner::before {
  content: "";
  display: block;
  flex: none;
  width: 100%;
  height: clamp(280px, 32vw, 390px);
  background: url('/instituto-realiza-banner.jpg') center 18% / cover no-repeat;
}
.realiza-admin-caption {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  padding: 20px 24px 24px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow-wrap: break-word;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.5;
}
header.realiza-admin-banner h1 {
  margin: 0;
  color: #51243b;
  font-family: inherit;
  font-weight: 750;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.2;
  text-wrap: balance;
}
header.realiza-admin-banner p { margin: 7px 0 0; line-height: 1.5; }
header.realiza-admin-banner .realiza-admin-section { font-size: 1.15rem; font-weight: 700; color: #71334f; }
header.realiza-admin-banner img { display: block; width: 64px; height: 64px; object-fit: cover; margin: 0 auto 12px; }
@media (max-width: 600px) {
  header.realiza-admin-banner::before { height: min(100vw, 390px); background-position: center; }
  .realiza-admin-caption { padding: 18px 16px 22px; }
  header.realiza-admin-banner h1 { font-size: 28px; }
}
header.realiza-admin-banner::before{background-image:var(--school-banner,url('/instituto-realiza-banner.jpg'));background-position:center 24%;height:clamp(240px,29vw,360px)}
.school-management{padding:18px 0}.school-management a{display:block;margin:12px 0}.realiza-admin-caption:empty{display:none}
@media(max-width:600px){header.realiza-admin-banner::before{height:clamp(240px,70vw,350px);background-position:center 25%}}

/* Banner-only sizing: show the entire artwork without cropping people. */
header.realiza-admin-banner::before{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#faf4f0}

/* Shared menu polish; profile artwork and aura classes remain unchanged. */
main{line-height:1.55}nav a{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:600;transition:background-color .18s,box-shadow .18s}button,a,input,select,textarea{accent-color:#71334f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3268c7;outline-offset:3px}.portal-nav{padding:12px;background:#fff;border:1px solid #e7d8dd;border-radius:14px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.metric{padding:18px;border-radius:12px;background:#f8edf2;border:1px solid #e8d9e0;display:flex;flex-direction:column}.metric strong{font-size:1.8rem;color:#71334f}.table-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:650px}.table-scroll td input{width:85px}pre{white-space:pre-wrap;overflow-wrap:anywhere}textarea{font:inherit;min-height:90px;width:100%;box-sizing:border-box}label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}input[type=checkbox]{width:20px;min-height:20px}@media(prefers-reduced-motion:reduce){nav a{transition:none}}