body {
  font-family: 'Poppins', sans-serif;
}

/* Hero con imagen de fondo */


.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.00); /* más claro */
}

/* Tarjetas */
.card {
  background: white;
  padding: 1.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 1;
}
.card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}