.elementor-86 .elementor-element.elementor-element-470d50b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-470d50b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-86 .elementor-element.elementor-element-794a71e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-069efbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-4b2d7bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-64403cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-9a89866{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-f999ebc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-3f13955{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-3f13955:not(.elementor-motion-effects-element-type-background), .elementor-86 .elementor-element.elementor-element-3f13955 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #666EFF14 0%, #B0B5FD4F 100%);}.elementor-86 .elementor-element.elementor-element-c074b02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-f550fd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-8ee3ed4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-0672c7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-00d2808 *//* ============================================================
   FORÇAR TEXTOS A APARECER — Seção 01 Hero
   ------------------------------------------------------------
   Use isso se, mesmo com estilo inline, algum texto da seção
   continuar invisível no seu site. Esse arquivo ataca as causas
   mais comuns de um tema/Elementor esconder texto: opacity,
   visibility, display, corte por overflow/height, clip-path,
   transform, text-indent negativo, cor "vazada" com o fundo,
   font-size zerado, animações de "reveal" que nunca disparam.
   ------------------------------------------------------------
   ONDE COLAR (escolha uma opção):

   OPÇÃO A — Global (resolve em qualquer lugar que essas classes
   apareçam no site):
   Elementor > Configurações do Site > Custom CSS
   (cole junto com o 00-dr-alan-global.css, ou em um bloco separado)

   OP�ÇÃO B — Só nesta seção (mais cirúrgico):
   Selecione a seção Hero no Elementor > aba "Avançado" >
   "CSS Personalizado" (recurso do Elementor Pro) > cole o
   conteúdo abaixo, mas troque cada seletor ".ar-hero" por
   ".elementor-86 .elementor-element.elementor-element-00d2808" no início (ex: ".elementor-86 .elementor-element.elementor-element-00d2808 .ar-hero-info-desc{...}")
   — é a sintaxe que o Elementor usa pra escopar ao elemento.
============================================================ */

/* --- Textos da faixa de confiança (Consulta de Escuta / Investigação / Acompanhamento) --- */
.ar-hero .ar-hero-info-item,
.ar-hero .ar-hero-info-item *,
.ar-hero .ar-hero-info-desc,
.ar-hero .ar-hero-info-item h4 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  text-indent: 0 !important;
  white-space: normal !important;
  filter: none !important;
  -webkit-filter: none !important;
  pointer-events: auto !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

.ar-hero .ar-hero-info-desc {
  font-size: .78rem !important;
  line-height: 1.4 !important;
  color: #5C6B7D !important;
  -webkit-text-fill-color: #5C6B7D !important;
  background: none !important;
  margin: 0 !important;
  font-family: 'Graphie','Sora',sans-serif !important;
}

.ar-hero .ar-hero-info-item h4 {
  font-size: .94rem !important;
  line-height: 1.3 !important;
  color: #192E49 !important;
  -webkit-text-fill-color: #192E49 !important;
  background: none !important;
  margin: 0 0 2px !important;
  font-family: 'Neuropol Nova','Space Grotesk',sans-serif !important;
  font-weight: 600 !important;
}

/* garante que o item flexível não corte o conteúdo por altura fixa */
.ar-hero .ar-hero-info-item {
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  padding: 26px 22px !important;
}
.ar-hero .ar-hero-info-item > div:last-child {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
}

/* --- Subtítulo principal do Hero (parágrafo de apoio) --- */
.ar-hero .sub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: none !important;
  text-indent: 0 !important;
  color: #D8DEE8 !important;
  -webkit-text-fill-color: #D8DEE8 !important;
  background: none !important;
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
}

/* --- Reforço extra: qualquer animação de "entrada" do tema que
   dependa de classes como .elementor-invisible ou data-animation
   não deve esconder nada dentro da seção Hero --- */
.ar-hero .elementor-invisible {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   00 · CSS GLOBAL — Dr. Alan Requião | Site
   ------------------------------------------------------------
   Cole este arquivo INTEIRO em:
   Elementor > Configurações do Site (Site Settings) > Custom CSS
   Cole só UMA vez — vale para todas as seções da página, e para
   as próximas páginas do site também.

   O QUE ESTE ARQUIVO RESOLVE:

   1) VARIÁVEIS E FONTES CENTRALIZADAS
      Hoje cada seção redeclara :root{--navy:...} e importa a fonte
      separadamente dentro do próprio widget HTML. Os valores são
      idênticos em todas (não há divergência real hoje), mas é
      redundante e frágil — se uma seção for editada no futuro e a
      variável mudar só ali, well isso sim vira um conflito de verdade.
      Centralizar aqui é a correção preventiva.

   2) O BUG RECORRENTE DE COR "APAGADA"
      Em pelo menos 4 pontos diferentes do site (CTAs das Seções 2,
      3 e 5, e o título da Seção 7), texto que devia estar em branco/
      off-white saiu acinzentado — sinal de que o TEMA do WordPress
      tem uma regra global (provavelmente em h1-h6 e/ou em `a`) que
      aplica opacity, filter, ou -webkit-text-fill-color de forma
      genérica, e essa regra tem prioridade suficiente pra vazar por
      cima do que os widgets HTML definem.
      Em vez de continuar caçando isso seção por seção com !important
      pontual (o que fizemos até agora), este bloco neutraliza a causa
      raiz — opacity, filter e text-fill-color — para qualquer link ou
      título DENTRO de qualquer seção prefixada com "ar-" (todas as
      seções desta LP usam esse prefixo). Note que isso NÃO define
      qual cor cada texto deve ter — isso continua sendo controlado
      pelo CSS de cada seção — só impede que um efeito genérico do
      tema apague a cor certa.

   3) ESPAÇAMENTO ENTRE SEÇÕES
      Reset de margin em qualquer <section> — alguns temas aplicam
      margin-bottom padrão em <section> ou nos wrappers de widget do
      Elementor, o que quebraria as emendas de fundo "sem linha" que
      construímos entre seções consecutivas (ex.: Seção 5 → Seção 6).

   4) RESET DE TIPOGRAFIA HERDADA
      list-style, box-sizing e line-height padronizados dentro das
      seções, pra qualquer <ul>, <details>/<summary>, <blockquote>
      não herdar estilo de bullet/indentação that o tema define
      globalmente pra esses elementos.
