/*
 * Lazu Questões v1.0.4 — Estilos da resolução comentada.
 * Escopo .lzqr-resolution evita interferência no banco de questões e no Elementor.
 */
.lzqr-resolution,
.lzqr-resolution *{box-sizing:border-box}

/* Botão de resolução de tentativas anteriores: isolado do tema e do Elementor.
 * IMPORTANTE: hidden deve se sobrepor até a estilos display do tema.
 */
.lzqb-app .lzqb-question button.lzqr-previous-btn{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:auto;max-width:100%;min-height:43px;
  margin:14px 0 0;padding:10px 16px;
  border:1px solid #d9c3f2;border-radius:11px;
  background:#f7f1ff;background-image:none;
  color:#6311c2;
  box-shadow:none;text-shadow:none;text-decoration:none;text-transform:none;
  letter-spacing:normal;opacity:1;
  font:700 13px/1.4 'Gilroy',Arial,sans-serif;
  text-align:center;vertical-align:middle;
  cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.lzqb-app .lzqb-question button.lzqr-previous-btn:hover:not(:disabled){
  background:#ecddff;border-color:#ac79de;color:#4e0c97;box-shadow:none
}
.lzqb-app .lzqb-question button.lzqr-previous-btn:focus-visible{
  outline:3px solid #9854df;outline-offset:3px
}
.lzqb-app .lzqb-question button.lzqr-previous-btn:disabled{
  opacity:.72;cursor:wait
}
.lzqb-app .lzqb-question button.lzqr-previous-btn[aria-expanded="true"]{
  background:#fff;color:#5b2893;border-color:#d1b7ed
}
/* Spinner CSS, sem ícones ou scripts de terceiros. */
.lzqb-app .lzqb-question button.lzqr-previous-btn.is-loading::before{
  content:"";display:inline-block;flex:0 0 15px;
  width:15px;height:15px;border:2px solid #d9c2f0;
  border-top-color:#6311c2;border-radius:50%;
  animation:lzqr-previous-spin .75s linear infinite
}
@keyframes lzqr-previous-spin{to{transform:rotate(360deg)}}
/* Evita botão "Carregando…" fantasma e painel vazio por CSS do tema. */
.lzqb-app .lzqb-question button.lzqr-previous-btn[hidden],
.lzqb-app .lzqb-question .lzqb-resolution-mount[hidden]{display:none!important}
@media (max-width:540px){
  .lzqb-app .lzqb-question button.lzqr-previous-btn{width:100%;min-height:46px}
}
@media (prefers-reduced-motion:reduce){
  .lzqb-app .lzqb-question button.lzqr-previous-btn{transition:none}
  .lzqb-app .lzqb-question button.lzqr-previous-btn.is-loading::before{animation:none}
}

.lzqr-resolution{
  border:1px solid #dedee7;border-radius:16px;
  padding:20px;margin:20px 0 12px;
  background:#fff;color:#24232a;font-size:15px;line-height:1.65
}
.lzqr-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;font-size:19px;margin-bottom:12px
}
.lzqr-header span{
  border-radius:99px;background:#e7f5ec;color:#216e42;
  font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap
}
.lzqr-summary{margin-bottom:18px}

