.elementor-17 .elementor-element.elementor-element-32e2a78 > .elementor-container{max-width:1440px;}.elementor-17 .elementor-element.elementor-element-32e2a78{margin-top:11px;margin-bottom:0px;padding:113px 50px 100px 50px;}.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-17 .elementor-element.elementor-element-4867552c{--grid-row-gap:50px;--grid-column-gap:50px;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-17 .elementor-element.elementor-element-4867552c:after{content:"0.66";}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__thumbnail__link{width:100%;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__meta-data span + span:before{content:"•";}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__card{border-radius:5px;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__text{margin-top:20px;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__title, .elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__title a{color:#1B262C;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination{text-align:center;}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination .page-numbers:not(.dots){color:#FFFFFF;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17 .elementor-element.elementor-element-4867552c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-32e2a78{padding:50px 15px 50px 15px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-4867552c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-17 .elementor-element.elementor-element-4867552c:after{content:"0.5";}.elementor-17 .elementor-element.elementor-element-4867552c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for section, class: .elementor-element-32e2a78 *//* ================================================
  ESTILOS DOS CARDS DE BLOG - ACTRADE
================================================
*/

/* 1. Cores principais */
:root {
  --card: #0f172a;
  --muted: #94a3b8;
  --txt: #e6f0ff;
  --brand: #19A39C;
  --brand-2: #32A994;
  --brand-rgb: 25, 163, 156;
  --radius: 12px;
}

/* 2. Ajusta o card principal */
.elementor-post__card {
  background: var(--card);
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  
  /* ================================================
     ALINHAMENTO - PASSO 1:
     Dizemos que o card deve ser um container flex (vertical)
     e ocupar 100% da altura do "slot" da grade.
  ================================================ */
  display: flex;
  flex-direction: column;
  height: 100%; 
}

/* 3. Efeito de hover no card */
.elementor-post__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 0 20px rgba(var(--brand-rgb), 0.2);
}

/* 4. Ajusta a imagem do post */
.elementor-post__thumbnail img {
  border-radius: var(--radius) var(--radius) 0 0;
  object-fit: cover; 
  height: 200px; /* Altura fixa para todas as imagens */
  width: 100%;
}

/* 5. Container de texto */
.elementor-post__text {
  padding: 24px;
  
  /* ================================================
     ALINHAMENTO - PASSO 2:
     O container de texto (título + resumo + botão)
     também é flex e vai "crescer" (flex-grow: 1)
     para ocupar todo o espaço vago deixado pela imagem.
  ================================================ */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* 6. Título do Post */
.elementor-post__title a {
  color: var(--txt);
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.elementor-post__title a:hover {
  color: var(--brand);
}

/* 7. Resumo do Post (Excerpt) */
.elementor-post__excerpt {
  color: var(--muted);
  line-height: 1.6;
  margin-top: 10px;
  
  /* ================================================
     ALINHAMENTO - PASSO 3 (A MÁGICA):
     O resumo vai "crescer" (flex-grow: 1) e ocupar
     todo o espaço entre o título e o botão.
     Isso EMPURRA o botão "Leia Mais" para o fundo do card.
     Funciona mesmo se o resumo estiver vazio!
  ================================================ */
  flex-grow: 1; 
}

/* 8. Botão "Leia Mais" (Destaque) */
.elementor-post__read-more {
  display: inline-block;
  width: 100%; 
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #04121e !important; 
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  margin-top: 20px; /* Espaçamento para o conteúdo acima */
  box-shadow: 0 8px 24px rgba(var(--brand-rgb), .3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 9. Efeito de hover no botão */
.elementor-post__read-more:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(var(--brand-rgb), .4);
}/* End custom CSS */