/* =========================================================
   INVESTIGAÇÃO CINVA — CSS PERSONALIZADO (TEMA FREEDOM)
   ========================================================= */

/* ===== Paleta ===== */
:root{
  --beige: #EAD9A6;
  --brown: #5A2200;
  --brown-90:#4a1c00;
  --brown-70:#7a3a10;
  --green: #00C853;
  --purple:#9C84C8;
  --cyan:  #00B6E6;
}

/* ===== Tipografia ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Staatliches&display=swap');

html, body{
  background: var(--beige);
  color: var(--brown);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

/* ===== Títulos ===== */
h1, h2, h3, .site-title, .page-title{
  font-family: "Staatliches", Impact, sans-serif;
  letter-spacing: .5px;
  color: var(--brown);
}

/* =========================================================
   CABEÇALHO E MENU
   ========================================================= */

/* Fundo bege em todas as variantes de header */
header,
header.site-header,
.site-header,
#site-header,
[class*="site-header"],
.header,
#header,
.top-bar,
.brand-bar,
.navbar,
.navbar-default,
.navbar-inverse,
.navbar > .container,
.site-header > .wrap,
.site-header .wrap,
.site-header .container,
.header-inner,
.branding {
  background-color: var(--beige) !important;
  box-shadow: none !important;
  border: none !important;
}

/* Linha marrom na base do topo */
header.site-header,
.site-header,
#site-header,
.header,
#header,
.navbar {
  border-bottom: 2px solid var(--brown) !important;
  padding: 8px 0 !important;
}

/* Título do site (link no topo) marrom */
.site-title a,
header .site-title a,
.navbar-brand,
.navbar .site-title a,
.branding .site-title a,
header .branding a,
header a.site-title,
header a.navbar-brand,
.site-header a.navbar-brand {
  color: var(--brown) !important;
  text-decoration: none !important;
}
.navbar-brand:hover,
.navbar .site-title a:hover,
.branding .site-title a:hover,
header .site-title a:hover {
  color: var(--brown-70) !important;
  text-decoration: underline;
}