============================================================ */

/* ---------- 1) VARIÁVEIS GLOBAIS ---------- */
:root{
  --navy:#192E49;
  --deep:#0A101E;
  --off:#FFFCF5;
  --steel:#6A8FB7;
  --steel-soft:#6A8FB71a;
  --ink:#33404F;
  --ink-soft:#5C6B7D;

  /* Graphie (corpo) e Neuropol Nova (títulos/destaques) são as
     fontes oficiais do Manual da Marca. Como não são fontes do
     Google Fonts, o fallback real e carregado é Sora / Space
     Grotesk — quando vocês tiverem os arquivos .woff2 oficiais,
     é só preencher o bloco @font-face abaixo e trocar o "@import"
     por eles; nenhuma outra linha do site precisa mudar, porque
     todo o CSS das seções já referencia estas variáveis. */
  --font-display:'Neuropol Nova','Space Grotesk',sans-serif;
  --font-body:'Graphie','Sora',sans-serif;
}

/* Quando os arquivos oficiais da marca chegarem, descomente e
   aponte para os .woff2 reais (subir em /wp-content/fonts/ ou
   onde preferirem hospedar):

@font-face{
  font-family:'Neuropol Nova';
  src:url('/wp-content/fonts/neuropol-nova-medium.woff2') format('woff2');
  font-weight:500; font-display:swap;
}
@font-face{
  font-family:'Graphie';
  src:url('/wp-content/fonts/graphie-book.woff2') format('woff2');
  font-weight:400; font-display:swap;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700;800&family=Sora:wght@400;500;600&display=swap');


/* ---------- 2) NEUTRALIZA O BUG DE COR "APAGADA" ----------
   Aplica-se a QUALQUER seção cuja classe comece com "ar-" —
   todas as seções desta LP seguem essa convenção de nome
   (.ar-hero, .ar-problema, .ar-sobre, .ar-avalia, .ar-como,
   .ar-paraquem, .ar-querem, .ar-crencas, .ar-feedback, .ar-faq,
   .ar-fim). Reseta apenas opacity/filter/text-fill — nunca a cor
   em si, que cada seção já define corretamente com !important
   local quando precisa. */
