/* Tarjetas ilustradas de la portada.
   Las tres imágenes mantienen su proporción original 8/5, se muestran completas
   y alineadas, con el título, el texto y el botón superpuestos como en el diseño
   original de la portada. */

.home .arenace-home-feature-grid,
.home .eltdf-elements-holder:has(> .eltdf-eh-item .eltdf-eh-item-inner[data-bg-image*="1-2-scaled.jpg"]) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 2px;
  background: #eee7d2 !important;
}

.home .arenace-home-feature-grid > .eltdf-eh-item,
.home .eltdf-elements-holder:has(> .eltdf-eh-item .eltdf-eh-item-inner[data-bg-image*="1-2-scaled.jpg"]) > .eltdf-eh-item {
  display: block !important;
  width: auto !important;
  min-width: 0;
  height: auto !important;
  background: #f7f4d6 !important;
}

.home .arenace-home-feature-grid > .eltdf-eh-item > .eltdf-eh-item-inner,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  background-color: #f7f4d6 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content {
  position: absolute;
  inset: 0;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  padding: 4.5% 44% 4.5% 5.5% !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content::before,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content::before {
  content: "";
  position: absolute;
  inset: 0 42% 0 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(250, 250, 220, 0.82), rgba(250, 250, 220, 0.46) 72%, transparent);
  pointer-events: none;
}

.home .arenace-home-feature-grid :is(.vc_empty_space, .wpb_text_column),
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) :is(.vc_empty_space, .wpb_text_column) {
  height: auto !important;
  margin: 0 !important;
}

.home .arenace-home-feature-grid .vc_empty_space,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) .vc_empty_space {
  display: none !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content :is(h3, p),
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content :is(h3, p) {
  margin: 0 !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content h3 span,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content h3 span {
  font-size: clamp(17px, 1.45vw, 21px) !important;
  line-height: 1.12 !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content p span,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content p span {
  font-size: clamp(10px, 0.86vw, 12.5px) !important;
  line-height: 1.42 !important;
}

.home .arenace-home-feature-grid .eltdf-eh-item-content .eltdf-btn,
.home .eltdf-eh-item-inner:is(
  [data-bg-image*="1-2-scaled.jpg"],
  [data-bg-image*="2-1-scaled.jpg"],
  [data-bg-image*="3-1-scaled.jpg"]
) > .eltdf-eh-item-content .eltdf-btn {
  margin-top: 3px !important;
  padding: 9px 17px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}

@media (max-width: 1180px) {
  .home .arenace-home-feature-grid,
  .home .eltdf-elements-holder:has(> .eltdf-eh-item .eltdf-eh-item-inner[data-bg-image*="1-2-scaled.jpg"]) {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content {
    padding: 6% 49% 6% 7% !important;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content h3 span,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content h3 span {
    font-size: clamp(22px, 3.2vw, 32px) !important;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content p span,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content p span {
    font-size: clamp(12px, 1.65vw, 17px) !important;
  }
}

@media (max-width: 600px) {
  .home .arenace-home-feature-grid,
  .home .eltdf-elements-holder:has(> .eltdf-eh-item .eltdf-eh-item-inner[data-bg-image*="1-2-scaled.jpg"]) {
    gap: 12px;
    padding: 12px;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content {
    gap: 5px;
    padding: 4% 41% 4% 5% !important;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content h3 span,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content h3 span {
    font-size: clamp(15px, 4.5vw, 21px) !important;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content p span,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content p span {
    font-size: clamp(8.5px, 2.2vw, 11px) !important;
    line-height: 1.3 !important;
  }

  .home .arenace-home-feature-grid .eltdf-eh-item-content .eltdf-btn,
  .home .eltdf-eh-item-inner:is(
    [data-bg-image*="1-2-scaled.jpg"],
    [data-bg-image*="2-1-scaled.jpg"],
    [data-bg-image*="3-1-scaled.jpg"]
  ) > .eltdf-eh-item-content .eltdf-btn {
    padding: 7px 12px !important;
    font-size: 9px !important;
  }
}