/* Menu principal */
.site-header nav,
.site-header .navigation {
  margin: 0 !important;
}
.site-header nav a,
.site-header .navigation a,
.navbar a {
  color: var(--brown-70) !important;
  font-weight: 600;
  margin-right: 18px;
  padding: 6px 2px;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.site-header nav a:hover,
.site-header .navigation a:hover,
.navbar a:hover {
  color: var(--brown) !important;
  border-bottom-color: var(--brown);
}

/* Esconder busca do topo */
.site-header .search,
.site-header .search-form,
.site-header form[action*="search"],
.site-header input[type="search"],
.site-header .block-search,
.site-header .search-container,
.site-header .advanced-search-link,
.navbar .search,
.navbar .search-form {
  display: none !important;
}

/* =========================================================
   RODAPÉ
   ========================================================= */
footer, .site-footer{
  background-color: var(--beige) !important;
  color: var(--brown-90);
  border-top: 2px solid var(--brown);
  padding: 24px 0;
  text-align: center;
  font-size: .95rem;
}
.site-footer a{ color: var(--brown-70); }

/* =========================================================
   PÁGINA INICIAL (banner e seções)
   ========================================================= */
.home-hero{
  background: var(--cyan);
  color: #002a33;
  padding: 56px 22px;
  border: 4px solid var(--brown);
}
.home-hero .kicker{
  font-family:"Inter";
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.home-hero h1{
  color: var(--brown);
  background: var(--beige);
  display:inline-block;
  padding: 6px 12px;
  line-height:1;
  font-size: 3rem;
  margin: 6px 0 14px;
  border: 3px solid var(--brown);
}
.home-hero p{
  max-width: 800px;
  font-size: 1.05rem;
}

/* Seções */
.section{
  padding: 32px 18px;
  border-left: 6px solid var(--purple);
  background: rgba(255,255,255,.25);
  margin-top: 24px;
}
.section.alt{ border-left-color: var(--green); }
.section h2{
  display:inline-block;
  background: var(--beige);
  border: 3px solid var(--brown);
  padding: 6px 10px;
  margin-bottom: 14px;
}

/* Cards */
.card-grid .resource-list li,
.card-grid .item.resource{
  border: 3px solid var(--brown);
  background: var(--beige);
}
.card-grid .resource-title a{
  color: var(--brown);
  font-family: "Staatliches";
  font-size: 1.25rem;
}

/* Botões */
.btn{
  display:inline-block;
  border:3px solid var(--brown);
  padding:10px 14px;
  text-decoration:none;
  color: var(--brown);
  background: linear-gradient(0deg, var(--purple) 0, var(--purple) 2px, transparent 2px) top/100% 100% no-repeat;
  transition: all 0.3s ease;
}
.btn:hover{ background: var(--green); color:#08210b; }

/* =========================================================
   CONTEÚDO / TÍTULOS / LINKS
   ========================================================= */
.page .page-title,
.site-page .page-title,
#content .page-title,
.page h1.page-title,
#content h1,
.content h1{
  color: var(--brown) !important;
  font-size: 2rem !important;
  margin: 12px 0 8px !important;
  line-height: 1.2 !important;
}
.page-header,
.section-header,
.title{
  padding: 8px 0 !important;
  background: var(--beige) !important;
  border-bottom: 2px solid var(--brown) !important;
}
.property h4{ color: var(--brown); }

a{ color: var(--brown-70); }
a:hover{ color: var(--brown); text-decoration: underline; }

/* =========================================================
   LINHA DO TEMPO (estrutura futura)
   ========================================================= */
.timeline-wrap{
  border: 4px solid var(--brown);
  background: #fff;
  padding: 12px;
  margin-top: 16px;
}
.timeline-embed{
  position: relative;
  width: 100%;
  height: 520px;
}
.timeline-embed iframe{/* === Parágrafos justificados com recuo === */
.page-content p,
.content p,
div[role="main"] p,
#content p,
section.content p {
  text-align: justify !important;
  text-justify: inter-word;
  text-indent: 2em;            /* recuo da primeira linha */
  margin-top: 0.6em;           /* espaçamento entre parágrafos */
  margin-bottom: 0.6em;
  line-height: 1.7;            /* melhora a leitura */
}

/* mantém títulos alinhados à esquerda */
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4 {
  text-align: left !important;
  text-indent: 0 !important;   /* sem recuo em títulos */
}

  position:absolute; inset:0; width:100%; height:100%; border:0;
}
/* ===== Justificar e aplicar recuo em blocos HTML ===== */
.block-html p {
  text-align: justify !important;
  text-justify: inter-word;
  text-indent: 2em;         /* recuo da primeira linha */
  line-height: 1.7;
  margin: 0.6em 0;
  hyphens: auto;             /* melhora a quebra de palavras */
}

/* mantém títulos alinhados à esquerda */
.block-html h1,
.block-html h2,
.block-html h3,
.block-html h4 {
  text-align: left !important;
  text-indent: 0 !important;
}

/* evita recuo em imagens, vídeos ou embeds dentro do bloco */
.block-html p:has(img),
.block-html p:has(iframe) {
  text-indent: 0 !important;
}

/* recuo menor no mobile */
@media (max-width: 640px) {
  .block-html p {
    text-indent: 1em;
  }
}
/* ===== Remove a borda do título das seções ===== */
.section h2 {
  border: none !important;      /* remove a moldura */
  background: none !important;  /* remove o fundo bege dentro do título */
  padding: 0 !important;        /* tira o espaçamento interno extra */
  margin-bottom: 14px;
  font-size: 1.8rem;
  color: var(--brown);
}

/* opcional: dar um toque sutil de destaque (linha à esquerda) */
.section h2::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1.2em;
  background-color: var(--purple); /* pode trocar por var(--green) ou var(--cyan) */
  margin-right: 8px;
  vertical-align: middle;
}
/* ===== Ajuste da seção "Destaques do acervo" ===== */

/* Container dos botões dentro da seção */
.section.alt .acervo-links {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Botões com leve respiro interno */
.section.alt .acervo-links .btn {
  border: 3px solid var(--brown);
  background: var(--beige);
  color: var(--brown);
  padding: 8px 14px;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.section.alt .acervo-links .btn:hover {
  background: var(--green);
  color: #fff;
}

/* Remove qualquer margem externa indesejada abaixo da seção */
.section.alt {
  padding-bottom: 20px;
  margin-bottom: 24px;
}
/* ===== Barras laterais e do título com cores sincronizadas ===== */

/* padrão geral (verde) */
.section {
  border-left: 6px solid var(--green) !important;
}
.section h2::before {
  background-color: var(--green) !important;
}

/* segunda seção: lilás */
.section:nth-of-type(2) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(2) h2::before {
  background-color: var(--purple) !important;
}

/* terceira seção: azul */
.section:nth-of-type(3) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(3) h2::before {
  background-color: var(--cyan) !important;
}

/* quarta seção: volta ao verde */
.section:nth-of-type(4) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(4) h2::before {
  background-color: var(--green) !important;
}

/* quinta seção: lilás novamente */
.section:nth-of-type(5) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(5) h2::before {
  background-color: var(--purple) !important;
}

/* sexta seção: azul novamente */
.section:nth-of-type(6) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(6) h2::before {
  background-color: var(--cyan) !important;
}

/* leve refinamento visual */
.section h2::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1.2em;
  margin-right: 8px;
  vertical-align: middle;
}
/* ===== Barras laterais e do título com degradê sincronizado ===== */

/* --- 1ª seção: verde --- */
.section {
  border-left: 6px solid var(--green) !important;
}
.section h2::before {
  background: linear-gradient(to right, var(--green), var(--brown)) !important;
}

/* --- 2ª seção: lilás --- */
.section:nth-of-type(2) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(2) h2::before {
  background: linear-gradient(to right, var(--purple), var(--brown)) !important;
}

/* --- 3ª seção: azul --- */
.section:nth-of-type(3) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(3) h2::before {
  background: linear-gradient(to right, var(--cyan), var(--brown)) !important;
}

/* --- 4ª seção: volta ao verde --- */
.section:nth-of-type(4) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(4) h2::before {
  background: linear-gradient(to right, var(--green), var(--brown)) !important;
}

/* --- 5ª seção: lilás novamente --- */
.section:nth-of-type(5) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(5) h2::before {
  background: linear-gradient(to right, var(--purple), var(--brown)) !important;
}

/* --- 6ª seção: azul novamente --- */
.section:nth-of-type(6) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(6) h2::before {
  background: linear-gradient(to right, var(--cyan), var(--brown)) !important;
}

/* estilo base da barrinha antes do título */
.section h2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1.2em;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
}
/* ===== Cores das seções na ordem harmoniosa ===== */

/* 1. Sobre o projeto — verde */
.section:nth-of-type(1) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(1) h2::before {
  background-color: var(--green) !important;
}

/* 2. Destaques do acervo — lilás */
.section:nth-of-type(2) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(2) h2::before {
  background-color: var(--purple) !important;
}

/* 3. Exposições & Projetos — azul */
.section:nth-of-type(3) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(3) h2::before {
  background-color: var(--cyan) !important;
}

/* 4. Acesso rápido — verde */
.section:nth-of-type(4) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(4) h2::before {
  background-color: var(--green) !important;
}

/* 5. Créditos & Fomento — lilás */
.section:nth-of-type(5) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(5) h2::before {
  background-color: var(--purple) !important;
}

/* estilo base da barrinha do título */
.section h2::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1.2em;
  margin-right: 8px;
  vertical-align: middle;
}
/* ===== Cores das seções na ordem harmoniosa ===== */

/* 1. Sobre o projeto — verde */
.section:nth-of-type(1) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(1) h2::before {
  background-color: var(--green) !important;
}

/* 2. Destaques do acervo — lilás */
.section:nth-of-type(2) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(2) h2::before {
  background-color: var(--purple) !important;
}

/* 3. Exposições & Projetos — azul */
.section:nth-of-type(3) {
  border-left: 6px solid var(--cyan) !important;
}
.section:nth-of-type(3) h2::before {
  background-color: var(--cyan) !important;
}

/* 4. Acesso rápido — verde */
.section:nth-of-type(4) {
  border-left: 6px solid var(--green) !important;
}
.section:nth-of-type(4) h2::before {
  background-color: var(--green) !important;
}

/* 5. Créditos & Fomento — lilás */
.section:nth-of-type(5) {
  border-left: 6px solid var(--purple) !important;
}
.section:nth-of-type(5) h2::before {
  background-color: var(--purple) !important;
}

/* estilo base da barrinha do título */
.section h2::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 1.2em;
  margin-right: 8px;
  vertical-align: middle;
}
/* Banner: título sem caixa/bege/borda e tudo centralizado */
.home-hero {
  text-align: center;
}
.home-hero h1 {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 8px;
}

