/* Start custom CSS for html, class: .elementor-element-ac98f4a */<style>
  /* === Ajustes de color estilo s862789453.mialojamiento.es (cálido + fucsia) === */
  .ec-recursos{
    background: linear-gradient(180deg,
      rgba(255, 240, 245, .55),
      rgba(255, 255, 255, 1) 55%);
  }

  /* Kicker más amable */
  .ec-kicker{
    color: rgba(236, 72, 153, .90); /* fucsia suave */
    letter-spacing: .18px;
  }

  /* Borde/left accent del tip en fucsia */
  .ec-tip{
    border-left-color: #ec4899;
    background: rgba(255, 240, 245, .55);
  }

  /* Chips con más vida */
  .ec-chip{
    border-color: rgba(236,72,153,.25);
    background: rgba(255,240,245,.35);
  }
  .ec-chip:hover{
    box-shadow: 0 12px 20px rgba(236,72,153,.12);
  }

  /* Iconos con degradado alegre */
  .ec-ico{
    background: linear-gradient(180deg,
      rgba(236,72,153,.16),
      rgba(59,130,246,.10));
    border-color: rgba(236,72,153,.18);
  }

  /* Botón primario en fucsia (como tu web) */
  .ec-btnPrimary{
    background: #ec4899 !important;
    color: #fff !important;
    border-color: rgba(236,72,153,.35) !important;
    box-shadow: 0 14px 26px rgba(236,72,153,.18);
  }
  .ec-btnPrimary:hover{
    box-shadow: 0 18px 30px rgba(236,72,153,.22);
  }

  /* Botón secundario con borde fucsia suave */
  .ec-btn{
    border-color: rgba(236,72,153,.22);
  }

  /* Tags con toque color */
  .ec-tag{
    border-color: rgba(236,72,153,.18);
    background: rgba(255,240,245,.25);
  }

  /* Tarjetas: sombra más cálida */
  .ec-card{
    box-shadow: 0 12px 30px rgba(17,24,39,.06);
  }

  /* Microtexto final: un poco más cálido */
  .ec-foot{
    color: rgba(107,114,128,.95);
  }
</style>
.ec-hero{
  background: rgba(255,255,255,.92);
}
.ec-hero:before{
  background: radial-gradient(circle at 30% 30%,
    rgba(236,72,153,.22),
    rgba(59,130,246,.14),
    transparent 68%);
}/* End custom CSS */