/**
 * SIAM — Descripción y bibliografía (fertirrigación)
 */

.siam-bib-layout {
  display: block;
}

.siam-bib-article {
  min-width: 0;
}

.siam-bib-article__header {
  margin-bottom: var(--siam-space-5);
}

.siam-bib-article__header h1 {
  margin: 0 0 var(--siam-space-2);
}

.siam-bib-article__lead,
.siam-bib-article__muted {
  margin: 0;
  max-width: 62ch;
  color: var(--siam-color-text-muted);
  font-size: var(--siam-font-size-sm);
}

.siam-bib-article__muted {
  margin-bottom: var(--siam-space-3);
}

.siam-bib-toc {
  margin: 0 0 var(--siam-space-6);
  padding: var(--siam-space-4) var(--siam-space-5);
  background: var(--siam-color-surface);
  border: 1px solid var(--siam-color-border-light);
  border-radius: var(--siam-radius-lg);
}

.siam-bib-toc h2 {
  margin: 0 0 var(--siam-space-3);
  font-size: var(--siam-font-size-md);
}

.siam-bib-toc ol,
.siam-bib-toc ul {
  margin: 0;
  padding-left: 1.25rem;
}

.siam-bib-toc li {
  margin: 0.25rem 0;
  font-size: var(--siam-font-size-sm);
}

.siam-bib-article section {
  margin-bottom: var(--siam-space-6);
}

.siam-bib-article section h2 {
  margin: 0 0 var(--siam-space-3);
  font-size: var(--siam-font-size-lg);
  color: var(--siam-color-primary-dark);
}

.siam-bib-article section h3 {
  margin: var(--siam-space-5) 0 var(--siam-space-3);
  font-size: var(--siam-font-size-md);
}

.siam-bib-article section p {
  margin: 0 0 var(--siam-space-3);
  max-width: 70ch;
}

.siam-bib-formula {
  margin: var(--siam-space-4) 0;
  padding: var(--siam-space-3) var(--siam-space-5);
  background: var(--siam-color-bg-soft);
  border-left: 4px solid var(--siam-color-primary);
  border-radius: 0 var(--siam-radius) var(--siam-radius) 0;
  font-family: var(--siam-font-family-display);
  font-size: var(--siam-font-size-lg);
  text-align: center;
}

.siam-bib-defs {
  margin: 0 0 var(--siam-space-3);
  padding-left: 1.2rem;
  max-width: 70ch;
}

.siam-bib-defs li {
  margin: 0.2rem 0;
}

.siam-bib-refs {
  margin: 0 0 var(--siam-space-5);
  padding-left: 1.25rem;
  max-width: 72ch;
}

.siam-bib-refs li {
  margin: 0.65rem 0;
  font-size: var(--siam-font-size-sm);
}

.siam-bib__header {
  margin-bottom: var(--siam-space-5);
}

.siam-bib__lead {
  margin: 0;
  max-width: 42rem;
  color: var(--siam-color-text-muted);
  font-size: var(--siam-font-size-sm);
}

.siam-bib__filters {
  margin-bottom: var(--siam-space-5);
  padding: var(--siam-space-4);
  background: var(--siam-color-surface);
  border: 1px solid var(--siam-color-border-light);
  border-radius: var(--siam-radius-lg);
  box-shadow: var(--siam-shadow);
}

.siam-bib__filters-row {
  grid-template-columns: 1fr;
}

.siam-bib__filters .siam-form__hint {
  margin-top: var(--siam-space-2);
}

.siam-bib__error {
  margin-bottom: var(--siam-space-4);
  padding: var(--siam-space-3) var(--siam-space-4);
  border: 1px solid var(--siam-color-error);
  border-radius: var(--siam-radius);
  background: #fdecea;
  color: var(--siam-color-error);
  font-size: var(--siam-font-size-sm);
}

.siam-bib__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--siam-space-4);
}

.siam-bib__item {
  display: grid;
  gap: var(--siam-space-3);
  padding: var(--siam-space-4);
  background: var(--siam-color-surface);
  border: 1px solid var(--siam-color-border-light);
  border-radius: var(--siam-radius-lg);
  box-shadow: var(--siam-shadow);
  border-left: 4px solid var(--siam-color-primary);
}

.siam-bib__item--riego {
  border-left-color: var(--siam-color-riego);
}

.siam-bib__item-title {
  margin: 0;
  font-size: var(--siam-font-size-md);
  font-weight: var(--siam-font-weight-semibold);
  color: var(--siam-color-primary-dark);
  line-height: var(--siam-line-height-tight);
}

.siam-bib__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--siam-space-2) var(--siam-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--siam-font-size-sm);
  color: var(--siam-color-text-muted);
}

.siam-bib__meta dt {
  font-weight: var(--siam-font-weight-semibold);
  color: var(--siam-color-text);
}

.siam-bib__meta dd {
  margin: 0;
}

.siam-bib__meta-pair {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.siam-bib__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: var(--siam-radius);
  font-size: var(--siam-font-size-xs);
  font-weight: var(--siam-font-weight-semibold);
  text-transform: capitalize;
  letter-spacing: 0.02em;
  background: #e3f0f8;
  color: var(--siam-color-primary-dark);
}

.siam-bib__badge--riego {
  background: var(--siam-color-riego-soft);
  color: #8a3030;
}

.siam-bib__abstract {
  margin: 0;
  font-size: var(--siam-font-size-sm);
  color: var(--siam-color-text);
}

.siam-bib__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--siam-space-3);
  align-items: center;
}

.siam-bib__download[aria-disabled="true"] {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}

.siam-bib__empty {
  margin: 0;
  padding: var(--siam-space-6) var(--siam-space-4);
  text-align: center;
  color: var(--siam-color-text-muted);
  background: var(--siam-color-surface);
  border: 1px dashed var(--siam-color-border);
  border-radius: var(--siam-radius-lg);
  font-size: var(--siam-font-size-sm);
}

@media (min-width: 640px) {
  .siam-bib__filters-row {
    grid-template-columns: minmax(0, 2fr) minmax(10rem, 1fr);
    align-items: end;
  }

  .siam-bib__item {
    padding: var(--siam-space-5);
  }
}

@media (max-width: 359px) {
  #siam-main.siam-main {
    padding-left: var(--siam-space-3);
    padding-right: var(--siam-space-3);
  }

  .siam-bib__item-title {
    font-size: var(--siam-font-size-base);
  }

  .siam-bib__actions .siam-btn {
    width: 100%;
  }
}