/* ============================================================
   COXTON · o menu das soluções e da prospecção ativa
   (22/10/2026; em cinco grupos desde as 17h; a aba Prospecção ativa desde 23/10)
   Início · Soluções · Prospecção ativa · Raio-X do negócio · Conversa.
   O painel das soluções, em quatro grupos: Marca (Identidade, KIVA, Vídeos e
   artes), Presença (Sites e Google), Tráfego (Anúncios) e Operação (Agentes
   de IA, Sistemas e apps), em colunas: Marca | Presença e Tráfego |
   Operação | o convite do Raio-X.
   O painel da prospecção ativa: Os contatos (Listas de sócios) | O envio
   (Disparadora COXTON) | o convite "A lista e a disparadora, juntas".
   Os dois painéis moram fora do .menu (que rola no tablet) e ficam presos ao
   topo. No celular, a cortina da página ganha os grupos dos dois.
   Também aqui: o rodapé por grupo e o convite do Raio-X na conversa.
   ============================================================ */

/* os botões "Soluções" e "Prospecção ativa" (sem JS, links: a lista da home e a Disparadora) */
.menu .menu__solucoes,.menu .menu__prospeccao{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.menu .menu__solucoes::after,.menu .menu__prospeccao::after{content:"";flex:none;width:5px;height:5px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;transition:rotate .25s cubic-bezier(.22,1,.36,1),margin .25s cubic-bezier(.22,1,.36,1)}
.menu .menu__solucoes[aria-expanded="true"],.menu .menu__prospeccao[aria-expanded="true"]{color:var(--tinta);border-bottom-color:var(--azul)}
.menu .menu__solucoes[aria-expanded="true"]::after,.menu .menu__prospeccao[aria-expanded="true"]::after{rotate:225deg;margin-top:2px}
.menu a.menu__raiox::before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:var(--azul);vertical-align:middle}

/* o painel */
.solucoes{position:absolute;left:0;right:0;top:100%;z-index:3;background:var(--papel);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);box-shadow:0 34px 60px -42px rgba(23,27,33,.5);opacity:0;translate:0 -6px;transition:opacity .2s ease,translate .3s cubic-bezier(.22,1,.36,1)}
.solucoes[hidden]{display:none}
.solucoes[data-aberto="true"]{opacity:1;translate:0 0}
.solucoes[data-aberto="false"]{pointer-events:none}
.solucoes__in{width:var(--col);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:clamp(20px,3vw,44px);align-items:start;padding:clamp(22px,2.6vw,32px) 0 clamp(24px,2.8vw,34px);max-height:calc(100vh - var(--topo-h,64px) - 12px);max-height:calc(100dvh - var(--topo-h,64px) - 12px);overflow:auto;overscroll-behavior:contain}
.solucoes__coluna{display:grid;gap:clamp(18px,2vw,26px);align-content:start;min-width:0}
.solucoes__rot{display:flex;align-items:center;gap:9px;margin:0 0 6px;font:600 10.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-3)}
.solucoes__rot::before{content:"";flex:none;width:16px;height:1px;background:var(--azul)}
.solucoes__familia ul{list-style:none;margin:0;padding:0}
.solucoes__familia a{display:block;padding:10px 0 11px;border-bottom:1px solid var(--linha);color:var(--tinta);text-decoration:none}
.solucoes__familia li:last-child a{border-bottom:0}
.solucoes__nome{display:block;font:400 19px/1.25 var(--serif);letter-spacing:-.015em;transition:color .2s}
.solucoes__desc{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--tinta-3)}
.solucoes__familia a:hover .solucoes__nome,.solucoes__familia a:focus-visible .solucoes__nome,.solucoes__familia a[aria-current="page"] .solucoes__nome{color:var(--azul-forte)}
.solucoes__familia a[aria-current="page"] .solucoes__desc::before{content:"Você está aqui · ";color:var(--azul-forte)}
.solucoes a:focus-visible{outline:2px solid var(--azul-forte);outline-offset:3px;border-radius:4px}
.solucoes .solucoes__porta{margin:4px 0 0;max-width:none}
/* o painel da prospecção ativa: os contatos | o envio | o convite */
.solucoes--prospeccao .solucoes__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr)}
.solucoes__novo{display:inline-block;margin-left:9px;padding:3px 8px;border-radius:20px;background:var(--azul-fundo);color:var(--azul-forte);font:600 9.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;vertical-align:4px}
@media (max-width:1000.98px){
  .solucoes__in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .solucoes--prospeccao .solucoes__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solucoes .solucoes__porta{grid-column:1/-1;margin-top:0}
}
@media (max-width:760px){
  .solucoes{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .solucoes,.menu .menu__solucoes::after,.menu .menu__prospeccao::after{transition:none}
}
html[data-movimento="menos"] .solucoes,html[data-movimento="menos"] .menu .menu__solucoes::after,html[data-movimento="menos"] .menu .menu__prospeccao::after{transition:none}

/* a cortina do celular: as soluções e a prospecção ativa, nos seus grupos */
@media (max-width:760px){
  .menu-cortina .cortina-solucoes{display:grid;padding:14px 0 10px;border-bottom:1px solid var(--linha)}
  .menu-cortina .cortina-solucoes__rot{margin:0;font:600 10.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-3)}
  .menu-cortina .cortina-familia{display:grid;margin-top:12px}
  .menu-cortina .cortina-familia__rot{margin:0 0 2px;font:600 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--azul-forte)}
  .menu-cortina .cortina-familia a{font-size:clamp(21px,5.8vw,25px);padding:6px 0 6px 14px;border-bottom:0;border-left:1px solid var(--linha)}
  .menu-cortina .cortina-familia a::after{font-size:14px}
  .menu-cortina .cortina-familia a.atual{border-left-color:var(--azul-forte)}
}

/* o rodapé por grupo */
.rodape__familias{display:grid;gap:16px}
.rodape__familias h3{margin:0 0 8px;font:600 10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#66717c}
.rodape__familias ul{gap:6px}
@media (max-width:560px){
  .rodape__familias{grid-template-columns:1fr 1fr;column-gap:18px}
}

/* o convite do Raio-X do negócio, na conversa (o mesmo da home, 20/10) */
.raiox-convite{display:grid;gap:4px;max-width:44ch;margin-top:22px;padding:14px 18px 15px;border:1px solid var(--linha-2);border-left:3px solid var(--azul);border-radius:4px 14px 14px 4px;background:#fff;color:var(--tinta);text-decoration:none;transition:border-color .2s,transform .2s}
.raiox-convite:hover{border-color:var(--azul)}
.raiox-convite:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
.raiox-convite__rot{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.raiox-convite__txt{font-size:15.5px;line-height:1.5;color:var(--tinta-2)}
.raiox-convite__ir{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:14.5px;font-weight:600;color:var(--azul-forte)}
.raiox-convite__ir svg{width:14px;height:14px;transition:transform .2s}
@media (prefers-reduced-motion:no-preference){
  .raiox-convite:hover{transform:translateY(-1px)}
  .raiox-convite:hover .raiox-convite__ir svg{transform:translateX(3px)}
}

@media print{
  .solucoes{display:none!important}
}