body{
    margin: 0!important;
    padding: 0!important;
}

/* ========== GRID BASE (desktop-first) =========================== */
.alpha-recent {
  --x: clamp(260px, 52vh, 520px);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: calc(var(--x) / 2) calc(var(--x) / 2);
  gap: 16px;
}

.alpha-recent__left {
  grid-row: 1 / span 2;
  grid-column: 1 / span 2;
}

.alpha-recent__card:hover .rc-title {
 color: var(--e-global-color-accent)!important;
}

.alpha-recent__card .alpha-recent__bg{
    transition: all 0.2s
}
.alpha-recent__card:hover .alpha-recent__bg{
    transform: scale(1.05);
}

.alpha-recent__right {
  grid-row: 1 / span 2;
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
}
.alpha-recent__left{
   position: relative 
}

.alpha-link {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    z-index: 3!important;
}

.alpha-recent__card {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  min-height: 100%;
  display: flex;
}

/* BG como cover full */
.alpha-recent__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

.alpha-recent__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .35) 55%, rgba(0, 0, 0, 0) 100%);
}

/* =========================== CONTEÚDO =========================== */
.alpha-recent__content {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 18px;
  color: var(--e-global-color-2839d7d);
  display: flex;
  flex-direction: column;
}

.alpha-recent__cat {
  margin: 0;
  font: 600 12px/1.1 'Poppins', ystem-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: .9;
  color: var(--e-global-color-2839d7d)
}

.rc-title {
  margin: 0 0 10px 0;
  font: 600 clamp(18px, 2.2vw, 24px)/1.2 'poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  transition: all 0.2s
}

.rc-title {
  color: var(--e-global-color-2839d7d);
  ;
  text-decoration: none;
}

.alpha-recent__meta {
  margin: 0;
  font: 400 12px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  opacity: .85;
}

.rc-excerpt {
  margin: 6px 0 10px;
  font: 400 clamp(13px, 1.8vw, 14px)/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  opacity: .95;
}

.alpha-recent .elementor-button {
  align-self: flex-start;
}

/* =========================== RESPONSIVO =========================== */

@media (max-width: 1024px) {
  .alpha-recent {
    gap: 14px;
  }

  .alpha-recent__right {
    gap: 14px;
  }
}

@media (max-width: 768px) {
  .alpha-recent {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .alpha-recent__left {
    grid-row: auto;
  }

  .alpha-recent__left .alpha-recent__card {
    height: var(--x);
    min-height: 0;
    /* ignora min-height herdado */
  }

  .alpha-recent__right {
    grid-row: auto;
    display: grid;
    grid-template-rows: calc(var(--x) / 1) calc(var(--x) / 1);
    gap: 14px;
  }

  .alpha-recent__right .alpha-recent__card {
    height: 100%;
    min-height: 0;
  }
}

@media (max-width: 380px) {
  .alpha-recent {
    --x: clamp(220px, 38vh, 420px);
  }
}

/* ====================== ACESSIBILIDADE / MISC =========================== */
.alpha-recent__card:focus-within {
  outline: 2px solid rgba(255, 255, 255, .35);
  outline-offset: 2px;
}