/*
 * Projeto: MSOUZA ADVOCACIA
 * Author: Marcílio Souza
 * Secao: Como posso ajudar? Logo apos a faixa de atendimento.
 * Estilos isolados para apresentacao, tres cards e adaptacao responsiva.
 */

/* Secao sem moldura externa: convite a esquerda e cards a direita. */
.legal-help { background:#f4f7f5; border-bottom:1px solid #dbe4df; }
.legal-help-inner {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);
  align-items:center;
  gap:64px;
}
.legal-help-intro { min-width:0; }
.legal-help-intro h2 { margin:0; color:var(--green); font-size:36px; line-height:1.25; overflow-wrap:anywhere; }
.legal-help-intro h2 span { color:#8b703e; }
.legal-help-rule { display:block; width:84px; height:3px; margin-top:22px; background:var(--gold); }
.legal-help-contact {
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  margin-top:22px;
  color:var(--green);
  font:600 14px/1.5 Arial,sans-serif;
  text-decoration:underline;
  text-underline-offset:5px;
}
.legal-help-contact svg { width:18px; height:18px; flex-shrink:0; }
.legal-help-contact:hover { color:#8b703e; }

/* Cards horizontais: borda dourada, icones Lucide e texto integral. */
.legal-help-list { display:grid; gap:20px; min-width:0; }
.legal-help-card {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:22px;
  min-width:0;
  padding:26px;
  border:1px solid #d2ddd7;
  border-left:4px solid var(--gold);
  border-radius:6px;
  background:#fff;
  box-shadow:0 8px 24px #173f3608;
}
.legal-help-icon {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:6px;
  background:#edf3ef;
  color:#8b703e;
}
.legal-help-icon svg { width:32px; height:32px; }
.legal-help-card > div { min-width:0; }
.legal-help-card h3 { margin:0 0 12px; color:var(--green); font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
.legal-help-card p { margin:0; color:#54665d; font:15px/1.75 Arial,sans-serif; overflow-wrap:anywhere; }

/* Responsividade: convite acima dos cards em telas menores. */
@media(max-width:1100px) {
  .legal-help-inner { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:36px; }
  .legal-help-card { padding:22px; gap:18px; }
}
@media(max-width:900px) {
  .legal-help-inner { grid-template-columns:1fr; gap:30px; }
  .legal-help-rule { margin-top:18px; }
  .legal-help-contact { margin-top:14px; }
}
@media(max-width:640px) {
  .legal-help-intro h2 { font-size:30px; }
  .legal-help-card { grid-template-columns:48px minmax(0,1fr); align-items:start; padding:20px 18px; gap:14px; }
  .legal-help-icon { width:48px; height:48px; }
  .legal-help-icon svg { width:26px; height:26px; }
  .legal-help-card h3 { font-size:22px; }
}
@media(max-width:360px) {
  .legal-help-card { grid-template-columns:1fr; }
}