/* Figura ao lado do enunciado (texto contorna, como "quadrado" no Word).
   Uso: <figure class="ac-figura ac-figura--lado"><img ...><figcaption class="ac-figura-legenda">…</figcaption></figure>
   Colocar a figura imediatamente antes do parágrafo que deve contorná-la.
   Só em telas >= 721px; no celular a figura segue o fluxo normal. */
@media (min-width:721px){
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figura.ac-figura--lado{
    float:right!important;
    display:block!important;
    width:min(36%,360px)!important;
    margin:.2rem 0 .9rem 1.5rem!important;
    text-align:center;
  }
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figura.ac-figura--lado>img{
    width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;margin:0!important;
  }
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figura.ac-figura--lado>.ac-figura-legenda{
    margin:.4rem 0 0;font-size:11px;line-height:1.35;text-align:left;
  }
  /* alternativas só começam depois da figura */
  :is(#questoes-wrap,body) .ac-card:has(.ac-figura--lado) .ac-alternativas{clear:both}
}

/* Variante maior, para figuras largas (proporção ~1,6–2,3): ocupa até 46% da coluna */
@media (min-width:721px){
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figura.ac-figura--lado.ac-figura--lado-g{
    width:min(46%,500px)!important;
  }
}

/* Duas ou mais figuras da mesma questao, lado a lado em linha propria (desktop).
   Uso: <div class="ac-figuras-lado"><figure class="ac-figura"><img ...></figure><figure class="ac-figura"><img ...></figure></div>
   Colocar depois do paragrafo que as introduz. No celular as figuras empilham. */
@media (min-width:721px){
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figuras-lado{display:flex;gap:16px;align-items:flex-start;justify-content:center;clear:both;margin:.6rem 0 1.1rem}
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figuras-lado>.ac-figura{flex:1 1 0;min-width:0;float:none!important;width:auto!important;margin:0!important}
  :is(#questoes-wrap,body) .ac-enunciado>.ac-figuras-lado>.ac-figura>img{width:100%!important;max-width:100%!important;max-height:420px!important;height:auto!important;object-fit:contain;margin:0!important}
}