/* Ajuste de 2026-10-25: cartões com e sem desenho do mesmo tamanho, letras iguais e desenhos com o mesmo peso.
   Carregada por último. */

/* ---------- letras: o mesmo tamanho em todo cartão de resposta, com ou sem desenho ---------- */
body .cartao, body .opcao > span:last-child, body .opcao.rv-so-texto > span:last-child, body .cartao.rv-so-texto {
  font-size: clamp(.95rem, 2.4vw, 1.05rem); font-weight: 700; line-height: 1.3; letter-spacing: normal; text-wrap: balance
}
body .opcao { font-size: clamp(.95rem, 2.4vw, 1.05rem); letter-spacing: normal }
body .botoes-gigantes .opcao { font-size: 1.25rem }
body .rv-quadro-txt { font-size: clamp(.92rem, 2.3vw, 1rem); line-height: 1.3; letter-spacing: normal }

/* ---------- desenhos: a mesma caixa para todos ---------- */
body .cartao .learning-art, body .opcao .learning-art { width: 96px; height: 96px; object-fit: contain }
body .cartao { grid-template-rows: 104px auto; align-content: start; min-height: 168px }
body .cartao .emoji { display: grid; place-items: center; height: 104px }
/* Cartão sem desenho: o texto fica no centro, com a mesma altura dos vizinhos, sem letra maior. */
body .cartao.rv-so-texto { grid-template-rows: 1fr; align-content: center }
body .rv-quadro .rv-img { padding: 6px }

@media (max-width: 560px) {
  body .cartao .learning-art, body .opcao .learning-art { width: 84px; height: 84px }
  body .cartao { grid-template-rows: 92px auto; min-height: 150px }
  body .cartao .emoji { height: 92px }
}

/* Revisão visual 2026-10-25: Tico que apresenta a situação com o mesmo tamanho em todas as atividades
   (antes ficava com 64px por causa da regra genérica .tico-foto) e sem achatar as figuras. */
body .ese-tico .tico-foto { width: auto; height: 124px; max-width: 100%; margin: 0 auto; object-fit: contain }
body .situacao-ese { grid-template-columns: minmax(84px, auto) 1fr }
body .pistas .tico-foto, body .adivinha .tico-foto, body .conversa-final .tico-foto { width: auto; height: 110px; object-fit: contain; flex: none }
body .pergunta-aud .tico-foto { width: auto; height: 96px; object-fit: contain }
body .tk-termos img, body .learning-art, body .tico-foto, body .fo-pose, body .fo-rosto { object-fit: contain }
/* Lista de respostas em que só parte das opções tem desenho: todas ficam só com texto, para a figura não
   entregar a resposta nem deixar cartões de tamanhos diferentes. */
body .rv-lista-texto > * .emoji, body .rv-lista-texto > * .fig-emo, body .rv-lista-texto > * .em { display: none !important }
body .rv-lista-texto > button, body .rv-lista-texto > .opcao { justify-content: center; text-align: center; min-height: 72px }
/* Ícones recortados das pranchas têm cerca de 160px: no tablet não passam de 170px, para não ficarem borrados. */
body img.learning-art[src*="editorial-tk-"], body img.learning-art[src*="editorial-ic-"], body img.learning-art[src*="editorial-hab-"] { max-width: min(100%, 170px); max-height: 170px; margin-inline: auto }
/* Cartão "Vamos continuar": a capa crescia junto com o texto (regra .tk-retomar > div) e a ilustração
   era reduzida a 42%, ficando minúscula. Agora tem tamanho fixo e a composição usa o tamanho real. */
body .tk-retomar > .tk-capa { flex: none; width: 104px; height: auto; aspect-ratio: 16 / 11 }
body .tk-retomar .tk-capa > * { transform: none }
body .tk-retomar .tk-capa > .busto { transform: translateX(-50%) }
body .tk-retomar .tk-capa > .busto.dir { transform: none }
@media (max-width: 420px) { body .tk-retomar { flex-wrap: wrap } body .tk-retomar > div { min-width: 150px } body .tk-retomar > .btn { margin-left: auto } }
body .rv-lista-texto > * > span:not(.emoji):not(.fig-emo) { flex: 0 1 auto; text-align: center; margin-inline: auto }
body .opcao.rv-so-texto, body .rv-lista-texto > * { text-align: center } body .opcao.rv-so-texto > span:last-child { flex: 0 1 auto; margin-inline: auto }
body .rv-lista-texto > * img.learning-art, body .rv-lista-texto > * .fo-pose-op { display: none !important }
body .rv-lista-texto > * .face { display: none !important }
body .rv-lista-texto > button, body .rv-lista-texto > .opcao { display: flex !important; flex-direction: column; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 0 }
body .rv-lista-texto > * > span, body .rv-lista-texto > * > b { width: auto; flex: 0 1 auto !important; text-align: center !important; margin: 0 }
body .rv-lista-texto > * img.fo-rosto, body .rv-lista-texto > * img.fo-pose { display: none !important }