/* Botões centralizados e com o texto central */
.home-hero .cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 18px;
}
.home-hero .btn {
  text-align: center;
  min-width: 200px;   /* opcional: deixa os botões com largura parecida */
}
/* ===== Banner com imagem à direita ===== */
.home-hero.hero-img {
  background-color: var(--cyan);
  border: 4px solid var(--brown);
  padding: 48px 24px;
  position: relative;
  overflow: hidden;
  text-align: left;
  background-image: var(--hero);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 46% auto;
}

/* área dos textos */
.home-hero .hero-inner {
  position: relative;
  z-index: 1;
  max-width: 640px;
}

/* título sem borda ou fundo */
.home-hero h1 {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 10px 0 10px;
  line-height: 1.05;
}

/* botões lado a lado */
.home-hero .cta {
  display: flex;
  gap: 16px;
  margin-top: 18px;
  align-items: center;
}
.home-hero .btn {
  min-width: 200px;
  text-align: center;
}

/* responsivo */
@media (max-width: 900px) {
  .home-hero.hero-img { background-size: 38% auto; }
}
@media (max-width: 720px) {
  .home-hero.hero-img {
    background-position: center bottom;
    background-size: 75% auto;
    padding-bottom: 220px;
  }
  .home-hero .cta { flex-wrap: wrap; }
  .home-hero .btn { flex: 1 1 220px; min-width: 0; }
}
.home-hero.hero-img{
  border:none !important;
  background-color:#00c853 !important; /* fundo verde */
  background-repeat:no-repeat;
  background-position:right center;
  background-size:46% auto;
  padding:48px 24px;
  text-align:left;
  min-height:320px;
  position:relative;
  overflow:hidden;
}
/* ——— Ajustes finos do banner (alinhamento e proporção da imagem) ——— */

