.elementor-989220 .elementor-element.elementor-element-cb9c963{--display:flex;}.elementor-989220 .elementor-element.elementor-element-6b03695{--spacer-size:50px;}.elementor-989220 .elementor-element.elementor-element-a4ca19d{--vamtam-cols:3;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-989220 .elementor-element.elementor-element-a4ca19d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-989220 .elementor-element.elementor-element-a4ca19d:after{content:"0.66";}.elementor-989220 .elementor-element.elementor-element-a4ca19d .elementor-post__thumbnail__link{width:100%;}.elementor-989220 .elementor-element.elementor-element-a4ca19d .elementor-post__meta-data span + span:before{content:"///";}.elementor-989220 .elementor-element.elementor-element-a4ca19d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-989220 .elementor-element.elementor-element-a4ca19d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-989220 .elementor-element.elementor-element-a4ca19d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-989220 .elementor-element.elementor-element-a4ca19d{--vamtam-cols:2;}}@media(max-width:767px){.elementor-989220 .elementor-element.elementor-element-a4ca19d{--vamtam-cols:1;}.elementor-989220 .elementor-element.elementor-element-a4ca19d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-989220 .elementor-element.elementor-element-a4ca19d:after{content:"0.5";}.elementor-989220 .elementor-element.elementor-element-a4ca19d .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-a4ca19d *//* ===== Elementor Posts → Card style (Light mode only) ===== */
:root {
  --card-bg: #ffffff;
  --card-text: #0e1726;
  --card-muted: #5b667a;
  --card-accent: #36A2DA;   /* NIE blue, tweak as needed */
  --card-radius: 16px;
  --card-shadow: 0 6px 18px rgba(2, 14, 34, 0.08);
  --card-shadow-hover: 0 14px 28px rgba(2, 14, 34, 0.14);
  --card-gap: 24px;
}

/* Space between items */
.elementor-widget-posts .elementor-posts-container {
  gap: var(--card-gap);
}

/* Card base */
.elementor-widget-posts .elementor-posts-container article.elementor-post {
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  overflow: hidden;
  border: 1px solid rgba(2, 14, 34, 0.06);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Lift on hover/focus */
.elementor-widget-posts .elementor-posts-container article.elementor-post:hover,
.elementor-widget-posts .elementor-posts-container article.elementor-post:focus-within {
  transform: translateY(-3px);
  box-shadow: var(--card-shadow-hover);
  border-color: rgba(2, 14, 34, 0.12);
}

/* Thumbnail: consistent aspect and cover */
.elementor-widget-posts .elementor-post__thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;           /* change to 4 / 3 if you prefer */
}
.elementor-widget-posts .elementor-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 300ms ease;
}
.elementor-widget-posts .elementor-posts-container article.elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.04);
}

/* Card body */
.elementor-widget-posts .elementor-post__text {
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--card-text);
}

/* Category badge, if shown */
.elementor-widget-posts .elementor-post__badge {
  position: absolute;
  left: 12px;
  top: 12px;
  background: rgba(0,0,0,0.72);
  color: #fff;
  font-size: 12px;
  letter-spacing: .02em;
  padding: 6px 10px;
  border-radius: 999px;
}

/* Title */
.elementor-widget-posts .elementor-post__title {
  font-size: clamp(1.05rem, 1vw + .6rem, 1.25rem);
  line-height: 1.25;
  margin: 0;
}
.elementor-widget-posts .elementor-post__title a {
  color: var(--card-text);
  text-decoration: none;
  transition: color 160ms ease;
}
.elementor-widget-posts .elementor-post__title a:hover {
  color: var(--card-accent);
}

/* Meta */
.elementor-widget-posts .elementor-post__meta-data,
.elementor-widget-posts .elementor-post__meta-data a {
  color: var(--card-muted);
  font-size: 13px;
}
.elementor-widget-posts .elementor-post__meta-data {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  opacity: 0.9;
}

/* Excerpt clamped to 3 lines */
.elementor-widget-posts .elementor-post__excerpt p {
  margin: 0;
  color: var(--card-text);
  opacity: 0.92;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read more button */
.elementor-widget-posts .elementor-post__read-more {
  align-self: flex-start;
  margin-top: 6px;
  padding: 10px 14px;
  background: var(--card-accent);
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: transform 120ms ease, filter 120ms ease;
}
.elementor-widget-posts .elementor-post__read-more:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Make cards equal height in grid skins */
.elementor-widget-posts .elementor-posts--skin-classic .elementor-post__text,
.elementor-widget-posts .elementor-posts--skin-cards .elementor-post__text {
  flex: 1 1 auto;
}

/* Compact spacing on small screens */
@media (max-width: 767px) {
  :root { --card-gap: 16px; }
  .elementor-widget-posts .elementor-post__text {
    padding: 14px 14px 12px;
  }
}

/* Force light mode even when the OS is dark */
@media (prefers-color-scheme: dark) {
  .elementor-widget-posts {
    --card-bg: #ffffff;
    --card-text: #0e1726;
    --card-muted: #5b667a;
    --card-shadow: 0 6px 18px rgba(2, 14, 34, 0.08);
    --card-shadow-hover: 0 14px 28px rgba(2, 14, 34, 0.14);
    --card-accent: #36A2DA;
  }
}/* End custom CSS */