.eva-blog-list { padding-bottom: clamp(56px, 4.17vw, 80px); }
.eva-blog-list__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: clamp(24px, 2.08vw, 40px);
  margin-bottom: clamp(16px, 2.08vw, 40px);
}
.eva-blog-list__tags { min-width: 0; }
.eva-blog-list__tag-list {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}
.eva-blog-list__tag-list::-webkit-scrollbar { display: none; }
.eva-blog-list a.eva-blog-list__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px clamp(12px, 1.875vw, 36px);
  border-bottom: 2px solid transparent;
  color: var(--eva-bosque);
  font-size: var(--eva-fs-lead);
  line-height: 36px;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.2s var(--eva-ease);
}
.eva-blog-list a.eva-blog-list__tag:hover { border-bottom-color: var(--eva-line); }
.eva-blog-list a.eva-blog-list__tag.is-active {
  padding-inline: 12px;
  border-bottom-color: #000;
  font-weight: 600;
}
.eva-blog-list__tag-count { font-weight: 400; }

.eva-blog-list__search {
  display: flex;
  flex: 1 1 360px;
  align-items: center;
  max-width: 560px;
  min-height: 52px;
  border: 1px solid rgba(43, 70, 51, 0.6);
}
.eva-blog-list__search:focus-within { border-color: var(--eva-bosque); }
.eva-blog-list__search img { flex: none; width: 24px; height: 24px; margin: 0 14px; }
.eva-blog-list__search input {
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 0 12px 0 0;
  border: 0;
  background: transparent;
  color: var(--eva-bosque);
  font-family: var(--eva-sans);
  font-size: 14px;
  letter-spacing: 0.01em;
}
.eva-blog-list__search input::placeholder { color: rgba(43, 70, 51, 0.6); }
.eva-blog-list__search input:focus { outline: none; }

.eva-blog-list__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 80px 0;
  text-align: center;
}

@media (max-width: 1199px) {
  .eva-blog-list__bar { flex-direction: column; align-items: stretch; }
  .eva-blog-list__search { flex-basis: auto; max-width: none; }
}
@media (max-width: 959px) {
  .eva-blog-list__tag-list { margin-inline: calc(var(--eva-gutter) * -1); padding-inline: var(--eva-gutter); }
  .eva-blog-list a.eva-blog-list__tag { font-size: 16px; line-height: 28px; padding-inline: 12px; }
}