/* Abas em grade: três botões do mesmo tamanho e com estado ativo visível. */
.lzqr-resolution .lzqr-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;gap:4px;width:100%;
  background:#f3f0f7;border:1px solid #e9e3f0;
  border-radius:13px;padding:4px;margin:0 0 18px
}
.lzqr-resolution .lzqr-tabs > button.lzqr-tab{
  -webkit-appearance:none;appearance:none;
  display:flex;justify-content:center;align-items:center;
  width:100%;min-width:0;min-height:42px;
  margin:0;padding:10px 8px;
  border:1px solid transparent;border-radius:9px;
  background:transparent;background-image:none;
  box-shadow:none;text-shadow:none;
  color:#595464;
  font:700 13px/1.3 'Gilroy',Arial,sans-serif;
  text-align:center;text-transform:none;text-decoration:none;
  letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;
  cursor:pointer;opacity:1;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease
}
.lzqr-resolution .lzqr-tabs > button.lzqr-tab:hover:not([aria-selected="true"]){
  background:#e9e0f5;color:#54208e;border-color:transparent;box-shadow:none
}
.lzqr-resolution .lzqr-tabs > button.lzqr-tab[aria-selected="true"],
.lzqr-resolution .lzqr-tabs > button.lzqr-tab[aria-selected="true"]:hover{
  background:#fff;color:#6311c2;border-color:#e6d8f6;
  box-shadow:0 1px 5px rgba(48,22,80,.14)
}
.lzqr-resolution .lzqr-tabs > button.lzqr-tab:focus-visible{
  outline:2px solid #753ac5;outline-offset:2px
}
.lzqr-resolution .lzqr-panel[hidden]{display:none!important}

/* Layout dos itens. A letra NÃO deve receber o flex:1 do corpo do distrator. */
.lzqr-resolution .lzqr-step,
.lzqr-resolution .lzqr-distractor{
  display:flex;align-items:flex-start;gap:13px;
  padding:16px 0;border-top:1px solid #ecebf0
}
.lzqr-resolution .lzqr-step:first-child,
.lzqr-resolution .lzqr-distractor:first-child{border-top:0}
.lzqr-resolution .lzqr-step > .lzqr-step-number{
  display:grid;place-items:center;
  flex:0 0 36px;width:36px;min-width:36px;height:36px;
  border:1px solid #dedbe8;border-radius:10px;
  background:#f7f5f9;color:#553a72;
  font:700 13px/1 'Gilroy',Arial,sans-serif
}
.lzqr-resolution .lzqr-distractor > .lzqr-letter{
  display:grid;place-items:center;
  flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;
  margin:0;padding:0;
  border:1px solid #ded0f0;border-radius:10px;
  background:#f6f0ff;color:#6311c2;
  font:750 14px/1 'Gilroy',Arial,sans-serif;
  text-align:center
}
.lzqr-resolution .lzqr-step > div,
.lzqr-resolution .lzqr-distractor > div:not(.lzqr-letter){
  flex:1 1 0;min-width:0
}
.lzqr-resolution .lzqr-distractor.lzqr-chosen > .lzqr-letter{
  background:#6311c2;color:#fff;border-color:#6311c2
}
.lzqr-resolution .lzqr-step h4,
.lzqr-resolution .lzqr-distractor h4{
  margin:0 0 8px;color:inherit;font-size:15px;font-weight:700;line-height:1.4
}
.lzqr-resolution .lzqr-step p,
.lzqr-resolution .lzqr-distractor p,
.lzqr-resolution .lzqr-tip p{margin:0 0 10px}
.lzqr-resolution .lzqr-chosen{
  padding-left:8px;padding-right:8px;
  border-radius:10px;background:#faf7ff
}
.lzqr-resolution .lzqr-chosen-label{
  display:inline-block;margin-bottom:8px;font-size:12px;color:#6b36ac
}
.lzqr-resolution .lzqr-tip{padding:4px 0 8px}
.lzqr-resolution img{max-width:100%;height:auto}

@media (max-width:540px){
  .lzqr-resolution{padding:14px}
  .lzqr-header{font-size:17px}
  .lzqr-resolution .lzqr-tabs{gap:3px;padding:3px}
  .lzqr-resolution .lzqr-tabs > button.lzqr-tab{
    min-height:44px;padding:9px 4px;font-size:11.5px;line-height:1.25
  }
  .lzqr-resolution .lzqr-step,
  .lzqr-resolution .lzqr-distractor{gap:10px;padding:14px 0}
  .lzqr-resolution .lzqr-distractor > .lzqr-letter,
  .lzqr-resolution .lzqr-step > .lzqr-step-number{
    flex-basis:32px;width:32px;min-width:32px;height:32px
  }
}
@media (prefers-reduced-motion:reduce){
  .lzqr-resolution .lzqr-tabs > button.lzqr-tab{transition:none}
}