/* ═══════════════════════════════════════════════════════════════
   PÁGINAS DE SEGMENTO · sistema espacial decodificado da Hyros,
   traduzido para a paleta e a tipografia da Funil.ai
   ─────────────────────────────────────────────────────────────
   O que a Hyros faz e a gente adota:
   · borda de 1px quase invisível (#EEEEF4) — desenha sem pesar
   · raio 16px dominante, 20px nos blocos grandes
   · sombra enorme e suave com spread negativo (nunca dura)
   · cinza com pigmento (não neutro) — puxado pro quente aqui
   · serif display + sans no corpo
   ═══════════════════════════════════════════════════════════ */

:root{
  --s-borda:#EDEAE3;
  --s-borda-forte:#E2DED5;
  --s-superf:#FFFFFF;
  --s-superf-2:#FAF8F4;
  --s-superf-3:#F4F1EA;
  --s-tinta:#12120F;
  --s-tinta-2:#3A382F;
  --s-tinta-3:#6B675B;
  --s-r:16px;
  --s-r-g:20px;
  --s-r-xg:26px;
  --s-somb:0 24px 60px -30px rgba(30,22,10,.25);
  --s-somb-g:0 30px 70px -30px rgba(30,22,10,.32);
  --s-somb-cor:0 12px 30px -12px rgba(255,107,53,.42);
  --s-sec:clamp(72px,9vw,124px);
}

/* ── base ── */
.seg-inner{max-width:1140px;margin:0 auto;padding:0 28px}
.seg-h2{font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);font-weight:400;
  font-size:clamp(2rem,1.3rem + 2.2vw,2.75rem);line-height:1.14;letter-spacing:-.022em;
  color:var(--s-tinta);margin:0 0 20px}
.seg-h2 em{font-style:italic;
  background:linear-gradient(118deg,var(--nucleo-amarelo),var(--nucleo-laranja) 44%,var(--nucleo-rosa));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.seg-h2--centro{text-align:center;margin-left:auto;margin-right:auto;max-width:19ch}
.seg-sub{font-size:1.0625rem;line-height:1.62;color:var(--s-tinta-3);max-width:60ch;margin:0}
.seg-sub--centro{margin-left:auto;margin-right:auto;text-align:center}
.seg-micro{display:block;font-size:.8125rem;color:var(--s-tinta-3);margin-top:18px}
.btn-g{padding:17px 36px;font-size:1.0625rem;box-shadow:var(--s-somb-cor)}
.eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--s-tinta-3);display:inline-block;margin-bottom:18px}

/* ── topo ── */
.seg-topo{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:13px 28px;background:rgba(253,252,249,.82);
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid var(--s-borda)}
.seg-marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--s-tinta);
  font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);font-size:1.125rem}
.seg-marca b{font-weight:400;color:var(--s-tinta-3)}
.seg-nav{display:flex;align-items:center;gap:26px}
.seg-nav a{font-size:.9375rem;color:var(--s-tinta-2);text-decoration:none;transition:color .2s}
.seg-nav a:hover{color:var(--s-tinta)}

/* ── hero ── */
.seg-hero{position:relative;padding:clamp(56px,7vw,92px) 0 var(--s-sec);overflow:hidden}
.seg-hero h1{font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);font-weight:400;
  font-size:clamp(2.4rem,1.4rem + 3.4vw,4.1rem);line-height:1.04;letter-spacing:-.032em;
  color:var(--s-tinta);margin:0 0 20px;max-width:17ch}
