/* Adaptações de conteúdo sobre os estilos originais de simulados.pmminas.com. */
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: .75rem; left: 1rem; z-index: 10; transform: translateY(-200%); padding: .75rem 1rem; border-radius: .5rem; background: var(--oba-white); color: var(--oba-black); font-weight: 700; }
.skip-link:focus { transform: none; }
.simulados-page { min-height: max(100svh, 52rem); }
.simulados-page::before { content: ""; position: absolute; inset: 0; z-index: -3; background: url("../media/personagem-poster.jpg") center / cover no-repeat; }
.simulados-page__container { grid-template-rows: auto 1fr auto; row-gap: var(--space-md); }
.simulados-page__header { align-items: center; justify-content: space-between; gap: 1rem; }
.simulados-page__description { display: grid; gap: .75rem; max-width: 39rem; }
.simulados-page__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 25rem)); }
.simulado-card { min-height: 17rem; gap: 1.25rem; }
.simulado-card__heading p { font-size: .72rem; }
.available-status { display: inline-flex; align-items: center; gap: .4rem; }
.available-status i { width: .375rem; height: .375rem; border-radius: 50%; background: var(--oba-khaki); }
.material-info { display: grid; align-content: center; gap: .5rem; }
.material-info h3 { color: var(--oba-white); font-size: clamp(1.5rem, 1.15rem + .65vw, 1.95rem); font-weight: 850; line-height: 1.12; letter-spacing: -.035em; }
.material-info > p { color: color-mix(in srgb, var(--oba-white) 72%, var(--oba-khaki)); font-size: .9rem; }
.material-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .35rem; color: color-mix(in srgb, var(--oba-white) 65%, var(--oba-khaki)); font-size: .75rem; }
.pdf-label { border: 1px solid #ffffff38; border-radius: .2rem; padding: .1rem .3rem; font-size: .65rem; font-weight: 850; letter-spacing: .06em; color: var(--oba-white); }
.material-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.25rem; }
.material-preview { font-size: .78rem; font-weight: 750; text-underline-offset: .25rem; }
.material-preview span { margin-left: .2rem; }
.material-preview:hover { color: var(--oba-khaki); }
.material-preview:focus-visible, .motion-toggle:focus-visible { outline: .1875rem solid var(--oba-white); outline-offset: .25rem; }
.materials-note { margin-top: 1rem; color: color-mix(in srgb, var(--oba-white) 65%, var(--oba-khaki)); font-size: .8rem; }
.lives-footer { display: flex; flex-wrap: wrap; gap: .6rem; color: color-mix(in srgb, var(--oba-white) 50%, var(--oba-khaki)); font-size: .65rem; font-weight: 750; letter-spacing: .12em; }
.motion-toggle { flex-shrink: 0; border: 1px solid #ffffff3d; border-radius: 999px; min-height: 2.5rem; padding: .45rem .85rem; background: #0808075c; color: var(--oba-white); font-size: .72rem; cursor: pointer; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.motion-toggle:hover { background: #332b22b8; }
/* O desfoque também funciona em navegadores sem o prefixo WebKit. */
.simulado-card { backdrop-filter: blur(18px) saturate(135%); }
.simulados-page__nav a { backdrop-filter: blur(16px) saturate(135%); }
@media (width <= 47.9375rem) {
  .simulados-page::before { position: fixed; }
  .simulados-page__header { align-items: flex-start; }
  .simulados-page__nav { flex: 1; }
  .simulados-page__intro { padding-block-start: 1rem; }
  .simulados-page__content { row-gap: 2rem; }
  .simulados-page__grid { max-width: 38rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
  .simulado-card { min-height: 16.5rem; }
  .motion-toggle { min-height: 2.5rem; max-width: 6.5rem; font-size: .67rem; }
  .lives-footer { margin-top: 1rem; }
}
@media (width <= 22rem) {
  .simulados-page h1 { font-size: clamp(1.85rem, 11vw, 2.4rem); }
  .material-actions { gap: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .simulados-page__video { display: none; }
}