/* ===================================================================
   Badges de métodos HTTP
   =================================================================== */
.http-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  font-family: var(--md-code-font-family);
  letter-spacing: 0.05em;
  vertical-align: middle;
  margin-right: 6px;
  color: #fff;
}

.http-get    { background-color: #2e7d32; }
.http-post   { background-color: #1565c0; }
.http-put    { background-color: #e65100; }
.http-patch  { background-color: #6a1b9a; }
.http-delete { background-color: #c62828; }

/* ===================================================================
   Tarjeta de endpoint
   =================================================================== */
.endpoint-card {
  border-left: 4px solid var(--md-primary-fg-color);
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.endpoint-card h2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 1rem;
  font-family: var(--md-code-font-family);
}
