/* Catálogo Aliá de Jogos Pedagógicos: blocos, cartões de tema, etapa e Histórias com escolhas. */
body:not(.modo-catalogo) .so-catalogo{display:none}
body.modo-catalogo .so-pse{display:none!important}

.bloco-catalogo{margin-top:28px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7f0fb 100%);border:1px solid var(--borda)}
.bloco-catalogo h2{margin:0}
.grade-temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.grade-temas.grande{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.tema-card{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:16px;background:var(--papel);border:2px solid var(--tcl);color:var(--tinta);text-decoration:none;font-weight:800;line-height:1.2;box-shadow:var(--sombra);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tema-card:hover,.tema-card:focus-visible{transform:translateY(-3px);border-color:var(--tc);box-shadow:0 12px 26px rgba(20,30,50,.16)}
.tema-ico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tc);color:#fff;padding:7px;display:block}
.tema-ico svg{width:100%;height:100%;display:block}
.grade-temas.grande .tema-card{min-height:80px;font-size:1.02rem}
.grade-temas.grande .tema-ico{width:52px;height:52px}

.etapas-cat{border:0;padding:0;margin:8px 0 16px;display:flex;gap:10px;flex-wrap:wrap}
.etapas-cat legend{font-weight:900;margin-bottom:6px;padding:0}
.etapa-op{position:relative;display:block}
.etapa-op input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;cursor:pointer}
.etapa-op span{display:flex;flex-direction:column;min-height:52px;justify-content:center;padding:8px 16px;border-radius:14px;border:2px solid #7a8496;background:var(--papel)}
.etapa-op small{font-weight:700;color:var(--suave)}
.etapa-op input:checked+span{border-color:var(--c);box-shadow:0 0 0 3px var(--cl);background:var(--cl)}
.etapa-op input:focus-visible+span{outline:3px solid #1d2433;outline-offset:2px}
.etapa-fixa{font-weight:700;color:var(--suave)}

.tema-titulo{display:flex;align-items:center;gap:6px}
.tema-resumo{margin:6px 0 14px}
.tema-apres{font-size:1.1rem;font-weight:700;margin:0 0 8px;flex:1;min-width:220px}
.tema-resumo h2{font-size:1.1rem;margin-top:10px}
.tema-resumo ul{margin:.2em 0 .8em;padding-left:1.2em}
.modos-cat{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}

/* histórias */
.historia{max-width:820px;margin:0 auto;border-top:8px solid var(--hc)}
.hist-texto{font-size:1.28rem;font-weight:800;line-height:1.4;margin:6px 0 16px;flex:1;min-width:220px}
.hist-texto:focus{outline:none}
.hist-opcoes{display:grid;gap:12px}
.hist-op{font:inherit;font-size:1.12rem;font-weight:800;text-align:left;min-height:64px;padding:14px 18px;border-radius:16px;border:3px solid var(--hc);background:var(--papel);color:var(--tinta);cursor:pointer;transition:transform .15s ease,background .15s ease}
.hist-op:hover:not(:disabled){background:var(--cl);transform:translateY(-2px)}
.hist-op:disabled{opacity:.55;cursor:default}
.hist-op.escolhida{opacity:1;background:var(--cl);box-shadow:0 0 0 3px var(--hc)}
.hist-ret{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--cl);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;animation:entrar .2s ease-out}
.hist-ret p{margin:0;font-weight:700;flex:1;min-width:200px}
.hist-final{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:900;margin:4px 0 10px}
.hist-final.bom{background:#e6f6ec;color:#0d3d20}
.hist-final.aprender{background:#fff4d6;color:#4a3800}
.roda{background:var(--cl);border-radius:14px;padding:12px 16px;margin:4px 0 16px}
.roda p{margin:.3em 0 0;font-weight:700}
.hist-acoes{justify-content:flex-start}
@media (max-width:560px){.hist-texto{font-size:1.15rem}.hist-op{font-size:1.05rem}.grade-temas{grid-template-columns:1fr 1fr}.tema-card{font-size:.92rem}}
@media (prefers-reduced-motion:reduce){.tema-card,.hist-op{transition:none}.hist-ret{animation:none}}