/* Avada Kedavra — Corpo Docente · Molduras clássicas por casa */

.ak7-faculty-frame {
  width: 100%;
  display: block;
}

.ak7-frame-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1122 / 1402;
  isolation: isolate;
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .38));
}

.ak7-frame-window {
  position: absolute;
  left: 22.2%;
  right: 22.2%;
  top: 14.8%;
  bottom: 16.2%;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  border-radius: 26px 26px 10px 10px / 12% 12% 2% 2%;
  background:
    radial-gradient(ellipse at top, rgba(255,255,255,.08), transparent 45%),
    linear-gradient(180deg, rgba(11, 14, 19, .55), rgba(8, 9, 12, .82));
  box-shadow: inset 0 0 0 1px rgba(245, 232, 212, .09), inset 0 0 34px rgba(0, 0, 0, .25);
}

.ak7-frame-portrait {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block;
  will-change: transform;
}

.ak7-frame-overlay,
.ak7-frame-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.ak7-frame-overlay {
  object-fit: contain;
}

.ak7-frame-fallback {
  border: 2px solid rgba(201, 167, 111, .72);
  box-shadow: inset 0 0 0 1px rgba(255, 243, 216, .28), inset 0 0 0 12px rgba(37, 26, 16, .88);
  background: linear-gradient(180deg, #1a1714, #0f1115);
}

.ak7-portrait-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #f0e4d2;
  text-align: center;
}

.ak7-portrait-empty svg {
  width: 92px;
  height: 92px;
  opacity: .46;
}

.ak7-portrait-empty span {
  font: 10px/1.6 Interface, Arial, sans-serif;
  letter-spacing: .16em;
  opacity: .8;
}

.ak7-faculty-director {
  max-width: 470px;
  margin-inline: auto;
}

.ak7-faculty-professor {
  max-width: 360px;
  margin-inline: auto;
}

.ak7-faculty-preview {
  width: min(220px, 100%);
}

.ak6-house-badge {
  --ak6-badge:#c0a179;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 17px 10px 11px;
  margin:16px 0 10px;
  border:1px solid color-mix(in srgb,var(--ak6-badge) 60%,transparent);
  background:linear-gradient(120deg,color-mix(in srgb,var(--ak6-badge) 14%,#14171b),#0f1318);
  color:#efe7d9;
  box-shadow:0 8px 20px #0003;
}
.ak6-house-badge.ak6-house-gryffindor {--ak6-badge:#c14e51;}
.ak6-house-badge.ak6-house-slytherin {--ak6-badge:#6fab94;}
.ak6-house-badge.ak6-house-ravenclaw {--ak6-badge:#6196d0;}
.ak6-house-badge.ak6-house-hufflepuff {--ak6-badge:#d6ad51;}
.ak6-house-badge .ak2-house-sigil {flex:0 0 auto;width:31px;height:38px;color:var(--ak6-badge);}
.ak6-house-badge>span {display:flex;flex-direction:column;gap:4px;}
.ak6-house-badge small {font:8px/1.3 Interface,Arial,sans-serif;letter-spacing:.17em;color:#b5b7b9;}
.ak6-house-badge strong {font:17px/1.1 Editorial,Georgia,serif;color:#f3e8db;font-weight:400;}

.ak6-house-editor-preview {
  display:flex;
  gap:18px;
  align-items:center;
  margin:13px 0 21px;
  padding:18px;
  border:1px solid #b79c695b;
  background:radial-gradient(ellipse at 20% 50%,#b6a17618,transparent 66%),#101317;
}

.ak6-house-editor-info {display:grid;gap:7px;max-width:320px;}
.ak6-house-editor-info strong {font:23px/1.2 Editorial,Georgia,serif;color:#f1e6d3;font-weight:400;}
.ak6-house-editor-info p {margin:0;color:#bbb4a9;font:12px/1.65 Interface,Arial,sans-serif;}
.ak6-house-editor-label {display:flex;flex-direction:column;gap:7px;}

.ak6-portrait-controls {
  margin:14px 0 22px;
  padding:18px 18px 16px;
  border:1px solid #b79c694a;
  background:linear-gradient(180deg,#13171d,#0d1015);
}

.ak6-portrait-grid {
  display:grid;
  gap:16px;
  margin-top:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.ak6-portrait-grid label {display:flex;flex-direction:column;gap:8px;}
.ak6-portrait-range {display:flex;align-items:center;gap:12px;}
.ak6-portrait-range input[type=range] {flex:1; accent-color:#c8a872;}
.ak6-portrait-range span {min-width:48px;text-align:right;color:#dfd4c4;font:12px/1 Interface,Arial,sans-serif;}
.ak6-portrait-actions {display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;flex-wrap:wrap;}
.ak6-portrait-actions small {color:#b8aea1;font:11px/1.6 Interface,Arial,sans-serif;max-width:360px;}

.ak6-faculty-reimagined .ak2-director-visual,
.ak6-faculty-reimagined .ak2-professor-portrait,
.ak6-faculty-reimagined .ak2-professor-card { overflow: visible; }

.ak6-faculty-reimagined .ak2-professor-card.ak6-house-gryffindor {border-color:#b986785c;}
.ak6-faculty-reimagined .ak2-professor-card.ak6-house-slytherin {border-color:#81b69b60;}
.ak6-faculty-reimagined .ak2-professor-card.ak6-house-ravenclaw {border-color:#91a8d268;}
.ak6-faculty-reimagined .ak2-professor-card.ak6-house-hufflepuff {border-color:#e2b6685c;}
.ak6-faculty-reimagined .ak2-professor-details h3 {margin-top:10px;}

@media (max-width: 760px) {
  .ak7-faculty-director {
    max-width: min(100%, 420px);
  }

  .ak7-faculty-professor {
    max-width: min(100%, 340px);
  }

  .ak6-house-editor-preview {align-items:flex-start;flex-wrap:wrap;}
  .ak6-portrait-grid {grid-template-columns:1fr;}
}