@layer molecules {
  /* Tarjeta de especialidad: etiqueta, título, texto y enlace */
  .card {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding: clamp(1.5rem, 1.1rem + 1.8vw, 2.375rem);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-card);

    & p { color: var(--text-muted); }
    & .link-arrow { margin-block-start: auto; align-self: flex-start; }
  }

  /* Banda de una línea: "Odontología interdisciplinaria en PerioCare" */
  .band {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2xs) 1.375rem;
    padding: 1.375rem 1.875rem;
    background: var(--surface-muted);
    border-radius: var(--radius-band);
    font-size: 0.84375rem;

    & strong { font-weight: 600; white-space: nowrap; }
    & span { flex: 1 1 22rem; color: var(--text-muted); }
  }
}