.elementor-16668 .elementor-element.elementor-element-d104a07{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:1em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-16668 .elementor-element.elementor-element-10136ca{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;--grid-column-gap:43px;}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.43 * 100% );}.elementor-16668 .elementor-element.elementor-element-10136ca:after{content:"0.43";}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__thumbnail__link{width:100%;}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__meta-data span + span:before{content:"•";}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__text{margin-top:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16668 .elementor-element.elementor-element-10136ca{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}}@media(max-width:767px){.elementor-16668 .elementor-element.elementor-element-d104a07{--padding-top:1em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-16668 .elementor-element.elementor-element-10136ca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16668 .elementor-element.elementor-element-10136ca:after{content:"0.5";}.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-10136ca *//* ========================================
   Restyle do widget nativo Elementor Pro "Posts"
   pra ficar no padrão visual do América Start: cartão arredondado,
   selo de categoria sobreposto na foto, sem avatar/meta, título logo
   abaixo da foto (sem vão grande), posts empilhados em uma coluna só
   e o primeiro post com imagem maior que os demais.

   Onde colar: no widget "Posts" do Elementor → Avançado → CSS
   Personalizado (usa o ".elementor-16668 .elementor-element.elementor-element-10136ca" que o Elementor troca sozinho
   pela classe única do widget). Se preferir aplicar em TODO post
   grid do site, cole em Site Settings → Custom CSS trocando
   ".elementor-16668 .elementor-element.elementor-element-10136ca" por vazio (ou por ".elementor-posts-container").
   ======================================== */

/* Uma coluna só, posts empilhados (não mais grid 3 colunas) */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-posts-container {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 24px;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post {
  border-radius: 22px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #e4e4e4;
}

/* Imagem quase full-bleed, cantos arredondados só em cima.
   Post mais recente (primeiro da lista) fica com imagem mais alta/maior;
   os demais ficam mais baixos, formato paisagem. */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__thumbnail__link {
  display: block;
  position: relative;
  margin: 0 !important;
}

/* Demais posts: mais baixa que a ultra panorâmica do primeiro post
   (quanto maior o número à esquerda em relação à direita, mais baixa
   fica a imagem pra mesma largura — 3:1 é mais "achatada" que 21:9) */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__thumbnail {
  aspect-ratio: 3 / 1;
  border-radius: 0;
  overflow: hidden;
  margin: 0 !important;
}

/* Primeiro post: ultra panorâmica (maior/mais alta que os demais) */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post:first-child .elementor-post__thumbnail {
  aspect-ratio: 21 / 9;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center !important;
}

/* Selo/eyebrow (categoria) sobreposto no canto superior DIREITO da foto,
   bem perto da borda (não alinhado ao padding do título). */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__badge {
  position: absolute;
  top: 4px;
  right: 4px;
  left: auto;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  color: #57534e;
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  width: auto;
  height: auto;
  line-height: 1.4;
}

/* Base do painel de texto (display/margin) — o fundo e o padding
   definitivos vêm da regra de sobreposição mais abaixo, que sobrescreve
   background/padding pra todos os posts. */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__text {
  margin-top: 0 !important;
  background: #fafafa;
  display: block;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__text > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 1.35;
  color: #171717;
  margin: 0 !important;
  /* Limita a 3 linhas com reticências — impede que um título longo
     estoure a altura da imagem e invada o selo de categoria. */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__title a {
  color: inherit;
  text-decoration: none;
}

/* ========================================
   Título sobreposto na imagem, em TODOS os posts (aprovado no teste
   com o primeiro post) — gradiente escuro embaixo pra manter o
   contraste do texto branco.
   ======================================== */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post {
  position: relative;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post .elementor-post__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0) 100%);
  padding: 40px 18px 16px !important;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post .elementor-post__title,
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post .elementor-post__title a {
  color: #ffffff;
}

/* Esconde avatar, data, comentários e "Leia mais »" — a referência
   (imagem 2) só mostra selo + título, nada mais.
   Inclui seletores genéricos (.avatar, img.avatar) como reforço —
   toda foto de autor do WordPress usa a classe "avatar" por padrão,
   então isso funciona mesmo que a grade não seja o widget Posts do
   Elementor (ex.: bloco nativo Query Loop / Últimos Posts). */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__meta-data,
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post-avatar,
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__read-more,
.elementor-16668 .elementor-element.elementor-element-10136ca .avatar,
.elementor-16668 .elementor-element.elementor-element-10136ca img.avatar,
.elementor-16668 .elementor-element.elementor-element-10136ca .wp-block-post-author,
.elementor-16668 .elementor-element.elementor-element-10136ca .wp-block-latest-posts__post-author {
  display: none !important;
}

/* Botão "Carregar mais" — classes reais confirmadas pelo outerHTML:
   .elementor-button-wrapper > a.elementor-button
     > span.elementor-button-content-wrapper > span.elementor-button-text
   O fundo precisa de !important porque o Elementor usa variáveis CSS
   próprias (--e-button-background-color) pra isso, com a mesma
   especificidade — sem !important, a regra dele ganhava e só o
   :hover nativo dele mudava alguma cor, dando a impressão de
   "só aparece no hover". */
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-button-wrapper .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 30px !important;
  border-radius: 999px !important;
  background: #57534e !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.2s ease;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-button-wrapper .elementor-button-text {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-button-wrapper .e-load-more-spinner svg {
  fill: #ffffff !important;
}

.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-button-wrapper .elementor-button:hover {
  background: #3f3b37 !important;
}

/* Ajuste pra mobile: o tamanho da imagem (3:1 / 21:9) já estava bom —
   o problema era só o título de 23px estourando a altura da imagem e
   invadindo o selo. Aqui mexe só em fonte/padding/selo, sem tocar
   na proporção da imagem. */
@media (max-width: 640px) {
  .elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__title {
    font-size: 17px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post .elementor-post__text {
    padding: 24px 14px 14px !important;
  }

  .elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__badge {
    top: 2px;
    right: 2px;
    font-size: 9px;
    padding: 3px 7px;
  }
}

/* Se quiser manter um resumo curto abaixo do título (a imagem 2 não tem,
   mas fica pronto caso você prefira manter), descomente:
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__excerpt {
  margin-top: 8px;
  font-size: 13px;
  color: #6e6e6e;
  line-height: 1.5;
}
*/
.elementor-16668 .elementor-element.elementor-element-10136ca .elementor-post__excerpt {
  display: none !important;
}/* End custom CSS */