/* Ajustes gerais do Arena eSports (carregado em todas as paginas pelo header.php). */

/* ---------- cor da faixa de titulo das categorias novas (as antigas estao no head.php) ---------- */
.titulo-aniimo{ background:#3d2f78; }
.titulo-genshin-impact{ background:#26344f; }
.titulo-kings-league{ background:#151515; }

/* ---------- zoom na imagem ao passar o mouse (o mesmo das noticias da pagina de tabela) ----------
   A imagem cresce dentro de uma moldura que corta o excesso, entao o texto em volta nao se mexe. */
.zoom{ display:block; overflow:hidden; }
.zoom img{ display:block; }
.zoom-bg{ position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover; background-position:center; }
.list .image a, .relacionado-tabela .image a{ overflow:hidden; }
.list .image img, .relacionado-tabela .image img{ display:block; }
.zoom img, .zoom-bg, .list .image img, .relacionado-tabela .image img, .sidebar-artigos div > a:first-child img{
  transition:transform .35s ease;
}
@media (hover:hover){
  a:hover .zoom img, a:hover .zoom-bg,
  .list:hover .image img, .relacionado-tabela:hover .image img,
  .sidebar-artigos div:hover > a:first-child img{ transform:scale(1.05); }
}
@media (prefers-reduced-motion: reduce){
  .zoom img, .zoom-bg, .list .image img, .relacionado-tabela .image img, .sidebar-artigos div > a:first-child img{ transition:none; }
}

/* sidebar: "Artigos" (a imagem e o primeiro link de cada item) e "Mais vistos" */
.side-right .sidebar-artigos div > a:first-child{ float:left; margin-right:10px; overflow:hidden; }
.side-right .sidebar-artigos div > a:first-child img{ float:none; margin:0; display:block; }
.most-view .zoom{ float:left; margin-right:18px; }
.most-view .zoom img{ float:none; margin:0; }

/* ---------- pagina de categoria (category.php) ---------- */
.main-principal-categoria, .main-secundario-categoria{ overflow:hidden; }
/* so 1 post: destaque na largura toda */
.main-categoria.destaque-1 .main-principal-categoria{ width:100%; height:480px; }
/* so 2 posts: lado a lado, mesma altura */
.main-categoria.destaque-2 .main-secundario-categoria{ height:570px; }
/* a lista do "Mais noticias" agora tem a imagem dentro de .zoom */
.left-categoria .mais-posts .zoom{ float:left; margin-right:15px; }
.left-categoria .mais-posts .zoom img{ float:none; margin:0; }
.categoria-vazia{ margin:30px 0; color:#5d6b71; }
@media screen and (max-width:620px){
  .main-categoria.destaque-1 .main-principal-categoria{ height:430px; }
  .main-categoria.destaque-2 .main-secundario-categoria{ height:280px; }
}
@media screen and (max-width:540px){
  .left-categoria .mais-posts .zoom{ float:none; margin:0 0 6px; }
  .left-categoria .mais-posts .zoom img{ width:100%; }
}