/* ═══════════════════════════════════════════════════════════════════
   JML QUIZ · versão clara (processo seletivo)
   Carrega depois do jml-quiz.css. Os tokens claros vêm do body.ps.
   ═══════════════════════════════════════════════════════════════════ */
.ps .jq{background:var(--bg);}
.ps .jq-orb{display:none;}

/* foto: em vez de escurecer, ela vira um cartão arredondado em cima, e o texto fica no claro */
.ps .jq-foto-cheia .jq-foto::after{
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 26%,rgba(255,255,255,.82) 40%,rgba(255,255,255,.98) 52%,var(--bg) 72%);}
.ps .jq-foto-leve .jq-foto.on{opacity:.12;filter:saturate(.4) blur(2px);}
.ps .jq-foto-leve .jq-foto::after{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 40%,var(--bg) 75%);}

/* topo */
.ps .jq-topo{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;}
.ps .jq-voltar,.ps .jq-fechar{background:rgba(255,255,255,.85);border:1px solid var(--hair-2);color:var(--n-100);border-radius:0;
  }
.ps .jq-cont{color:var(--n-200);min-width:0;overflow:hidden;text-overflow:ellipsis;letter-spacing:.18em;}
.ps .jq-barra{height:4px;bottom:-2px;}
.ps .jq-barra span{background:var(--tint-2);border-radius:0;}
.ps .jq-barra i{background:var(--brand);border-radius:0;box-shadow:0 0 10px var(--brand-glow);}

/* número gigante: contorno azul bem leve */
.ps .jq-num{-webkit-text-stroke:1.5px rgba(32,143,255,.12);}

/* opções: cartões brancos */
.ps .jq-opcao{background:var(--surface);border:1.5px solid var(--hair-2);border-radius:0;box-shadow:0 2px 10px rgba(11,20,36,.05);backdrop-filter:none;}
.ps .jq-letra{border-radius:0;border:1.5px solid var(--hair-2);color:var(--n-200);background:var(--bg);}
.ps .jq-letra-ico{border-radius:0;background:var(--tint);color:var(--brand);border-color:transparent;}
.ps .jq-opcao.sel{background:#F2F8FF;box-shadow:0 0 0 1px var(--brand),0 12px 30px rgba(32,143,255,.18);}
.ps .jq-opcao.sel .jq-letra,.ps .jq-opcao.certa .jq-letra{background:var(--brand);border-color:var(--brand);color:#fff;}
.ps .jq-opcao.certa{background:#F2F8FF;}
.ps .jq-opcao.errada{border-color:#F3A29A;background:#FFF5F4;}
.ps .jq-opcao.errada .jq-letra{background:#F87171;color:#fff;}
.ps .jq-marca .jq-letra{border-radius:0;}
@media(hover:hover){
  .ps .jq-opcao:hover{border-color:rgba(32,143,255,.6);background:#F7FBFF;}
  .ps .jq-voltar:hover,.ps .jq-fechar:hover{border-color:var(--brand);color:var(--brand-dark);background:#fff;}
}

/* lição */
.ps .jq-licao{border-radius:0;background:#F1F7FF;border:1px solid rgba(32,143,255,.28);}
.ps .jq-licao-outra{background:#F5F7FA;border-color:var(--hair-2);}

/* campos */
.ps .jq-input{border-bottom:2px solid var(--hair-2);}
.ps .jq-input::placeholder{color:#A3ADBB;}
.ps .jq-area{border:1.5px solid var(--hair-2);border-radius:0;background:var(--surface);}
.ps .jq-erro{color:#DC2626;}
.ps .jq-medidor i{background:var(--tint-2);}
.ps .jq-medidor u{background:var(--grad);}

/* abertura e trilha das partes */
.ps .jq-trilha i{background:var(--surface);border:1.5px solid var(--hair-2);color:var(--n-200);}
.ps .jq-trilha li.feita i{background:var(--ok);border-color:var(--ok);}
.ps .jq-trilha li.agora i{border-color:var(--brand);color:var(--brand-dark);}
.ps .jq-eco{background:#EAF3FF;border-color:rgba(32,143,255,.3);border-radius:0;}

/* fim */
.ps .jq-check{background:var(--brand);box-shadow:0 0 0 10px rgba(32,143,255,.12),0 20px 50px rgba(32,143,255,.35);}
.ps .jq-ficha{background:var(--surface);border:1px solid var(--hair);border-radius:0;box-shadow:0 10px 30px rgba(11,20,36,.06);overflow:hidden;}
.ps .jq-ficha::before{background:var(--grad);width:4px;}
.ps .jq-passos i{color:var(--n-700);}
.ps .jq-passos li.feito i{color:var(--ok);}

/* botões do quiz seguem os da página */
.ps .jq .jml-btn{border-radius:0;}

/* abertura e fim: a foto fica só no alto e o texto começa no branco, sem nada por trás */
.ps .jq-foto-cheia .jq-foto{bottom:auto;height:44%;}
.ps .jq-foto-cheia .jq-foto::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,.85) 85%,#fff 100%);}
.ps .jq-palco.jq-baixo{align-items:flex-start;}
.ps .jq-palco.jq-baixo .jq-tela{margin:auto 0 0;padding-top:max(32vh,calc(44vh - 40px));}
.ps .jq-foto-cheia .jq-tag{color:var(--brand);}
@media(max-width:767px){
  .ps .jq-foto-cheia .jq-foto{height:31%;}
  .ps .jq-palco.jq-baixo .jq-tela{padding-top:calc(31vh - 40px);}
  .ps .jq-palco{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
  .ps .jq-titulo-grande{font-size:clamp(30px,8.4vw,40px);}
  .ps .jq-palco.jq-baixo .jq-ajuda{margin-bottom:18px;}
  .ps .jq-trilha{margin-bottom:20px;}
}