/* ============================================================================
   NA TOCA — CSS base compartilhado (extraido do <style> inline da landing v3)
   Serve landing, pagina do encontro e pagina de valores. Editar AQUI, nunca
   duplicar numa pagina: era a divergencia que fazia o texto sumir na pagina
   do encontro (as regras .esc .lead / .w / .b so existiam dentro da landing).
   Continua vindo ANTES dos demais CSS, como o <style> vinha.
   ========================================================================== */
/* ============================================================================
   NA TOCA — landing definitiva
   Conectoma QG · autoria: Simone Setaro, fonoaudióloga

   REGRAS FIXAS DESTE ARQUIVO
   1. A marca nunca aparece sobre campo de cor. Só carvão ou branco.
      Variante por fundo:  claro → -positiva  ·  carvão → -neg  ·  laranja → -mono
   2. O laranja #F05002 (cor exata da logo) é SINAL: forma, filete, numeral.
      Nunca fundo de leitura. Quando precisa ser superfície de texto, aprofunda
      para #C54202 (branco em cima, 5,06:1 — também serve como texto laranja em fundo claro).
   3. Nenhuma promessa de resultado, urgência artificial ou depoimento inventado.
   4. Valores fora da página (Código de Ética da Fonoaudiologia, art. de publicidade).
   5. Nenhum campo de diagnóstico, laudo ou condição de saúde.
   ========================================================================== */

:root{
  /* PALETA EXTRAIDA DA LOGO OFICIAL (contagem de pixels, ago/2026)
     laranja #F05002 = 4,4% dos pixels | carvao #242424 = 18,9% | branco #FCFCFC
     As derivadas abaixo foram calculadas para contraste WCAG AA. */
  --laranja:#F05002;   /* SINAL — cor exata da logo. Forma, filete, numeral. */
  --terra:#C54202;     /* texto laranja em fundo claro (5,06:1) E superficie com texto branco */
  --terra-esc:#9E3501; /* hover/active — 7,09:1 com branco */
  --brasa:#FC8A4F;     /* laranja sobre carvao — 6,57:1 */
  --carvao:#242424; --carvao-2:#1A1A1A; --carvao-3:#2E2E2E;  /* carvao = quadrado da logo */
  --branco:#FFF; --osso:#FCF4E9; --areia:#FBE7DA;            /* osso = creme da marca */
  --cinza:#5C5854; --cinza-cl:#A9A5A0; --linha:#E6DFD5; --verde:#2F7D4F;

  --disp:'Bricolage Grotesque','Barlow Condensed',sans-serif;
  --disp-peso:800;
  --disp-track:-.018em;
  --cond:'Barlow Condensed','Barlow',sans-serif;
  --sans:'Barlow',-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',Consolas,monospace;

  --t-hero:clamp(2.1rem,4.3vw,3.75rem);
  --t1:clamp(1.58rem,2.8vw,2.5rem);
  --t2:clamp(1.26rem,1.9vw,1.72rem);
  --t3:clamp(1.02rem,1.4vw,1.24rem);

  --e:cubic-bezier(.22,1,.36,1);
  --d2:300ms; --d3:560ms; --d4:900ms;
}
*,*::before,*::after{box-sizing:border-box} *{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:17px;line-height:1.66;color:var(--carvao);
  background:var(--branco);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%} a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer} ul{list-style:none}