.seg-hero h1 em{font-style:italic;
  background:linear-gradient(118deg,var(--nucleo-amarelo),var(--nucleo-laranja) 44%,var(--nucleo-rosa));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.seg-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.gar-selo{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;
  font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;
  color:#9A3A0C;background:linear-gradient(180deg,#FFF6EE,#FFEFE2);
  border:1px solid #F6D9C0;padding:9px 15px;border-radius:var(--r-full,999px);
  box-shadow:0 1px 2px rgba(30,22,10,.05)}
.gar-selo b{font-weight:600;color:#7A2C06}

/* ── problema · jornada ── */
.prob{padding:var(--s-sec) 0;background:var(--s-superf-2);
  border-top:1px solid var(--s-borda);border-bottom:1px solid var(--s-borda)}
.jor-par{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:38px}
.jor-col{background:var(--s-superf);border:1px solid var(--s-borda);border-radius:var(--s-r-g);
  padding:26px 24px;display:flex;flex-direction:column}
.jor-col--bom{border-color:transparent;box-shadow:var(--s-somb);
  background:linear-gradient(#FFF,#FFF) padding-box,
    linear-gradient(140deg,var(--nucleo-amarelo),var(--nucleo-laranja) 50%,var(--nucleo-rosa)) border-box;
  border:1.5px solid transparent}
.jor-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:16px;border-bottom:1px solid var(--s-borda);margin-bottom:16px;flex-wrap:wrap}
.jor-tag{font-size:.9375rem;font-weight:600;color:var(--s-tinta)}
.jor-sel{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.07em;text-transform:uppercase;
  padding:5px 10px;border-radius:var(--r-full,999px);white-space:nowrap}
.jor-sel--ruim{background:#FBEDE9;color:#A83A22}
.jor-sel--bom{background:linear-gradient(180deg,#FFF6EE,#FFEFE2);color:#9A3A0C;border:1px solid #F6D9C0}
.jor-passos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1}
.jor-passos li{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:baseline;
  padding:10px 0;border-bottom:1px solid var(--s-borda)}
.jor-passos li:last-child{border-bottom:0}
.jor-passos b{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--s-tinta-3)}
.jor-passos span{font-size:.9375rem;color:var(--s-tinta);line-height:1.35}
.jor-passos i{grid-column:2;font-style:normal;font-size:.75rem;color:var(--s-tinta-3);margin-top:2px}
.jor-passos li.quebra span{color:var(--s-tinta-3);text-decoration:line-through;
  text-decoration-color:rgba(168,58,34,.5)}
.jor-passos li.morto span{color:#A83A22;font-weight:600;text-decoration:none}
.jor-passos li.ok b{color:var(--nucleo-laranja)}
.jor-pe{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-top:20px;padding-top:16px;border-top:1px solid var(--s-borda);flex-wrap:wrap}
.jor-pe span{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--s-tinta-3)}
.jor-zero{font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);
  font-size:1.6rem;color:#A83A22;letter-spacing:-.02em}
.jor-cheio{font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);font-size:1.1rem;
  background:linear-gradient(118deg,var(--nucleo-amarelo),var(--nucleo-laranja) 46%,var(--nucleo-rosa));
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ── processo ── */
.seg-muda{padding:var(--s-sec) 0}
.md-lista{display:flex;flex-direction:column;gap:20px;margin-top:38px}
.md{display:flex;gap:28px;align-items:center;background:var(--s-superf);
  border:1px solid var(--s-borda);border-radius:var(--s-r-g);padding:28px}
.md-n{flex:0 0 auto;align-self:flex-start;font-family:var(--font-mono);font-size:.6875rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--nucleo-laranja);
  background:linear-gradient(180deg,#FFF6EE,#FFEFE2);border:1px solid #F6D9C0;
  padding:6px 11px;border-radius:var(--r-full,999px)}
.md h3{font-family:var(--font-corpo);font-size:1.125rem;font-weight:600;line-height:1.32;
  color:var(--s-tinta);margin:0 0 8px;letter-spacing:-.012em}
.md p{font-size:.9375rem;line-height:1.62;color:var(--s-tinta-3);margin:0;max-width:60ch}
.md p b{color:var(--s-tinta);font-weight:600}
.md-vis{flex:0 0 172px;align-self:center;background:var(--s-superf-3);border-radius:14px;
  padding:16px;display:flex;flex-direction:column;gap:8px}
.md-vis-l{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--s-tinta-3);line-height:1.3}
.md-lin{height:5px;border-radius:3px;background:#FFF;overflow:hidden}
.md-lin i{display:block;height:100%;border-radius:3px;width:0;
  background:linear-gradient(90deg,var(--nucleo-amarelo),var(--nucleo-rosa));
  transition:width 1.1s var(--ease-out) .2s}
.vis .md-lin i{width:var(--w,70%)}
.md-num{font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);
  font-size:1.75rem;line-height:1;letter-spacing:-.03em;color:var(--s-tinta)}
.md-num em{font-style:normal;font-size:.46em;color:var(--s-tinta-3)}

/* ── bônus ── */
.bon{padding:var(--s-sec) 0;text-align:center;background:var(--s-superf-2);
  border-top:1px solid var(--s-borda);border-bottom:1px solid var(--s-borda)}

/* ── prova ── */
.prv{padding:var(--s-sec) 0;background:#101014;color:#FFF}
.prv .seg-h2{color:#FFF}
.prv .eyebrow{color:rgba(255,255,255,.5)}
.prv-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;
  margin-top:38px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.09)}
.prv-top article{text-align:center}
.prv-top b{display:block;font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);
  font-size:clamp(2rem,1.4rem + 1.8vw,2.8rem);line-height:1;color:#FFF;letter-spacing:-.03em}
.prv-top b i{font-style:normal;font-size:.48em;color:rgba(255,255,255,.45)}
.prv-top span{display:block;margin-top:9px;font-family:var(--font-mono);font-size:.625rem;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.prv-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:12px;margin-top:38px}
.prv-c{display:flex;align-items:center;gap:12px;background:#191920;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:15px 17px}
.prv-c i{width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(140deg,#2C2C36,#1E1E26)}
.prv-c b{font-size:1.0625rem;color:#FFF;line-height:1.1}
.prv-c em{display:block;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.42);font-style:normal;margin-top:4px}
.prv-aviso{margin-top:26px;font-size:.8125rem;color:rgba(255,255,255,.48)}
.prv-top[data-pendente] b,.prv-grade[data-pendente] .prv-c{opacity:.42}

/* ── marcas ── */
.mrc{padding:56px 0;border-bottom:1px solid var(--s-borda)}
.mrc-h{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--s-tinta-3);font-weight:400;text-align:center;margin:0 0 34px}
.mrc-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px 46px}
.mrc-fila img{max-height:26px;max-width:118px;width:auto;filter:brightness(0);opacity:.36}

/* ── por que ── */
.pq{padding:var(--s-sec) 0}
.pq-caixa{background:var(--s-superf-2);border:1px solid var(--s-borda);border-radius:var(--s-r-xg);
  padding:52px 44px 46px;margin-top:38px}
.pq-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:36px}
.pq-tres article{position:relative;padding-right:30px}
.pq-tres article:not(:last-child)::after{content:'';position:absolute;right:0;top:4px;bottom:4px;
  width:1px;background:var(--s-borda)}
.pq-tres b{display:block;font-size:1.0625rem;font-weight:600;color:var(--s-tinta);margin-bottom:8px}
.pq-i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:11px;background:#FFF;border:1px solid var(--s-borda);color:var(--s-tinta);
  margin-bottom:18px;box-shadow:0 1px 3px rgba(30,22,10,.06)}
.pq-i svg{width:19px;height:19px}
.pq-d{display:block;font-size:.9375rem;line-height:1.55;color:var(--s-tinta-3)}
.pq-fecho{margin:46px auto 0;max-width:21ch;text-align:center;
  font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);
  font-size:clamp(1.35rem,1rem + 1.2vw,1.95rem);line-height:1.22;letter-spacing:-.022em;color:var(--s-tinta)}