section[class^="ar-"] a,
section[class^="ar-"] a *,
section[class^="ar-"] h1,
section[class^="ar-"] h2,
section[class^="ar-"] h3,
section[class^="ar-"] h4{
  opacity:1 !important;
  filter:none !important;
  -webkit-text-fill-color:currentColor !important;
  background-clip:initial !important;
  -webkit-background-clip:initial !important;
}

/* ---------- 3) ESPAÇAMENTO ENTRE SEÇÕES ---------- */
section[class^="ar-"]{
  margin:0 !important;
}

/* ---------- 3B) FAIXA BRANCA ENTRE SEÇÕES (padding duplicado) ----------
   Cada seção já tem seu próprio respiro interno (padding:110px 0 etc.),
   mas o Elementor também aplica padding/margem PRÓPRIA no container
   ("Seção"/"Container") que envolve o widget HTML — resultado: padding
   duplicado, aparecendo como uma faixa branca/cinza entre uma seção e
   a próxima, mesmo com os fundos ajustados para bater na cor certa.
   Esta regra zera o padding/margem do container do Elementor SÓ quando
   ele contém uma das nossas seções (via :has()) — não afeta nenhuma
   outra parte do site, apenas estas seções específicas. */
.elementor-section:has(> .elementor-container section[class^="ar-"]),
.elementor-section:has(section[class^="ar-"]),
.elementor-container:has(section[class^="ar-"]),
.elementor-widget-wrap:has(section[class^="ar-"]),
.elementor-widget:has(> .elementor-widget-container section[class^="ar-"]),
.elementor-widget-container:has(section[class^="ar-"]){
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
}

/* ---------- 4) RESET DE TIPOGRAFIA HERDADA ---------- */
section[class^="ar-"] *{
  box-sizing:border-box;
}
section[class^="ar-"] ul,
section[class^="ar-"] ol{
  list-style:none;
  margin:0;
  padding:0;
}
section[class^="ar-"] details summary::-webkit-details-marker{
  display:none;
}
section[class^="ar-"] blockquote{
  margin:0;
}
section[class^="ar-"] img{
  max-width:100%;
  display:block;
}

/* ---------- 5) ROLAGEM SUAVE (âncoras do menu, se usarem) ---------- */
html{
  scroll-behavior:smooth;
}

/* ============================================================
   6) ANIMAÇÃO DE ENTRADA (fade + subir)
   ------------------------------------------------------------
   Qualquer elemento com a classe .ar-reveal começa invisível e
   levemente deslocado pra baixo; quando entra na tela, o JS
   global (arquivo separado, ver instruções) adiciona a classe
   .is-visible e a transição abaixo faz o "fade + subida" suave.

   ESCALONAMENTO: quando vários itens do mesmo tipo aparecem juntos
   (cards, ícones, itens de lista), cada um soma um pequeno atraso
   ao anterior — dá a sensação de "entrada em sequência" em vez de
   tudo pipocar de uma vez. Isso é automático via seletor :nth-child,
   não precisa de nenhuma edição extra por elemento.

   ACESSIBILIDADE: se o usuário tiver "reduzir movimento" ativado no
   sistema, a animação é desativada e o conteúdo já aparece visível
   direto — sem depender do JS ter rodado.
============================================================ */
.ar-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,.8,.24,1), transform .7s cubic-bezier(.16,.8,.24,1);
  will-change:opacity, transform;
}
.ar-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* escalonamento automático para grupos repetidos de cada seção */
.ar-hero-info-item.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-hero-info-item.ar-reveal:nth-child(2){transition-delay:90ms}
.ar-hero-info-item.ar-reveal:nth-child(3){transition-delay:180ms}

