/* ==========================================================================
   Mind by Horus. Folha complementar da aba /mind.
   Carregar SEMPRE depois de style.css. Nao substitui nem altera o CSS do site.
   Paleta Mind: laranja #C67312, grafite #373432.
   ========================================================================== */

/* ===== Tokens da aba Mind =====
   Redefine as variaveis do site apenas dentro das paginas do Mind.
   Todo componente herdado (botao, label, hero, faq) muda de cor sozinho. */
body.mind, body.pd.mind, body.fce.mind{
  --blue:#C67312; --blue2:#A35C0E;
  --ink:#373432; --ink2:#4A4744;
}

/* ===== Hero da aba ===== */
.mind-hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;
  padding:clamp(7.5rem,13vw,11rem) 0 clamp(3.5rem,6vw,5.5rem)}
.mind-hero::after{content:'';position:absolute;right:-12%;top:-20%;width:46vw;height:130%;
  background:radial-gradient(circle at 50% 50%,rgba(198,115,18,.30),transparent 62%);pointer-events:none}
.mind-hero .w{position:relative;z-index:1}
.mind-mark{height:clamp(58px,9vw,88px);width:auto;margin-bottom:1.75rem}
.mind-mark--sm{height:clamp(46px,6vw,58px);width:auto;display:block;margin:0 0 1.25rem}
.mind-hero h1{color:#fff;font-size:clamp(2.1rem,5vw,4rem);margin:1.25rem 0 1.5rem;max-width:20ch}
.mind-hero h1 em{color:var(--blue);font-style:normal}
.mind-hero .lead{color:rgba(255,255,255,.72);max-width:60ch}

/* ===== Faixa de prova ===== */
.mind-prova{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:2.5rem}
.mind-prova>span,.mind-prova>a{display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none}
.mind-prova strong{color:var(--blue)}
.mind-prova>a:hover{border-color:var(--blue)}
.mind-prova .estrela{color:#f5b301}

/* ===== Cartoes de especialidade ===== */
.mind-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.75rem}
.mind-card{display:flex;flex-direction:column;gap:.75rem;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem;transition:var(--ease)}
.mind-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 40px rgba(55,52,50,.10)}
.mind-card .ico{width:44px;height:44px;color:var(--blue)}
.mind-card h3{font-size:1.25rem}
.mind-card p{font-size:.9375rem;max-width:100%;flex:1}
.mind-card .ir{font-weight:700;font-size:.875rem;color:var(--blue)}
.mind-card--vazio{background:var(--ink);border-color:transparent}
.mind-card--vazio h3{color:#fff}
.mind-card--vazio p{color:rgba(255,255,255,.62)}

/* ===== Linhas de especialidade (grupos de cartoes) ===== */
.mind-linha{margin-top:3.5rem}
.mind-linha:first-of-type{margin-top:2.75rem}
.mind-linha-tit{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.15rem,2vw,1.45rem);margin:0}
.mind-linha-tit::before{content:'';width:26px;height:2px;background:var(--blue);flex:0 0 26px}
.mind-linha-sub{color:var(--muted);font-size:.9375rem;margin:.625rem 0 0;max-width:62ch}
.mind-linha .mind-cards{margin-top:1.5rem}
.mind-card h3{font-size:1.1875rem;line-height:1.35}

/* ===== Chips de ramos ===== */
.mind-ramos{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.mind-ramos li{border:1px solid var(--line);border-radius:999px;padding:.5rem .95rem;
  font-size:.8125rem;font-weight:600;color:var(--ink2);background:var(--white)}
.mind-nota{margin-top:1.75rem;font-size:.875rem;color:var(--muted);max-width:70ch}

/* ===== Lista de sintomas e de resultados ===== */
.mind-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem 3rem;margin-top:2.25rem}
.mind-lista li{display:flex;gap:.75rem;line-height:1.7}
.mind-lista li::before{content:'';flex:0 0 8px;height:8px;margin-top:.6rem;border-radius:2px;background:var(--blue)}
.mind-lista--claro li{color:rgba(255,255,255,.78)}

