@charset "UTF-8";
 :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;
} @font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-regular.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-regular.woff) format("woff"); font-display: swap;
} @font-face {
font-family: "Lato";
font-style: italic;
font-weight: 400;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-italic.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-italic.woff) format("woff"); font-display: swap;
} @font-face {
font-family: "Lato";
font-style: normal;
font-weight: 700;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-700.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-700.woff) format("woff"); font-display: swap;
} @font-face {
font-family: "Lato";
font-style: italic;
font-weight: 700;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-700italic.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-700italic.woff) format("woff"); font-display: swap;
} @font-face {
font-family: "Lato";
font-style: normal;
font-weight: 900;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-900.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-900.woff) format("woff"); font-display: swap;
} @font-face {
font-family: "Lato";
font-style: italic;
font-weight: 900;
src: local(""), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-900italic.woff2) format("woff2"), url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/lato-v22-latin-900italic.woff) format("woff"); font-display: swap;
} @font-face {
font-display: swap; font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/inter-v13-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/inter-v13-latin-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/inter-v13-latin-700.woff2) format("woff2"); }
html {
font-size: 16px;
background: var(--branco);
scroll-behavior: smooth;
} * {
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;
}
} .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;
}
} @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;  }
.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; scrollbar-width: none; }
.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;
}
} .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;
} .slick-loading .slick-list {
background: #fff url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/slick.eot);
src: url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/slick.woff) format("woff"), url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/slick.ttf) format("truetype"), url(https://ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .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: "←";
} .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(//ladij.ufes.br/wp-content/themes/ladiv-v2.0.0/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;
}
} .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;
}
}  .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;
}
} .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) { .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 {
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; }
} .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;
}
} .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-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);
} .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; } .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; } } .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; } } .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; } .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;
}
} .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;
}
} .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;
} @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;
}
} @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;
}
}  .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; 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;
}
}