/* =========
   Ajustes de marca (paleta Bootstrap por defecto):
   primary: #0d6efd, dark: #212529, light: #f8f9fa
   ========= */

/* Imagen del hero con sombra suave */
.hero-img {
  max-height: 520px;
  object-fit: cover;
}

/* Tarjetas de beneficios */
.feature-card .icon {
  width: 42px;
  height: auto;
}

/* Ícono "clic" */
.icono-click {
  width: 64px;
  height: auto;
}

/* Pequeños ajustes responsivos opcionales */
@media (max-width: 576px) {
  .icono-click { width: 56px; }
}