: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;
  }
}

.container {
  width: 100%;
  padding-inline: 1rem;
  margin-inline: auto;
  max-width: var(--container-w);
}

[class^=col-],
[class*=" col-"] {
  padding-left: calc(var(--gutter-x) / 2);
  padding-right: calc(var(--gutter-x) / 2);
  box-sizing: border-box;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 calc(8.3333333333%);
  max-width: calc(8.3333333333%);
}

.col-2 {
  flex: 0 0 calc(16.6666666667%);
  max-width: calc(16.6666666667%);
}

.col-3 {
  flex: 0 0 calc(25%);
  max-width: calc(25%);
}

.col-4 {
  flex: 0 0 calc(33.3333333333%);
  max-width: calc(33.3333333333%);
}

.col-5 {
  flex: 0 0 calc(41.6666666667%);
  max-width: calc(41.6666666667%);
}

.col-6 {
  flex: 0 0 calc(50%);
  max-width: calc(50%);
}

.offset-1 {
  margin-left: calc(8.3333333333%);
}

.offset-2 {
  margin-left: calc(16.6666666667%);
}

.offset-3 {
  margin-left: calc(25%);
}

.offset-4 {
  margin-left: calc(33.3333333333%);
}

.offset-5 {
  margin-left: calc(41.6666666667%);
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }
  .col-sm-2 {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }
  .col-sm-3 {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }
  .col-sm-4 {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }
  .col-sm-5 {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }
  .col-sm-6 {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .sm-offset-1 {
    margin-left: calc(8.3333333333%);
  }
  .sm-offset-2 {
    margin-left: calc(16.6666666667%);
  }
  .sm-offset-3 {
    margin-left: calc(25%);
  }
  .sm-offset-4 {
    margin-left: calc(33.3333333333%);
  }
  .sm-offset-5 {
    margin-left: calc(41.6666666667%);
  }
  .sm-order-first {
    order: -1;
  }
  .sm-order-last {
    order: 13;
  }
  .sm-order-0 {
    order: 0;
  }
  .sm-order-1 {
    order: 1;
  }
  .sm-order-2 {
    order: 2;
  }
  .sm-order-3 {
    order: 3;
  }
  .sm-order-4 {
    order: 4;
  }
  .sm-order-5 {
    order: 5;
  }
  .sm-order-6 {
    order: 6;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }
  .col-md-2 {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }
  .col-md-3 {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }
  .col-md-4 {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }
  .col-md-5 {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }
  .col-md-6 {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .md-offset-1 {
    margin-left: calc(8.3333333333%);
  }
  .md-offset-2 {
    margin-left: calc(16.6666666667%);
  }
  .md-offset-3 {
    margin-left: calc(25%);
  }
  .md-offset-4 {
    margin-left: calc(33.3333333333%);
  }
  .md-offset-5 {
    margin-left: calc(41.6666666667%);
  }
  .md-order-first {
    order: -1;
  }
  .md-order-last {
    order: 13;
  }
  .md-order-0 {
    order: 0;
  }
  .md-order-1 {
    order: 1;
  }
  .md-order-2 {
    order: 2;
  }
  .md-order-3 {
    order: 3;
  }
  .md-order-4 {
    order: 4;
  }
  .md-order-5 {
    order: 5;
  }
  .md-order-6 {
    order: 6;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }
  .col-lg-2 {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }
  .col-lg-3 {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }
  .col-lg-4 {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }
  .col-lg-5 {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }
  .col-lg-6 {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .lg-offset-1 {
    margin-left: calc(8.3333333333%);
  }
  .lg-offset-2 {
    margin-left: calc(16.6666666667%);
  }
  .lg-offset-3 {
    margin-left: calc(25%);
  }
  .lg-offset-4 {
    margin-left: calc(33.3333333333%);
  }
  .lg-offset-5 {
    margin-left: calc(41.6666666667%);
  }
  .lg-order-first {
    order: -1;
  }
  .lg-order-last {
    order: 13;
  }
  .lg-order-0 {
    order: 0;
  }
  .lg-order-1 {
    order: 1;
  }
  .lg-order-2 {
    order: 2;
  }
  .lg-order-3 {
    order: 3;
  }
  .lg-order-4 {
    order: 4;
  }
  .lg-order-5 {
    order: 5;
  }
  .lg-order-6 {
    order: 6;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }
  .col-xl-2 {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }
  .col-xl-3 {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }
  .col-xl-4 {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }
  .col-xl-5 {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }
  .col-xl-6 {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .xl-offset-1 {
    margin-left: calc(8.3333333333%);
  }
  .xl-offset-2 {
    margin-left: calc(16.6666666667%);
  }
  .xl-offset-3 {
    margin-left: calc(25%);
  }
  .xl-offset-4 {
    margin-left: calc(33.3333333333%);
  }
  .xl-offset-5 {
    margin-left: calc(41.6666666667%);
  }
  .xl-order-first {
    order: -1;
  }
  .xl-order-last {
    order: 13;
  }
  .xl-order-0 {
    order: 0;
  }
  .xl-order-1 {
    order: 1;
  }
  .xl-order-2 {
    order: 2;
  }
  .xl-order-3 {
    order: 3;
  }
  .xl-order-4 {
    order: 4;
  }
  .xl-order-5 {
    order: 5;
  }
  .xl-order-6 {
    order: 6;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 calc(8.3333333333%);
    max-width: calc(8.3333333333%);
  }
  .col-xxl-2 {
    flex: 0 0 calc(16.6666666667%);
    max-width: calc(16.6666666667%);
  }
  .col-xxl-3 {
    flex: 0 0 calc(25%);
    max-width: calc(25%);
  }
  .col-xxl-4 {
    flex: 0 0 calc(33.3333333333%);
    max-width: calc(33.3333333333%);
  }
  .col-xxl-5 {
    flex: 0 0 calc(41.6666666667%);
    max-width: calc(41.6666666667%);
  }
  .col-xxl-6 {
    flex: 0 0 calc(50%);
    max-width: calc(50%);
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .xxl-offset-1 {
    margin-left: calc(8.3333333333%);
  }
  .xxl-offset-2 {
    margin-left: calc(16.6666666667%);
  }
  .xxl-offset-3 {
    margin-left: calc(25%);
  }
  .xxl-offset-4 {
    margin-left: calc(33.3333333333%);
  }
  .xxl-offset-5 {
    margin-left: calc(41.6666666667%);
  }
  .xxl-order-first {
    order: -1;
  }
  .xxl-order-last {
    order: 13;
  }
  .xxl-order-0 {
    order: 0;
  }
  .xxl-order-1 {
    order: 1;
  }
  .xxl-order-2 {
    order: 2;
  }
  .xxl-order-3 {
    order: 3;
  }
  .xxl-order-4 {
    order: 4;
  }
  .xxl-order-5 {
    order: 5;
  }
  .xxl-order-6 {
    order: 6;
  }
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: var(--cl-black);
}
body .node__content {
  font-size: inherit;
  margin-top: 0;
}
body .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  margin-block: 4rem 2rem;
  list-style: none;
}
@media screen and (max-width: 1200px) {
  body .tags {
    margin-block: 2rem;
  }
}
body .tags .tag {
  display: flex;
}
body .tags .tag a {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--cl-blue-light);
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  border: 0.0625rem solid var(--cl-blue-light);
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
body .tags .tag a.bef-link--selected, body .tags .tag a:hover {
  color: var(--cl-white);
  background-color: var(--cl-blue-light);
}
body .tags .tag a.bef-link--selected {
  cursor: default;
}
body .card-tag {
  display: flex;
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--cl-blue-light);
  margin-bottom: 1rem;
  align-items: center;
  gap: 0.2rem;
}
body .card-tag::before {
  content: "";
  display: flex;
  width: 1.3em;
  height: 1.3em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body .card-tag.biblioteca::before {
  background-image: url(/themes/custom/adapta_suas_unicef/biblioteca.svg);
}
body .card-tag.blog::before {
  background-image: url(/themes/custom/adapta_suas_unicef/blog.svg);
}
body .card-tag a {
  color: inherit;
  text-decoration: none;
}

.pagination {
  display: flex;
  margin-block: 3rem;
  padding: 0;
  list-style: none;
  justify-content: center;
  gap: 1rem;
}
.pagination .page-item {
  display: flex;
  background-color: var(--cl-blue-light);
  border: 0.0625rem solid var(--cl-blue-light);
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.pagination .page-item.active {
  background-color: var(--cl-white);
  border-color: color-mix(in srgb, var(--cl-black) 10%, var(--cl-white));
}
.pagination .page-item.active .page-link {
  color: var(--cl-blue-dark);
}
.pagination .page-item.active:hover {
  background-color: inherit;
  border-color: color-mix(in srgb, var(--cl-black) 10%, var(--cl-white));
}
.pagination .page-item.active:hover .page-link {
  color: var(--cl-blue-dark);
}
.pagination .page-item:hover {
  background-color: var(--cl-blue-dark);
  border-color: var(--cl-blue-dark);
}
.pagination .page-item:hover .page-link {
  color: var(--cl-white);
}
.pagination .page-item .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: var(--cl-white);
  text-decoration: none;
  padding: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  font-weight: bold;
}

.full-gray {
  margin-inline: var(--inline-margin-full);
  background-color: var(--cl-gray-light);
  padding-block: 5rem;
}
@media screen and (max-width: 1200px) {
  .full-gray {
    padding-block: 2rem;
  }
}

footer section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-block: 4rem;
}
@media screen and (max-width: 1200px) {
  footer section {
    justify-content: center;
    gap: 4rem;
    padding-block: 2rem;
  }
}
footer section > [id*=logounicef] {
  flex: 0 1 200px;
  height: 47px;
}
footer section > [id*=logounicef] .content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
footer section > [id*=logounicef] .content > * {
  width: 100%;
  height: 100%;
}
footer section > [id*=contato] {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  font-size: 0.8rem;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  footer section > [id*=contato] {
    margin-top: 3rem;
  }
}
footer section > [id*=contato]::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--cl-gray-light);
}
footer section > [id*=contato] a {
  color: var(--cl-blue-light);
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}
footer section > [id*=contato] a:hover {
  color: var(--cl-blue-dark);
}
footer #block-adapta-suas-unicef-parceiros {
  flex: 1 1 50%;
}
footer .brand-unicef {
  display: flex;
  color: var(--cl-blue-light);
  align-items: center;
  width: 100%;
  height: 100%;
}
footer .brand-unicef svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
footer .partners-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  footer .partners-wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  footer .partners-wrapper {
    gap: 2rem;
    max-width: calc(100% - 250px);
  }
}
footer .partner {
  display: flex;
  justify-content: center;
  height: 50px;
}
footer .partner .partner-link {
  display: flex;
}
footer .partner .partner-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

