/* =========================================================================
   Reexibe os ícones de redes sociais do rodapé (o design-system.css os
   esconde com display:none — o estilo de hover/cor já existe lá, só o
   display precisa ser revertido). Esconde só os dois que não têm conta
   real da Oblivia pra apontar (YouTube, Vimeo — o footer original do
   template é de agência de vídeo).
   Carregado depois do design-system.css.
   ========================================================================= */

/* "Social" fica dentro de "Top", que o design-system.css esconde por
   inteiro (display:none) — sem isso, desbloquear só o Social não bastava,
   porque um ancestral escondido invisibiliza tudo dentro dele. O resto do
   conteúdo de "Top" (bio da marca, links extra) continua escondido pelas
   próprias regras dele (.framer-obq7no etc.), intocadas aqui. */
.framer-FheAD [data-framer-name="Footer Section"] [data-framer-name="Top"] {
  display: grid !important;
  /* O design-system.css da ate 2.5rem de gap entre linhas do grid em
     mobile (pensado pra quando "Top" tinha varias colunas de conteudo
     real) — com o Social sendo a unica coisa visivel ali, esse gap somava
     por cima do margin-top dele e sobrava um vao enorme antes dos icones.
     Zera aqui pra so o margin-top do Social (abaixo) controlar o espaco. */
  gap: 0 !important;
}

.framer-FheAD [data-framer-name="Footer Section"] [data-framer-name="Social"] {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  gap: 1.4rem !important;
  margin-top: 1.5rem !important;
}

[data-framer-name="Social"] a[data-framer-name="youtube"],
[data-framer-name="Social"] a[data-framer-name="vimeo"] {
  display: none !important;
}

/* Icones maiores, mais faceis de mirar e de ver. */
.framer-FheAD [data-framer-name="Footer Section"] [data-framer-name="Social"] a {
  width: 1.85rem !important;
  height: 1.85rem !important;
}

/* O design-system.css forca fill:currentColor nos icones do rodape (regra
   pensada pros glifos de marca originais, cheios). Os novos icones daqui
   sao de traco fino (mesma familia do resto do site, sem preenchimento) —
   reverte o fill so pra eles. */
.framer-FheAD [data-framer-name="Footer Section"] [data-framer-name="Social"] svg,
.framer-FheAD [data-framer-name="Footer Section"] [data-framer-name="Social"] svg :is(path, rect, circle, line) {
  fill: none !important;
  stroke: currentColor !important;
}