/* =========================================================
   HOME - ULTIMAS NOTICIAS DESKTOP
   ========================================================= */

.home-latest-news {
  --title-col: minmax(220px, 1fr);
  --gap: 44px;

  width: 100%;
  display: grid !important;
  grid-template-columns: var(--title-col) repeat(3, minmax(0, 1fr));
  gap: var(--gap);
  align-items: start;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}

.home-latest-news .news-section-title {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  max-width: 210px;
  color: #0f74b7;
  font-size: clamp(44px, 4vw, 62px) !important;
  line-height: 0.95;
  font-weight: 300;
  text-align: left !important;
}

.home-latest-news .news-top-3,
.home-latest-news .news-top-2 {
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: grid !important;
}

.home-latest-news .news-top-3 {
  grid-column: 2 / 5;
  grid-row: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
}

.home-latest-news .news-top-2 {
  grid-column: 1 / 3;
  grid-row: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}

.home-latest-news .wp-block-latest-posts.is-grid li,
.home-latest-news .wp-block-latest-posts.columns-3 li,
.home-latest-news .news-top-3 li,
.home-latest-news .news-top-2 li {
  position: relative;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
  overflow: hidden;
  background: #ddd;
}

.home-latest-news .news-top-3 li::before,
.home-latest-news .news-top-2 li::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--news-tint, rgba(0, 0, 0, 0.14));
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.home-latest-news .news-top-3 li:hover::before,
.home-latest-news .news-top-2 li:hover::before {
  opacity: 0;
}

.home-latest-news .news-top-3 li:nth-child(1) {
  --news-accent: #f0c12f;
  --news-tint: rgba(240, 193, 47, 0.18);
}

.home-latest-news .news-top-3 li:nth-child(2),
.home-latest-news .news-top-3 li:nth-child(3) {
  --news-accent: #ee8f36;
  --news-tint: rgba(238, 143, 54, 0.18);
}

.home-latest-news .news-top-2 li:nth-child(1) {
  --news-accent: #57c591;
  --news-tint: rgba(87, 197, 145, 0.28);
}

.home-latest-news .news-top-2 li:nth-child(2) {
  --news-accent: #8a6ac7;
  --news-tint: rgba(138, 106, 199, 0.26);
}

.home-latest-news .news-top-3 .wp-block-latest-posts__featured-image,
.home-latest-news .news-top-2 .wp-block-latest-posts__featured-image {
  width: 100%;
  height: 100%;
  margin: 0;
}

.home-latest-news .news-top-3 .wp-block-latest-posts__featured-image a,
.home-latest-news .news-top-2 .wp-block-latest-posts__featured-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.home-latest-news .news-top-3 .wp-block-latest-posts__featured-image img,
.home-latest-news .news-top-2 .wp-block-latest-posts__featured-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

.home-latest-news .news-top-3 .wp-block-latest-posts__post-title,
.home-latest-news .news-top-2 .wp-block-latest-posts__post-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  min-height: 58px;
  padding: 12px 16px 14px;
  background: var(--news-accent);
  color: #fff;
  font-size: 0.98rem;
  line-height: 1.18;
  font-weight: 300;
  text-decoration: none;
  box-sizing: border-box;
}

.home-latest-news .news-top-3 .wp-block-latest-posts__post-title:hover,
.home-latest-news .news-top-2 .wp-block-latest-posts__post-title:hover {
  text-decoration: none;
  filter: brightness(1.05);
}

.home-latest-news .event-card {
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
  overflow: hidden;
}

.home-latest-news .event-card--1 {
  grid-column: 3;
  grid-row: 2;
}

.home-latest-news .event-card--2 {
  grid-column: 4;
  grid-row: 2;
}

.home-latest-news .event-card--3 {
  grid-column: 4;
  grid-row: 3;
}

.home-latest-news .event-card .wp-block-cover__image-background {
  object-fit: cover;
}

.home-latest-news .event-card .wp-block-cover__background {
  opacity: 0.54;
  transition: opacity 0.5s ease;
}

.home-latest-news .event-card:hover .wp-block-cover__background {
  opacity: 0;
}

.home-latest-news .event-card .wp-block-cover__inner-container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 18px 18px !important;
  box-sizing: border-box;
}

.home-latest-news .event-card p {
  margin: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  white-space: nowrap;
  font-size: clamp(44px, 4vw, 64px) !important;
  line-height: 1;
  font-weight: 300;
  text-align: center !important;
}

.home-latest-news .event-card p strong {
  font-weight: 700;
}

.home-latest-news .newsletter-card {
  grid-column: 1 / 3;
  grid-row: 3;
  height: 100%;
  min-height: 0 !important;
  align-self: stretch;
  overflow: hidden;
}

.home-latest-news .newsletter-card .wp-block-cover__image-background {
  object-fit: cover;
}

.home-latest-news .newsletter-card .wp-block-cover__background {
  background-color: rgba(16, 132, 197, 0.50) !important;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.home-latest-news .newsletter-card:hover .wp-block-cover__background {
  opacity: 0;
}

.home-latest-news .newsletter-card .wp-block-cover__inner-container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 26px 18px !important;
  box-sizing: border-box;
}

.home-latest-news .newsletter-card p {
  margin: 0;
  width: 100%;
  color: #fff;
  font-size: clamp(54px, 4.7vw, 74px) !important;
  line-height: 1;
  font-weight: 300;
  text-align: center !important;
}

.home-latest-news .events-label {
  grid-column: 3;
  grid-row: 3;
  align-self: start;
  justify-self: stretch;
  margin: 0;
  padding-top: 6px;
  color: #111;
  font-size: clamp(42px, 3.9vw, 60px) !important;
  line-height: 0.95;
  font-weight: 300;
  text-align: center !important;
}

.home-latest-news .has-large-font-size,
.home-latest-news .has-x-large-font-size {
  margin: 0;
}