/* ============================================================
   ProfeAcademī · Gestión Académica — Vista campus isométrica (beta)
   ============================================================ */

.pa-giso-card { padding: 1.1rem 1.3rem 1.5rem; }

.pa-giso-hint {
  font-size: .84rem; font-weight: 500;
  color: var(--inicio-text-secondary, #6b7280);
  margin: 0 0 .4rem .2rem;
}
.pa-giso-hint b { color: var(--inicio-text-primary, #1f2937); }
.pa-giso-beta {
  display: inline-block; padding: 1px 8px; margin: 0 .15rem;
  border-radius: 999px; font-size: .62rem; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase;
  background: linear-gradient(135deg, #e21c7e, #f25ca6); color: #fff;
  vertical-align: 1px;
}

.pa-giso-svg {
  width: 100%; height: auto; max-height: 74vh;
  display: block; user-select: none; -webkit-user-select: none;
}

/* Salas interactivas */
.iso-room { cursor: pointer; outline: none; transition: transform .18s ease, filter .18s ease; }
.iso-room:hover,
.iso-room:focus-visible {
  transform: translateY(-7px);
  filter: brightness(1.05) drop-shadow(0 12px 14px rgba(15, 23, 42, .25));
}

/* Letreros flotantes */
.iso-sign { pointer-events: none; }
.iso-sign-bg {
  fill: #ffffff; stroke: rgba(15, 23, 42, .1);
  filter: drop-shadow(0 3px 6px rgba(15, 23, 42, .12));
}
.iso-sign-txt {
  font: 700 12.5px/1 'Segoe UI', system-ui, -apple-system, sans-serif;
  fill: #334155;
}
.iso-sign-count {
  font: 800 11px/1 'Segoe UI', system-ui, -apple-system, sans-serif;
  fill: #ffffff; text-anchor: middle;
}
.iso-sign-line { stroke: rgba(100, 116, 139, .45); stroke-width: 1.2; stroke-dasharray: 3 4; }

/* Temas oscuros: atenuar la maqueta y letreros oscuros */
body.theme-dark .pa-giso-svg,
body.theme-neon .pa-giso-svg { filter: brightness(.84) saturate(.9); }
body.theme-dark .iso-sign-bg,
body.theme-neon .iso-sign-bg { fill: #1e293b; stroke: rgba(255, 255, 255, .12); }
body.theme-dark .iso-sign-txt,
body.theme-neon .iso-sign-txt { fill: #e2e8f0; }

.pa-giso-viewport { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 720px) {
  .pa-giso-card { padding: .8rem .6rem 1rem; }
  .pa-giso-hint { font-size: .78rem; }
  /* En pantallas angostas la maqueta mantiene tamaño legible y se panea */
  .pa-giso-svg { min-width: 640px; max-height: none; }
}