#main-wrapper {
  overflow: hidden;
}

.page-user-login .layout-main-wrapper {
  background: linear-gradient(0deg, var(--cl-gray-light) 50%, color-mix(in srgb, var(--cl-gray-dark) 30%, var(--cl-white)));
}
.page-user-login .layout-main-wrapper .block-system {
  margin-top: var(--internal-padding);
  justify-content: center;
  min-height: calc(100vh - 486px);
  background-color: var(--cl-gray-light);
  padding-block: 12rem;
}
.page-user-login .user-login-form {
  display: grid;
  justify-items: end;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.page-user-login .user-login-form .js-form-item {
  display: flex;
  flex-direction: column;
}
.page-user-login .user-login-form .js-form-item label {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--cl-blue-light);
  border-radius: 0.3rem;
  text-decoration: none;
  margin-right: auto;
  cursor: default;
  margin-bottom: 0.5em;
}
.page-user-login .user-login-form .js-form-item input[type=text],
.page-user-login .user-login-form .js-form-item input[type=password] {
  border: 0.0625rem solid var(--cl-blue-light);
  border-radius: 0.3rem;
  padding: 0.4rem 0.8rem;
  color: var(--cl-blue-light);
  width: 100%;
}
.page-user-login .user-login-form .form-actions {
  /*  */
}
.page-user-login .user-login-form .form-actions input {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--cl-white);
  background-color: var(--cl-blue-light);
  padding: 0.6rem 1.6rem;
  border-radius: 0.3rem;
  border: 0.0625rem solid var(--cl-blue-light);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.page-user-login .user-login-form .form-actions input:hover {
  background-color: var(--cl-blue-dark);
}
/*# sourceMappingURL=../maps/layout/layout.css.map */