/* Seção de herói: composição de tela cheia com perfil à esquerda, arte central e seletor vertical. */
.classes { padding: 0; background: #f6f3f5; }
.classes > .container { width: 100%; max-width: none; margin: 0; }
.classes .section-intro { display: none; }
.class-explorer { position: relative; display: block; min-height: 720px; height: 100svh; max-height: 920px; overflow: hidden; border: 0; background: radial-gradient(ellipse at 46% 48%, #fff 0%, #f2eef2 58%, #e3dce2 100%); }
.class-explorer::before { content: ""; position: absolute; z-index: 0; width: 920px; height: 920px; left: 48%; top: 50%; border: 1px solid rgba(71, 32, 69, .1); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 90px rgba(255,255,255,.22), 0 0 0 180px rgba(120,76,116,.025); }
.class-explorer::after { content: ""; position:absolute; z-index: 0; right: 112px; top: -15%; height: 130%; border-left: 1px solid rgba(100,48,91,.3); transform: rotate(10deg); }
.class-list { position: absolute; z-index: 4; right: 46px; top: 50%; width: 72px; height: min(660px, 87%); padding: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; transform: translateY(-50%); background: transparent; }
.wheel-ring,.wheel-core,.wheel-arrow { display: none; }
.hero-node { flex: 0 0 47px; position: relative; width: 47px; height: 47px; margin: 0 auto; padding: 3px; border: 2px solid rgba(90, 73, 87, .32); border-radius: 50%; background: rgba(255,255,255,.52); box-shadow: 0 2px 6px rgba(37,18,34,.23); cursor: pointer; transition: transform .2s, border-color .2s, box-shadow .2s; }
.hero-node img { display:block; width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); }.hero-node span { display:none; }
.hero-node:hover,.hero-node.active { transform: scale(1.14); border-color: #923e7c; box-shadow: 0 0 0 3px rgba(173,69,143,.2),0 3px 9px rgba(70,24,61,.35); }
.class-profile { position: relative; z-index: 2; display: block; min-height: 100%; padding: 0; background: transparent; overflow: hidden; color: #342832; }
.class-profile .profile-content { position: absolute; z-index: 3; left: max(9%, calc((100% - 1150px)/2)); top: 50%; width: min(345px, 28vw); transform: translateY(-50%); }
.profile-role { margin: 0 0 11px; color: #7b6680; font: 700 .79rem Inter,sans-serif; letter-spacing: .01em; text-transform: none; }.profile-name { margin: 0; color: #302631; font: 500 clamp(3.3rem,6.4vw,7.2rem)/.84 Cinzel,serif; letter-spacing: -.09em; text-shadow: none; }.profile-text { margin: 23px 0 20px; color: #9a522f; font: 500 .87rem/1.65 Cinzel,serif; letter-spacing: .08em; }.profile-meta { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 20px; padding:18px 0; margin:0; border-top:1px solid rgba(68,43,64,.3); color:#596077; font-size:.72rem; }.profile-meta div:last-child { grid-column: span 2; }.profile-meta b { display:inline; margin-right:8px; color:#7d7180; font-size:.63rem; letter-spacing:.1em; }.profile-counter { display: none; }
.profile-content::after { content: "HISTÓRIA"; display:block; margin:24px 0 11px; color:#4b3748; font:700 .98rem Cinzel,serif; letter-spacing:.13em; }.profile-content::before { content: "PERFIS DO SANTUÁRIO"; display:block; margin-bottom:27px; color:#697084; font: .71rem Inter,sans-serif; letter-spacing:.07em; }.class-profile .profile-art { position: absolute; z-index: 2; left: 51%; bottom: -2%; width: min(930px, 72vw); height: 97%; object-fit: contain; object-position: center bottom; transform: translateX(-50%); filter: none; pointer-events:none; }
@media(max-width:800px){.class-explorer{min-height:720px;height:820px}.class-explorer::after{right:57px}.class-list{right:20px;width:55px;gap:6px}.hero-node{flex-basis:39px;width:39px;height:39px;border-width:1px}.class-profile .profile-content{left:28px;top:26px;transform:none;width:240px}.profile-name{font-size:3.4rem}.profile-text{margin:16px 0;font-size:.73rem}.profile-content::before{margin-bottom:18px}.profile-content::after{margin-top:18px}.class-profile .profile-art{left:51%;width:94vw;height:69%;bottom:0}.profile-meta{font-size:.63rem;gap:7px 9px}}
@media(max-width:520px){.class-explorer{height:690px;min-height:690px}.class-list{right:9px;top:53%;height:510px;width:45px;gap:4px}.hero-node{flex-basis:32px;width:32px;height:32px}.class-explorer::after{right:31px}.class-profile .profile-content{left:20px;top:20px;width:205px}.profile-name{font-size:2.65rem}.profile-role{font-size:.67rem}.profile-text{font-size:.65rem;margin:12px 0}.profile-meta{padding:12px 0;font-size:.57rem}.profile-meta b{font-size:.5rem}.profile-content::after{font-size:.78rem;margin:13px 0 7px}.class-profile .profile-art{width:115vw;height:56%;left:43%;bottom:0}}