/* Widget "o quiz da vez" na sidebar.
 *
 * A caixa em volta é do tema (.au-widget já dá fundo, borda, raio e respiro),
 * então aqui não há card nenhum — só o conteúdo. Duplicar o fundo criaria uma
 * caixa dentro da outra.
 *
 * Cores por token, com fallback: o widget aparece no site inteiro e precisa
 * acompanhar o tema claro e o escuro sem regra [data-theme] própria.
 */

.auq-widget{display:flex;flex-direction:column}

/* A capa fica dentro do padding da caixa, com cantos próprios. Já sangrou até
   a borda com margem negativa, e as duas coisas pioravam: subia por cima do
   título (que agora é o do quiz, e vem logo acima) e dependia de o tema manter
   o padding em exatamente 1.25rem. */
.auq-widget__cover{display:block;margin:0 0 .9rem;border-radius:var(--au-radius-md,14px);overflow:hidden;background:var(--au-surface-2,#eef4fb);line-height:0}
.auq-widget__cover img,
.auq-widget__nocover{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.auq-widget__nocover{background:linear-gradient(135deg,var(--au-surface-2,#eef4fb),var(--au-soft,#f0f5fc))}

/* O título do widget é o do quiz, e é clicável. `inherit` em vez de um token:
   assim ele acompanha o que o tema definir para os títulos da sidebar, em vez
   de sair na cor de link (laranja) e destoar dos widgets vizinhos. */
.au-widget--quiz .au-widget__title a{color:inherit;text-decoration:none}
.au-widget--quiz .au-widget__title a:hover{color:var(--au-brand,#fc8106)}

/* O resumo sai inteiro, sem corte por número de linhas: quem escreve a chamada
   do quiz decide o tamanho dela, não o CSS. */
.auq-widget__text{margin:0 0 .8rem;font-size:.85rem;line-height:1.45;color:var(--au-text-2,#3a4a63)}

.auq-widget__hits{margin:0 0 .8rem;font-size:.75rem;font-weight:700;color:var(--au-text-3,#5a6b82)}

.auq-widget__cta{display:flex;align-items:center;justify-content:center;padding:.6em 1.2em;border-radius:var(--au-pill,999px);background:var(--au-cta,#fc8106);color:var(--au-cta-ink,#071b3d);font-weight:700;font-size:.9rem;text-decoration:none}
.auq-widget__cta:hover{background:var(--au-cta-hover,#d96a00);color:var(--au-cta-ink,#071b3d)}