:root {
  --gutter-x: 1.5rem;
  --inline-margin-full: calc((100vw - var(--container-w)) * -1 / 2);
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-gray: hsl(0, 0%, 70%);
  --cl-gray-light: hsl(0, 0%, 95%);
  --cl-gray-dark: hsl(0, 0%, 50%);
  --cl-blue-light: #009ee3;
  --cl-blue-dark: #0052a1;
  --cl-yellow: #fdc300;
  --container-w: 100%;
}
@media (min-width: 576px) {
  :root {
    --container-w: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-w: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-w: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-w: 1140px;
    --inline-margin-full: calc((100vw - var(--container-w)) * -1 / 2 - (var(--gutter-x) / 2));
  }
}
@media (min-width: 1400px) {
  :root {
    --container-w: 1320px;
  }
}

.pagebilioteca .view-filters form .flex-wrap {
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 1200px) {
  .pagebilioteca .view-filters form .flex-wrap {
    flex-direction: column;
    gap: 1rem;
  }
}
.pagebilioteca .view-filters form .flex-wrap .js-form-item {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.pagebilioteca .view-filters form .flex-wrap .form-item-field-tags {
  order: -1;
}
.pagebilioteca .view-filters form .flex-wrap .form-control,
.pagebilioteca .view-filters form .flex-wrap .tags {
  margin-block: 1rem 2rem;
}
.pagebilioteca .view-filters form .flex-wrap label {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--cl-blue-light);
  background-color: color-mix(in srgb, var(--cl-blue-light) 15%, var(--cl-white));
  border: 0.0625rem solid color-mix(in srgb, var(--cl-blue-light) 25%, var(--cl-white));
  padding: 0.2rem 0.6rem;
  border-radius: 0.3rem;
  text-decoration: none;
  margin-right: auto;
  cursor: default;
}
.pagebilioteca .view-filters form .flex-wrap input {
  border: 0.0625rem solid var(--cl-blue-light);
  border-radius: 0.3rem;
  padding: 0.4rem 0.8rem;
  color: var(--cl-blue-light);
}
.pagebilioteca .view-filters form .flex-wrap input::placeholder {
  color: color-mix(in srgb, var(--cl-blue-light) 50%, var(--cl-white));
}
.pagebilioteca .view-filters form .flex-wrap input:focus-visible, .pagebilioteca .view-filters form .flex-wrap input:focus {
  outline: none;
  border-color: var(--cl-blue-dark);
}
.pagebilioteca .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1200px) {
  .pagebilioteca .cards {
    grid-template-columns: 1fr;
  }
}
/*# sourceMappingURL=../maps/pages/library.css.map */