.elementor-1220 .elementor-element.elementor-element-dfc49cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-59f8a75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1220 .elementor-element.elementor-element-59f8a75:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-59f8a75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF2F6;}.elementor-1220 .elementor-element.elementor-element-f2abdbd{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1220 .elementor-element.elementor-element-f2abdbd:after{content:"0.66";}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-post__thumbnail__link{width:100%;}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-post__meta-data span + span:before{content:"///";}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-post{border-radius:15px;box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.18);}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-post:hover{box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-1220 .elementor-element.elementor-element-f2abdbd.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1220 .elementor-element.elementor-element-f2abdbd.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1220 .elementor-element.elementor-element-f2abdbd.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1220 .elementor-element.elementor-element-f2abdbd:after{content:"0.5";}.elementor-1220 .elementor-element.elementor-element-f2abdbd .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-f2abdbd *//**
 * Cole APENAS este CSS (texto). NÃO cole JSON que começa com {"type":"elementor"
 *
 * Onde colar:
 *   Widget Posts → Avançado → CSS personalizado
 *   (apague tudo que está lá, depois cole só o CSS abaixo)
 *
 * Widget blog2: .elementor-element-f2abdbd
 */

.elementor-element-f2abdbd.elementor-widget-posts .elementor-post {
  font-family: "Zurich BT", "Inter", "Segoe UI", Arial, sans-serif;
}

.elementor-element-f2abdbd.elementor-widget-posts > .elementor-widget-container {
  width: min(1240px, 100%) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 1.6rem clamp(1rem, 3vw, 2rem) !important;
}

.elementor-element-f2abdbd .elementor-posts-container.elementor-grid {
  gap: clamp(1rem, 2.2vw, 1.6rem) !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.elementor-element-f2abdbd .elementor-post.elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  align-self: stretch !important;
}

/* Card (igual blog.html .blog-card) */
.elementor-element-f2abdbd .elementor-post {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(18, 50, 75, 0.1) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(6, 28, 46, 0.08) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.elementor-element-f2abdbd .elementor-post:hover {
  transform: translateY(-4px);
  border-color: rgba(35, 105, 150, 0.28) !important;
  box-shadow: 0 22px 44px rgba(6, 28, 46, 0.14) !important;
}

/* Imagem 16:10 — anula o "padding-bottom" do Elementor Classic (causa o bug no hover) */
.elementor-element-f2abdbd .elementor-post__thumbnail__link {
  display: block !important;
  flex: 0 0 auto;
  position: relative !important;
  overflow: hidden !important;
  transform: none !important;
  aspect-ratio: 16 / 10;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  background: #dbe7ef;
  margin: 0 !important;
  border-radius: 0 !important;
}

.elementor-element-f2abdbd .elementor-post__thumbnail {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
  min-height: 0 !important;
  line-height: 0;
  overflow: hidden !important;
}

.elementor-element-f2abdbd .elementor-post__thumbnail img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1) !important;
  transform-origin: center center !important;
  transition: transform 0.45s ease !important;
  filter: none !important;
}

.elementor-element-f2abdbd .elementor-post:hover .elementor-post__thumbnail img,
.elementor-element-f2abdbd .elementor-post__thumbnail__link:hover img {
  transform: scale(1.04) !important;
}

/* Corpo do card */
.elementor-element-f2abdbd .elementor-post__text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 0.65rem !important;
  padding: 1.05rem 1.1rem 1.2rem !important;
  margin: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Meta — esconde comentários e "///" */
.elementor-element-f2abdbd .elementor-post__meta-data {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem !important;
  margin: 0 0 0.15rem !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4a6478 !important;
}

.elementor-element-f2abdbd .elementor-post__meta-data .elementor-post-avatar {
  display: none !important;
}

.elementor-element-f2abdbd .elementor-post-date {
  color: #5a7285 !important;
}

/* Título */
.elementor-element-f2abdbd .elementor-post__title {
  font-size: clamp(1.05rem, 1.8vw, 1.22rem) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-element-f2abdbd .elementor-post__title a {
  color: #12324b !important;
  text-decoration: none !important;
}

.elementor-element-f2abdbd .elementor-post__title a:hover {
  color: #236996 !important;
}

/* Resumo — quebra palavras longas (ex.: texto de teste sem espaços) e limita altura */
.elementor-element-f2abdbd .elementor-post__excerpt {
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
  color: #365267 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.elementor-element-f2abdbd .elementor-post__excerpt p {
  margin: 0 !important;
  color: inherit !important;
  overflow-wrap: inherit;
  word-break: inherit;
}

/* Ler artigo */
.elementor-element-f2abdbd .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  align-self: flex-start;
  margin-top: 0.15rem !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #236996 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.elementor-element-f2abdbd .elementor-post__read-more::after {
  content: "";
  display: inline-block;
  width: 0.95rem;
  height: 0.95rem;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
}

.elementor-element-f2abdbd .elementor-post__read-more:hover {
  color: #033d5c !important;
  gap: 0.5rem;
}

/* Anula estilo “caixa” padrão do Elementor no skin Classic */
.elementor-element-f2abdbd .elementor-post__text,
.elementor-element-f2abdbd .elementor-post {
  --box-border-radius: 18px;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-element-f2abdbd .elementor-post:hover .elementor-post__thumbnail img,
  .elementor-element-f2abdbd .elementor-post__thumbnail__link:hover img {
    transform: scale(1) !important;
  }
}/* End custom CSS */