/* Cor de tema nos cartoes de post. Uma cor por categoria, pedida pelo dono
   em 11/11/2026 e valida daqui em diante.

   A classe vem do proprio WordPress: post_class() imprime category-<slug>
   no <article> do widget de posts. Nada aqui depende de marcacao nova.

   As oito cores foram escolhidas para contrastar sobre creme e branco, que
   sao os fundos do site. O dourado de texto e #856632, e nao #B08A4A, que
   reprova no contraste quando vira letra. */

.elementor-post{ --mnc-tema:#B08A4A; --mnc-tema-fraca:rgba(176,138,74,.10); }

.elementor-post.category-signos{ --mnc-tema:#1B2A55; --mnc-tema-fraca:rgba(27,42,85,.10) }
.elementor-post.category-taro{ --mnc-tema:#5B3A72; --mnc-tema-fraca:rgba(91,58,114,.10) }
.elementor-post.category-horoscopo-chines{ --mnc-tema:#9E2B25; --mnc-tema-fraca:rgba(158,43,37,.10) }
.elementor-post.category-curiosidades{ --mnc-tema:#856632; --mnc-tema-fraca:rgba(133,102,50,.10) }
.elementor-post.category-fundamentos{ --mnc-tema:#2F5D50; --mnc-tema-fraca:rgba(47,93,80,.10) }
.elementor-post.category-calculos{ --mnc-tema:#2B5B7A; --mnc-tema-fraca:rgba(43,91,122,.10) }
.elementor-post.category-guias{ --mnc-tema:#8A5A2B; --mnc-tema-fraca:rgba(138,90,43,.10) }
.elementor-post.category-significados{ --mnc-tema:#6E1B32; --mnc-tema-fraca:rgba(110,27,50,.10) }

/* O filete do topo e a marca do tema. Fica acima da imagem, atravessando o
   cartao inteiro, para ser a primeira coisa que o olho separa. */
.elementor-post{
  position:relative; overflow:hidden; border-radius:3px;
  transition:transform 200ms ease, box-shadow 200ms ease;
}
.elementor-post::before{
  content:""; position:absolute; left:0; right:0; top:0; height:4px; z-index:2;
  background:var(--mnc-tema);
}
.elementor-post:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px -22px var(--mnc-tema);
}

/* A data e o rodape do cartao herdam a cor, em dose pequena. */
.elementor-post .elementor-post__meta-data{ color:var(--mnc-tema) }
.elementor-post .elementor-post__read-more{ color:var(--mnc-tema) }
.elementor-post .elementor-post__title a:hover{ color:var(--mnc-tema) }

/* Sem a imagem, o cartao ganharia um bloco branco. O fundo fraco do tema
   cobre esse caso sem inventar imagem. */
.elementor-post:not(.has-post-thumbnail) .elementor-post__text{ background:var(--mnc-tema-fraca) }

@media (prefers-reduced-motion: reduce){
  .elementor-post{transition:none}
  .elementor-post:hover{transform:none}
}
/* Um filete fino do tema em volta do cartao inteiro. So o risco no topo
   some entre as imagens; com a borda, a cor desenha o cartao.
   A base vem antes das categorias de proposito: mesma especificidade, e
   quem vem depois vence. */
.elementor-post{ --mnc-tema-media:rgba(176,138,74,.34) }
.elementor-post.category-signos{ --mnc-tema-media:rgba(27,42,85,.34) }
.elementor-post.category-taro{ --mnc-tema-media:rgba(91,58,114,.34) }
.elementor-post.category-horoscopo-chines{ --mnc-tema-media:rgba(158,43,37,.34) }
.elementor-post.category-curiosidades{ --mnc-tema-media:rgba(133,102,50,.34) }
.elementor-post.category-fundamentos{ --mnc-tema-media:rgba(47,93,80,.34) }
.elementor-post.category-calculos{ --mnc-tema-media:rgba(43,91,122,.34) }
.elementor-post.category-guias{ --mnc-tema-media:rgba(138,90,43,.34) }
.elementor-post.category-significados{ --mnc-tema-media:rgba(110,27,50,.34) }

.elementor-post{ border:1px solid var(--mnc-tema-media) }
.elementor-post:hover{ border-color:var(--mnc-tema) }

/* Respiro interno do cartao. Pedido do dono em 12/11/2026: os textos
   estavam muito colados nas caixas. Em /taro/ e na home o cartao vem com
   padding zero do proprio widget-posts.min.css, e titulo e resumo ficavam
   a 1px da borda - medido, nao estimado.

   O respiro vai no bloco de texto e nao no cartao, para a imagem
   continuar sangrando ate as bordas. E o arranjo que o filete do topo
   deste arquivo pressupoe: com padding no cartao, o filete fica solto,
   longe da imagem.

   Em 12/11/2026 o dono mandou unificar: o /blog/ e as paginas de categoria
   seguem o mesmo desenho, e o blog.css deixou de pedir padding no cartao. */
.elementor-posts-container .elementor-post .elementor-post__text{padding:0 22px 22px}

/* Sem imagem nao existe a margem de 18px da miniatura, e o titulo
   encostaria no filete de 4px do topo. */
.elementor-posts-container .elementor-post:not(.has-post-thumbnail) .elementor-post__text{padding-top:20px}


@media(max-width:767px){
  .elementor-posts-container .elementor-post .elementor-post__text{padding:0 20px 20px}
  .elementor-posts-container .elementor-post:not(.has-post-thumbnail) .elementor-post__text{padding-top:18px}
}