/*
Theme Name: Soledad Child IAMP
Theme URI: https://iamp.org.br
Description: Tema filho do Soledad com o sistema visual do IAMP - Instituto de
 Apoio a Museus e Patrimonio (Maringa/PR). Traz o azul institucional das barras
 e do rodape, a tipografia (titulos em Newsreader, texto em sans-serif), os
 cards de projeto, as tarjas "Projeto IAMP" / "Parceria IAMP" e a barra de
 chancelas da Lei Rouanet.
Author: IAMP
Template: soledad
Version: 1.0.0
Text Domain: soledad-child-iamp
*/

/* =========================================================================
   1. TOKENS - sistema visual IAMP
   ========================================================================= */
:root {
  --iamp-azul:            #1e3a5f;  /* azul institucional (barras, rodape) */
  --iamp-azul-escuro:     #00183f;  /* topo/rodape, faixas mais fechadas   */
  --iamp-azul-profundo:   #052451;  /* fundo das secoes escuras            */
  --iamp-azul-medio:      #18417c;  /* destaques, links, botoes            */
  --iamp-azul-claro:      #eef2f8;  /* fundos suaves                       */
  --iamp-terracota:       #8a3819;  /* links de apoio ("ver mais")         */
  --iamp-verde:           #2c6330;  /* selo "Em Planejamento"              */
  --iamp-ambar:           #9e7400;  /* selo secundario                     */
  --iamp-tinta:           #1e1a13;  /* texto corrido                       */
  --iamp-tinta-suave:     #55504a;  /* texto secundario                    */
  --iamp-linha:           #e3e0dd;  /* bordas de cards                     */
  --iamp-papel:           #f7f8fa;  /* fundo de pagina claro               */
  --iamp-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --iamp-sans:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  --iamp-radius: 6px;
}

/* =========================================================================
   2. TIPOGRAFIA
   ========================================================================= */
body,
.penci-entry-content,
.entry-content { font-family: var(--iamp-sans); color: var(--iamp-tinta); }

h1, h2, h3, h4, h5, h6,
.penci-entry-title, .entry-title, .post-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--iamp-serif);
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.15;
}
h1 { font-size: 46px; }
h2 { font-size: 34px; }
h3 { font-size: 21px; font-weight: 600; }

p { line-height: 1.7; }