.ar-problema-feature.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-problema-feature.ar-reveal:nth-child(2){transition-delay:100ms}
.ar-problema-stat.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-problema-stat.ar-reveal:nth-child(2){transition-delay:80ms}
.ar-problema-stat.ar-reveal:nth-child(3){transition-delay:160ms}
.ar-problema-stat.ar-reveal:nth-child(4){transition-delay:240ms}

.ar-sobre-pilar.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-sobre-pilar.ar-reveal:nth-child(2){transition-delay:100ms}
.ar-sobre-pilar.ar-reveal:nth-child(3){transition-delay:200ms}

.ar-avalia-item.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-avalia-item.ar-reveal:nth-child(2){transition-delay:90ms}
.ar-avalia-item.ar-reveal:nth-child(3){transition-delay:180ms}
.ar-avalia-item.ar-reveal:nth-child(4){transition-delay:270ms}

.ar-como-step.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-como-step.ar-reveal:nth-child(2){transition-delay:80ms}
.ar-como-step.ar-reveal:nth-child(3){transition-delay:160ms}
.ar-como-step.ar-reveal:nth-child(4){transition-delay:240ms}
.ar-como-step.ar-reveal:nth-child(5){transition-delay:320ms}

.ar-paraquem-list li.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-paraquem-list li.ar-reveal:nth-child(2){transition-delay:60ms}
.ar-paraquem-list li.ar-reveal:nth-child(3){transition-delay:120ms}
.ar-paraquem-list li.ar-reveal:nth-child(4){transition-delay:180ms}
.ar-paraquem-list li.ar-reveal:nth-child(5){transition-delay:240ms}
.ar-paraquem-list li.ar-reveal:nth-child(6){transition-delay:300ms}
.ar-paraquem-list li.ar-reveal:nth-child(7){transition-delay:360ms}

.ar-querem-pill.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-querem-pill.ar-reveal:nth-child(2){transition-delay:50ms}
.ar-querem-pill.ar-reveal:nth-child(3){transition-delay:100ms}
.ar-querem-pill.ar-reveal:nth-child(4){transition-delay:150ms}
.ar-querem-pill.ar-reveal:nth-child(5){transition-delay:200ms}
.ar-querem-pill.ar-reveal:nth-child(6){transition-delay:250ms}
.ar-querem-pill.ar-reveal:nth-child(7){transition-delay:300ms}
.ar-querem-pill.ar-reveal:nth-child(8){transition-delay:350ms}
.ar-querem-pill.ar-reveal:nth-child(9){transition-delay:400ms}

.ar-crencas-card.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-crencas-card.ar-reveal:nth-child(2){transition-delay:90ms}
.ar-crencas-card.ar-reveal:nth-child(3){transition-delay:180ms}
.ar-crencas-card.ar-reveal:nth-child(4){transition-delay:270ms}
.ar-crencas-card.ar-reveal:nth-child(5){transition-delay:360ms}
.ar-crencas-card.ar-reveal:nth-child(6){transition-delay:450ms}

.ar-feedback-card.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-feedback-card.ar-reveal:nth-child(2){transition-delay:120ms}
.ar-feedback-card.ar-reveal:nth-child(3){transition-delay:240ms}

.ar-faq-item.ar-reveal:nth-child(1){transition-delay:0ms}
.ar-faq-item.ar-reveal:nth-child(2){transition-delay:60ms}
.ar-faq-item.ar-reveal:nth-child(3){transition-delay:120ms}
.ar-faq-item.ar-reveal:nth-child(4){transition-delay:180ms}
.ar-faq-item.ar-reveal:nth-child(5){transition-delay:240ms}
.ar-faq-item.ar-reveal:nth-child(6){transition-delay:300ms}

.ar-fim-hook.ar-reveal{transition-delay:0ms}
.ar-fim-body.ar-reveal{transition-delay:100ms}
.ar-fim-triplet.ar-reveal{transition-delay:200ms}
.ar-fim-cta.ar-reveal{transition-delay:300ms}

/* respeita a preferência de "reduzir movimento" do sistema —
   conteúdo aparece direto, sem animação */
@media (prefers-reduced-motion: reduce){
  .ar-reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}/* End custom CSS */