/* ===========================================================
   FSC — Tema CLARO com acentos VERMELHO/LARANJA
   Camada de override (carrega por último; vence estilos inline via !important)
   Marca: claro predominante (#EFEFEF) · vermelho vinho #8E1B1B · laranja #F26522
   =========================================================== */

/* Hero (1ª seção): enquadra a imagem de fundo para mostrar mais o prédio.
   O Framer reaplica object-position na hidratação, então forçamos via !important. */
img[alt="Fundo escuro com um livro e degrade"] {
  object-position: 72% 45% !important;
}

:root {
  /* paleta */
  --fsc-bg:       #EFEFEF;
  --fsc-surface:  #F6F6F6;
  --fsc-ink:      #1A1A1A;
  --fsc-muted:    #5A5A5A;
  --fsc-red:      #8E1B1B;
  --fsc-orange:   #F26522;
  --fsc-grad:     linear-gradient(100deg, #8E1B1B 0%, #B5321C 55%, #F26522 100%);

  /* --- fundos navy/escuros -> claro (tokens de background) --- */
  --token-cf54d789-7fb1-4396-b9a2-c951b54e0802: #EFEFEF; /* #01264d  (body)        */
  --token-babefb35-13cc-4fb2-92c1-e1b45643bff3: #E7E7E7; /* #01152e  (barra topo)  */
  --token-038730fd-78b9-4360-b2d6-93b3d71e8363: #ECECEC; /* #011f3d               */
  --token-bf0019a7-968d-4b4e-af37-23dc967cd179: #E7E7E7; /* #012a54               */
  --token-914a41af-632c-4d73-a852-4ab5c4186012: #ECECEC; /* #01193a               */
  --token-d279b89d-f9d9-486e-b726-85ffe8d75a66: #ECECEC; /* #011f40               */
  --token-6e55ad87-0eda-44a4-b762-a7638dc37218: #EFEFEF; /* #000f1f               */
  --token-526b017f-6ab7-4e42-b46d-3e350ae560a8: #EDEDED; /* #00060d  (workshops)  */
  --token-7283118f-cc47-439b-b48d-b6368e70a3ca: #EDEDED; /* #00060d               */
  --token-0fc8372c-c34c-4f24-8d6f-a78b07afcf00: #EDEDED; /* #00030d               */
  --token-6217141c-944c-49d5-b83b-08ebc3046d25: #EDEDED; /* #000305               */

  /* --- dourado -> vermelho/laranja (acentos) --- */
  --token-31289216-77b6-4cf3-9894-17b2a98d3652: #8E1B1B; /* #dbb98a  */
  --token-947fe523-80ec-4587-b839-770d3191018e: #8E1B1B; /* #dbb98a  */
  --token-0a925a95-d1a4-4d68-8b86-377be85bcb0d: #F26522; /* #ffca9b  */
}

/* fundo geral da página */
html body { background: var(--fsc-bg) !important; }

/* texto: branco/claro -> escuro (sobrescreve --framer-text-color inline) */
[style*="--framer-text-color"] { --framer-text-color: var(--fsc-ink) !important; }

/* títulos com texto-gradiente claro -> preenchimento escuro sólido */
h1, h2, h3, h4,
h1 .framer-text, h2 .framer-text, h3 .framer-text, h4 .framer-text {
  background-image: none !important;
  -webkit-text-fill-color: var(--fsc-ink) !important;
  color: var(--fsc-ink) !important;
}

/* qualquer texto preenchido por gradiente claro (ex.: "+10 Mil Alunos") -> escuro */
[style*="-webkit-text-fill-color"] { -webkit-text-fill-color: var(--fsc-ink) !important; }

/* preset de texto claro do Framer (ex.: "FORMADOS EM NOSSA ESCOLA") -> escuro */
.framer-styles-preset-1y49idg { color: var(--fsc-ink) !important; -webkit-text-fill-color: var(--fsc-ink) !important; }

/* texto BRANCO literal inline -> escuro (tema claro predominante) */
[style*="color: rgb(255, 255, 255)"],
[style*="color: rgba(255, 255, 255"],
[style*="color:#fff"], [style*="color: #fff"],
[style*="color: rgb(255,255,255)"] { color: var(--fsc-ink) !important; }

/* selo MEC (arc text) e textos brancos decorativos -> escuro */
.framer-arc-text *, [class*="arc-text"] * { color: var(--fsc-ink) !important; -webkit-text-fill-color: var(--fsc-ink) !important; }

/* selo MEC: ANEL preenchido com o gradiente da marca + TEXTOS brancos */
.framer-1m8z7ed {
  background-image: var(--fsc-grad) !important;
  background-color: #8E1B1B !important;
  border-radius: 50% !important;
}
.framer-40ynto-container svg text, .framer-40ynto-container svg textPath,
.framer-1oxh11h svg text, .framer-1oxh11h svg textPath { fill: #FFFFFF !important; }
/* "MEC" central -> branco (sem filtro) */
#hero .framer-LYbOr { filter: none !important; }

/* =========================================================
   FAIXAS QUE PERMANECEM ESCURAS (contraste): topo + rodapé
   ========================================================= */

/* gradiente da marca (vinho -> laranja do logo) em barras/seções, texto claro:
   topo · barra "Abaixo..." · barra flutuante · rodapé · faixa legal e-MEC */
.framer-gr59jz, .framer-70toes, .framer-JgU4y, .framer-4pGcm, .framer-c0yrn6 {
  background-color: #8E1B1B !important;
  background-image: var(--fsc-grad) !important;
}
/* pílula interna da barra "Abaixo..." -> transparente (texto branco sobre o gradiente) */
.framer-70toes .framer-6d1dqt { background-color: transparent !important; background-image: none !important; }
/* ícone (i) da barra "Abaixo..." -> branco (os paths usam fill/stroke = var(--21h8s6)) */
.framer-70toes svg, .framer-70toes svg * {
  --21h8s6: #FFFFFF !important;
  color: #FFFFFF !important; fill: #FFFFFF !important; stroke: #FFFFFF !important;
}

/* seção "Práticas": fundo da faixa inteira no degradê da marca */
#praticas.framer-1mb5azp { background-image: var(--fsc-grad) !important; }
/* overlay do card: CLARO (transparente sobre o vídeo -> branco no lado do texto) */
#praticas .framer-jrknp8 {
  background-image: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(248,248,248,0.94) 58%, #FFFFFF 100%) !important;
}
/* texto escuro sobre o overlay claro (exceto o pill, que mantém branco no seu gradiente) */
#praticas .framer-text { color: #1A1A1A !important; -webkit-text-fill-color: #1A1A1A !important; }
#praticas [style*="--framer-text-color"] { --framer-text-color: #1A1A1A !important; }
#praticas .framer-wa8m67 .framer-text { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }

/* título do hero -> texto preenchido com o gradiente da marca */
.framer-16ogoeq h1, .framer-16ogoeq h1 .framer-text {
  background-image: var(--fsc-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* número de destaque "+10 Mil Alunos" -> texto preenchido com o gradiente da marca */
.framer-1hz2acu-container .framer-text, .framer-1hz2acu-container span {
  background-image: var(--fsc-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* pill "INSTITUTO FSC" (hero) -> gradiente da marca, texto e ícone brancos */
.framer-wa8m67 {
  background-color: #8E1B1B !important;
  background-image: var(--fsc-grad) !important;
  --border-color: rgba(255,255,255,0.35) !important;
}
.framer-wa8m67 [style*="--framer-text-color"] { --framer-text-color: #FFFFFF !important; }
.framer-wa8m67 *, .framer-wa8m67 p { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
.framer-wa8m67 svg, .framer-wa8m67 svg * { --21h8s6: #FFFFFF !important; fill: #FFFFFF !important; stroke: #FFFFFF !important; }

/* texto claro DENTRO das faixas escuras (vence as regras de texto escuro acima) */
.framer-gr59jz [style*="--framer-text-color"],
.framer-70toes [style*="--framer-text-color"],
.framer-4pGcm  [style*="--framer-text-color"],
.framer-c0yrn6 [style*="--framer-text-color"] { --framer-text-color: #F2F2F2 !important; }

.framer-gr59jz [style*="-webkit-text-fill-color"], .framer-gr59jz h1, .framer-gr59jz h2, .framer-gr59jz h3, .framer-gr59jz h4,
.framer-4pGcm  [style*="-webkit-text-fill-color"], .framer-4pGcm h1, .framer-4pGcm h2, .framer-4pGcm h3, .framer-4pGcm h4,
.framer-c0yrn6 [style*="-webkit-text-fill-color"] {
  -webkit-text-fill-color: #F2F2F2 !important;
  color: #F2F2F2 !important;
  background-image: none !important;
}

/* logo nova (lockup branco) no lugar do "PGFA-logo" */
.framer-7lgrj5 {
  background-image: url("images/logo-nova.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  image-rendering: auto !important;
}

/* botão "Inscreva-se Já!" da barra flutuante -> fundo branco, texto/seta em vermelho */
.framer-JgU4y a.framer-1qjq98p, .framer-JgU4y .framer-1qjq98p { background: #FFFFFF !important; }
.framer-JgU4y .framer-1qjq98p .framer-text { color: #8E1B1B !important; -webkit-text-fill-color: #8E1B1B !important; }
.framer-JgU4y .framer-1qjq98p svg, .framer-JgU4y .framer-1qjq98p svg * {
  --1m973uw: #8E1B1B !important; --21h8s6: #8E1B1B !important; fill: #8E1B1B !important; stroke: #8E1B1B !important; color: #8E1B1B !important;
}

/* re-clarear TODO texto dentro das faixas escuras (vence o flip branco->escuro acima) */
.framer-gr59jz *, .framer-70toes *, .framer-4pGcm *, .framer-c0yrn6 *, .framer-JgU4y * {
  color: #F2F2F2 !important;
  -webkit-text-fill-color: #F2F2F2 !important;
}

/* Seções com FUNDO DE IMAGEM ESCURA (kit-academico.webp / foto do prédio) ->
   manter escuras e deixar o texto sobreposto claro/legível.
   .framer-txjlx5 = Metodologia/Kit · .framer-1mb5azp = Práticas (vídeo) */
.framer-txjlx5 [style*="--framer-text-color"],
.framer-1mb5azp [style*="--framer-text-color"] { --framer-text-color: #F2F2F2 !important; }

.framer-txjlx5 .framer-text, .framer-txjlx5 .framer-text *,
.framer-txjlx5 span, .framer-txjlx5 p,
.framer-txjlx5 h1, .framer-txjlx5 h2, .framer-txjlx5 h3, .framer-txjlx5 h4,
.framer-1mb5azp .framer-text, .framer-1mb5azp .framer-text *,
.framer-1mb5azp span, .framer-1mb5azp p,
.framer-1mb5azp h1, .framer-1mb5azp h2, .framer-1mb5azp h3, .framer-1mb5azp h4 {
  -webkit-text-fill-color: #F2F2F2 !important; color: #F2F2F2 !important; background-image: none !important;
}

/* subtítulo da metodologia ("Conteúdo construído por quem projeta...") -> 2 linhas */
section#metodologia .framer-8l146l p.framer-styles-preset-tt8yg4 { max-width: 430px !important; }

/* ícones da lista de metodologia (sobre fundo vinho) -> brancos */
.framer-1iohkjh svg, .framer-1iohkjh svg * {
  --21h8s6: #FFFFFF !important; --1m973uw: #FFFFFF !important;
  stroke: #FFFFFF !important; color: #FFFFFF !important;
}

/* MOBILE: no card da metodologia a imagem não cobre a lista; o fundo do card
   é claro e o texto/ícones brancos somem. Dá um fundo vinho à lista p/ legibilidade. */
@media (max-width:809px){
  section#metodologia .framer-1iohkjh{
    background: linear-gradient(150deg,#7A1717 0%,#8E1B1B 52%,#B5321C 100%) !important;
    box-shadow: 0 14px 34px rgba(142,27,27,.30) !important;
  }
  /* logo da barra flutuante no mobile: troca a marca antiga (SVG embutido
     "Fundações e Contenções") pelo logo novo, igual ao desktop */
  img.framer-FqEOn{
    content: url("images/logo-nova.png") !important;
    object-fit: contain !important; object-position: left center !important;
    width: 104px !important;
  }
  /* barra flutuante: logo + botão "Inscreva-se Já!" estavam transbordando a
     borda direita. Reduz o padding esquerdo e o tamanho do botão p/ caber c/ folga. */
  .framer-JgU4y{ padding-left: 14px !important; }
  .framer-JgU4y .framer-fZATS{ font-size: 11px !important; padding: 8px 14px 10px !important; gap: 6px !important; }
}