a { color: var(--iamp-terracota); text-decoration: none; }
a:hover { color: #6d2a11; }

@media (max-width: 767px) {
  h1 { font-size: 30px; }
  h2 { font-size: 25px; }
}

/* =========================================================================
   3. BARRAS INSTITUCIONAIS - topo e rodape
   ========================================================================= */
.iamp-barra-topo,
#header.header-1 .inner-header,
.penci-top-bar,
#navigation.dark-header,
#navigation {
  background: var(--iamp-azul-escuro);
}
#navigation .menu > li > a,
.penci-top-bar a { color: #e3e9f2; }
#navigation .menu > li > a:hover { color: #ffffff; }

#footer-copyright,
.footer-widget-wrapper,
.iamp-rodape {
  background: var(--iamp-azul-escuro);
  color: #b9c4d4;
}
#footer-copyright a, .footer-widget-wrapper a { color: #dde5f0; }

.iamp-rodape {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  padding: 28px 56px; font-size: 13px;
}

/* faixa "Seja Parceiro" no topo */
.iamp-botao-topo {
  display: inline-block; padding: 9px 18px; background: #ffffff;
  color: var(--iamp-azul-escuro); border-radius: 3px;
  font-size: 13px; font-weight: 600;
}
.iamp-botao-topo:hover { background: var(--iamp-azul-claro); color: var(--iamp-azul-escuro); }

/* =========================================================================
   4. SECOES
   ========================================================================= */
.iamp-secao-escura {
  background: var(--iamp-azul-profundo);
  color: #dce4ef;
}
.iamp-secao-escura h1, .iamp-secao-escura h2,
.iamp-secao-escura h3, .iamp-secao-escura h4 { color: #ffffff; }

.iamp-secao-clara { background: var(--iamp-azul-claro); }

.iamp-olho {            /* sobretitulo em caixa alta */
  font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--iamp-azul-medio); font-weight: 600; margin-bottom: 16px;
}
.iamp-secao-escura .iamp-olho { color: #9fb4d4; }

/* Paginas de projeto: fundo proprio + texto branco.
   O JSON do Elementor traz a cor de cada projeto na propria secao;
   estas classes servem de apoio caso o webdesigner monte a mao. */
.iamp-projeto { color: #ffffff; }
.iamp-projeto h1, .iamp-projeto h2, .iamp-projeto h3,
.iamp-projeto h4, .iamp-projeto strong { color: #ffffff; }
.iamp-projeto p { color: rgba(255,255,255,0.86); }
.iamp-projeto a { color: #ffd9a0; }

/* =========================================================================
   5. CARDS
   ========================================================================= */
.iamp-card {
  display: block; background: #ffffff; border: 1px solid var(--iamp-linha);
  border-radius: var(--iamp-radius); overflow: hidden;
  color: var(--iamp-tinta); transition: border-color .18s, box-shadow .18s;
}
.iamp-card:hover {
  border-color: var(--iamp-azul-medio);
  box-shadow: 0 6px 20px rgba(0,24,63,0.10);
  color: var(--iamp-tinta);
}
.iamp-card__media {
  height: 180px; background-size: cover; background-position: center;
}
.iamp-card__media--vazia {
  display: flex; align-items: center; justify-content: center;
  background: repeating-linear-gradient(135deg,#dfe6e9,#dfe6e9 12px,#e9eef0 12px,#e9eef0 24px);
}
.iamp-card__media--vazia span {
  font-family: monospace; font-size: 11px; color: #4b5a60;
  background: #fff; padding: 4px 10px; border-radius: 3px;
}
.iamp-card__corpo { padding: 24px; }
.iamp-card__tarja {
  font-size: 12px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--iamp-azul-medio); font-weight: 600; margin-bottom: 8px;
}
.iamp-card__titulo {
  font-family: var(--iamp-serif); font-size: 19px; font-weight: 600;
  margin: 0 0 8px;
}
.iamp-card__texto {
  font-size: 14px; line-height: 1.55; color: var(--iamp-tinta-suave); margin: 0;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.iamp-grade-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; }
.iamp-grade-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
@media (max-width: 900px) {
  .iamp-grade-3, .iamp-grade-2 { grid-template-columns: 1fr; }
}

/* carrossel de projetos da Home */
.iamp-carrossel { position: relative; }
.iamp-carrossel__trilho {
  display: flex; gap: 24px; overflow-x: auto;
  scroll-snap-type: x mandatory; padding: 0 44px 8px;
}
.iamp-carrossel__trilho .iamp-card {
  scroll-snap-align: start; flex: 0 0 320px;
}
.iamp-carrossel__seta {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d9d6d3;
  background: #fff; font-size: 16px; cursor: pointer; z-index: 5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.iamp-carrossel__seta--esq { left: -20px; }
.iamp-carrossel__seta--dir { right: -20px; }
@media (max-width: 900px) {
  .iamp-carrossel__seta { display: none; }
  .iamp-carrossel__trilho { padding: 0 0 8px; }
}

/* =========================================================================
   6. TARJAS DE AUTORIA - "Projeto IAMP" x "Parceria IAMP"
   Distincao obrigatoria: nao unificar nem remover.
   ========================================================================= */
.iamp-tarja {
  display: inline-block; font-size: 11px; text-transform: uppercase;
  letter-spacing: 1px; font-weight: 700; padding: 4px 10px;
  border-radius: 3px; margin: 0 6px 6px 0; line-height: 1.4;
}
.iamp-tarja--projeto   { background: var(--iamp-azul-medio); color: #ffffff; }
.iamp-tarja--parceria  { background: #ece9e6; color: #3a352f; }
.iamp-tarja--planejamento { background: var(--iamp-verde); color: #ffffff; }
.iamp-tarja--captacao  { background: var(--iamp-ambar); color: #ffffff; }
.iamp-tarja--pronac    { background: #ffffff; color: var(--iamp-azul-medio);
                         border: 1px solid var(--iamp-azul-medio); }

/* =========================================================================
   7. BARRA DE CHANCELAS - Lei Rouanet (manual do MinC, periodo defeso)
   Logos em P&B; ordem e posicao nao podem ser alteradas.
   ========================================================================= */
.iamp-chancelas {
  border: 1px solid var(--iamp-linha); border-radius: var(--iamp-radius);
  overflow: hidden; background: #fbfbfa;
}
.iamp-chancelas__apresenta {
  font-size: 12.5px; color: var(--iamp-tinta-suave); margin: 0 0 10px;
}
.iamp-chancelas__faixa { display: flex; align-items: stretch; }
.iamp-chancelas__bloco {
  flex: 1; padding: 18px 12px; text-align: center;
  border-right: 1px solid var(--iamp-linha);
}
.iamp-chancelas__bloco:last-child { border-right: none; }
.iamp-chancelas__bloco--rouanet {
  flex: 1.2; border-right: 2px solid var(--iamp-azul-medio);
}
.iamp-chancelas__bloco img {
  max-height: 38px; width: auto;
  filter: grayscale(100%);       /* periodo defeso: marcas em P&B */
}
.iamp-chancelas__papel {
  font-size: 9px; text-transform: uppercase; letter-spacing: .5px;
  color: #8a837c; margin-top: 6px;
}
.iamp-chancelas__vaga {
  height: 38px; border: 1px dashed #b9b3ac; border-radius: 4px;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #8a837c;
}
.iamp-chancelas__nota {
  font-size: 12px; line-height: 1.5; color: var(--iamp-tinta-suave);
  margin: 12px 0 0;
}
@media (max-width: 767px) {
  .iamp-chancelas__faixa { flex-wrap: wrap; }
  .iamp-chancelas__bloco { flex: 1 0 50%; border-bottom: 1px solid var(--iamp-linha); }
}

/* =========================================================================
   7b. GALERIA DE ESTUDOS (palco + miniaturas)
   ========================================================================= */
.iamp-galeria__palco {
  position: relative; height: 460px; border-radius: 8px; overflow: hidden;
  background: #111;
}
.iamp-galeria__foto {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: 0; transition: opacity .35s ease;
}
.iamp-galeria__foto.is-ativa { opacity: 1; }
.iamp-galeria__minis {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px;
  margin: 10px 0 16px;
}
.iamp-galeria__mini {
  padding: 0; border: 2px solid transparent; border-radius: 5px;
  overflow: hidden; height: 74px; cursor: pointer; background: none;
  opacity: .62; transition: opacity .2s, border-color .2s;
}
.iamp-galeria__mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.iamp-galeria__mini.is-ativa, .iamp-galeria__mini:hover { opacity: 1; }
.iamp-galeria__mini.is-ativa { border-color: #ffffff; }
@media (max-width: 767px) {
  .iamp-galeria__palco { height: 240px; }
  .iamp-galeria__minis { grid-template-columns: repeat(4, 1fr); }
  .iamp-galeria__mini { height: 56px; }
}

/* =========================================================================
   8. FICHA DO PROJETO (coluna lateral)
   ========================================================================= */
.iamp-ficha {
  background: #fff; border: 1px solid var(--iamp-linha);
  border-radius: 8px; padding: 28px;
}
.iamp-ficha__rotulo {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: #8a837c; margin-bottom: 3px;
}
.iamp-ficha__valor { font-size: 14.5px; font-weight: 600; margin-bottom: 16px; }

/* =========================================================================
   9. AJUSTES ELEMENTOR
   ========================================================================= */
.elementor-widget-heading .elementor-heading-title { font-family: var(--iamp-serif); }
.elementor-section.iamp-secao-escura .elementor-widget-text-editor { color: #dce4ef; }
.elementor-button { border-radius: 3px; font-weight: 500; letter-spacing: .2px; }