/* Alteria — G3 Tarjetas */

.alteria-tarjetas { padding-block: 3rem; }
@media (min-width: 640px) { .alteria-tarjetas { padding-block: 4rem; } }

.alteria-tarjetas__head { max-width: 46rem; margin-bottom: 2.5rem; }

.alteria-tarjetas__title { margin-top: .75rem; font-size: 28px; }
@media (min-width: 640px)  { .alteria-tarjetas__title { font-size: 34px; } }
@media (min-width: 1024px) { .alteria-tarjetas__title { font-size: 40px; } }

.alteria-tarjetas__lead {
  margin-top: .875rem;
  font-size: var(--alteria-fs-lead);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-tarjetas__grid { display: grid; gap: 1rem; align-items: stretch; }
.alteria-tarjetas__grid > * { height: 100%; }

@media (min-width: 640px) {
  .alteria-tarjetas__grid[data-cols="2"],
  .alteria-tarjetas__grid[data-cols="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .alteria-tarjetas__grid[data-cols="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .alteria-tarjetas__grid[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ── La tarjeta ───────────────────────────────────────────── */
.alteria-tarjeta {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-xl);
  background: var(--alteria-surface);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.alteria-tarjeta--link:hover {
  border-color: var(--alteria-primary);
  transform: translateY(-3px);
  box-shadow: var(--alteria-shadow-card);
}
.alteria-tarjeta--link:hover .alteria-tarjeta__media img { transform: scale(1.04); }
.alteria-tarjeta--link:hover .alteria-tarjeta__cta { color: var(--alteria-primary-hover); }
.alteria-tarjeta--link:hover .alteria-tarjeta__cta svg { transform: translateX(4px); }

.alteria-tarjeta__media { display: block; overflow: hidden; background: var(--alteria-surface-2); }
.alteria-tarjeta__media img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.alteria-tarjeta__cuerpo {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  padding: 1.5rem;
}

.alteria-tarjeta__etiqueta {
  align-self: flex-start;
  border: 1px solid var(--alteria-border);
  border-radius: 9999px;
  background: var(--alteria-surface-2);
  padding: .1875rem .625rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--alteria-muted-foreground);
}

.alteria-tarjeta .alteria-icon-box { margin-bottom: .25rem; }

.alteria-tarjeta__titulo {
  font-family: var(--alteria-font-display);
  font-size: 18px;
  font-weight: 700;
  line-height: var(--alteria-lh-snug);
  letter-spacing: var(--alteria-tracking-tight);
}

.alteria-tarjeta__texto {
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-tarjeta__cta {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  margin-top: auto;
  padding-top: .75rem;
  font-size: var(--alteria-fs-sm);
  font-weight: 600;
  color: var(--alteria-primary);
  transition: color .2s ease;
}
.alteria-tarjeta__cta svg { width: 1rem; height: 1rem; transition: transform .2s ease; }