/* garante que o texto e os botões fiquem na mesma coluna */
.home-hero .hero-inner{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-left: 16px;  /* pequeno recuo uniforme à esquerda */
}

/* alinha os botões exatamente abaixo do texto */
.home-hero .cta{
  display:flex;
  gap:16px;
  justify-content:flex-start;
  align-items:flex-start !important;
  margin-top:12px;
}

/* reduz a imagem para caber dentro do banner */
.home-hero.hero-img{
  background-size: 38% auto !important;   /* antes era 46% */
  background-position: right center !important;
  min-height: 280px;                      /* altura mais proporcional */
  padding-top: 36px;
  padding-bottom: 36px;
}

/* mantém responsivo */
@media (max-width:900px){
  .home-hero.hero-img{ background-size:34% auto !important; }
}
@media (max-width:720px){
  .home-hero.hero-img{
    background-position:center bottom !important;
    background-size:70% auto !important;
    padding-bottom:200px;
  }
}
/* ——— Ajuste de proporção da imagem no banner ——— */

.home-hero.hero-img{
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100% !important; /* imagem ocupa toda a altura do banner */
  min-height: 320px;                     /* altura fixa mínima */
  padding: 48px 24px;
  display: flex;
  align-items: center;                   /* centraliza verticalmente o texto */
}

/* mantém responsivo */
@media (max-width:900px){
  .home-hero.hero-img{
    background-size: auto 95% !important;
  }
}

@media (max-width:720px){
  .home-hero.hero-img{
    background-position: center bottom !important;
    background-size: 75% auto !important;
    padding-bottom: 220px;
  }
}
/* ====== Equipe (listagem automática) ====== */

.site-page .resource-list,
.browse .resource-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.resource-list .resource {
  background: #e8d8a5;
  border-left: 6px solid #00c853;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  text-align: center;
}

.resource .thumbnail img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #5a1d00;
  margin-bottom: 8px;
}

.resource .resource-name a {
  font-family: "Baste", sans-serif;
  color: #5a1d00 !important;
  font-size: 1.05rem;
  text-decoration: none;
}

.resource .metadata .description {
  color: #3b1a00;
  font-size: .92rem;
}

.resource .metadata .description a {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 12px;
  border: 2px solid #5a1d00;
  color: #5a1d00 !important;
  font-weight: bold;
  border-radius: 8px;
  transition: all .15s ease-in-out;
}
.resource .metadata .description a:hover {
  background: #5a1d00;
  color: #e8d8a5 !important;
}

@media (max-width:480px){
  .resource .thumbnail img { width: 104px; height: 104px; }
  .resource { padding: 14px; }
}
/* ——— Ajustes finos na página Equipe ——— */

/* Garante que o texto use a mesma fonte dos demais (Lausanne) */
.resource-list .resource,
.resource .metadata,
.resource .metadata .description,
.resource .resource-name a {
  font-family: "Lausanne", sans-serif !important;
  text-align: left !important;
}

/* Nome e link alinhados à esquerda */
.resource .resource-name,
.resource .resource-name a {
  text-align: left !important;
  display: block;
  margin-bottom: 6px;
}

/* Descrição também alinhada */
.resource .metadata .description {
  text-align: left !important;
}

/* Mantém a miniatura à esquerda e texto ao lado (layout horizontal mais natural) */
.resource-list .resource {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: start;
  gap: 16px;
}

/* Miniatura menor e redonda */
.resource .thumbnail img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #5a1d00;
}