::selection{background:var(--terra);color:#fff}
:focus-visible{outline:4px solid var(--laranja);outline-offset:3px}

.d{font-family:var(--disp);font-weight:var(--disp-peso);text-transform:uppercase;line-height:1.02;
   letter-spacing:var(--disp-track);overflow-wrap:break-word}
.h0{font-size:var(--t-hero);line-height:.99} .h1{font-size:var(--t1)}
.h2{font-size:var(--t2)} .h3{font-size:var(--t3)}

.rot{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
  font-weight:500;display:inline-flex;align-items:center;gap:10px;color:var(--terra)}
.rot::before{content:'';width:22px;height:3px;background:var(--laranja)}
.esc .rot{color:var(--brasa)} .ter .rot{color:#fff} .ter .rot::before{background:#fff}

.lead{font-size:clamp(1.02rem,1.2vw,1.15rem);line-height:1.7;color:var(--cinza);max-width:62ch;text-wrap:pretty}
.esc .lead{color:rgba(255,255,255,.86)} .ter .lead{color:rgba(255,255,255,.95)}
.pr{font-size:16.5px;line-height:1.74;color:var(--cinza)} .pr p+p{margin-top:1.05em}
.lead b,.pr b{color:var(--carvao);font-weight:600}
.esc .lead b,.esc .pr b,.ter .lead b{color:#fff}
.lar{color:var(--terra)} .esc .lar{color:var(--brasa)} .ter .lar{color:var(--carvao-2)}

.w{width:min(1240px,100% - 46px);margin-inline:auto}
.wx{width:min(860px,100% - 46px);margin-inline:auto}
.s{padding-block:clamp(60px,7vw,118px);position:relative}
.esc{background:var(--carvao);color:#fff} .os{background:var(--osso)} .ter{background:var(--terra);color:#fff}
.g{display:grid;gap:24px}
.g2{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(236px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.fl{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.en{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.col{display:flex;flex-direction:column} .cx{text-align:center}
.m1{margin-top:8px}.m2{margin-top:16px}.m3{margin-top:24px}
.m4{margin-top:34px}.m5{margin-top:46px}
.risco{width:62px;height:5px;background:var(--laranja)}

/* cabeçalho */
.cab{position:fixed;inset:0 0 auto;z-index:90;padding:15px 0;transition:all var(--d3) var(--e)}
.cab.fx{background:rgba(255,255,255,.97);backdrop-filter:blur(14px);padding:8px 0;border-bottom:3px solid var(--carvao)}
.cab__in{display:flex;align-items:center;gap:20px}
.cab img{height:42px;width:auto;transition:height var(--d3) var(--e)}
.cab.fx img{height:33px}
.cab .neg{display:block} .cab .pos{display:none}
.cab.fx .neg{display:none} .cab.fx .pos{display:block}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{font-family:var(--cond);font-weight:600;font-size:15px;text-transform:uppercase;
  letter-spacing:.05em;padding:8px 11px;color:#fff;position:relative}
.nav a::after{content:'';position:absolute;left:11px;right:11px;bottom:3px;height:3px;background:var(--laranja);
  transform:scaleX(0);transform-origin:left;transition:transform var(--d2) var(--e)}
.nav a:hover::after{transform:scaleX(1)}
.cab.fx .nav a{color:var(--carvao)}

/* botões */
.b{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--cond);
  font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;padding:14px 28px;
  border:3px solid var(--carvao);background:#fff;color:var(--carvao);box-shadow:5px 5px 0 var(--carvao);
  transition:transform var(--d2) var(--e),box-shadow var(--d2) var(--e),background-color var(--d2);text-align:center}
.b:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--carvao)}
.b:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--carvao)}
.b--p{background:var(--terra);color:#fff} .b--p:hover{background:var(--laranja)} .b--p:active{background:var(--terra-esc)}
.b--c{background:#fff;border-color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.42)} .b--c:hover{box-shadow:8px 8px 0 rgba(0,0,0,.42)}
.b--w{background:#0E7A3C;color:#fff} .b--w:hover{background:#129648}
.b--f{border-color:transparent;box-shadow:none;background:none;padding:11px 13px}
.b--f:hover{transform:none;box-shadow:none;color:var(--terra)}
.esc .b--f:hover,.ter .b--f:hover{color:#fff}
.b--s{padding:9px 17px;font-size:14.5px;border-width:2px;box-shadow:3px 3px 0 var(--carvao)}
.b--s:hover{box-shadow:5px 5px 0 var(--carvao)}
.b--bl{width:100%}

/* hero — carvão puro atrás da marca */
.hero{background:var(--carvao);color:#fff;position:relative;overflow:hidden;padding:126px 0 0}
.hero__esp{position:absolute;right:-7%;top:46%;transform:translateY(-50%);width:min(720px,70vw);
  color:var(--carvao-3);opacity:.55;pointer-events:none;z-index:0}
.hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;
  align-items:center;min-height:calc(100svh - 200px);padding-bottom:52px}
.hero h1{margin-top:18px;max-width:15ch}
.hero h1 span{display:block;color:var(--brasa)}
.hero__sub{margin-top:22px;max-width:44ch;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.7;color:rgba(255,255,255,.87)}
.hero__sub b{color:#fff;font-weight:600}
.hero__ac{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero__mc{justify-self:center;display:flex;justify-content:center;padding:10px;max-width:100%}
.hero__mc img{width:clamp(175px,21vw,272px);height:auto;filter:drop-shadow(0 20px 36px rgba(0,0,0,.55))}
.fatos{display:flex;flex-wrap:wrap;position:relative;z-index:2;background:var(--terra);border-top:5px solid #fff}
.fato{flex:1;min-width:166px;padding:18px 17px 22px;border-right:1px solid rgba(255,255,255,.3)}
.fato:last-child{border-right:0}
.fato b{display:block;font-family:var(--disp);font-size:clamp(1.18rem,1.6vw,1.5rem);line-height:1.06;text-transform:uppercase}
.fato span{display:block;font-family:var(--cond);font-size:13.5px;text-transform:uppercase;
  letter-spacing:.09em;color:rgba(255,255,255,.92);margin-top:5px}

/* marquee */
.fx-m{background:var(--terra);color:#fff;padding:13px 0;overflow:hidden;border-block:5px solid #fff}
.fx-m__t{display:flex;gap:40px;width:max-content;animation:corre 48s linear infinite}
.fx-m:hover .fx-m__t{animation-play-state:paused}
.fx-m__i{font-family:var(--disp);font-size:18px;text-transform:uppercase;white-space:nowrap;
  display:flex;align-items:center;gap:40px}
.fx-m__i::after{content:'';width:9px;height:9px;background:var(--laranja);transform:rotate(45deg);flex:none}
@keyframes corre{to{transform:translateX(-50%)}}

/* blocos */
.bl{background:#fff;border:3px solid var(--carvao);box-shadow:5px 5px 0 var(--carvao);padding:25px;
  position:relative;transition:transform var(--d3) var(--e),box-shadow var(--d3) var(--e)}
.bl:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--carvao)}
.bl__n{font-family:var(--disp);font-size:38px;line-height:.9;color:var(--laranja)}
.esc .bl{background:var(--carvao-3);border-color:#fff;box-shadow:5px 5px 0 rgba(255,255,255,.92);color:#fff}
.esc .bl:hover{box-shadow:9px 9px 0 var(--laranja);border-color:var(--laranja)}
.esc .bl__n{color:var(--brasa)} .esc .bl .pr{color:rgba(255,255,255,.86)}

/* reconhecimento */
.rec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.2vw,62px);align-items:center}
.rec__i{padding:16px 0 16px 23px;border-left:5px solid var(--linha);font-size:17px;line-height:1.55;
  transition:border-color var(--d2),padding-left var(--d3) var(--e)}
.rec__i b{font-weight:600;color:var(--carvao)}
.rec__i:hover{border-left-color:var(--laranja);padding-left:31px}
.cartaz{background:var(--carvao);color:#fff;padding:clamp(26px,3.4vw,46px);box-shadow:12px 12px 0 var(--laranja)}
.cartaz p:first-child{font-family:var(--disp);font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1;text-transform:uppercase}
.cartaz p:last-child{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--brasa);
  margin-top:20px;text-transform:uppercase}

/* movimentos */
.tr{display:flex;gap:19px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 26px;
  scrollbar-width:thin;scrollbar-color:var(--laranja) transparent}
.tr::-webkit-scrollbar{height:8px}
.tr::-webkit-scrollbar-thumb{background:var(--laranja)}
.tr::-webkit-scrollbar-track{background:rgba(255,255,255,.14)}
.mv{flex:0 0 clamp(254px,26vw,322px);scroll-snap-align:start;padding:23px;background:var(--carvao-3);
  border:3px solid rgba(255,255,255,.24);transition:border-color var(--d3),transform var(--d3) var(--e),background-color var(--d3)}
.mv:hover{border-color:var(--laranja);transform:translateY(-5px);background:#35312E}
.mv__n{font-family:var(--disp);font-size:42px;line-height:.85;color:var(--brasa)}
.mv__t{font-family:var(--disp);font-size:21px;text-transform:uppercase;margin-top:10px;line-height:1.04}
.mv__p{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;color:var(--brasa);margin-top:7px;text-transform:uppercase}
.mv__d{font-size:15px;line-height:1.62;color:rgba(255,255,255,.86);margin-top:14px}
.mv__c{font-size:14.5px;font-style:italic;color:rgba(255,255,255,.76);margin-top:15px;padding-top:14px;
  border-top:2px solid rgba(255,255,255,.22);line-height:1.5}

/* dimensões */
.dm{background:#fff;border:3px solid var(--carvao);padding:20px;position:relative;overflow:hidden;
  transition:transform var(--d3) var(--e),box-shadow var(--d3) var(--e)}
.dm:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--laranja)}
.dm__n{font-family:var(--mono);font-size:11px;color:var(--terra);letter-spacing:.18em}
.dm__t{font-family:var(--disp);font-size:17.5px;text-transform:uppercase;margin-top:8px;line-height:1.06}
.dm__d{font-size:14.5px;color:var(--cinza);margin-top:8px;line-height:1.55}
.dm__b{position:absolute;left:-3px;bottom:-3px;height:6px;width:0;background:var(--laranja);transition:width var(--d4) var(--e)}
.dm:hover .dm__b{width:calc(100% + 6px)}
.dm--t{background:var(--terra);border-color:var(--carvao)}
.dm--t .dm__n,.dm--t .dm__t{color:#fff} .dm--t .dm__d{color:rgba(255,255,255,.95)}

/* honestidade */
.hn{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#fff;border:4px solid var(--carvao)}
.hn__c{padding:clamp(21px,2.8vw,35px)}
.hn__c:first-child{background:var(--osso)}
.hn h3{font-family:var(--disp);font-size:17.5px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:17px}
.hn li{padding:10px 0;border-bottom:2px solid rgba(35,35,34,.14);font-size:16px;display:flex;gap:12px;line-height:1.4}
.hn .ter li{border-bottom-color:rgba(255,255,255,.34)} .hn li:last-child{border-bottom:0}
.hn__c:first-child li{color:var(--cinza);text-decoration:line-through;text-decoration-color:rgba(35,35,34,.34)}

/* credenciais */
.cr li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:2px solid var(--linha);
  font-size:15.5px;line-height:1.45}
.cr li:last-child{border-bottom:0}
.cr li::before{content:'';width:10px;height:10px;background:var(--laranja);flex:none;margin-top:6px;transform:rotate(45deg)}

/* info / form / faq / nota */
.inf{border:3px solid var(--carvao);padding:19px;background:#fff;color:var(--carvao)}
.inf i{display:block;font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--terra)}
.inf b{display:block;font-family:var(--disp);font-size:19px;text-transform:uppercase;margin-top:8px;
  line-height:1.1;font-weight:400}
.inf span{display:block;font-size:13.5px;color:var(--cinza);margin-top:6px;line-height:1.45}

.form{background:#fff;border:4px solid var(--carvao);box-shadow:12px 12px 0 var(--laranja);padding:clamp(23px,2.8vw,36px)}
.cp{display:flex;flex-direction:column;gap:6px}
.cp>label{font-family:var(--cond);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.05em}
.ob{color:var(--terra)}
.et{width:100%;padding:12px 14px;border:2px solid var(--carvao);background:#fff;font-size:16px;
  font-family:var(--sans);outline:none;transition:box-shadow var(--d2)}
.et:focus{box-shadow:4px 4px 0 var(--laranja)} .et::placeholder{color:var(--cinza-cl)}
textarea.et{min-height:86px;resize:vertical;line-height:1.55}
.aj{font-size:13px;color:var(--cinza);line-height:1.45}
.cs{display:flex;gap:12px;align-items:flex-start;padding:13px;border:2px solid var(--carvao);
  cursor:pointer;background:#fff;transition:box-shadow var(--d2)}
.cs:hover{box-shadow:4px 4px 0 var(--carvao)}
.cs input{margin-top:3px;width:19px;height:19px;accent-color:var(--terra);flex:none;cursor:pointer}
.cs b{display:block;font-family:var(--cond);font-weight:700;font-size:15px;text-transform:uppercase;
  letter-spacing:.04em;margin-bottom:3px}
.cs span{font-size:14.5px;line-height:1.5;color:var(--cinza)}
.cs--o{border-left:8px solid var(--terra)} .cs--f{border-left:8px solid var(--verde)}

.faq{border-top:3px solid var(--carvao)}
.faq details{border-bottom:3px solid var(--carvao)}
.faq summary{list-style:none;cursor:pointer;padding:21px 48px 21px 0;position:relative;
  font-family:var(--disp);font-size:clamp(1rem,1.45vw,1.2rem);text-transform:uppercase;line-height:1.2;
  transition:color var(--d2)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--terra)}
.faq summary::after{content:'';position:absolute;right:5px;top:50%;width:16px;height:16px;transform:translateY(-50%);
  background:linear-gradient(var(--terra) 0 0) center/100% 4px no-repeat,linear-gradient(var(--terra) 0 0) center/4px 100% no-repeat;
  transition:transform var(--d3) var(--e)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(135deg)}
.faq p{padding:0 56px 22px 0;color:var(--cinza);font-size:16px;line-height:1.72}
.faq b{color:var(--carvao)}

.nt{display:flex;gap:13px;padding:16px 19px;border:3px solid var(--carvao);background:var(--areia);
  color:var(--carvao);font-size:15px;line-height:1.55}
.esc .nt{background:var(--carvao-3);border-color:var(--laranja);color:rgba(255,255,255,.92)}
.esc .nt b{color:#fff} .ter .nt{background:#fff;border-color:var(--carvao);color:var(--carvao)}
.rsv{border:3px dashed var(--linha);padding:26px;text-align:center;color:var(--cinza);
  background:repeating-linear-gradient(135deg,#fff 0 12px,var(--osso) 12px 24px)}

/* rodapé */
.rd{background:var(--carvao);color:#fff;padding:60px 0 34px;border-top:8px solid var(--laranja)}
.rd__g{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:30px}
.rd h4{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brasa);margin-bottom:13px}
.rd li{padding:5px 0;color:rgba(255,255,255,.82);font-size:15px}
.rd li a:hover{color:var(--brasa)}

.barra{position:fixed;left:50%;bottom:17px;transform:translate(-50%,150%);z-index:80;display:flex;
  align-items:center;gap:15px;padding:10px 10px 10px 21px;background:var(--carvao);border:3px solid var(--laranja);
  box-shadow:5px 5px 0 var(--laranja);transition:transform var(--d4) var(--e);max-width:calc(100vw - 26px)}
.barra.on{transform:translate(-50%,0)}
/* rolando para baixo a barra sai de cena — ela tapava a ultima linha do
   cartaz no celular. Volta assim que a rolagem inverte. Vem depois do .on
   de proposito: mesma especificidade, ganha a ordem. */
.barra.on.desce{transform:translate(-50%,150%)}
.barra span{font-family:var(--cond);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.05em;
  color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prg{position:fixed;top:0;left:0;height:4px;background:var(--laranja);z-index:100;width:0}

[data-r]{opacity:0;transform:translateY(20px);transition:opacity var(--d4) var(--e),transform var(--d4) var(--e);
  transition-delay:var(--dl,0ms)}
[data-r].v{opacity:1;transform:none}
[data-r=e]{transform:translateX(-24px)} [data-r=d]{transform:translateX(24px)} [data-r=z]{transform:scale(.97)}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fl-an{animation:fl 8s ease-in-out infinite}

@media(max-width:960px){
  .hero__in,.rec,.hn,.rd__g{grid-template-columns:1fr}
  [style*="grid-template-columns:280px 1fr"],
  [style*="grid-template-columns:.9fr 1.1fr"],
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  .nav{display:none} .hero__mc{order:-1} .hero__mc img{width:min(200px,52vw)}
  .barra span{display:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  [data-r]{opacity:1!important;transform:none!important}
}