.sim-hub{--sim-ink:#102f3a;--sim-muted:#4b626b;color:var(--sim-ink)}
.sim-switch{display:flex;gap:6px;padding:5px;background:#e5edef;border-radius:12px;width:fit-content;max-width:100%;margin-bottom:30px}
.sim-switch-button{border:0;background:transparent;border-radius:8px;padding:12px 20px;font:inherit;font-weight:600;color:#40555e;min-height:48px;cursor:pointer}
.sim-switch-button[aria-pressed=true]{background:#fff;color:#143947;box-shadow:0 2px 5px #193b4618}
.sim-intro h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;max-width:24ch;margin:8px 0 10px}.sim-intro p:not(.eyebrow){color:var(--sim-muted);max-width:65ch;margin:0 0 20px;font-size:1rem}
.sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sim-card{overflow:hidden;border:1px solid #cbdadf;border-radius:16px;background:white;box-shadow:0 6px 24px #14313e08;display:flex;flex-direction:column}
.sim-card-image{height:180px;position:relative;background:#08171c;overflow:hidden}.sim-card-image img{width:100%;height:100%;object-fit:cover;opacity:.8}.sim-image-caption{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 12px;color:white;background:linear-gradient(transparent,#06151ae6);font-size:.875rem}
.sim-card-content{display:flex;flex:1;flex-direction:column;padding:26px}.sim-kicker{font-size:.875rem;color:#416471;font-weight:600;margin:0 0 10px}.sim-card h3{font-size:1.7rem;margin:0 0 8px}.sim-subtitle{font-weight:600;color:#183e4d;margin:0 0 12px}.sim-card-content>p:not(.sim-subtitle):not(.sim-kicker){color:var(--sim-muted);line-height:1.6;margin:0 0 20px}
.sim-topics{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:0 0 28px}.sim-topics li{border:1px solid #cddce1;border-radius:6px;padding:5px 9px;font-size:.875rem;background:#f3f7f8}
.sim-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sim-card .button{background:#153e4c;color:white;border-color:#153e4c}.sim-card-fast .button{background:#d87b0b;color:#101f26;border-color:#d87b0b}.sim-version{color:#536770;font-size:.875rem}
.sim-note{margin:24px 0 0;padding:20px 24px;border-left:3px solid #238095;background:#eaf2f4;border-radius:0 10px 10px 0}.sim-note p{margin:6px 0 0;color:#344f5b;max-width:85ch;font-size:.95rem;line-height:1.6}
.sim-workspace{background:#fff;border:1px solid #c4d4da;border-radius:14px;overflow:hidden}.sim-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #d3dfe4}.sim-toolbar h2{font-size:1.25rem;margin:0}.sim-toolbar .button{font-size:.9rem;min-height:44px}.sim-instructions{padding:14px 20px;border-bottom:1px solid #d3dfe4}.sim-instructions summary{cursor:pointer;font-weight:600}.sim-instructions li{margin:8px 0}.sim-stage{position:relative;min-height:660px;height:76vh;background:#08131b}.sim-frame{width:100%;height:100%;border:0;display:block;background:#08131b}.sim-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#0b2632;color:#fff}.sim-spinner{width:32px;height:32px;border:3px solid #54717d;border-top-color:#ffad37;border-radius:50%;animation:sim-spin 1s linear infinite}.sim-status{color:white!important}.sim-session-note{padding:12px 20px;margin:0!important;font-size:.875rem;color:#445e68;background:#f1f6f8}.sim-error{padding:50px 24px;color:white;max-width:580px;margin:auto}.sim-error .button{margin:12px 10px 0 0}.sim-error h3,.sim-error p{color:white}
.simulator-open .sim-workspace{position:fixed;inset:8px;z-index:10000;display:flex;flex-direction:column;border-radius:8px}.simulator-open .sim-stage{flex:1;min-height:0;height:auto}.simulator-open .sim-instructions{max-height:25vh;overflow:auto}.simulator-open .sim-toolbar{flex-shrink:0}.simulator-open .sim-session-note{flex-shrink:0}
.preview-banner{padding:12px 24px;background:#173b49;color:white;font-size:.9rem;text-align:center}.preview-banner a{color:white;text-decoration:underline}.preview-banner strong{color:#ffc570}.preview-course-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 0 0}.preview-course-heading h1{font-size:clamp(2rem,4vw,3rem);margin:6px 0}.preview-course-heading p{color:#49616c}.preview-course-heading .eyebrow{color:#356575}.preview-footer{margin-top:30px;font-size:.9rem;color:#536973}
.sim-preview-page .topo-inner{padding-top:12px;padding-bottom:12px;min-height:64px}.sim-preview-page .marca-oficial img{max-width:190px;height:auto}.sim-preview-page main{padding-top:20px}.sim-preview-page .preview-course-heading{padding-top:0}.sim-preview-page .preview-course-heading h1{font-size:2rem}.sim-preview-page .preview-course-heading p{margin:4px 0}.sim-preview-page .course-area-nav{margin:18px 0}.sim-preview-page .course-area{min-height:82px;padding:14px 18px;gap:4px;text-decoration:none}.sim-preview-page .sim-switch{margin-bottom:20px}.sim-preview-page .sim-intro .eyebrow{display:none}
.sim-hub button:focus-visible,.sim-hub summary:focus-visible{outline:3px solid #06758c;outline-offset:4px}.sim-hub button:hover{filter:brightness(.96)}
.sim-session-status{padding:10px 20px;margin:0;background:#eaf2f4;color:#234b5a;font-size:.9rem;line-height:1.4;flex-shrink:0}
.sim-card button:disabled{opacity:.65;cursor:not-allowed}
@keyframes sim-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.sim-grid{grid-template-columns:1fr}.sim-card-image{height:170px}.sim-card-content{padding:22px}.sim-stage{min-height:640px}.sim-toolbar{padding:12px}.sim-toolbar h2{order:-1;width:100%}.sim-switch-button{padding:10px 14px;font-size:.95rem}.sim-intro h2{max-width:none}.preview-course-heading{align-items:flex-start;flex-direction:column}.simulator-open .sim-workspace{inset:0;border-radius:0}.simulator-open .sim-stage{min-height:0}.sim-session-note{font-size:.875rem;padding:10px}}
@media(prefers-reduced-motion:reduce){.sim-spinner{animation:none}}

/* Compacta a moldura ampliada sem retirar ajuda nem o estado da sessão. */
@media(max-height:500px){
 .simulator-open .sim-toolbar{padding:4px 10px;gap:8px;flex-wrap:nowrap}
 .simulator-open .sim-toolbar h2{order:0;width:auto;min-width:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .simulator-open .sim-toolbar .button{min-height:44px;padding:6px 10px;font-size:.85rem;white-space:nowrap;flex-shrink:0}
 .simulator-open .sim-instructions{padding:0 12px;flex-shrink:0;max-height:40vh;overflow:auto}
 .simulator-open .sim-instructions summary{box-sizing:border-box;min-height:44px;padding:12px 0;line-height:20px}
 .simulator-open .sim-session-note{padding:4px 12px;font-size:.875rem;line-height:1.3}
}