/* ETAPA 36 — Níveis e XP */
.e36-resumo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:26px 0;padding:20px;background:#fff;border:1px solid #e9e9e9;border-radius:20px;box-shadow:0 8px 26px #0000000a}
.e36-badge{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#111;color:#fff;box-shadow:0 7px 20px #0002}
.e36-badge span{font-size:9px;font-weight:900;letter-spacing:.1em;margin-top:13px}.e36-badge strong{font-size:31px;line-height:1;margin-bottom:14px}
.e36-info h2{margin:3px 0 10px}.e36-eyebrow{font-size:11px!important;font-weight:900!important;letter-spacing:.09em;color:#777!important;margin:0!important}
.e36-barra{height:11px;background:#ededed;border-radius:999px;overflow:hidden}.e36-barra span{display:block;height:100%;background:#111;border-radius:999px}
.e36-legenda{display:flex;justify-content:space-between;gap:12px;margin-top:7px;font-size:12px;color:#737373}.e36-legenda strong{color:#222}
.e36-detalhes{white-space:nowrap;font-weight:850;color:#111;text-decoration:none}
.e36-page{width:min(1050px,calc(100% - 32px));margin:0 auto;padding:36px 0 70px}
.e36-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:28px;background:#fff;border:1px solid #e8e8e8;border-radius:22px}
.e36-biglevel{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:#111;color:#fff}.e36-biglevel small{font-size:10px;font-weight:900;margin-top:22px}.e36-biglevel strong{font-size:43px;line-height:1;margin-bottom:24px}
.e36-hero h1{margin:4px 0 6px;font-size:clamp(30px,5vw,46px)}.e36-hero p{margin:0;color:#666}
.e36-mainbar{margin:20px 0;padding:20px;background:#fff;border:1px solid #e8e8e8;border-radius:18px}.e36-mainbar .bar{height:15px;background:#eee;border-radius:999px;overflow:hidden}.e36-mainbar .bar span{display:block;height:100%;background:#111}.e36-mainbar .labels{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px}
.e36-xpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.e36-xpcard{padding:17px;background:#f7f7f7;border-radius:15px}.e36-xpcard strong{display:block;font-size:25px}.e36-xpcard span{font-size:12px;color:#777}
.e36-levels{display:grid;gap:10px;margin-top:24px}.e36-level{display:grid;grid-template-columns:65px 1fr auto;gap:14px;align-items:center;padding:15px;background:#fff;border:1px solid #e9e9e9;border-radius:16px}.e36-level.atual{outline:2px solid #111}.e36-level.passado{background:#fafafa}.e36-num{font-weight:900;font-size:18px}.e36-level h3{margin:0 0 3px}.e36-level p{margin:0;color:#777;font-size:13px}.e36-state{font-size:11px;font-weight:900;padding:6px 9px;background:#eee;border-radius:999px}.e36-level.atual .e36-state{background:#111;color:#fff}
.e36-explica{margin-top:22px;padding:18px;border-radius:16px;background:#fff8dc;line-height:1.55}.e36-explica h2{margin-top:0}
@media(max-width:720px){.e36-resumo{grid-template-columns:auto 1fr}.e36-detalhes{grid-column:1/-1}.e36-legenda{flex-direction:column}.e36-hero{grid-template-columns:1fr}.e36-xpgrid{grid-template-columns:1fr 1fr}.e36-level{grid-template-columns:55px 1fr}.e36-state{grid-column:2}}