/* Faixa "Navegue por nossos temas" da home (views/home/_temas.php). A seção mantém a classe
   .navigate porque o js/main.js usa a posição dela (rolagem e cabeçalho); aqui se anula o visual antigo. */
.pageHome section.navigate.temas-home{background:#fff;background-image:none;padding:56px 0 48px;border-top:8px solid #ffc400;border-bottom:8px solid #ffc400}
.pageHome section.navigate.temas-home .container h2{margin:0 0 20px;color:#1a1a1a;text-align:left}
.temas-home .t-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-auto-rows:185px;gap:12px;grid-template-areas:"t0 t1 t2 t3" "t0 t4 t5 t6" "t7 t8 t9 t9"}
.temas-home .a0{grid-area:t0}.temas-home .a1{grid-area:t1}.temas-home .a2{grid-area:t2}.temas-home .a3{grid-area:t3}.temas-home .a4{grid-area:t4}
.temas-home .a5{grid-area:t5}.temas-home .a6{grid-area:t6}.temas-home .a7{grid-area:t7}.temas-home .a8{grid-area:t8}.temas-home .a9{grid-area:t9}
.temas-home .tema{position:relative;display:block;overflow:hidden;border-radius:4px;background:#bbb}
.temas-home .tema img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .4s}
.temas-home .tema:hover img{transform:scale(1.04)}
.temas-home .tema .t-txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:44px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.temas-home .tema .t-nome{font-weight:600;font-size:17px;line-height:1.2;display:block}
.temas-home .a0 .t-nome{font-size:30px}
.temas-home .t-selo{display:inline-block;background:#ffc400;color:#111;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:12px;margin-bottom:8px}
.temas-home .a0 img{position:absolute;inset:0;transition:opacity 1.2s ease,transform .4s}
.temas-home .a0 img.fora{opacity:0}
.temas-home .t-todos{margin:22px 0 0;font-size:14px;line-height:1.9;color:#333}
.temas-home .t-todos a{color:#1a1a1a;text-decoration:underline;text-decoration-color:rgba(0,0,0,.25);text-underline-offset:3px}
.temas-home .t-todos a:hover{text-decoration-color:#1a1a1a}
@media (max-width:900px){
.temas-home .t-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px;grid-template-areas:none}
.temas-home .tema{grid-area:auto}
.temas-home .a0{grid-column:span 2;grid-row:span 2}
.temas-home .a0 .t-nome{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.temas-home .a0 img{transition:none}}