/* Seção Nossas soluções para você */
.solutions { padding-top:40px; padding-bottom:56px; max-width: 1400px; margin: 0 auto;}
.solutions-inner { display:flex; gap:36px; align-items:flex-start; }

/* título à esquerda ocupando 50% */
.solutions-title { flex: 0 0 50%; max-width:50%; }
.solutions-lead { color:var(--muted); margin-top:8px; }

/* acordeão à direita ocupando 50% */
.solutions-accordion { flex: 1; min-width:0; max-width:50%; }

/* estilo dos itens do acordeão */
.accordion-item { border-bottom:1px solid rgba(0,0,0,0.04); padding:6px 0; border-bottom: solid 1px grey;}
.accordion-button {
  display:flex;
  align-items:center;
  width:100%;
  text-align:left;
  padding:14px 12px;
  background:transparent;
  border:0;
  font-weight:700;
  font-size:16px;
  color:var(--text);
  cursor:pointer;
  transition:color var(--transition), background var(--transition);
}
.accordion-button:focus { outline:2px solid rgba(17,17,17,0.12); outline-offset:3px; border-radius:6px; }
.accordion-button[aria-expanded="true"] { color:var(--accent); }

/* painel escondido/visível com animação */
.accordion-panel {
  max-height:0;
  overflow:hidden;
  transition:max-height 320ms ease, opacity 240ms ease;
  opacity:0;
  padding:0 12px;
}
.accordion-panel p { margin:12px 0 16px 0; color:var(--muted); line-height:1.6; }

/* painel aberto (classe aplicada via JS) */
.accordion-panel.open {
  opacity:1;
  /* max-height suficiente para o conteúdo (será ajustado por JS) */
}

/* pequenas melhorias visuais */
.accordion-button::after {
  content: "＋";
  margin-left:auto;
  font-weight:900;
  transition: transform 240ms ease;
}
.accordion-button[aria-expanded="true"]::after { content: "−"; transform:rotate(0deg); }

/* responsivo: empilha e título fica full width */
@media (max-width:992px) {
  .solutions-inner { flex-direction:column; gap:18px; }
  .solutions-title, .solutions-accordion { max-width:100%; flex-basis:100%; }
  .solutions-lead { margin-bottom:6px; }
}