/* Estado normal */
.hover-box {
    background: #E6EFFF; /* gris claro */
    border-radius: 15px;
    transition: all 1.8s ease; /* más lento (0.8s en lugar de 0.3s) */
    text-align: center;
    padding: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    color: #000; /* texto negro por defecto */

    display: flex !important;
    align-items: center !important;   /* centra verticalmente */
    justify-content: center !important;
}

/* Al hacer hover: se muestra la foto con overlay azul */
.hover-box:hover {
  background-image: linear-gradient(
      rgba(23, 39, 72, 0.8),   /* azul con transparencia */
      rgba(23, 39, 72, 0.8)
    ),
    url("img/ae7fea1c8b9d4da3142c0f23197ff51428505994.png"); /* <- Cambia la URL de la imagen */
  background-size: cover;
  background-position: center;
  color: #fff; /* texto blanco */
  .elementor-icon-box-icon {
    display:none;
  }
  h3.elementor-icon-box-title span {
    color: #fff;
  }
}