/* RF Consultoria — efeitos de interação dos cards
   Patch 001 | 12/08/2026
   Mantém o layout original e atua apenas em dispositivos com mouse/trackpad. */

:root {
  --rf-hover-accent: #10bfa7;
  --rf-hover-accent-soft: rgba(16, 191, 167, .14);
  --rf-hover-shadow: 0 18px 42px rgba(18, 36, 33, .12), 0 5px 14px rgba(18, 36, 33, .07);
}

/* Cards que recebem a interação */
[data-framer-name="Estoques elevados"],
[data-framer-name="Compras pouco estruturadas"],
[data-framer-name="Custos logísticos crescentes"],
[data-framer-name="Falta de planejamento"],
[data-framer-name="Indicadores pouco confiáveis"],
[data-framer-name="Processos dependentes de pessoas"],
[data-framer-name="Diagnóstico de Supply Chain"],
[data-framer-name="Redução de Custos"],
[data-framer-name="Gestão de Estoques e Planejamento de Materiais"],
[data-framer-name="Planejamento Integrado e S&OP"],
[data-framer-name="Indicadores e Gestão de Performance"],
[data-framer-name="Redesenho de Processos"],
[data-framer-name="Projetos Específicos"],
[data-framer-name="Projeto fechado"],
[data-framer-name="Consultoria recorrente"],
[data-framer-name="Apoio à implementação"],
[data-framer-name="Atuação híbrida"] {
  overflow: hidden;
  isolation: isolate;
  transition:
    transform .34s cubic-bezier(.2,.72,.2,1),
    box-shadow .34s ease,
    background-color .34s ease,
    border-color .34s ease,
    filter .34s ease;
  will-change: transform;
}

/* Luz suave que atravessa o card */
[data-framer-name="Estoques elevados"]::after,
[data-framer-name="Compras pouco estruturadas"]::after,
[data-framer-name="Custos logísticos crescentes"]::after,
[data-framer-name="Falta de planejamento"]::after,
[data-framer-name="Indicadores pouco confiáveis"]::after,
[data-framer-name="Processos dependentes de pessoas"]::after,
[data-framer-name="Diagnóstico de Supply Chain"]::after,
[data-framer-name="Redução de Custos"]::after,
[data-framer-name="Gestão de Estoques e Planejamento de Materiais"]::after,
[data-framer-name="Planejamento Integrado e S&OP"]::after,
[data-framer-name="Indicadores e Gestão de Performance"]::after,
[data-framer-name="Redesenho de Processos"]::after,
[data-framer-name="Projetos Específicos"]::after,
[data-framer-name="Projeto fechado"]::after,
[data-framer-name="Consultoria recorrente"]::after,
[data-framer-name="Apoio à implementação"]::after,
[data-framer-name="Atuação híbrida"]::after {
  content: "";
  position: absolute;
  inset: -45% -80%;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-34%) rotate(12deg);
  background: linear-gradient(
    105deg,
    transparent 38%,
    rgba(16, 191, 167, .035) 46%,
    rgba(16, 191, 167, .17) 50%,
    rgba(255, 255, 255, .62) 53%,
    rgba(16, 191, 167, .07) 58%,
    transparent 67%
  );
  transition: transform .72s cubic-bezier(.2,.72,.2,1), opacity .26s ease;
}

/* Mantém textos/ícones acima do brilho */
[data-framer-name="Grade de desafios"] > div > *,
[data-framer-name="Grade de soluções"] > div > *,
[data-framer-name="Modelos disponíveis"] > div > * {
  position: relative;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  [data-framer-name="Grade de desafios"] > div:hover,
  [data-framer-name="Grade de soluções"] > div:hover,
  [data-framer-name="Modelos disponíveis"] > div:hover {
    --border-color: rgba(16, 191, 167, .56) !important;
    transform: translateY(-7px) scale(1.012);
    box-shadow: var(--rf-hover-shadow);
    filter: saturate(1.025);
  }

  [data-framer-name="Grade de desafios"] > div:hover::after,
  [data-framer-name="Grade de soluções"] > div:hover::after,
  [data-framer-name="Modelos disponíveis"] > div:hover::after {
    opacity: 1;
    transform: translateX(34%) rotate(12deg);
  }

  /* Linha de destaque discreta no topo */
  [data-framer-name="Grade de desafios"] > div::before,
  [data-framer-name="Grade de soluções"] > div::before,
  [data-framer-name="Modelos disponíveis"] > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 0;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, rgba(16,191,167,.25), var(--rf-hover-accent), rgba(16,191,167,.25));
    transform: translateX(-50%);
    transition: width .34s cubic-bezier(.2,.72,.2,1);
    pointer-events: none;
  }

  [data-framer-name="Grade de desafios"] > div:hover::before,
  [data-framer-name="Grade de soluções"] > div:hover::before,
  [data-framer-name="Modelos disponíveis"] > div:hover::before {
    width: 62%;
  }

  /* Pequeno movimento do título, reforçando a sensação de profundidade */
  [data-framer-name="Grade de desafios"] > div h3,
  [data-framer-name="Grade de soluções"] > div h3,
  [data-framer-name="Modelos disponíveis"] > div h3 {
    transition: transform .34s cubic-bezier(.2,.72,.2,1), color .28s ease;
  }

  [data-framer-name="Grade de desafios"] > div:hover h3,
  [data-framer-name="Grade de soluções"] > div:hover h3,
  [data-framer-name="Modelos disponíveis"] > div:hover h3 {
    transform: translateX(3px);
    color: #0f7468 !important;
  }
}

/* Respeita preferências de acessibilidade do sistema */
@media (prefers-reduced-motion: reduce) {
  [data-framer-name="Grade de desafios"] > div,
  [data-framer-name="Grade de soluções"] > div,
  [data-framer-name="Modelos disponíveis"] > div,
  [data-framer-name="Grade de desafios"] > div::before,
  [data-framer-name="Grade de soluções"] > div::before,
  [data-framer-name="Modelos disponíveis"] > div::before,
  [data-framer-name="Grade de desafios"] > div::after,
  [data-framer-name="Grade de soluções"] > div::after,
  [data-framer-name="Modelos disponíveis"] > div::after {
    transition-duration: .01ms !important;
  }
}


/* RF Consultoria — seletor de idioma | Patch 003
   Ícones de bandeira em ambos os idiomas, sem dependências externas. */
.rf-language-switch {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-left: 12px;
  flex-shrink: 0;
  position: relative;
  z-index: 20;
}
.rf-language-option {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  text-decoration: none !important;
  opacity: .9;
  transition: transform .18s ease, opacity .18s ease, background-color .18s ease;
}
.rf-language-option:hover {
  transform: translateY(-1px);
  opacity: 1;
  background: rgba(16,191,167,.08);
}
.rf-language-icon {
  display: block !important;
  width: 30px !important;
  height: 20px !important;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.16);
  font-size: initial;
  line-height: normal;
}
@media (max-width: 809px) {
  .rf-language-switch { gap: 4px; margin-left: 7px; }
  .rf-language-option { width: 27px; height: 27px; }
  .rf-language-icon {
  display: block !important;
  width: 30px !important;
  height: 20px !important;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.16);
  font-size: initial;
  line-height: normal;
}