/* Ajuste da caixa geral */
.resource {
  background: #e8d8a5;
  border-left: 6px solid #00c853;
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}

/* Nome do pesquisador */
.resource .resource-name a {
  color: #5a1d00 !important;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
}

/* Link do CV estilizado */
.resource .metadata .description a {
  display: inline-block;
  margin-top: 4px;
  padding: 4px 10px;
  border: 2px solid #5a1d00;
  border-radius: 6px;
  color: #5a1d00 !important;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.resource .metadata .description a:hover {
  background: #5a1d00;
  color: #e8d8a5 !important;
}

/* Responsivo */
@media (max-width: 600px){
  .resource-list .resource {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .resource .thumbnail img {
    margin: 0 auto 8px auto;
    display: block;
  }
}
/* ——— Página Categorias ——— */

.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.category-btn {
  display: block;
  background-color: #00c853;   /* verde institucional */
  color: #5a1d00;
  font-weight: bold;
  text-align: center;
  padding: 16px 20px;
  border: 3px solid #5a1d00;
  border-radius: 12px;
  font-family: "Baste", sans-serif;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.category-btn:hover {
  background-color: #5a1d00;
  color: #e8d8a5;
  transform: translateY(-3px);
}

@media (max-width: 480px) {
  .category-btn {
    font-size: 0.95rem;
    padding: 14px;
  }
}
/* Página Categorias: grade de botões */
.category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:20px;
  margin-top:24px;
}
.category-btn{
  display:block;
  background:#00c853;
  color:#5a1d00;
  font-weight:bold;
  text-align:center;
  padding:16px 20px;
  border:3px solid #5a1d00;
  border-radius:12px;
  font-family:"Baste", sans-serif;
  text-decoration:none;
  transition:all .2s ease-in-out;
}
.category-btn:hover{
  background:#5a1d00; color:#e8d8a5; transform:translateY(-3px);
}
/* ====== Categorias como botões bonitos (lista automática) ====== */

/* zera os bullets e o espaçamento padrão */
.page .block-page-list ul,
.page .block-page-list ol { list-style: none; margin: 0; padding: 0; }

/* vira grade responsiva */
.page .block-page-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

/* remove marcadores residuais */
.page .block-page-list li { margin: 0; padding: 0; }

/* estilo base de “botão” */
.page .block-page-list a {
  display: block;
  padding: 12px 18px;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #5a1d00;             /* marrom do site */
  color: #5a1d00;
  background: #f5efe2;                    /* bege claro do site */
  text-align: center;
  transition: all .18s ease-in-out;
  border-radius: 6px;                     /* leve arredondado */
}

/* hover padrão (reverso) */
.page .block-page-list a:hover {
  background: #5a1d00;
  color: #e8d8a5;                         /* fundo geral do site */
}

/* --- Cores por ordem (1º Difusão, 2º Capacitação, 3º Projetos, 4º Agentes) --- */
.page .block-page-list li:nth-child(1) a { /* Difusão - azul */
  border-color: #007bb5; color: #007bb5; background: #eaf5fb;
}
.page .block-page-list li:nth-child(1) a:hover { background: #007bb5; color: #fff; }

.page .block-page-list li:nth-child(2) a { /* Capacitação - lilás */
  border-color: #9c27b0; color: #9c27b0; background: #f6e8fa;
}
.page .block-page-list li:nth-child(2) a:hover { background: #9c27b0; color: #fff; }

.page .block-page-list li:nth-child(3) a { /* Projetos - verde */
  border-color: #00a152; color: #00a152; background: #e8f6ef;
}
.page .block-page-list li:nth-child(3) a:hover { background: #00a152; color: #fff; }

.page .block-page-list li:nth-child(4) a { /* Agentes - marrom claro */
  border-color: #8d6e63; color: #8d6e63; background: #f3ecea;
}
.page .block-page-list li:nth-child(4) a:hover { background: #8d6e63; color: #fff; }

/* espaçamento suave abaixo do bloco */
.page .block-page-list { margin-bottom: 24px; }
/* ----- esconder a lista automática e a linha de links repetidos
   (só quando contiver os links das categorias) ----- */
.page ul:has(> li > a[href$="/page/difusao"]),
.page p:has(> a[href$="/page/difusao"]) {
  display: none !important;
}

/* ----- estilos dos botões de categorias (wrapper #cats) ----- */
#cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 16px;
  margin: 8px 0 24px;
}
#cats a {
  display: block;
  padding: 12px 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid #5a1d00;   /* marrom base do site */
  color: #5a1d00;
  background: #f5efe2;
  transition: all .18s ease-in-out;
}
/* paleta por ordem */
#cats a:nth-child(1){ border-color:#007bb5; color:#007bb5; background:#eaf5fb; } /* Difusão */
#cats a:nth-child(2){ border-color:#9c27b0; color:#9c27b0; background:#f6e8fa; } /* Capacitação */
#cats a:nth-child(3){ border-color:#00a152; color:#00a152; background:#e8f6ef; } /* Projetos */
#cats a:nth-child(4){ border-color:#8d6e63; color:#8d6e63; background:#f3ecea; } /* Agentes */
#cats a:hover { filter: brightness(0.92); }
.page .pagination { display:none; }
/* Botões das CATEGORIAS */
#cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin: 12px 0 28px;
}
#cats a {
  display: block;
  padding: 20px 26px;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 12px;
  border: 2px solid #5a1d00;   /* contorno marrom */
  color: #5a1d00;               /* texto marrom */
  background: #f5efe2;          /* fundo bege */
  transition: all .18s ease-in-out;
}
/* hovers por categoria */
#cats a.b1:hover { background:#007bb5; color:#fff; border-color:#007bb5; } /* Difusão */
#cats a.b2:hover { background:#9c27b0; color:#fff; border-color:#9c27b0; } /* Capacitação */
#cats a.b3:hover { background:#00a152; color:#fff; border-color:#00a152; } /* Projetos */
#cats a.b4:hover { background:#8d6e63; color:#fff; border-color:#8d6e63; } /* Agentes */

/* (Opcional) esconder a paginação no rodapé das páginas */
.page .pagination { display:none; }
/* Paleta CINVA */
:root{
  --cinva-bege: #efe2be;   /* bege da caixa */
  --cinva-marrom: #5a1d00; /* marrom do site */
}

/* Botões das CATEGORIAS */
#cats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:24px; margin:12px 0 28px;
}
#cats a{
  display:block; padding:20px 26px; font-weight:800; font-size:20px;
  text-align:center; text-decoration:none; border-radius:12px;
  border:2px solid var(--cinva-marrom); color:var(--cinva-marrom);
  background:var(--cinva-bege); transition:all .18s ease-in-out;
}
/* hovers por categoria */
#cats a.b1:hover{ background:#007bb5; color:#fff; border-color:#007bb5; } /* Difusão */
#cats a.b2:hover{ background:#9c27b0; color:#fff; border-color:#9c27b0; } /* Capacitação */
#cats a.b3:hover{ background:#00a152; color:#fff; border-color:#00a152; } /* Projetos */
#cats a.b4:hover{ background:#8d6e63; color:#fff; border-color:#8d6e63; } /* Agentes */
/* ===== Página Equipe ===== */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.team-member {
  background: #e8d8a5;
  border-left: 6px solid #00c853; /* verde da identidade */
  padding: 16px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.team-member img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #5a1d00;
  margin-bottom: 10px;
}