.pq-fecho em{font-style:italic;
  background:linear-gradient(118deg,var(--nucleo-amarelo),var(--nucleo-laranja) 46%,var(--nucleo-rosa));
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ── como sei ── */
.sei{padding:var(--s-sec) 0;background:var(--s-superf-2);
  border-top:1px solid var(--s-borda);border-bottom:1px solid var(--s-borda)}
.sei-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:20px;
  margin-top:38px;align-items:start}
.sei-c{background:var(--s-superf);border:1px solid var(--s-borda);border-radius:var(--s-r-g);
  padding:28px 26px;box-shadow:var(--s-somb)}
.sei-c b{display:block;font-size:1.0625rem;font-weight:600;color:var(--s-tinta);margin-bottom:8px}
.sei-c--b{transform:translateY(-24px)}
.sei-c--c{transform:translateY(16px)}
.sei-seta{display:flex;align-items:center;justify-content:center;margin:54px 0 30px;position:relative}
.sei-seta::before{content:'';position:absolute;left:10%;right:10%;top:50%;height:1px;background:var(--s-borda)}
.sei-seta span{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;background:var(--s-tinta)}
.sei-seta svg{width:15px;height:15px}
.sei-fecho{margin:0 auto;max-width:42ch;text-align:center;font-size:1.0625rem;line-height:1.55;
  color:var(--s-tinta-3)}
