@import url("style.css");
@import url("cms.css");


/**
 * Estilos plugin search */
 main:has(form[role="search"]) {
  flex-grow: 1;
}

main:has(form[role="search"]) .container {
  width: min(100% - 2rem, 1140px);
  margin-inline: auto;
  padding-block: 1.5rem;
}

main:has(form[role="search"]) h1 {
  margin: 0 0 1rem;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

main:has(form[role="search"]) form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

main:has(form[role="search"]) .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

main:has(form[role="search"]) input[type="search"] {
  flex: 1 1 16rem;
  min-width: 0;
  padding: 0.375rem 0.75rem;
  font: inherit;
  color: inherit;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}

main:has(form[role="search"]) button {
  padding: 0.375rem 0.75rem;
  font: inherit;
  color: #fff;
  background: #212529;
  border: 1px solid #212529;
  border-radius: 0.375rem;
  cursor: pointer;
}

main:has(form[role="search"]) .text-body-secondary {
  color: #6c757d;
}

main:has(form[role="search"]) .list-group {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}

main:has(form[role="search"]) .list-group-item {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dee2e6;
}

main:has(form[role="search"]) .list-group-item:last-child {
  border-bottom: 0;
}

main:has(form[role="search"]) .small {
  margin: 0 0 0.25rem;
  font-size: 0.875em;
}

main:has(form[role="search"]) .list-group-item p:last-child {
  margin: 0.25rem 0 0;
}