.team-member h3 {
  margin: 6px 0 4px;
  font-family: "Lausanne", sans-serif;
  color: #5a1d00;
  font-size: 1.05rem;
}

.team-member p {
  font-family: "Lausanne", sans-serif;
  font-size: 0.92rem;
  color: #3b1a00;
  margin-bottom: 6px;
}

.cv-link {
  display: inline-block;
  margin-top: 4px;
  color: #5a1d00;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #5a1d00;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
.cv-link:hover {
  background: #5a1d00;
  color: #e8d8a5;
}

/* responsivo */
@media (max-width: 480px) {
  .team-member {
    padding: 14px;
  }
  .team-member img {
    width: 104px;
    height: 104px;
  }
}
/* ===== Página Equipe (sem fotos) ===== */
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.team-member {
  background: #e8d8a5;
  border-left: 6px solid #00c853; /* verde da identidade */
  padding: 16px;
  border-radius: 12px;
  text-align: left;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.team-member h3 {
  margin: 6px 0 4px;
  font-family: "Lausanne", sans-serif;
  color: #5a1d00;
  font-size: 1.05rem;
}

.team-member p {
  font-family: "Lausanne", sans-serif;
  font-size: 0.92rem;
  color: #3b1a00;
  margin-bottom: 6px;
}

.cv-link {
  display: inline-block;
  margin-top: 4px;
  color: #5a1d00;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #5a1d00;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
.cv-link:hover {
  background: #5a1d00;
  color: #e8d8a5;
}

/* responsivo */
@media (max-width: 480px) {
  .team-member {
    padding: 14px;
  }
}
/* Remove o recuo de parágrafo nas descrições da página Equipe */
.team-member p {
  text-indent: 0 !important;
  margin-top: 0 !important;
}
/* ===== Footer personalizado Investigação CINVA ===== */

/* cor e estrutura geral */
.site-footer,
footer.site-footer,
footer {
  background-color: #5a1d00 !important; /* marrom escuro */
  color: #e8d8a5 !important;           /* bege claro */
  padding: 16px 40px !important;
  font-family: "Lausanne", sans-serif;
  font-size: 0.92rem;
  line-height: 1.4;
  text-align: left !important;
  border-top: 3px solid #00c853;       /* linha verde opcional */
}

/* remove espaçamentos extras e centralização */
footer .container,
.site-footer .container {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* remove as linhas divisórias que o Freedom adiciona */
footer hr {
  display: none !important;
}

/* links */
footer a {
  color: #e8d8a5 !important;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease-in-out;
}
footer a:hover {
  border-bottom: 1px solid #e8d8a5;
}

/* remove o "Powered by Omeka S" se quiser */
footer .powered-by,
.site-footer .powered-by {
  display: none !important;
}

/* redes sociais no canto direito (opcional) */
footer .social-links {
  float: right;
  margin-top: -20px;
}

/* responsivo */
@media (max-width: 600px) {
  .site-footer,
  footer.site-footer {
    padding: 20px;
    font-size: 0.85rem;
  }
}
/* ===================== RODAPÉ CINVA — padroniza TUDO que é footer/colofão ===================== */

/* 1) Cor, tipografia e espaçamento do(s) rodapé(s) */
body footer,
body .site-footer,
body [class*="footer"],
body [id*="footer"],
body .colophon,
body [class*="colophon"] {
  background-color: #5a1d00 !important; /* marrom escuro */
  color: #e8d8a5 !important;            /* bege */
  padding: 16px 28px !important;        /* mais baixo/compacto */
  text-align: left !important;
  border-top: 3px solid #00c853;        /* linha verde (opcional) */
  font-family: "Lausanne", sans-serif;
  font-size: 0.92rem;
  line-height: 1.4;
}

/* 2) Remove containers azuis e reseta margens internas exageradas */
body footer .container,
body .site-footer .container,
body [class*="footer"] .container,
body .colophon .container {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  box-shadow: none !important;
}

/* 3) Links no padrão bege */
body footer a,
body .site-footer a,
body [class*="footer"] a,
body .colophon a {
  color: #e8d8a5 !important;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all .2s ease-in-out;
}
body footer a:hover,
body .site-footer a:hover,
body [class*="footer"] a:hover,
body .colophon a:hover {
  border-bottom: 1px solid #e8d8a5;
}

/* 4) Encolhe espaços verticais internos (parágrafos, listas, headings) */
body footer p,
body footer li,
body footer h1, body footer h2, body footer h3,
body .site-footer p, body .site-footer li, body .site-footer h1, body .site-footer h2, body .site-footer h3,
body [class*="footer"] p, body [class*="footer"] li, body [class*="footer"] h1, body [class*="footer"] h2, body [class*="footer"] h3,
body .colophon p, body .colophon li, body .colophon h1, body .colophon h2, body .colophon h3 {
  margin: 6px 0 !important;
}

/* 5) Some com divisórias e caixas internas que deixam "bloco azul" gigante */
body footer hr,
body .site-footer hr,
body [class*="footer"] hr,
body .colophon hr,
body .colophon .panel,
body .colophon .box,
body .colophon .well {
  display: none !important;
}

/* 6) Remove "Powered by Omeka S" e ícones sociais, se presentes */
body footer .powered-by,
body .site-footer .powered-by { display: none !important; }
body footer .social, body .colophon .social { display: none !important; }

/* 7) Responsivo: mantém compacto no mobile */
@media (max-width: 600px){
  body footer,
  body .site-footer,
  body [class*="footer"],
  body .colophon {
    padding: 18px 16px !important;
    font-size: 0.88rem;
  }
}
/* ——— Caixa de filtros ——— */
.faceted-browse, .faceted-browse-preview { font-family:"Lausanne",sans-serif; color:#3b1a00; }
.faceted-browse .filters { background:#f1e7c4; border-left:6px solid #00c853; padding:16px; border-radius:12px; }
.faceted-browse .filters h3, .faceted-browse .filters label { color:#5a1d00; font-weight:700; margin:6px 0 4px; }
.faceted-browse .filters select,
.faceted-browse .filters input[type="text"],
.faceted-browse .filters input[type="search"],
.faceted-browse .filters input[type="date"]{ width:100%; padding:8px 10px; border:2px solid #5a1d00; border-radius:8px; background:#fffaf0; color:#3b1a00; }
.faceted-browse .filters .apply,
.faceted-browse .filters button,
.faceted-browse .filters input[type="submit"]{ background:#00c853; color:#5a1d00; border:3px solid #5a1d00; border-radius:10px; font-weight:800; padding:8px 14px; cursor:pointer; }
.faceted-browse .filters .apply:hover{ background:#5a1d00; color:#e8d8a5; }

/* ——— Cabeçalho de ordenação/pager ——— */
.browse .sorting select, .browse .sorting button{ border:2px solid #5a1d00; border-radius:8px; background:#fffaf0; color:#3b1a00; padding:6px 10px; }

/* ——— Resultados em “tabela” ——— */
.resource-list{ display:grid; gap:0; border-top:2px solid rgba(90,29,0,.2); }
.resource-list::before{
  content:"Título   ✦   Data   ✦   Identificador   ✦   Tipo";
  display:grid; grid-template-columns:1.4fr .6fr .9fr .7fr;
  padding:8px 12px; margin-bottom:6px; font-weight:800; color:#5a1d00;
  background:#f7eed1; border:2px solid rgba(90,29,0,.2); border-left:6px solid #00c853; border-radius:12px;
}
.resource-list .resource{
  display:grid; grid-template-columns:1.4fr .6fr .9fr .7fr;
  align-items:start; padding:10px 12px; border-bottom:1px solid rgba(90,29,0,.2); background:transparent;
}
.resource .resource-name a{ color:#5a1d00; text-decoration:underline; font-weight:700; }
.resource .metadata, .resource .resource-metadata{ margin:0; }
.resource .property, .resource .value{ margin:0; }
/* mapeia propriedades comuns para colunas (o tema já exibe esses campos no “corpo”) */
.resource [data-term="dcterms\\:date"]{ grid-column:2; }
.resource [data-term="dcterms\\:identifier"]{ grid-column:3; }
.resource [data-term="dcterms\\:type"]{ grid-column:4; }
.resource-list .resource:hover{ background:#fff6dd; }

/* paginação */
.browse .pagination a, .browse .pager a{ border:2px solid #5a1d00; border-radius:8px; padding:6px 10px; color:#5a1d00; text-decoration:none; }
.browse .pagination a:hover{ background:#5a1d00; color:#e8d8a5; }

/* responsivo */
@media (max-width:900px){
  .resource-list .resource, .resource-list::before{ grid-template-columns:1fr 1fr; }
}
@media (max-width:600px){
  .resource-list .resource, .resource-list::before{ grid-template-columns:1fr; }
}
/* ===== AJUSTES DE ESTILO — PÁGINA "ITENS" / BUSCA PADRÃO ===== */

/* 1. Remove recuo e justifica textos dentro dos cards */
.browse .resource,
.browse .resource .metadata,
.browse .resource .value,
.browse .resource .description {
  text-align: justify !important;
  text-indent: 0 !important;
  margin-bottom: 6px !important;
}

/* 2. Nome/título dos itens */
.browse .resource .resource-name a {
  color: #5a1d00 !important;        /* marrom escuro */
  font-weight: 700;
  text-decoration: none;
  text-align: left !important;
  display: block;
  margin-bottom: 4px;
}

/* 3. Fundo e borda dos cards (para combinar com o site) */
.browse .resource {
  background: #f7eed1 !important;   /* bege claro */
  border-left: 5px solid #00c853;   /* verde */
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* 4. Hover suave */
.browse .resource:hover {
  background: #fff6dd !important;
  transform: translateY(-2px);
  transition: all 0.2s ease-in-out;
}

/* 5. Ajusta espaçamento entre os cards */
.browse .resource-list {
  display: grid;
  gap: 18px;
}

/* 6. Ajusta labels (ex: "Item", "Agent") para cores neutras */
.browse .resource .tags .tag,
.browse .resource .property a {
  background: #e8d8a5 !important;
  color: #5a1d00 !important;
  border: 1px solid #5a1d00 !important;
  font-weight: 600;
  border-radius: 6px;
  padding: 2px 6px;
  text-decoration: none;
}

/* 7. Ajusta tamanho dos títulos “Itens”, “Resultados”, etc. */
.browse h1, .browse h2, .browse h3 {
  color: #5a1d00;
  font-family: "Lausanne", sans-serif;
  font-weight: 800;
  border-left: 6px solid #00c853;
  padding-left: 10px;
}