@charset "UTF-8";
/*
Theme Name: LADIJ v2.0
Author: WEBICOS © 2025
Version: 2.0
*/
:root {
  --preto-700: #1B1C1A;
  --preto-600: #504E50;
  --preto-500: #5B5A5D;
  --preto-400: #9A999E;
  --preto-300: #A4A3A8;
  --preto-200: #AEAEB3;
  --preto-100: #C2C3C8;
  --borda: #E0E0E0;
  --cinza: #F2F2F2;
  --branco: #fff;
}

/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("fonts/lato-v22-latin-regular.woff2") format("woff2"), url("fonts/lato-v22-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("fonts/lato-v22-latin-italic.woff2") format("woff2"), url("fonts/lato-v22-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("fonts/lato-v22-latin-700.woff2") format("woff2"), url("fonts/lato-v22-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("fonts/lato-v22-latin-700italic.woff2") format("woff2"), url("fonts/lato-v22-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local(""), url("fonts/lato-v22-latin-900.woff2") format("woff2"), url("fonts/lato-v22-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: local(""), url("fonts/lato-v22-latin-900italic.woff2") format("woff2"), url("fonts/lato-v22-latin-900italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/inter-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/inter-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  font-size: 16px;
  background: var(--branco);
  scroll-behavior: smooth;
}

/*
 12px = 0.75rem
 14px = 0.875rem
 16px = 1rem
 20px = 1.25rem
 24px = 1.5rem
 28px = 1.75rem
 32px = 2rem
 40px = 2.5rem
 44px = 2.75rem
 48px = 3rem
 56px = 3.5rem;
*/
* {
  font-family: "Lato", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: var(--preto-700);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
}

p, span, li, a {
  font-family: "Inter", "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1, h2, h3 {
  font-weight: 700;
}

h1 {
  font-size: 1.75rem;
  line-height: 1.25;
}

h2 {
  font-size: 1.625rem;
  line-height: 1.3;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.25;
}

span, p {
  font-size: 0.9375rem;
}

p, li {
  line-height: 1.75;
  letter-spacing: -0.02em;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

strong {
  font-weight: 800;
}

.is-active {
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.is-active:focus {
  opacity: 1;
  transition: 0.3s ease-in-out;
}

.container {
  padding: 0 1.5rem;
  margin: 0 auto;
  width: 100%;
}

body {
  overflow-x: hidden;
}

body.overflow main {
  background: var(--cinza);
  padding-bottom: 4rem;
}
body.overflow footer {
  margin-top: 0;
}

@media only screen and (max-width: 1023px) {
  .v--mobile {
    display: block;
  }
  .v--desktop {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .v--mobile {
    display: none;
  }
  .v--desktop {
    display: block;
  }
}
@media only screen and (min-width: 720px) {
  .container {
    padding: 0 2rem;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  span, p, a, li {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    padding: 0 2rem;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    max-width: 1216px;
    padding: 0 1.25rem;
    box-sizing: content-box;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  span, p {
    font-size: 1.125rem;
  }
}
@keyframes fade-top {
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.js [data-animate=fade-top] {
  opacity: 0;
  transform: translateY(-10%);
  transition: all 0.7s;
}
.js [data-animate=fade-top]._anima {
  animation: fade-top 1.4s ease-out;
  animation-fill-mode: forwards;
}

@keyframes fade-right {
  to {
    opacity: 1;
    transform: none;
  }
}
.js [data-animate=fade-right] {
  opacity: 0;
  transform: translateX(-10%);
  transition: all 0.7s;
}
.js [data-animate=fade-right]._anima {
  animation: fade-right 1.4s ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes fade {
  to {
    opacity: 1;
  }
}
.js [data-animate=fade] {
  opacity: 0;
  transition: all 0.3s;
}
.js [data-animate=fade]._anima {
  animation: fade 1s ease-in-out;
  animation-fill-mode: forwards;
}

.carregamento {
  display: none;
}

.js .carregamento {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  background: var(--branco);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.js .carregamento svg {
  height: 96px;
  margin-bottom: 4rem;
}
@media screen and (min-width: 720px) {
  .js .carregamento svg {
    height: 144px;
  }
}

.js .carregamento.completo {
  visibility: hidden;
  opacity: 0;
  transition: all 1500ms;
}

.lgpd_container {
  display: block;
  position: fixed;
  width: 100%;
  max-width: 960px;
  bottom: 0;
  z-index: 1000;
  border-radius: 1rem;
  background: var(--cinza);
  left: 50%;
  transform: translateX(-50%);
  padding: 1.25rem 1.5rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .lgpd_container {
    padding: 2rem;
    bottom: 2rem;
  }
}
.lgpd_container.salvo {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.lgpd_container .lgpd_conteudo {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  .lgpd_container .lgpd_conteudo {
    flex-flow: row;
  }
  .lgpd_container .lgpd_conteudo p {
    font-size: 1rem;
  }
}
.lgpd_container .lgpd_conteudo p {
  max-width: 640px;
  font-size: 0.875rem;
  text-align: left;
  margin: 0;
}
.lgpd_container .lgpd_conteudo .cta {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .lgpd_container .lgpd_conteudo .cta {
    margin-top: 0;
  }
}
.lgpd_container .lgpd_conteudo .cta .cookies-save {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  background: var(--preto-700);
  font-size: 0.875rem;
  color: var(--branco) !important;
  font-weight: 600;
  box-shadow: 0;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.lgpd_container .lgpd_conteudo .cta .cookies-save:hover {
  background: var(--preto-500);
  transition: all 0.3s ease;
}
.lgpd_container .lgpd_conteudo .cta a {
  font-size: 0.875rem;
  margin-right: 1rem;
  font-weight: 600;
}

.pular-conteudo {
  position: absolute;
  top: 0rem;
  right: 420px;
  padding: 1rem 2rem;
  font-weight: 600;
  cursor: default !important;
  pointer-events: none;
  font-size: 1rem;
}

.btn {
  display: inline-flex;
  min-width: 220px;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  height: 56px;
  font-weight: 600;
  color: var(--branco);
  background: var(--preto-700);
  border-radius: 1rem;
  transition: 0.3s ease-in-out;
  line-height: 1;
  font-size: 1rem;
}
.btn .btn__icon {
  display: block;
  padding: 0.375rem;
  border-radius: 100%;
  background: var(--preto-700);
  border: 2px solid rgba(255, 255, 255, 0.24);
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75rem;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .btn .btn__icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.btn .btn__icon i {
  font-size: 1rem;
  width: auto;
  color: var(--branco);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .btn .btn__icon i {
    font-size: 1.125rem;
  }
}
.btn .btn__icon .btn__icon--copia {
  position: absolute;
  transform: translate(-150%, 150%);
}
.btn.btn--voltar .btn__icon--copia {
  position: absolute;
  transform: translate(-150%, -150%);
}
.btn:hover .btn__icon {
  border-color: var(--branco);
}
.btn:hover .btn__icon--visivel {
  transform: translate(150%, -150%);
}
.btn:hover.btn--voltar .btn__icon--visivel {
  transform: translate(150%, 150%);
}
.btn:hover .btn__icon--copia {
  transform: translate(0);
}

.btn-voltar-topo {
  height: 48px;
  width: 48px;
  border-radius: 100%;
  background: var(--preto-700);
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  border: 3px solid var(--branco);
  right: 1rem;
  bottom: 1rem;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100px);
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .btn-voltar-topo {
    display: flex;
  }
  .btn-voltar-topo.ativo {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: 0.3s ease-in-out;
  }
  .btn-voltar-topo i {
    font-size: 1.25rem;
    color: var(--branco);
    transition: 0.3s ease-in-out;
  }
  .btn-voltar-topo:hover {
    background: var(--preto-500);
    transition: 0.3s ease-in-out;
  }
  .btn-voltar-topo:hover i {
    margin-top: -0.5rem;
  }
}

@keyframes up-to-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(0.25rem);
  }
}
.btn-scroll-down {
  margin-top: 5rem;
  align-items: center;
  font-weight: 600;
  display: none;
  font-size: 1rem;
}
@media only screen and (min-width: 1280px) {
  .btn-scroll-down {
    display: flex;
  }
}
.btn-scroll-down .arrow {
  height: 2.5rem;
  width: 2.5rem;
  border: 3px solid var(--preto-300);
  transition: 0.3s ease-in-out;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
.btn-scroll-down .arrow i {
  font-size: 1.5rem;
  transition: 0.3s ease-in-out;
}
.btn-scroll-down:hover .arrow {
  border-color: var(--preto-500);
}
.btn-scroll-down:hover .arrow i {
  animation: up-to-down 0.3s linear infinite alternate;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.125rem;
  margin-bottom: 1rem;
}
.breadcrumb > * {
  font-size: 0.75rem;
}
.breadcrumb__titulo {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
}
.breadcrumb__titulo i {
  font-size: 1rem;
  margin-right: 0.25rem;
  color: var(--preto-300);
}
.breadcrumb__marcador {
  display: block;
  margin: 0 0.125rem;
}
.breadcrumb__categoria {
  font-weight: 600;
}

.card {
  display: block;
  min-width: 230px;
  max-width: 200px;
  min-height: 320px;
  margin-inline: auto;
}
.card .projeto-img {
  height: 240px;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  border: 1px solid var(--preto-100);
  border-bottom: none;
  overflow: hidden;
  background: var(--cinza);
}
.card .projeto-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card .projeto-desc {
  padding: 1rem 0.5rem;
  border: 1px solid var(--preto-100);
}
.card h3 {
  text-align: center;
  font-size: 1rem;
  min-height: 40px;
}
@media only screen and (min-width: 1024px) {
  .card h3 {
    min-height: 50px;
  }
}

/* Cards específicos de objetos lúdicos - área de descrição maior */
.card--objetos-ludicos h3 {
  min-height: 60px;
  text-align: left;
  padding: 0 0.5rem;
  flex: 1;
}
@media only screen and (min-width: 1024px) {
  .card--objetos-ludicos h3 {
    min-height: 80px;
    padding: 0 0.75rem;
  }
}
.card .projeto-cta {
  padding: 1rem;
  border: 1px solid var(--preto-100);
  border-top-color: transparent;
  border-radius: 0 0 0.5rem 0.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .projeto-cta span {
  line-height: 1;
  font-weight: 600;
}
.card .projeto-cta i {
  margin-right: 0.5rem;
  font-size: 1.125rem;
  color: var(--preto-700);
}
@media only screen and (min-width: 1024px) {
  .card .projeto-cta {
    transition: 0.3s ease-in-out;
  }
  .card .projeto-cta span {
    font-size: 1rem;
  }
  .card .projeto-cta i {
    color: var(--preto-300);
    font-size: 1.25rem;
    transition: 0.3s ease-in-out;
  }
  .card :hover i {
    color: var(--preto-700);
  }
  .card :hover .projeto-img img {
    transform: scale(1.075);
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (min-width: 480px) {
  .card {
    width: 100%;
    min-width: 208px;
    max-width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .card {
    max-width: calc(33.3% - 0.675rem);
    margin-inline: 0;
    margin-right: 1rem;
  }
  .card h3 {
    text-align: center;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023) {
  .card:nth-child(3n+1) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card {
    min-width: 228px;
    width: calc(25% - 0.75rem);
  }
  .card h3 {
    font-size: 1.25rem;
  }
  .card .projeto-img {
    height: 376px;
    width: 100%;
  }
  .card .projeto-img img {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
  }
  .card .projeto-img:hover img {
    transform: scale(1.075);
  }
}
@media only screen and (min-width: 1280px) {
  .card {
    min-width: 280px;
    max-width: 280px;
  }
}

.card-publi {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.5rem;
  height: 292px;
  border-radius: 0.5rem;
  border: 2px solid var(--borda);
  margin-bottom: 1rem;
  transition: 0.3s ease-in-out;
}
.card-publi .autor,
.card-publi .referencia {
  font-size: 0.875rem;
  line-height: 1.3;
}
.card-publi .titulo {
  line-height: 1.3;
  margin: 0.75rem 0;
}
.card-publi .autor,
.card-publi .referencia,
.card-publi .titulo {
  transition: 0.3s ease-in-out;
}
.card-publi:hover {
  border-color: var(--preto-700);
  background: var(--cinza);
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .card-publi {
    margin-right: 1rem;
    width: calc(33% - 1rem);
    padding: 2rem 1.5rem;
  }
  .card-publi .titulo {
    font-size: 1.125rem;
    height: 91px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1280px) {
  .card-publi {
    width: 384px;
  }
}

.tab-menu {
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
@media only screen and (min-width: 1024px) {
  .tab-menu {
    margin-top: 4.5rem;
  }
}

/* Archive Objetos Lúdicos: Tab menu em 3 colunas usando flex e botões centralizados */
@media only screen and (min-width: 1024px) {
  .pagina-objetos-ludicos .tab-menu .tab-menu-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    position: static;
    height: auto;
  }
  .pagina-objetos-ludicos .tab-menu .tab-menu-nav li {
    margin-right: 0;
    width: calc(33.333% - 0.666rem);
    max-width: 320px;
  }
  .pagina-objetos-ludicos .tab-menu .tab-menu-nav li:last-of-type {
    margin-right: 0;
  }
  .pagina-objetos-ludicos .tab-menu .tab-menu-nav li a {
    width: 100%;
    justify-content: center;
  }
}
.tab-menu .tab-menu-nav {
  display: none;
}
.tab-menu .menu-wrappers {
  position: relative;
  overflow: hidden;
}
.tab-menu .tab-menu-titulo-cb {
  border-radius: 1rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.tab-menu .tab-menu-titulo-cb i {
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  background: var(--preto-700);
  color: var(--branco);
  margin-right: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .tab-menu .tab-menu-titulo-cb {
    margin-bottom: 4rem;
  }
}
.tab-menu .tab-menu-wrapper {
  margin-bottom: 6rem;
}
.tab-menu .tab-menu-wrapper:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
  .tab-menu .tab-menu-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .tab-menu .tab-menu-wrapper {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab-menu .tab-menu-wrapper .card:nth-child(3n+1) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .tab-menu .tab-menu-nav {
    position: absolute;
    top: 0;
    height: 56px;
    width: 100%;
    display: flex;
    z-index: 99;
  }
  .tab-menu .tab-menu-nav li {
    margin-right: 1rem;
    width: calc(25% - 0.75rem);
  }
  .tab-menu .tab-menu-nav li:last-of-type {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .tab-menu .tab-menu-nav li {
    width: calc(25% - 1.5rem);
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .tab-menu .tab-menu-nav li a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--preto-700);
    height: 56px;
    padding: 0 1.5rem;
    border-radius: 1rem;
    border: 2px solid var(--preto-100);
    transition: 0.3s ease-in-out;
    line-height: 1;
    background: var(--cinza);
  }
  .tab-menu .tab-menu-nav li a i {
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--preto-700);
    margin-right: 0.5rem;
    border-radius: 100%;
    border: 2px solid transparent;
    transition: 0.3s ease-in-out;
  }
  .tab-menu .tab-menu-nav li a.ativo, .tab-menu .tab-menu-nav li a:hover {
    background: var(--preto-700);
    border-color: var(--preto-700);
    color: var(--branco);
    transition: 0.3s ease-in-out;
  }
  .tab-menu .tab-menu-nav li a.ativo i, .tab-menu .tab-menu-nav li a:hover i {
    color: var(--branco);
    border: 2px solid var(--branco);
  }
  .tab-menu .tab-menu-wrapper {
    flex-wrap: wrap;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    padding-top: 6rem;
    transition: opacity 0.3s ease-in-out;
  }
  .tab-menu .tab-menu-wrapper h2 {
    display: none;
  }
  .tab-menu .tab-menu-wrapper.ativo {
    top: 0;
    padding-top: 6rem;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: 0.7s ease-in-out;
  }
  .tab-menu .tab-menu-wrapper .card {
    margin-bottom: 3rem;
  }
  .tab-menu .tab-menu-wrapper .card h3 {
    height: 50px;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .tab-menu .tab-menu-wrapper .card {
    margin-right: 2rem;
  }
  .tab-menu .tab-menu-wrapper .card:nth-child(4n+1) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .tab-menu .tab-menu-wrapper .card-publi {
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
  .tab-menu .tab-menu-wrapper .card-publi:nth-child(3n+1) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .tab-menu .tab-menu-wrapper .card-publi {
    margin-right: 2rem;
  }
}

.banner-pagina {
  padding: 6rem 0 3.5rem;
  background: var(--cinza);
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1023px) {
  .banner-pagina.interna .container h1 {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .banner-pagina.interna .container p {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .banner-pagina {
    padding: 9rem 0 4.5rem;
    margin-bottom: 4.5rem;
  }
  .banner-pagina.interna .container {
    display: flex;
    max-width: 1008px;
    justify-content: space-between;
    align-items: center;
  }
  .banner-pagina.interna .container h1 {
    max-width: 309px;
    text-align: left;
  }
  .banner-pagina.interna .container > p {
    max-width: 635px;
    text-align: left;
  }
}
@media only screen and (max-width: 1023px) {
  .banner-pagina.projetos.mostra .container .img-projeto {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .banner-pagina.projetos.mostra .container .img-projeto {
    height: 360px;
    background-size: 100% !important;
  }
}
.banner-pagina.projetos .container {
  display: flex;
  flex-flow: column;
}
.banner-pagina.projetos .container .img-projeto {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .banner-pagina.projetos .container {
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .banner-pagina.projetos .container .img-projeto {
    display: block;
    border-radius: 0.5rem;
    width: 280px;
    height: 280px;
  }
}
.banner-pagina.projetos .container .conteudo-projeto h1 {
  width: 100%;
  font-size: 1.5rem;
  max-width: 696px;
}
@media only screen and (min-width: 1024px) {
  .banner-pagina.projetos .container .conteudo-projeto .registro,
  .banner-pagina.projetos .container .conteudo-projeto .data,
  .banner-pagina.projetos .container .conteudo-projeto .autor {
    font-size: 1.125rem;
  }
  .banner-pagina.projetos .container .conteudo-projeto .descricao {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .banner-pagina.projetos .container .conteudo-projeto {
    max-width: 800px;
    text-align: left;
  }
  .banner-pagina.projetos .container .conteudo-projeto h1 {
    font-size: 2.5rem;
    margin: 0 0 1.5rem;
    max-width: 100%;
  }
  .banner-pagina.projetos .container .conteudo-projeto .registro,
  .banner-pagina.projetos .container .conteudo-projeto .data,
  .banner-pagina.projetos .container .conteudo-projeto .autor {
    margin: 0 0 1rem;
    justify-content: flex-start;
  }
  .banner-pagina.projetos .container .conteudo-projeto > p {
    margin: 1.5rem 0 0;
    max-width: 800px;
  }
}

.cta-voltar {
  margin-top: 3rem;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.cta-voltar .conteudo {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.cta-voltar .conteudo svg {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cta-voltar {
    margin-top: 4.5rem;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
  }
  .cta-voltar .conteudo {
    display: flex;
    align-items: center;
    margin: 0;
  }
  .cta-voltar .conteudo svg {
    display: flex;
    margin-right: 0.75rem;
  }
  .cta-voltar .conteudo p {
    font-weight: 600;
  }
}

.container-conteudo {
  max-width: 696px;
  margin: 0 auto;
  line-height: 1.75;
}
.container-conteudo h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.container-conteudo p {
  margin: 0.5rem 0;
}
.container-conteudo img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 1.5rem auto;
}
.container-conteudo img.vertical {
  max-width: 100%;
  width: auto;
  height: 100%;
  max-height: 560px;
}
@media only screen and (min-width: 1024px) {
  .container-conteudo {
    max-width: 800px;
  }
  .container-conteudo p {
    margin: 1rem 0;
  }
  .container-conteudo img {
    margin: 2rem auto;
  }
  .container-conteudo h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .container-conteudo h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

header.menu-desktop {
  display: none;
}

.menu-mobile {
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.menu-mobile nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
}
.menu-mobile nav .logo {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 800;
}
.menu-mobile .menu-wrapper {
  visibility: hidden;
  padding: 1.5rem;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 100vh;
  background: var(--branco);
  transition: 0.5s ease-in-out;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.menu-mobile .menu-wrapper.aberto {
  visibility: visible;
  top: 0;
}
.menu-mobile .menu-wrapper .cabecalho-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-mobile .menu-wrapper .cabecalho-menu h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.menu-mobile .menu-wrapper ul {
  margin-top: 2.5rem;
}
.menu-mobile .menu-wrapper ul li a {
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem 0;
  width: 100%;
  color: var(--preto-700);
  border-bottom: 1px solid var(--borda);
}
@media only screen and (min-width: 720px) {
  .menu-mobile .menu-wrapper ul li a {
    font-size: 1.25rem;
  }
}
.menu-mobile .menu-wrapper ul li a img, .menu-mobile .menu-wrapper ul li a svg {
  height: 20px;
  width: auto;
  margin: 0.5rem;
}
.menu-mobile .menu-wrapper ul li a[href^="mailto:"] {
  margin-top: 2rem;
  justify-content: center;
  color: var(--branco);
}
.menu-mobile .btn-menu {
  height: 40px;
  display: flex;
  align-items: center;
  color: var(--preto-700);
}
.menu-mobile .btn-menu .icon {
  margin-left: 0.5rem;
  display: block;
  height: 20px;
  width: 24px;
  border: none;
  color: var(--preto-700);
  border-top: 3px solid currentColor;
  cursor: pointer;
  background: none;
}
.menu-mobile .btn-menu .icon::after, .menu-mobile .btn-menu .icon::before {
  content: "";
  display: block;
  height: 3px;
  width: 24px;
  background: currentColor;
  margin: 6px 0;
  transition: 0.3s ease;
}
.menu-mobile .btn-menu.close .icon {
  margin-top: -3px;
  border-top-color: transparent;
}
.menu-mobile .btn-menu.close .icon::after {
  margin-top: -9px;
  transform: rotate(-45deg);
}
.menu-mobile .btn-menu.close .icon::before {
  transform: rotate(-135deg);
}

@media only screen and (min-width: 992px) {
  header.menu-mobile {
    display: none;
  }
  header.menu-desktop {
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
    padding: 2rem 0;
  }
  header.menu-desktop .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  header.menu-desktop .container .logo {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 800;
    transition: 0.3s ease-in-out;
  }
  header.menu-desktop .container .logo:hover {
    color: var(--preto-500);
    transition: 0.3s ease-in-out;
  }
  header.menu-desktop .container .menu {
    display: flex;
    align-items: center;
  }
  header.menu-desktop .container .menu li {
    margin-left: 2rem;
  }
  header.menu-desktop .container .menu li a {
    font-weight: 600;
    font-size: 1rem;
    color: var(--preto-700);
    padding: 1rem 0;
    border-bottom: 2px dotted transparent;
    transition: 0.3s ease-in-out;
  }
  header.menu-desktop .container .menu li a:hover {
    color: var(--preto-500);
    border-color: var(--preto-500);
    transition: 0.3s ease-in-out;
  }
  header.menu-desktop .container .menu li a[href^="mailto:"] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--preto-700);
    height: 48px;
    width: 48px;
    border-radius: 100%;
    transition: 0.3s ease-in-out;
  }
  header.menu-desktop .container .menu li a[href^="mailto:"] img {
    height: 24px;
    max-width: 20px;
  }
  header.menu-desktop .container .menu li a[href^="mailto:"]:hover {
    background: var(--preto-500);
    transition: 0.3s ease-in-out;
  }
}
footer {
  margin-top: 3rem;
  background: var(--preto-700);
}
@media only screen and (min-width: 768px) {
  footer {
    margin-top: 4.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  footer {
    margin-top: 6rem;
  }
}
footer p, footer a {
  font-size: 0.875rem;
}
@media only screen and (min-width: 720px) {
  footer p, footer a {
    font-size: 1rem;
  }
}
footer .logo h3 {
  font-size: 1.125rem;
  padding: 0 2rem;
}
@media only screen and (min-width: 720px) {
  footer .logo h3 {
    padding: 0;
  }
}
footer .logo :nth-child(2) {
  margin-top: 2rem;
}
footer .container.info {
  padding-top: 2rem;
  padding-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-flow: column;
  text-align: center;
  color: var(--branco);
  box-sizing: border-box;
}
footer .container.info h3 {
  margin-bottom: 1rem;
}
footer .container.info p, footer .container.info a, footer .container.info h3 {
  color: var(--branco);
}
footer ul {
  display: none;
}
footer .fale-conosco {
  margin: 2.5rem 0;
}
footer .fale-conosco a {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .fale-conosco a svg {
  box-sizing: content-box;
  margin-right: 0.5rem;
}
footer .localizacao p {
  padding: 0 2rem;
}
footer .copyright {
  padding: 0.75rem 0;
  background: var(--cinza);
}
footer .copyright .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
footer .copyright p, footer .copyright a {
  font-size: 0.75rem;
}
@media only screen and (min-width: 720px) {
  footer .copyright p, footer .copyright a {
    font-size: 0.875rem;
  }
}
footer .copyright .ilustracoes a {
  font-weight: 600;
  transition: 0.3s ease-in-out;
}
footer .copyright .ilustracoes a:hover {
  color: var(--preto-500);
  transition: 0.3s ease-in-out;
}
footer .copyright .byploau {
  margin-top: 0.75rem;
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .copyright .byploau img {
  margin-left: 0.5rem;
  max-width: 64px;
  opacity: 0.32;
  transition: 0.3s ease-in-out;
}
footer .copyright .byploau:hover img {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  footer .container.info {
    padding: 3.5rem 0rem 6.5rem;
    flex-flow: row;
    text-align: left;
    align-items: flex-start;
    justify-content: space-between;
  }
  footer .container.info h3 {
    font-size: 1.25rem;
  }
  footer .container.info .logo {
    margin-right: 72px;
    max-width: 280px;
  }
  footer .container.info .logo h3 {
    font-size: 1.5rem;
  }
  footer .container.info .logo :nth-child(2) {
    margin-top: 2.5rem;
  }
  footer .container.info .listas {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
  }
  footer .container.info .listas .fale-conosco {
    margin: 0;
  }
  footer .container.info .listas .fale-conosco a {
    margin-bottom: 1rem;
    justify-content: flex-start;
  }
  footer .container.info .localizacao {
    min-width: 309px;
    max-width: 384px;
  }
  footer .container.info .localizacao p {
    padding: 0;
  }
  footer .container.info ul {
    display: block;
  }
  footer .container.info ul li a {
    display: block;
    padding: 0.5rem 0;
  }
  footer .copyright .container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .copyright .container .byploau {
    margin-top: 0;
    min-width: auto;
  }
  footer .copyright .container .byploau img {
    opacity: 1;
    transition: 0.3s ease-in-out;
    max-width: 72px;
  }
  footer .copyright .container .byploau:hover img {
    opacity: 0.56;
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (min-width: 1280px) {
  footer .container.info .listas {
    width: 800px;
    gap: 0;
    justify-content: space-between;
  }
  footer .container.info ul {
    display: block;
  }
  footer .container.info ul li a {
    display: block;
    padding: 0.5rem 0;
  }
  footer .copyright .container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .copyright .container .byploau {
    margin-top: 0;
  }
}

#page-404 .container {
  margin-top: 6rem;
  min-height: calc(100vh - 20rem);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  max-width: 600px;
}
#page-404 .container > * {
  text-align: center;
}
#page-404 .container h1 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 1024px) {
  #page-404 .container h1 {
    font-size: 2.5rem;
  }
}
#page-404 .container p {
  margin: 1rem 0 1.5rem;
}
@media only screen and (min-width: 1024px) {
  #page-404 .container p {
    margin: 1.5rem 0 2.5rem;
  }
}

.pagina-inicial {
  scroll-behavior: smooth;
}
.pagina-inicial .conteudo p, .pagina-inicial .topico {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.pagina-inicial .sec-introducao {
  margin-top: 6.5rem;
}
.pagina-inicial .sec-introducao .container .conteudo {
  animation-delay: 1.75s;
  text-align: center;
}
.pagina-inicial .sec-introducao .container .conteudo p {
  margin: 0.75rem auto 1.5rem;
}
.pagina-inicial .sec-introducao .container > img {
  margin: 2rem auto 0;
  animation-delay: 1.75s;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 488px;
}
.pagina-inicial .sec-pesquisa {
  padding-top: 4rem;
  text-align: center;
}
.pagina-inicial .sec-pesquisa .topicos .topico {
  margin-top: 3rem;
}
@media only screen and (max-width: 1023px) {
  .pagina-inicial .sec-pesquisa .topicos .topico img {
    height: 8rem;
    width: 8rem;
  }
}
.pagina-inicial .sec-pesquisa .topicos .topico h3 {
  margin: 1.5rem 0 0.75rem;
}
.pagina-inicial .sec-pesquisa .btn {
  margin-top: 2rem;
}
@media only screen and (min-width: 1024px) {
  .pagina-inicial .sec-pesquisa .btn {
    margin-top: 4.5rem;
  }
}
.pagina-inicial .sec-projetos {
  margin-top: 4.5rem;
  min-height: 440px;
  width: 100%;
  text-align: center;
}
.pagina-inicial .sec-projetos .container {
  width: 100%;
  padding: 0;
  position: relative;
}
.pagina-inicial .sec-projetos .container .cabecalho-secao {
  margin-bottom: 2rem;
}
.pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider {
  display: none;
}
.pagina-inicial .sec-projetos .container .projetos-itens {
  position: relative;
  min-height: 360px;
  width: 100%;
  margin-bottom: 3rem;
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper {
  display: flex;
  width: 100vw;
  overflow-x: auto;
  position: absolute;
  padding: 0 2rem 2rem;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper::-webkit-scrollbar {
  display: none;
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper a:last-of-type .card {
  margin-right: 0;
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper .card {
  margin-right: 1rem;
}
.pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper .card h3 {
  text-align: center;
}
.pagina-inicial .sec-pub-e-coord {
  margin: 4.5rem 0 2rem;
  text-align: center;
}
.pagina-inicial .sec-pub-e-coord .container .conteudo {
  padding: 0 1.25rem;
}
.pagina-inicial .sec-pub-e-coord .container .conteudo svg {
  margin-bottom: 1rem;
}
.pagina-inicial .sec-pub-e-coord .container .conteudo p {
  margin: 0.75rem auto 1.5rem;
}
.pagina-inicial .sec-pub-e-coord .container .conteudo.coordenacao {
  margin-top: 4.5rem;
}
@media only screen and (min-width: 1024px) {
  .pagina-inicial .sec-pesquisa {
    padding-top: 7.5rem;
  }
  .pagina-inicial .sec-pesquisa .topicos {
    margin-top: 4.5rem;
    display: flex;
    justify-content: space-between;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico {
    max-width: calc(33% - 1rem);
    margin-left: 0;
    margin-right: 0;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico h3 {
    margin: 2.5rem 0 1.5rem;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico p {
    padding: 0 1rem;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico:nth-of-type(1) img {
    max-height: 15.625rem;
    width: 100%;
    margin-top: 1.25rem;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico:nth-of-type(2) img {
    max-height: 15.875rem;
    width: 100%;
    margin-bottom: 1rem;
  }
  .pagina-inicial .sec-pesquisa .topicos .topico:nth-of-type(3) img {
    margin-top: 1.25rem;
    max-height: 14.625rem;
    width: 100%;
    margin-bottom: 1rem;
  }
  .pagina-inicial .sec-projetos {
    margin-top: 7.5rem;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao {
    display: flex;
    justify-content: space-between;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider {
    display: flex;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    background: var(--preto-700);
    transition: 0.3s ease-in-out;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button i {
    font-size: 1.25rem;
    color: var(--branco);
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button.slick-disabled {
    background: var(--borda);
    cursor: default;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button.slick-disabled:hover {
    background: var(--borda);
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button.next {
    margin-left: 1rem;
  }
  .pagina-inicial .sec-projetos .container .cabecalho-secao .control-slider button:hover {
    background: var(--preto-500);
    transition: 0.3s ease-in-out;
  }
  .pagina-inicial .sec-projetos .container .projetos-itens {
    position: relative;
    padding: 0;
    min-height: 384px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .pagina-inicial .sec-projetos .container .projetos-itens {
    margin-right: -2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .pagina-inicial .sec-projetos .container .projetos-itens .projetos-wrapper .card {
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .pagina-inicial .sec-projetos .container .btn {
    display: none;
  }
  .pagina-inicial .sec-pub-e-coord {
    margin: 7.5rem 0 3.5rem;
  }
  .pagina-inicial .sec-pub-e-coord .container {
    display: flex;
    justify-content: space-between;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo {
    max-width: 432px;
    padding: 0;
    text-align: left;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo svg {
    margin-bottom: 2rem;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo h2 {
    font-size: 2rem;
    margin-top: 1.25rem;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo p {
    margin: 1.25rem 0 2.5rem;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo.coordenacao {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .pagina-inicial .sec-introducao h1 {
    font-size: 3rem;
  }
  .pagina-inicial .sec-introducao .container {
    display: flex;
    justify-content: space-between;
  }
  .pagina-inicial .sec-introducao .container .conteudo {
    margin-top: 2rem;
    max-width: 584px;
    text-align: left;
  }
  .pagina-inicial .sec-introducao .container .conteudo p {
    margin: 1.5rem 0 2rem;
    max-width: 100%;
  }
  .pagina-inicial .sec-introducao .container > img {
    margin: 2rem 0 0;
  }
  .pagina-inicial .sec-projetos {
    margin-top: 9rem;
  }
  .pagina-inicial .sec-pub-e-coord {
    margin: 9rem 0 7.5rem;
  }
  .pagina-inicial .sec-pub-e-coord .container {
    display: flex;
    justify-content: space-between;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo {
    width: 100%;
    max-width: 560px;
    padding: 0;
    text-align: left;
  }
  .pagina-inicial .sec-pub-e-coord .container .conteudo.coordenacao {
    margin-top: 0;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  background: var(--preto-500);
}
.slick-prev.slick-disabled :before,
.slick-next.slick-disabled :before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.pagina-sobre .pesquisa-item {
  margin-bottom: 4.5rem;
}
.pagina-sobre .pesquisa-item .conteudo {
  margin-bottom: 2rem;
}
.pagina-sobre .pesquisa-item .conteudo h2 {
  text-align: center;
  font-size: 1.375rem;
  margin-bottom: 1.5rem;
}
.pagina-sobre .pesquisa-item .conteudo .destaque {
  margin-top: 1.5rem;
}
.pagina-sobre .pesquisa-item > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: auto;
  width: 100%;
  max-width: 8rem;
  margin-bottom: 2rem;
}
.pagina-sobre .assuntos-abordados {
  margin-top: 1.5rem;
}
.pagina-sobre .assuntos-abordados li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.pagina-sobre .assuntos-abordados li img {
  margin-right: 0.5rem;
}
@media only screen and (min-width: 720px) {
  .pagina-sobre .assuntos-abordados {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
  }
  .pagina-sobre .assuntos-abordados li {
    margin-right: 1.5rem;
  }
  .pagina-sobre .assuntos-abordados li h3 {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .pagina-sobre .assuntos-abordados {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-start;
  }
  .pagina-sobre .assuntos-abordados li {
    margin-right: 1.5rem;
  }
  .pagina-sobre .assuntos-abordados li h3 {
    font-size: 1.25rem;
  }
  .pagina-sobre .pesquisa-item {
    margin-bottom: 4.5rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pagina-sobre .pesquisa-item:nth-of-type(2) {
    margin-bottom: 6rem;
  }
  .pagina-sobre .pesquisa-item .conteudo {
    width: 100%;
    max-width: 740px;
    margin: 0;
  }
  .pagina-sobre .pesquisa-item .conteudo h2 {
    text-align: left;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  .pagina-sobre .pesquisa-item img {
    margin: 0;
    margin-right: 6rem;
    max-width: 280px;
  }
  .pagina-sobre .pesquisa-item:nth-of-type(1) img {
    max-width: calc(280px + 1.25rem);
  }
}
@media only screen and (min-width: 1280px) {
  .pagina-sobre .pesquisa-item {
    margin-bottom: 6rem;
  }
  .pagina-sobre .pesquisa-item:nth-of-type(2) {
    margin-bottom: 9rem;
  }
  .pagina-sobre .pesquisa-item .conteudo {
    max-width: 740px;
  }
  .pagina-sobre .pesquisa-item img {
    max-width: 320px;
  }
  .pagina-sobre .pesquisa-item:nth-of-type(1) img {
    max-width: calc(320px + 1.25rem);
  }
}

.pagina-projetos .tab-menu .card, .pagina-amostras .tab-menu .card  {
  margin-bottom: 3rem;
}

.pagina-publicacoes .tab-menu .card {
  margin-bottom: 1.5rem;
}
.single-projetos .banner-pagina {
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1024px) {
  .single-projetos .banner-pagina {
    margin-bottom: 0;
    padding-bottom: 4.5rem;
  }
}
.single-projetos .banner-pagina .container {
  display: flex;
  justify-content: space-between;
}
.single-projetos .projeto-introducao {
  max-width: 31.5rem;
}
@media screen and (min-width: 1280px) {
  .single-projetos .projeto-introducao {
    max-width: 43.5rem;
  }
}
.single-projetos .projeto-introducao__titulo {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .single-projetos .projeto-introducao__titulo {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .single-projetos .projeto-introducao__titulo {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}
.single-projetos .projeto-introducao__descricao {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1024px) {
  .single-projetos .projeto-introducao__descricao {
    margin-bottom: 1.5rem;
  }
}
.single-projetos .projeto-introducao__data, .single-projetos .projeto-introducao__registro, .single-projetos .projeto-introducao__autor {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0.25rem 0;
}
.single-projetos .projeto-introducao__data i, .single-projetos .projeto-introducao__registro i, .single-projetos .projeto-introducao__autor i {
  font-size: 1.25rem;
  margin-right: 0.25rem;
}
@media only screen and (min-width: 1024px) {
  .single-projetos .projeto-introducao__data, .single-projetos .projeto-introducao__registro, .single-projetos .projeto-introducao__autor {
    margin: 0.5rem 0 1rem;
    font-size: 1.125rem;
  }
  .single-projetos .projeto-introducao__data i, .single-projetos .projeto-introducao__registro i, .single-projetos .projeto-introducao__autor i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
}
.single-projetos .projeto-introducao .btn {
  margin-top: 1rem;
}
@media only screen and (min-width: 1024px) {
  .single-projetos .projeto-introducao .btn {
    margin-top: 1.5rem;
  }
}
.single-projetos .projeto-imagem {
  width: 100%;
  height: 27.5rem;
  min-width: 18rem;
  max-width: 24rem;
  border-radius: 1rem;
  overflow: hidden;
  background-attachment: fixed;
  margin-top: 1rem;
}
.single-projetos .projeto-navegacao {
  background: var(--preto-700);
  padding: 1.5rem 0;
  position: sticky;
  top: 0rem;
  z-index: 10;
}
.single-projetos .projeto-navegacao nav {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.single-projetos .projeto-navegacao nav a {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  transition: 0.3s ease-in-out;
}
.single-projetos .projeto-navegacao nav a i {
  color: currentColor;
  margin-right: 0.25rem;
}
.single-projetos .projeto-navegacao nav a.link--ativo, .single-projetos .projeto-navegacao nav a:hover {
  color: var(--branco);
}
.single-projetos .subprojetos {
  margin-block: 1.5rem;
}
@media screen and (min-width: 768px) {
  .single-projetos .subprojetos {
    margin-block: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .single-projetos .subprojetos {
    margin-block: 3.5rem;
  }
}
.single-projetos .subprojetos__cabecalho {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-projetos .subprojetos__wrapper {
  display: flex;
  width: 100%;
  overflow-x: auto;
  gap: 0.75rem;
  margin-block: 1rem;
  padding-block: 1rem;
}
@media screen and (min-width: 768px) {
  .single-projetos .subprojetos__wrapper {
    gap: 1rem;
    margin-block: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .single-projetos .subprojetos__wrapper {
    gap: 2rem;
    flex-wrap: wrap;
  }
}
.single-projetos .subprojetos__wrapper .card {
  margin: 0 !important;
}
.single-projetos #conteudo {
  margin-top: 2rem;
}
.single-projetos #conteudo .wp-caption {
  margin: 1rem auto;
  max-width: 100%;
}
.single-projetos #conteudo .wp-caption img {
  margin-bottom: 0.75rem;
}
.single-projetos #conteudo .wp-caption-text {
  margin: 0;
  font-size: 0.75rem;
  text-align: center;
  color: var(--preto-500);
}
@media only screen and (min-width: 1024px) {
  .single-projetos #conteudo .wp-caption {
    margin: 3rem auto;
  }
	.single-projetos #conteudo .wp-caption-text {
    font-size: 1rem;
  }
  .single-projetos #conteudo .wp-caption img {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .single-projetos #conteudo {
    margin-top: 6rem;
  }
}
.single-projetos #colaboradores {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem 1.5rem;
  background: var(--cinza);
  border-radius: 0.75rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .single-projetos #colaboradores {
    padding: 4rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .single-projetos #colaboradores {
    padding: 4rem 6.5rem;
    margin: 6rem 0 6rem;
    gap: 3rem;
    border-radius: 1rem;
  }
}
.single-projetos #colaboradores ul {
  flex: 0 1 19rem;
}
.single-projetos #colaboradores ul h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .single-projetos #colaboradores ul h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.single-projetos #colaboradores ul li {
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .single-projetos #colaboradores ul li {
    font-size: 1rem;
  }
}
.single-projetos .publicacoes-relacionadas,
.single-projetos .subprojetos-vinculados-b,
.single-projetos .subprojetos-vinculados {
  margin-bottom: 3rem;
}
.single-projetos .publicacoes-relacionadas h2,
.single-projetos .subprojetos-vinculados-b h2,
.single-projetos .subprojetos-vinculados h2 {
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .single-projetos .publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados-b,
  .single-projetos .subprojetos-vinculados {
    margin-top: 4.5rem;
  }
  .single-projetos .publicacoes-relacionadas h2,
  .single-projetos .subprojetos-vinculados-b h2,
  .single-projetos .subprojetos-vinculados h2 {
    font-size: 1.75rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .single-projetos .publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados-b,
  .single-projetos .subprojetos-vinculados {
    margin-bottom: 4.5rem;
  }
  .single-projetos .publicacoes-relacionadas h2,
  .single-projetos .subprojetos-vinculados-b h2,
  .single-projetos .subprojetos-vinculados h2 {
    font-size: 2rem;
    margin-bottom: 4.5rem;
  }
}
.single-projetos .publicacoes-relacionadas .subprojeto-item,
.single-projetos .subprojetos-vinculados-b .subprojeto-item,
.single-projetos .subprojetos-vinculados .subprojeto-item {
  margin-bottom: 2rem;
}
.single-projetos .publicacoes-relacionadas .subprojeto-item p,
.single-projetos .subprojetos-vinculados-b .subprojeto-item p,
.single-projetos .subprojetos-vinculados .subprojeto-item p {
  line-height: 1.75;
}
.single-projetos .publicacoes-relacionadas .subprojeto-item h3.titulo,
.single-projetos .subprojetos-vinculados-b .subprojeto-item h3.titulo,
.single-projetos .subprojetos-vinculados .subprojeto-item h3.titulo {
  font-size: 1.125rem;
  line-height: 1.3;
}
.single-projetos .publicacoes-relacionadas .subprojeto-item h4.autor,
.single-projetos .subprojetos-vinculados-b .subprojeto-item h4.autor,
.single-projetos .subprojetos-vinculados .subprojeto-item h4.autor {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  margin: 1rem 0;
  font-weight: 600;
}
.single-projetos .publicacoes-relacionadas .subprojeto-item h4.autor::before,
.single-projetos .subprojetos-vinculados-b .subprojeto-item h4.autor::before,
.single-projetos .subprojetos-vinculados .subprojeto-item h4.autor::before {
  content: "";
  height: 32px;
  width: 32px;
  display: block;
  margin-right: 0.5rem;
  background: url(img/icones/icon-autor.svg) no-repeat center;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .single-projetos .publicacoes-relacionadas .subprojeto-item,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item,
  .single-projetos .subprojetos-vinculados .subprojeto-item {
    max-width: 802px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item p,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item p,
  .single-projetos .subprojetos-vinculados .subprojeto-item p {
    line-height: 1.75;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item h2,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h2,
  .single-projetos .subprojetos-vinculados .subprojeto-item h2 {
    font-size: 1.75rem;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item h3.titulo,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h3.titulo,
  .single-projetos .subprojetos-vinculados .subprojeto-item h3.titulo {
    font-size: 1.375rem;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item h4.autor,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h4.autor,
  .single-projetos .subprojetos-vinculados .subprojeto-item h4.autor {
    font-size: 1.125rem;
    margin: 1.25rem 0 1.5rem;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) {
  .single-projetos .publicacoes-relacionadas .subprojeto-item h2,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h2,
  .single-projetos .subprojetos-vinculados .subprojeto-item h2 {
    font-size: 2rem;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item h3.titulo,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h3.titulo,
  .single-projetos .subprojetos-vinculados .subprojeto-item h3.titulo {
    font-size: 1.5rem;
  }
  .single-projetos .publicacoes-relacionadas .subprojeto-item h4.autor,
  .single-projetos .subprojetos-vinculados-b .subprojeto-item h4.autor,
  .single-projetos .subprojetos-vinculados .subprojeto-item h4.autor {
    font-size: 1.125rem;
    margin: 1.25rem 0 1.5rem;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1024px) {
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas, .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b,
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b,
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b {
    display: flex;
    flex-wrap: wrap;
  }
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas h2, .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b h2,
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas h2,
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b h2,
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas h2,
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b h2 {
    width: 100%;
  }
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas .card-publi, .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b .card-publi,
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas .card-publi,
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b .card-publi,
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas .card-publi,
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b .card-publi {
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas .card-publi:nth-child(3n+1), .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b .card-publi:nth-child(3n+1),
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas .card-publi:nth-child(3n+1),
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b .card-publi:nth-child(3n+1),
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas .card-publi:nth-child(3n+1),
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b .card-publi:nth-child(3n+1) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas .card-publi, .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b .card-publi,
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas .card-publi,
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b .card-publi,
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas .card-publi,
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b .card-publi {
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .single-projetos .publicacoes-relacionadas.publicacoes-relacionadas.publicacoes-relacionadas, .single-projetos .publicacoes-relacionadas.subprojetos-vinculados-b.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados-b.publicacoes-relacionadas.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados-b.subprojetos-vinculados-b.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados.publicacoes-relacionadas.publicacoes-relacionadas,
  .single-projetos .subprojetos-vinculados.subprojetos-vinculados-b.publicacoes-relacionadas {
    margin-top: 6rem !important;
  }
}

/* Replicando estilos do rodapé (colaboradores) para single de Objetos Lúdicos */
.single-objetos-ludicos #colaboradores {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem 1.5rem;
  background: var(--cinza);
  border-radius: 0.75rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .single-objetos-ludicos #colaboradores {
    padding: 4rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .single-objetos-ludicos #colaboradores {
    padding: 4rem 6.5rem;
    margin: 6rem 0 6rem;
    gap: 3rem;
    border-radius: 1rem;
  }
}
.single-objetos-ludicos #colaboradores ul {
  flex: 0 1 19rem;
}
.single-objetos-ludicos #colaboradores ul h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .single-objetos-ludicos #colaboradores ul h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.single-objetos-ludicos #colaboradores ul li {
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  .single-objetos-ludicos #colaboradores ul li {
    font-size: 1rem;
  }
}
/* ===== OBJETOS LÚDICOS ===== */

/* Hero Section para Objetos Lúdicos */
.sec-introducao.objetos-ludicos {
  margin-top: 6rem;
  padding: 3rem 0 9rem;
  background: #f5f5f5;
  text-align: center;
  overflow: hidden;
}

.sec-introducao.objetos-ludicos .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 800px;
}

.sec-introducao.objetos-ludicos .container .conteudo {
  width: 100%;
  position: relative;
  z-index: 1;
}

.sec-introducao.objetos-ludicos .container .conteudo h1 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--preto-700);
}

.sec-introducao.objetos-ludicos .container .conteudo p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 auto 2.5rem;
  max-width: 600px;
  color: var(--preto-600);
}

.sec-introducao.objetos-ludicos .container .conteudo .btn {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {

  .sec-introducao.objetos-ludicos {
    padding: 8rem 0;
  }
  
  .sec-introducao.objetos-ludicos .container .conteudo h1 {
    font-size: 2.5rem;
    max-width: 656px;
    margin-inline: auto;
  }
  
  .sec-introducao.objetos-ludicos .container .conteudo p {
    font-size: 1.125rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1024px) {  
  .sec-introducao.objetos-ludicos .container .conteudo h1 {
    font-size: 3rem;
  }
  
  .sec-introducao.objetos-ludicos .container .conteudo p {
    max-width: 656px;
  }
}

@media only screen and (min-width: 1280px) {
  .sec-introducao.objetos-ludicos {
    margin-top: 7.25rem;
  }

  .sec-introducao.objetos-ludicos .container .conteudo h1 {
    font-size: 3.5rem;
  }
  
}

/* Seção de Benefícios */
.beneficios-objetos-ludicos {
  padding: 4rem 0;
  text-align: center;
}

.beneficios-objetos-ludicos h2 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.beneficios-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.beneficio-icon {
  width: 4rem;
  height: 4rem;
  background: #F2F2F2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

.beneficio-icon i {
  font-size: 1.5rem;
  color: var(--preto-700);
}

.beneficio-card h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: var(--preto-700);
}

.beneficio-card p {
  color: var(--preto-500);
  line-height: 1.6;
}

@media only screen and (min-width: 768px) {
  .beneficios-objetos-ludicos h2 {
    margin-bottom: 3rem;
  }

  .beneficios-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  
  .beneficio-card {
    padding: 0 2rem;
  }

  .beneficio-card p {
    font-size: 1rem;
  }
  
  .beneficio-icon {
    width: 5rem;
    height: 5rem;
  }
  
  .beneficio-icon i {
    font-size: 2rem;
  }
  
  .beneficio-card h3 {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1024px) {  
  /* Seção de Benefícios */
  .beneficios-objetos-ludicos {
    padding: 7.5rem 0;
    text-align: center;
  }

  .beneficios-objetos-ludicos h2 {
    font-size: 2.5rem;
    margin-bottom: 4.5rem;
  }
}

.categorias-objetos-ludicos {
  padding: 4rem 0;
}

.categoria-section {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 1024px) {
  .categoria-section {
    margin-bottom: 7.5rem;
  }
}

.categoria-section:last-child {
  margin-bottom: 0;
}

.categoria-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.categoria-titulo {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: var(--preto-700);
}

.categoria-titulo i {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--preto-700);
  color: var(--branco);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  font-size: 1.25rem;
}

.btn--ver-mais {
  min-width: auto;
  padding: 0.75rem 1.5rem;
  height: auto;
  font-size: 0.875rem;
}

.objetos-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: stretch;
}

/* Empty State - Objetos Lúdicos */
.empty-state {
  width: 100%;
  text-align: center;
  padding: 2rem 1.5rem;
  border: 2px dashed var(--borda);
  border-radius: 0.75rem;
  background: var(--cinza);
}
.objetos-grid .empty-state {
  grid-column: 1 / -1;
}
.empty-state__icon {
  height: 64px;
  width: 64px;
  margin: 0 auto 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--branco);
  border: 2px solid var(--borda);
  border-radius: 100%;
}
.empty-state__icon i {
  font-size: 1.5rem;
  color: var(--preto-700);
}
.empty-state__title {
  font-size: 1.125rem;
  margin: 0.25rem 0 0.5rem;
}
.empty-state__desc {
  color: var(--preto-500);
  max-width: 560px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .empty-state { padding: 3rem 2rem; }
  .empty-state__icon { height: 80px; width: 80px; margin-bottom: 1rem; }
  .empty-state__icon i { font-size: 1.75rem; }
  .empty-state__title { font-size: 1.5rem; }
}

/* Garantir que os cards ocupem 100% da coluna do grid (3 por linha em >=768px) */
.objetos-grid .card {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  display: flex;
  flex-direction: column;
  height: 532px;
}

@media only screen and (min-width: 480px) {
  .objetos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 768px) {
  .objetos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .categoria-titulo {
    font-size: 1.75rem;
  }
  
  .categoria-titulo i {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  .objetos-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  
  .categoria-header {
    margin-bottom: 3rem;
  }
}

/* Cards de Objetos - reutilizando estilos dos cards de projetos */
.card .objeto-img {
  height: 240px;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  border: 1px solid var(--preto-100);
  border-bottom: none;
  overflow: hidden;
  background: var(--cinza);
}

.card .objeto-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.card .objeto-desc {
  padding: 1rem 0.5rem;
  border: 1px solid var(--preto-100);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card .objeto-cta {
  padding: 1rem;
  border: 1px solid var(--preto-100);
  border-top-color: transparent;
  border-radius: 0 0 0.5rem 0.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card .objeto-cta span {
  line-height: 1;
  font-weight: 600;
}

.card .objeto-cta i {
  margin-right: 0.5rem;
  font-size: 1.125rem;
  color: var(--preto-700);
}

@media only screen and (min-width: 1024px) {
  .card .objeto-cta {
    transition: 0.3s ease-in-out;
  }
  
  .card .objeto-cta span {
    font-size: 1rem;
  }
  
  .card .objeto-cta i {
    color: var(--preto-300);
    font-size: 1.25rem;
    transition: 0.3s ease-in-out;
  }
  
  .card:hover .objeto-cta i {
    color: var(--preto-700);
  }
  
  .card:hover .objeto-img img {
    transform: scale(1.075);
    transition: 0.3s ease-in-out;
  }
  
  .card .objeto-img {
    height: 280px;
  }
}

/* Single Objetos Lúdicos */
.single-objetos-ludicos .banner-pagina {
  padding-bottom: 2rem;
}

.single-objetos-ludicos .banner-pagina .container {
  display: flex;
  justify-content: space-between;
}

.single-objetos-ludicos .objeto-introducao {
  max-width: 31.5rem;
}

.single-objetos-ludicos .objeto-introducao__titulo {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.single-objetos-ludicos .objeto-introducao__descricao {
  margin-bottom: 1rem;
}

.single-objetos-ludicos .objeto-introducao__data, 
.single-objetos-ludicos .objeto-introducao__ano,
.single-objetos-ludicos .objeto-introducao__tecnologia,
.single-objetos-ludicos .objeto-introducao__autor {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0.25rem 0;
}

.single-objetos-ludicos .objeto-introducao__data i, 
.single-objetos-ludicos .objeto-introducao__ano i,
.single-objetos-ludicos .objeto-introducao__tecnologia i,
.single-objetos-ludicos .objeto-introducao__autor i {
  font-size: 1.25rem;
  margin-right: 0.25rem;
}

.single-objetos-ludicos .objeto-imagem {
  width: 100%;
  height: 27.5rem;
  min-width: 18rem;
  max-width: 24rem;
  border-radius: 1rem;
  overflow: hidden;
  background-attachment: fixed;
  margin-top: 1rem;
}

.single-objetos-ludicos .objeto-navegacao {
  background: var(--preto-700);
  padding: 1.5rem 0;
  position: sticky;
  top: 0rem;
  z-index: 10;
}

.single-objetos-ludicos .objeto-navegacao nav {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.single-objetos-ludicos .objeto-navegacao nav a {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  transition: 0.3s ease-in-out;
}

.single-objetos-ludicos .objeto-navegacao nav a i {
  color: currentColor;
  margin-right: 0.25rem;
}

.single-objetos-ludicos .objeto-navegacao nav a.link--ativo, 
.single-objetos-ludicos .objeto-navegacao nav a:hover {
  color: var(--branco);
}

/* Termos (Categoria e Tipo de material) no topo do single de Objetos */
.single-objetos-ludicos .objeto-ludico-termos {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.single-objetos-ludicos .objeto-ludico-termos > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.single-objetos-ludicos .objeto-ludico-termos strong {
  font-size: 0.875rem;
  font-weight: 800;
  margin-right: 0.25rem;
}
.single-objetos-ludicos .objeto-ludico-termos .tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: var(--preto-700);
  color: var(--branco);
  font-weight: 600;
  font-size: 0.8125rem;
}
@media only screen and (min-width: 768px) {
  .single-objetos-ludicos .objeto-ludico-termos {
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  .single-objetos-ludicos .objeto-ludico-termos strong {
    font-size: 1rem;
  }
}


.ol-hero {
  padding: 6rem 0 2rem;
}
@media only screen and (min-width: 1024px) {
  .ol-hero { padding: 9rem 0 3.5rem; }
}
.ol-hero .container { max-width: 800px; }
@media only screen and (min-width: 1280px) { .ol-hero .container { max-width: 960px; } }
.ol-hero .ol-tags { display: flex; justify-content: center; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.ol-hero .ol-tags .tag { background: var(--preto-700); color: var(--branco); border-radius: 999px; padding: .25rem .75rem; font-weight: 600; font-size: .8125rem; }
.ol-hero__title { text-align: center; margin: .5rem 0 1.25rem; }
.ol-hero__media { border-radius: .5rem; background: var(--cinza); border: 1px solid var(--borda); overflow: hidden; margin: .5rem 0 1rem; }
@media only screen and (min-width: 1024px) { .ol-hero__media { margin: 4rem 0 4.5rem; } }
.ol-hero__media img { display: block; width: 100%; height: auto; }
.ol-hero__desc { margin: 1rem 0 1.25rem; color: var(--preto-600); }
@media only screen and (min-width: 1024px) { .ol-hero__desc { margin: 1.25rem 0 2rem; } }
.ol-actions { display: flex; gap: .75rem; flex-wrap: wrap; justify-content: center; margin-top: .5rem; }
@media only screen and (min-width: 768px) { .ol-actions { gap: 1rem; } }
.ol-actions .btn { min-width: 220px; }

/* Autores box */
.ol-autores { background: transparent; padding: 1rem 0; margin-top: 1.5rem; }
.single-objetos-ludicos .container-conteudo { margin-top: 2rem; }
@media only screen and (min-width: 1024px) { .single-objetos-ludicos .container-conteudo { margin-top: 3rem; } }
.ol-autores__box { background: var(--cinza); border: 1px solid var(--borda); border-radius: .75rem; padding: 1.25rem; }
@media only screen and (min-width: 1024px) { .ol-autores__box { padding: 2rem; } }

/* Destaque 2 colunas */
.ol-destaque { padding: 2rem 0; margin: 2.5rem 0; }
.ol-destaque__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; }
.ol-destaque__media img { width: 100%; height: auto; border-radius: .5rem; border: 1px solid var(--borda); }
.ol-destaque__content h2 { margin-bottom: .5rem; }
.ol-destaque__content p { margin: .5rem 0 1.25rem; color: var(--preto-600); }
@media only screen and (min-width: 1024px) { .ol-destaque { margin: 4rem 0; } .ol-destaque__grid { grid-template-columns: 1fr 1fr; gap: 2rem; } }

/* Relacionados */
.ol-relacionados { padding: 2rem 0 0; margin-top: 3rem; }
@media only screen and (min-width: 1024px) { .ol-relacionados { margin-top: 4.5rem; } }
.ol-relacionados .categoria-header { align-items: center; }
.ol-relacionados .objetos-grid .card { max-width: 100% !important; }

/* Galeria */
.container-galeria {
  margin: 3rem 0;
}

.container-galeria h2 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

.galeria-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.galeria-item img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  border: 1px solid var(--borda);
}

@media only screen and (min-width: 768px) {
  .galeria-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  .galeria-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  
  .container-galeria h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}

/* Especificações */
.container-especificacoes {
  margin: 3rem 0;
  padding: 2rem;
  background: var(--cinza);
  border-radius: 1rem;
}

.container-especificacoes h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .container-especificacoes {
    padding: 3rem;
    margin: 4rem 0;
  }
  
  .container-especificacoes h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .single-objetos-ludicos .banner-pagina {
    margin-bottom: 0;
    padding-bottom: 4.5rem;
  }
  
  .single-objetos-ludicos .objeto-introducao {
    max-width: 43.5rem;
  }
  
  .single-objetos-ludicos .objeto-introducao__titulo {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
  
  .single-objetos-ludicos .objeto-introducao__descricao {
    margin-bottom: 1.5rem;
  }
  
  .single-objetos-ludicos .objeto-introducao__data, 
  .single-objetos-ludicos .objeto-introducao__ano,
  .single-objetos-ludicos .objeto-introducao__tecnologia,
  .single-objetos-ludicos .objeto-introducao__autor {
    margin: 0.5rem 0 1rem;
    font-size: 1.125rem;
  }
  
  .single-objetos-ludicos .objeto-introducao__data i, 
  .single-objetos-ludicos .objeto-introducao__ano i,
  .single-objetos-ludicos .objeto-introducao__tecnologia i,
  .single-objetos-ludicos .objeto-introducao__autor i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
}

/* Assets decorativos da seção de introdução - Objetos Lúdicos */
.sec-introducao.objetos-ludicos {
	position: relative;
}

.asset-l-hero,
.asset-r-hero {
	position: absolute;
	bottom: -10%;
	transform: translateY(50%);
	z-index: 0;
	pointer-events: none;
}

.asset-l-hero {
	left: 0;
	width: 10rem;
	height: auto;
}

.asset-r-hero {
	right: 0;
	width: 10rem;
	height: auto;
}

/* Responsividade para tablets */
@media only screen and (min-width: 768px) {
	.asset-l-hero {
    top: 400px;
		left: -5vw;
		width: 16rem;
	}
	
	.asset-r-hero {
    top: 400px;
		right: -5vw;
		width: 16rem;
	}
}

/* Desktop - posicionamento final */
@media only screen and (min-width: 1024px) {
	.asset-l-hero {
    left: -5vw;
    top: 20%;
    transform: translateY(-50%);
		width: 18rem;
	}
	
	.asset-r-hero {
    right: -5vw;
    top: 20%;
    transform: translateY(-50%);
		width: 18rem;
	}
}

@media only screen and (min-width: 1280px) {
  .asset-l-hero {
    left: 4vw;
		width: 20rem;
  }

  .asset-r-hero {
    right: 4vw;
    width: 20rem;
  }
}

@media only screen and (min-width: 1600px) {
  .asset-l-hero {
    left: 10vw;
    width: 24rem;
  }
  
  .asset-r-hero {
    right: 10vw;
    width: 24rem;
  }
}


/*# sourceMappingURL=style.css.map */
/* Tags de tipo de material nos cards de Objetos Lúdicos */
.card--objetos-ludicos .objeto-desc .objeto-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block: 0.75rem;
  margin-inline: .75rem;
}

.card--objetos-ludicos .objeto-desc .objeto-tags .tag {
	background: #000;
	color: #fff;
	border-radius: 999px;
	padding: 0.25rem 1rem;
	font-size: 0.8125rem; /* menor que p padrão */
	line-height: 1.2;
  font-weight: 600;
  leading-trim: both;
}

.card--objetos-ludicos .objeto-desc {
  height: 200px;
}

.card--objetos-ludicos .objeto-desc h3 {
  padding-inline: .75rem;
  text-align: left;
}

.archive-ol-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.archive-ol-banner h1,
.archive-ol-banner p {
  text-align: center !important;
}



.copyright .wbcs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: 0.3s ease-in-out;
  margin-top: 0.75rem;
  margin-inline: auto;
}


.wbcs:hover {
  opacity: 0.7;
}

.copyright .wbcs p {
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--preto-400);
  text-transform: uppercase;
}

.wbcs img {
  height: .75rem;
  width: fit-content;
}

@media only screen and (min-width: 768px) {
  .copyright .wbcs {
    margin: 0;
  }

  .copyright .wbcs img {
    height: auto;
  }
}