/* ==========================================================================
   OVERRIDES — Pós-Graduação em Engenharia de Fundações e Contenções
   Carregado DEPOIS do CSS do GreatPages. Toda customização mora aqui;
   não edite o CSS minificado dentro do index.html.
   ========================================================================== */

:root{
  /* --- Paleta da identidade visual do curso --- */
  --fc-navy:        #0F2B5C;   /* azul-marinho principal          */
  --fc-navy-deep:   #081A3A;   /* azul profundo (sombras/overlay) */
  --fc-gold:        #D9BE90;   /* dourado/areia                   */
  --fc-gold-light:  #E8D3AE;   /* dourado claro (hover/realce)    */

  /* ------------------------------------------------------------------
     IMAGEM DE FUNDO DO HERO
     Quando a imagem nova estiver pronta: salve em assets/ e troque
     apenas a linha abaixo (comente a primeira, descomente a segunda).
     ------------------------------------------------------------------ */
  --fc-hero-bg: url("bg-fundacoes.webp");   /* 99 KB — versao servida ao visitante */
  /* --fc-hero-bg: url("bg-fundacoes.png"); */  /* 1,6 MB — PNG master, so para reverter */

  /* Intensidade do escurecimento. 0 = imagem crua, 1 = bem escuro.
     Suba se o texto branco ficar difícil de ler; desça se a foto sumir. */
  --fc-overlay-strength: 0.72;
}

/* --------------------------------------------------------------------------
   1. Bloco hero — troca da imagem de fundo
   -------------------------------------------------------------------------- */
#b_3635818_1_1787340759906163138{
  background-image: var(--fc-hero-bg);
  background-color: var(--fc-navy-deep);
  /* A arte e retrato (1122x1402). Num bloco largo o "cover" escala pela
     largura e sobra muito no eixo vertical, entao ancoramos mais abaixo
     para manter o bate-estacas e as armaduras no enquadramento. */
  background-position: 50% 72%;
}

/* --------------------------------------------------------------------------
   2. Overlay navy
   Substitui o overlay roxo-escuro (#0f0815 @ 30%) do tema original.
   Duas camadas:
     a) radial  — escurece o MIOLO, onde fica o texto branco;
     b) linear  — escurece topo e rodapé, para o bloco casar com o footer.
   -------------------------------------------------------------------------- */
#b_3635818_1_1787340759906163138 .overlay.gpr26{
  opacity: var(--fc-overlay-strength);
  background:
    radial-gradient(ellipse 85% 65% at 50% 45%,
      rgba(8, 26, 58, 0.78) 0%,
      rgba(8, 26, 58, 0.62) 45%,
      rgba(15, 43, 92, 0.38) 100%),
    linear-gradient(180deg,
      rgba(8, 26, 58, 0.60) 0%,
      rgba(8, 26, 58, 0.25) 35%,
      rgba(8, 26, 58, 0.30) 65%,
      rgba(8, 26, 58, 0.85) 100%);
}

/* Em telas pequenas o texto ocupa quase toda a largura:
   escurece um pouco mais para não perder contraste. */
@media (max-width: 800px){
  #b_3635818_1_1787340759906163138 .overlay.gpr26{
    background:
      radial-gradient(ellipse 120% 70% at 50% 45%,
        rgba(8, 26, 58, 0.84) 0%,
        rgba(8, 26, 58, 0.70) 50%,
        rgba(15, 43, 92, 0.50) 100%),
      linear-gradient(180deg,
        rgba(8, 26, 58, 0.65) 0%,
        rgba(8, 26, 58, 0.35) 35%,
        rgba(8, 26, 58, 0.88) 100%);
  }
}

/* ==========================================================================
   3. LOGO DO CURSO (topo)
   Substitui o logo de "Unidades Armazenadoras de Grãos" pelo de
   "Fundações e Contenções". O container é position:absolute com left fixo,
   então a largura NÃO pode mudar (deslocaria o logo do centro).
   Por isso: background-size contain — a arte se encaixa sem distorcer.
   ========================================================================== */
.gpr2 .imagem_fundo{
  background-image: url("logo-horizontal.webp") !important;  /* 33 KB (era 194 KB) */
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ==========================================================================
   4. VERDE  ->  DOURADO
   O tema trazia dois verdes do curso antigo:
     #3bbb47 (claro) e #578019 (escuro).
   Ambos foram substituídos pelo dourado da identidade visual.
   ========================================================================== */

/* 4.1 — Parágrafo de destaque ("Escolher uma pós-graduação é decidir ir além…")
        era #3bbb47 */
.gpr9,
.gpr9 *{
  color: var(--fc-gold) !important;
}

/* 4.2 — Pill "Espere, não saia dessa página ainda…"
        borda e brilho eram #578019 */
.e_caixa.gpr11{
  border-color: var(--fc-gold) !important;
  filter: drop-shadow(0 0 6px rgba(217, 190, 144, 0.75)) !important;
}

/* 4.3 — Card "Fique de olho na sua caixa de e-mail!"
        fundo era #578019 sólido com texto branco.
        Agora: dourado sólido — o que exige texto navy para manter contraste. */
.e_caixa.gpr18{
  background-color: var(--fc-gold) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

/* 4.4 — Textos dentro do card: branco -> navy (contraste sobre o dourado) */
.gpr21, .gpr21 *,
.gpr24, .gpr24 *{
  color: var(--fc-navy) !important;
}

/* ==========================================================================
   5. RODAPE
   Substitui o rodape gerado pelo GreatPages (elementos absolutos, dificil
   de estender) por markup proprio: mesma informacao + selo do MEC, logo da
   Anhanguera e o texto institucional da parceria.
   ========================================================================== */
.fc-rodape{
  background: var(--fc-footer-bg, #0A1424);
  padding: 46px 24px 54px;
  font-family: Poppins, sans-serif;
  text-align: center;
}
.fc-rodape__inner{
  max-width: 780px;
  margin: 0 auto;
}

/* Logo FSC */
.fc-rodape__fsc{
  width: 192px; height: auto;
  display: block; margin: 0 auto 22px;
}

/* Razao social / CNPJ */
.fc-rodape__legal{
  margin: 0;
  font-size: 12px; font-weight: 300; line-height: 1.75;
  color: #A8A8A8;
}

/* Selo do MEC + a chancela ao lado */
.fc-rodape__mec{
  display: flex; align-items: center; justify-content: center;
  gap: 12px;
  margin-top: 22px;
}
.fc-rodape__mec img{ width: 46px; height: auto; display: block; }
.fc-rodape__mec span{
  font-size: 11px; font-weight: 400;
  letter-spacing: 2.4px;              /* tracking largo, como na referencia */
  text-transform: uppercase;
  color: #7E8896;
}

/* Divisoria */
.fc-rodape__linha{
  border: 0; height: 1px;
  background: rgba(255,255,255,0.13);
  margin: 34px auto;
  max-width: 690px;
}

/* Bloco da Anhanguera */
.fc-rodape__anhanguera{
  width: 104px; height: auto;
  display: block; margin: 0 auto 20px;
}
.fc-rodape__parceria{
  margin: 0;
  font-size: 13px; font-weight: 300; line-height: 1.7;
  color: #C3C9D2;
  text-wrap: pretty;                  /* evita palavra sozinha na ultima linha */
}

@media (max-width: 800px){
  .fc-rodape{ padding: 38px 22px 44px; }
  .fc-rodape__mec{ flex-direction: column; gap: 10px; }
  .fc-rodape__parceria{ font-size: 12.5px; text-align: left; }
  .fc-rodape__linha{ margin: 28px auto; }
}