/* ===== Bloco de destaque (tese) ===== */
.mind-tese{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(2rem,4vw,3.25rem)}
.mind-tese h2{color:#fff;max-width:24ch}
.mind-tese p{color:rgba(255,255,255,.66);margin-top:1.25rem}

@media (max-width:760px){
  .mind-hero h1{max-width:100%}
  /* No celular o texto ocupa a largura toda: foto mais discreta e vinda da direita */
  .mind-palco--una .mind-foto{background-position:72% center;opacity:.55}
  .mind-veu{background:linear-gradient(180deg,rgba(55,52,50,.94) 12%,rgba(55,52,50,.86) 52%,rgba(55,52,50,.45) 100%)}
  .mind-veu::after{background:none}
  .mind-aurora.a{width:80vw;height:80vw;top:-10%}
}

/* ==========================================================================
   Pagina de decisao do Mind (/mind/falar). Mesmo componente do site.
   ========================================================================== */

body.pd { margin: 0; min-height: 100%; }
body.pd { background: var(--gray); font-family: var(--f); color: var(--ink); }

/* Topo escuro: argumento e prova */
.pd-hero { background: var(--ink); color: var(--white); padding: 1.5rem 1.25rem 2rem; }
.pd-hero-in { max-width: 1040px; margin: 0 auto; }
.pd-logo { height: 28px; width: auto; display: block; margin-bottom: 1.5rem; }
.pd-eyebrow { display: inline-flex; align-items: center; gap: .625rem; font-size: .6875rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--blue); margin-bottom: .75rem; }
.pd-eyebrow::before { content: ''; width: 20px; height: 2px; background: currentColor; }
.pd-hero h1 { font-size: clamp(1.625rem, 5.5vw, 2.5rem); letter-spacing: -.03em; line-height: 1.1; margin: 0 0 .875rem; max-width: 22ch; color: var(--white); }
.pd-hero h1 em { font-style: normal; color: var(--blue); }
.pd-sub { color: rgba(255,255,255,.72); font-size: 1rem; line-height: 1.6; margin: 0 0 1.5rem; max-width: 60ch; }
.pd-prova { display: flex; flex-wrap: wrap; gap: .625rem; }
.pd-prova span, .pd-prova a { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .875rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; font-size: .8125rem; font-weight: 600; color: var(--white); text-decoration: none; }
.pd-prova strong { color: var(--blue); }
.pd-prova a:hover { border-color: var(--blue); }
.pd-prova .estrela { color: #f5b301; }

/* Cartao de acao */
.pd-wrap { max-width: 1040px; margin: -1rem auto 0; padding: 0 1rem 3rem; }
.pd-card { background: var(--white); border-radius: var(--r-xl); box-shadow: 0 20px 60px rgba(0,0,0,.18); overflow: hidden; }
.pd-grid { display: grid; grid-template-columns: 1fr; }
.pd-col { padding: 1.5rem 1.25rem; }
.pd-col + .pd-col { border-top: 1px solid var(--line); }
.pd-col h2 { font-size: 1.125rem; letter-spacing: -.02em; margin: 0 0 .375rem; }
.pd-col .dica { color: var(--muted); font-size: .875rem; line-height: 1.6; margin: 0 0 1rem; }

/* Botao WhatsApp */
.pd-wpp { display: flex; align-items: center; justify-content: center; gap: .625rem; width: 100%; box-sizing: border-box; background: #25D366; color: var(--white); border: none; border-radius: 999px; cursor: pointer; padding: 1rem 1.5rem; font-family: inherit; font-weight: 700; font-size: 1.0625rem; text-decoration: none; transition: background .15s ease, transform .15s ease; }
.pd-wpp:hover { background: #1fb857; transform: translateY(-1px); }
.pd-wpp svg { width: 22px; height: 22px; flex-shrink: 0; }
.pd-num { text-align: center; color: var(--muted); font-size: .8125rem; margin: .625rem 0 0; }
.pd-qr { display: none; text-align: center; margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px dashed var(--line); }
.pd-qr img { width: 168px; height: 168px; display: block; margin: 0 auto .5rem; border: 1px solid var(--line); border-radius: var(--r); padding: 6px; background: #fff; }
.pd-qr p { color: var(--muted); font-size: .8125rem; margin: 0; line-height: 1.5; }

/* Formulario curto */
.pd-campo { margin-bottom: .875rem; }
.pd-campo label { display: block; font-size: .8125rem; font-weight: 600; margin-bottom: .375rem; }
.pd-campo label .opc { font-weight: 400; color: var(--muted); }
.pd-campo input, .pd-campo textarea { width: 100%; box-sizing: border-box; padding: .75rem .875rem; border: 1.5px solid var(--line); border-radius: var(--r); font-family: inherit; font-size: .9375rem; color: var(--ink); background: var(--white); }
.pd-campo input:focus, .pd-campo textarea:focus { outline: none; border-color: var(--blue); }
.pd-campo textarea { min-height: 76px; resize: vertical; }
.pd-btn { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; background: var(--blue); color: var(--white); border: none; border-radius: 999px; cursor: pointer; padding: .9375rem 1.5rem; font-family: inherit; font-weight: 700; font-size: 1rem; transition: background .15s ease; }
.pd-btn:hover { background: var(--blue2); }
.pd-btn:disabled { opacity: .6; cursor: wait; }
.pd-nota { text-align: center; color: var(--muted); font-size: .75rem; margin: .625rem 0 0; }
.pd-ok, .pd-erro { display: none; text-align: center; padding: .5rem 0; }
.pd-ok .icone { width: 56px; height: 56px; border-radius: 50%; background: #e7f6ec; color: #1a9e50; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
.pd-ok .icone svg { width: 26px; height: 26px; }
.pd-ok h3, .pd-erro h3 { font-size: 1.125rem; margin: 0 0 .5rem; letter-spacing: -.02em; }
.pd-ok p, .pd-erro p { color: var(--muted); font-size: .9rem; line-height: 1.6; margin: 0; }
.pd-erro a { color: var(--blue); font-weight: 600; text-decoration: underline; }
.hp { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }

.pd-rodape { text-align: center; color: var(--muted); font-size: .75rem; padding: 0 1rem 2rem; line-height: 1.6; }
.pd-rodape a { color: inherit; }

/* Desktop: duas colunas, formulario em destaque, QR visivel */
@media (min-width: 820px) {
  .pd-hero { padding: 2rem 2rem 3rem; }
  .pd-wrap { margin-top: -1.5rem; }
  .pd-grid { grid-template-columns: 1.15fr 1fr; }
  .pd-col { padding: 2rem; }
  .pd-col + .pd-col { border-top: 0; border-left: 1px solid var(--line); }
  .pd-col.form { order: 1; }
  .pd-col.wpp { order: 2; background: var(--gray); }
  body.desktop .pd-qr { display: block; }
}


/* ==========================================================================
   Formulario longo de qualificacao do Mind (/mind/fale-com-especialista).
   ========================================================================== */

/* Pagina compacta tipo cartao. Nao usa header, menu nem rodape do site. */
body.fce { min-height: 100%; }
body.fce {
  margin: 0;
  background: var(--ink);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: var(--f);
}
.fce-card {
  background: var(--white);
  width: 100%;
  max-width: 520px;
  min-height: 100vh;
  padding: clamp(1.5rem, 5vw, 2.5rem);
  box-sizing: border-box;
}
@media (min-width: 640px) {
  body.fce { display: block; padding: 0; }
  .fce-card {
    min-height: 0;
    max-width: 720px;
    margin: 2.5rem auto;
    border-radius: var(--r-xl);
    box-shadow: 0 24px 80px rgba(0,0,0,.45);
  }
  #fce-form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.125rem; }
  #fce-form > * { grid-column: 1 / -1; }
  #fce-form .fce-campo.meia { grid-column: auto / span 1; }
}
.fce-logo { height: 30px; width: auto; display: block; margin-bottom: 1.75rem; }
.fce-eyebrow {
  display: inline-flex; align-items: center; gap: .625rem;
  font-size: .6875rem; font-weight: 700; letter-spacing: .24em;
  text-transform: uppercase; color: var(--blue); margin-bottom: .75rem;
}
.fce-eyebrow::before { content: ''; width: 20px; height: 2px; background: currentColor; }
.fce-card h1 { font-size: clamp(1.5rem, 5vw, 1.875rem); letter-spacing: -.03em; line-height: 1.15; margin: 0 0 .75rem; color: var(--ink); }
.fce-lead { color: var(--muted); font-size: .9375rem; line-height: 1.65; margin: 0 0 1.75rem; }
.fce-bloco { font-size: .8125rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin: 1.5rem 0 .75rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.fce-bloco:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.fce-campo { margin-bottom: .875rem; }
.fce-campo label { display: block; font-size: .8125rem; font-weight: 600; color: var(--ink); margin-bottom: .375rem; }
.fce-campo label .opc { font-weight: 400; color: var(--muted); }
.fce-campo input, .fce-campo select, .fce-campo textarea {
  width: 100%; box-sizing: border-box;
  padding: .75rem .875rem;
  border: 1.5px solid var(--line); border-radius: var(--r);
  font-family: inherit; font-size: .9375rem; color: var(--ink);
  background: var(--white);
  transition: border-color .15s ease;
}
.fce-campo select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b80' stroke-width='1.8' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .875rem center; padding-right: 2.25rem; }
.fce-campo input:focus, .fce-campo select:focus, .fce-campo textarea:focus { outline: none; border-color: var(--blue); }
.fce-campo textarea { min-height: 88px; resize: vertical; }
.fce-btn {
  display: flex; align-items: center; justify-content: center; gap: .625rem;
  width: 100%; margin-top: 1.5rem;
  background: #25D366; color: var(--white);
  border: none; border-radius: 999px; cursor: pointer;
  padding: 1rem 1.5rem; font-family: inherit; font-weight: 700; font-size: 1rem;
  transition: background .15s ease, transform .15s ease;
}
.fce-btn:hover { background: #1fb857; transform: translateY(-1px); }
.fce-btn:disabled { opacity: .6; cursor: wait; transform: none; }
.fce-btn svg { width: 20px; height: 20px; flex-shrink: 0; }
.fce-nota { text-align: center; font-size: .75rem; color: var(--muted); margin-top: .875rem; }
.hp { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }
.fce-btn.enviar { background: var(--blue); }
.fce-btn.enviar:hover { background: var(--blue2); }
.fce-ok, .fce-erro { display: none; text-align: center; padding: 1.5rem 0 .5rem; }
.fce-ok .icone { width: 64px; height: 64px; border-radius: 50%; background: #e7f6ec; color: #1a9e50; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
.fce-ok .icone svg { width: 30px; height: 30px; }
.fce-ok h2, .fce-erro h2 { font-size: 1.375rem; letter-spacing: -.02em; margin: 0 0 .625rem; color: var(--ink); }
.fce-ok p, .fce-erro p { color: var(--muted); font-size: .9375rem; line-height: 1.65; margin: 0 0 .5rem; }
.fce-ok .copia { display: none; }
.fce-erro .icone { width: 64px; height: 64px; border-radius: 50%; background: #fdecec; color: #d64545; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; font-size: 1.75rem; font-weight: 700; }
.fce-erro a.wpp { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1rem; color: var(--blue); font-weight: 600; text-decoration: underline; }

/* ==========================================================================
   Movimento e interacao da aba Mind. Tudo respeita prefers-reduced-motion.
   ========================================================================== */

/* ===== Palco de fotos do topo ===== */
.mind-hero{isolation:isolate}
.mind-palco{position:absolute;inset:0;overflow:hidden;z-index:0}
.mind-foto{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;animation:mind-troca 27s infinite;will-change:transform,opacity}
.mind-foto:nth-child(1){animation-delay:0s}
.mind-foto:nth-child(2){animation-delay:9s}
.mind-foto:nth-child(3){animation-delay:18s}
@keyframes mind-troca{
  0%{opacity:0;transform:scale(1.04)}
  6%{opacity:.30}
  30%{opacity:.30}
  36%{opacity:0;transform:scale(1.14)}
  100%{opacity:0;transform:scale(1.04)}
}
.mind-veu{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,var(--ink) 4%,rgba(55,52,50,.92) 34%,rgba(55,52,50,.34) 100%)}
.mind-veu::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(55,52,50,.45),transparent 40%,rgba(55,52,50,.40))}

/* Uma foto so: aproximacao lenta e continua, sem troca */
.mind-palco--una .mind-foto{opacity:.72;animation:mind-zoom 26s ease-in-out infinite alternate}
@keyframes mind-zoom{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.13) translate3d(-1.5%,-1%,0)}}
.mind-aurora{position:absolute;z-index:1;border-radius:50%;filter:blur(70px);pointer-events:none}
.mind-aurora.a{right:-6%;top:-18%;width:44vw;height:44vw;background:rgba(198,115,18,.20);animation:mind-flutua 19s ease-in-out infinite}
.mind-aurora.b{right:22%;bottom:-30%;width:30vw;height:30vw;background:rgba(198,115,18,.12);animation:mind-flutua 25s ease-in-out infinite reverse}
@keyframes mind-flutua{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-4%,6%,0) scale(1.12)}
}
.mind-hero .w{position:relative;z-index:2}
.mind-mark{animation:mind-entra .9s ease both}
.mind-hero h1{animation:mind-entra .9s .08s ease both}
.mind-hero .lead{animation:mind-entra .9s .16s ease both}
.mind-hero .btns{animation:mind-entra .9s .24s ease both}
.mind-prova{animation:mind-entra .9s .32s ease both}
@keyframes mind-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ===== Numeros que contam ===== */
.mind-prova .num{font-variant-numeric:tabular-nums}

/* ===== Faixa de ramos em movimento ===== */
.mind-faixa{margin-top:2rem;overflow:hidden;position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mind-faixa ul{display:flex;gap:.5rem;width:max-content;animation:mind-desliza 48s linear infinite;padding:0;margin:0;list-style:none}
.mind-faixa:hover ul{animation-play-state:paused}
.mind-faixa li{white-space:nowrap;border:1px solid rgba(255,255,255,.16);border-radius:999px;
  padding:.5rem .95rem;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.82)}
@keyframes mind-desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== Filtro por linha ===== */
.mind-filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.25rem}
.mind-filtros button{font:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;
  border:1px solid var(--line);background:var(--white);color:var(--ink2);
  border-radius:999px;padding:.55rem 1.05rem;transition:var(--ease)}
.mind-filtros button:hover{border-color:var(--blue);color:var(--blue)}
.mind-filtros button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.mind-linha[hidden]{display:none}
.mind-linha{animation:mind-entra .45s ease both}

/* ===== Cartao com barra de foco ===== */
.mind-card{position:relative;overflow:hidden}
.mind-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.mind-card:hover::after{transform:scaleX(1)}

/* ===== Perguntas frequentes em sanfona ===== */
.mind-faq{border-bottom:1px solid rgba(255,255,255,.12)}
.mind-faq summary{cursor:pointer;list-style:none;padding:1.25rem 2.5rem 1.25rem 0;position:relative;
  font-weight:700;color:#fff;font-size:1.0625rem;transition:var(--ease)}
.mind-faq summary::-webkit-details-marker{display:none}
.mind-faq summary:hover{color:var(--blue)}
.mind-faq summary::after{content:'';position:absolute;right:.5rem;top:50%;width:11px;height:11px;
  border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.mind-faq[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.mind-faq p{color:rgba(255,255,255,.66);padding:0 3rem 1.5rem 0;margin:0;line-height:1.8;
  animation:mind-entra .35s ease both}
.mind-faq-lista{max-width:900px;margin-top:2.5rem}

/* ===== Passos com numero animado ===== */
.steps .step{transition:var(--ease)}
.steps .step:hover .step-n{color:var(--blue);transform:translateX(3px)}
.steps .step-n{transition:var(--ease)}

@media (prefers-reduced-motion: reduce){
  .mind-foto,.mind-aurora,.mind-faixa ul,.mind-mark,.mind-hero h1,.mind-hero .lead,
  .mind-hero .btns,.mind-prova,.mind-linha,.mind-faq p{animation:none!important}
  .mind-foto:nth-child(1){opacity:.26}
  .mind-palco--una .mind-foto{opacity:.70}
}

/* ===== Simbolo no cartao e no topo da especialidade ===== */
.mind-card .ico{width:38px;height:38px;color:var(--blue);margin-bottom:.25rem}
.mind-card--vazio .ico{color:var(--blue)}
.mind-idents{display:flex;align-items:center;gap:1.125rem;margin-bottom:1.5rem}
.mind-idents .mind-mark--sm{margin:0}
.mind-idents-sep{width:1px;height:38px;background:var(--line)}
.mind-idents .mind-selo{margin:0}
.mind-selo{width:58px;height:62px;border-radius:16px;background:rgba(198,115,18,.10);
  border:1px solid rgba(198,115,18,.28);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.mind-selo .ico{width:32px;height:32px;color:var(--blue)}

/* ===== Pilares: metodo, gente e ferramenta ===== */
.mind-pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.75rem}
.mind-pilar{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:2rem 1.75rem;transition:var(--ease)}
.mind-pilar:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 40px rgba(55,52,50,.10)}
.mind-pilar .ico{width:40px;height:40px;color:var(--blue);margin-bottom:1.25rem}
.mind-pilar h4{font-size:1.125rem;margin:0 0 .75rem}
.mind-pilar p{font-size:.9375rem;margin:0}

/* ===== Faixa da trilha ===== */
.mind-trilha{margin-top:1.25rem;background:var(--ink);color:#fff;border-radius:var(--r-xl);
  padding:clamp(2rem,4vw,3.25rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.mind-trilha h3{color:#fff;font-size:clamp(1.3rem,2.3vw,1.75rem);margin:0 0 1rem;max-width:26ch}
.mind-trilha p{color:rgba(255,255,255,.66);margin:0;max-width:52ch}
.mind-trilha-passos{list-style:none;margin:0;padding:0;counter-reset:passo;position:relative}
.mind-trilha-passos::before{content:'';position:absolute;left:17px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(180deg,var(--blue),rgba(198,115,18,.15))}
.mind-trilha-passos li{position:relative;padding:0 0 1.5rem 3.25rem;counter-increment:passo}
.mind-trilha-passos li:last-child{padding-bottom:0}
.mind-trilha-passos li::before{content:counter(passo);position:absolute;left:0;top:-2px;
  width:36px;height:36px;border-radius:50%;background:var(--ink);border:2px solid var(--blue);
  color:var(--blue);font-weight:800;font-size:.875rem;display:flex;align-items:center;justify-content:center}
.mind-trilha-passos li:last-child::before{background:var(--blue);color:#fff}
.mind-trilha-passos strong{display:block;color:#fff;font-size:1rem;margin-bottom:.25rem}
.mind-trilha-passos span{color:rgba(255,255,255,.62);font-size:.9375rem;line-height:1.7}

@media (max-width:860px){
  .mind-trilha{grid-template-columns:1fr}
}

/* ===== Segmentos atendidos, com exemplos ao passar o mouse ===== */
.mind-segs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.875rem;margin-top:2.75rem}
.mind-seg{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:1.375rem 1.25rem;
  background:rgba(255,255,255,.035);transition:var(--ease);outline:none}
.mind-seg:hover,.mind-seg:focus-visible{border-color:var(--blue);background:rgba(198,115,18,.09);transform:translateY(-3px)}
.mind-seg .ico{width:30px;height:30px;color:var(--blue);margin-bottom:.875rem;display:block}
.mind-seg h4{font-size:.9375rem;line-height:1.4;color:#fff;margin:0}
.mind-seg p{margin:0;font-size:.8125rem;line-height:1.65;color:rgba(255,255,255,.58);
  max-height:0;opacity:0;overflow:hidden;transition:max-height .35s var(--ease),opacity .28s var(--ease),margin .28s var(--ease)}
.mind-seg:hover p,.mind-seg:focus-within p,.mind-seg:focus-visible p{max-height:140px;opacity:1;margin-top:.625rem}

@media (hover:none),(max-width:860px){
  /* Sem mouse, os exemplos ficam sempre visiveis */
  .mind-seg p{max-height:none;opacity:1;margin-top:.625rem}
}

/* ===== Fluxo: passos ligados por linha, com seta entre eles ===== */
.mind-fluxo{list-style:none;margin:2.75rem 0 0;padding:0;display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:fluxo}
.mind-fluxo li{position:relative;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:1.75rem 1.5rem;transition:var(--ease)}
.mind-fluxo li:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 40px rgba(55,52,50,.10)}
.mind-fluxo li::after{content:'';position:absolute;right:-1rem;top:50%;width:1rem;height:2px;
  background:linear-gradient(90deg,rgba(198,115,18,.55),rgba(198,115,18,.15))}
.mind-fluxo li:last-child::after{display:none}
.mind-fluxo .no{display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:14px;background:rgba(198,115,18,.10);border:1px solid rgba(198,115,18,.26);
  color:var(--blue);font-weight:800;font-size:1.125rem;margin-bottom:1.125rem;transition:var(--ease)}
.mind-fluxo .no svg{width:26px;height:26px}
.mind-fluxo li:hover .no{background:var(--blue);border-color:var(--blue);color:#fff}
.mind-fluxo h4{font-size:1.0625rem;margin:0 0 .5rem;line-height:1.35}
.mind-fluxo p{font-size:.9375rem;margin:0;color:var(--muted);line-height:1.7}

/* Sobre fundo escuro */
.sec[style*="--ink"] .mind-fluxo li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}
.sec[style*="--ink"] .mind-fluxo h4{color:#fff}
.sec[style*="--ink"] .mind-fluxo p{color:rgba(255,255,255,.62)}

@media (max-width:880px){
  .mind-fluxo li::after{right:auto;left:2.5rem;top:auto;bottom:-1rem;width:2px;height:1rem;
    background:linear-gradient(180deg,rgba(198,115,18,.55),rgba(198,115,18,.15))}
}

/* ==========================================================================
   Cartoes de especialidade por linha, segmentos clicaveis e paginas de segmento
   ========================================================================== */

/* Cores de cada linha, sempre dentro da paleta Mind */
.mind-card--l1{--tile:rgba(198,115,18,.12);--tile-b:rgba(198,115,18,.30);--tile-c:#C67312}
.mind-card--l2{--tile:rgba(198,115,18,.07);--tile-b:rgba(198,115,18,.20);--tile-c:#A35C0E}
.mind-card--l3{--tile:rgba(55,52,50,.08);--tile-b:rgba(55,52,50,.22);--tile-c:#373432}

.mind-card-topo{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.125rem}
.mind-tile{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;
  border-radius:14px;background:var(--tile,rgba(198,115,18,.12));border:1px solid var(--tile-b,rgba(198,115,18,.30));
  color:var(--tile-c,var(--blue));transition:var(--ease)}
.mind-tile .ico,.mind-tile svg{width:26px;height:26px;margin:0}
.mind-card:hover .mind-tile{background:var(--tile-c,var(--blue));border-color:var(--tile-c,var(--blue));color:#fff}
.mind-card--vazio .mind-tile{background:rgba(198,115,18,.18);border-color:rgba(198,115,18,.4);color:#fff}
.mind-badge{font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tile-c,var(--blue));background:var(--tile,rgba(198,115,18,.12));border-radius:999px;padding:.35rem .7rem;white-space:nowrap}
.mind-card--l1::after{background:#C67312}
.mind-card--l2::after{background:#A35C0E}
.mind-card--l3::after{background:#373432}

.mind-linha-n{font-size:.8125rem;font-weight:800;color:var(--blue);letter-spacing:.04em;
  padding:.25rem .6rem;border:1px solid rgba(198,115,18,.35);border-radius:8px;margin-right:.25rem}
.mind-linha--l2 .mind-linha-n{color:#A35C0E;border-color:rgba(163,92,14,.35)}
.mind-linha--l3 .mind-linha-n{color:var(--ink);border-color:rgba(55,52,50,.3)}
.mind-linha--l3 .mind-linha-tit::before{background:var(--ink)}

/* Segmentos como link */
a.mind-seg{display:block;text-decoration:none;color:inherit;cursor:pointer}
.mind-seg .ico{width:30px;height:30px}
.mind-seg .ir{display:block;font-size:.8125rem;font-weight:700;color:var(--blue);
  max-height:0;opacity:0;overflow:hidden;transition:max-height .35s var(--ease),opacity .28s var(--ease),margin .28s var(--ease)}
.mind-seg:hover .ir,.mind-seg:focus-visible .ir{max-height:40px;opacity:1;margin-top:.75rem}
.mind-seg--claro{background:var(--white);border-color:var(--line)}
.mind-seg--claro h4{color:var(--ink)}
.mind-seg--claro:hover{background:rgba(198,115,18,.06)}
.mind-segs--compacto{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1.5rem}
.mind-segs--compacto .mind-seg{padding:1rem}
.mind-segs--compacto .mind-seg .ico{width:24px;height:24px;margin-bottom:.6rem}
.mind-segs--compacto h4{font-size:.875rem}
@media (hover:none),(max-width:860px){.mind-seg .ir{max-height:none;opacity:1;margin-top:.75rem}}

/* Tipos de empresa */
.mind-tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem}
.mind-tipo{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem;transition:var(--ease)}
.mind-tipo:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 40px rgba(55,52,50,.10)}
.mind-tipo .ico{width:28px;height:28px;color:var(--blue);margin-bottom:.875rem}
.mind-tipo h4{font-size:1.0625rem;margin:0 0 .5rem}
.mind-tipo p{font-size:.9375rem;margin:0;color:var(--muted)}

/* Solucoes por segmento */
.mind-sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.25rem;margin-top:2.5rem}
.mind-sol{display:flex;gap:1.125rem;align-items:flex-start;text-decoration:none;color:inherit;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;transition:var(--ease)}
.mind-sol:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 14px 40px rgba(55,52,50,.10)}
.mind-sol:hover .mind-tile{background:var(--blue);border-color:var(--blue);color:#fff}
.mind-sol h4{font-size:1.0625rem;margin:0 0 .5rem}
.mind-sol p{font-size:.9375rem;margin:0 0 .75rem;color:var(--muted)}
.mind-sol .ir{font-size:.8125rem;font-weight:700;color:var(--blue)}

/* Bloco do empresario */
.mind-empresario{display:flex;gap:1.75rem;align-items:flex-start;max-width:900px}
.mind-tile--claro{width:64px;height:64px;flex-basis:64px;border-radius:18px;background:rgba(198,115,18,.16);border-color:rgba(198,115,18,.45);color:#fff}
.mind-tile--claro svg{width:30px;height:30px}
@media (max-width:640px){.mind-empresario{flex-direction:column}}