.sei-fecho b{color:var(--s-tinta);font-weight:600}

/* ── garantia ── */
.gar{padding:var(--s-sec) 0;text-align:center}
.gar-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:16px;
  margin:38px 0 0;text-align:left}
.gar-grade article{background:var(--s-superf-2);border:1px solid var(--s-borda);
  border-radius:var(--s-r-g);padding:26px 24px}
.gar-grade b{display:block;font-size:1rem;color:var(--s-tinta);margin-bottom:7px;font-weight:600}
.gar-grade span{font-size:.9375rem;line-height:1.55;color:var(--s-tinta-3)}

/* ── motores ── */
.mot{padding:var(--s-sec) 0;background:var(--s-superf-2);
  border-top:1px solid var(--s-borda);border-bottom:1px solid var(--s-borda)}
.mot-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px;margin-top:38px}
.mot-grade article{background:var(--s-superf);border:1px solid var(--s-borda);
  border-radius:var(--s-r-g);padding:28px 26px;transition:box-shadow .25s,transform .25s}
.mot-grade article:hover{box-shadow:var(--s-somb);transform:translateY(-2px)}
.mot-n{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;
  color:var(--nucleo-laranja);margin-bottom:18px}
.mot-grade b{display:block;font-family:var(--font-voz);font-variation-settings:var(--voz-eixo);
  font-size:1.3rem;letter-spacing:-.02em;color:var(--s-tinta);margin-bottom:8px}
.mot-d{display:block;font-size:.9375rem;line-height:1.55;color:var(--s-tinta-3)}

/* ── faq ── */
.faq{padding:var(--s-sec) 0}
.faq .seg-h2{text-align:center;margin-bottom:38px}
.faq details{background:var(--s-superf);border:1px solid var(--s-borda);border-radius:var(--s-r);
  padding:20px 24px;margin-bottom:10px;transition:box-shadow .25s}
.faq details[open]{box-shadow:var(--s-somb)}
.faq summary{cursor:pointer;font-size:1.0625rem;font-weight:500;color:var(--s-tinta);
  list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.45rem;color:var(--s-tinta-3);font-weight:300;line-height:1}
.faq details[open] summary::after{content:'−'}
.faq details p{margin:16px 0 0;font-size:.9375rem;line-height:1.65;color:var(--s-tinta-3);max-width:68ch}

/* ── cta ── */
.seg-cta{padding:var(--s-sec) 0;text-align:center}
.cta-gar{background:var(--s-superf-2);border-top:1px solid var(--s-borda)}
.cta-gar .seg-h2{font-size:clamp(2.2rem,1.4rem + 3vw,3.5rem);max-width:15ch}
.seg-cta .btn{margin-top:30px}
.selos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px;
  margin-top:64px;padding-top:38px;border-top:1px solid var(--s-borda)}
.selos img{height:50px;width:auto;opacity:.8}

/* ── rodapé ── */
.seg-rodape{border-top:1px solid var(--s-borda);padding:30px 0}
.seg-rodape .seg-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-size:.8125rem;color:var(--s-tinta-3);flex-wrap:wrap}
.seg-rodape a{color:var(--s-tinta-2);text-decoration:none}
.seg-rodape a:hover{color:var(--s-tinta)}

@media (max-width:860px){
  .seg-inner{padding:0 20px}
  .seg-nav a:not(.btn){display:none}
  .md{flex-direction:column;align-items:flex-start;gap:20px}
  .md-vis{flex-basis:auto;width:100%}
  .pq-caixa{padding:34px 24px 30px}
  .pq-tres article:not(:last-child)::after{display:none}
  .pq-tres article{padding-right:0;padding-bottom:26px;border-bottom:1px solid var(--s-borda)}
  .pq-tres article:last-child{padding-bottom:0;border-bottom:0}
  .sei-c--b,.sei-c--c{transform:none}
  .mrc-fila{gap:26px 30px}
  .selos img{height:40px}
}