/* Degradado inferior en banner (complementa el superior de componentes.css) */
.imagen-banner-principal::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.62) 0,
    rgba(0, 0, 0, 0.62) 10vw,
    rgba(0, 0, 0, 0.18) 18vw,
    rgba(0, 0, 0, 0) 28vw
  );
  pointer-events: none;
  z-index: 2;
}

.ctn-areas .area-box .elementor-icon-box-wrapper {
  transition: gap 0.25s ease;
}

.ctn-areas:hover .area-box .elementor-icon-box-wrapper {
  gap: 20px !important;
}