/* IA Justrabalhista — reusa as variáveis/paleta de ../styles.css (dark premium). */

.ia-wrap { max-width: 480px; padding-top: 32px; padding-bottom: 40px; }

.ia-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow);
  text-align: center;
}

/* emblema (logo dentro de um bloco dourado suave) */
.ia-logo {
  display: flex; align-items: center; justify-content: center;
  padding: 30px 24px 6px;
}
.ia-logo img {
  width: 138px; height: 138px; max-width: 60%;
  object-fit: contain;
  border-radius: 20px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-line);
  padding: 14px;
}

/* corpo */
.ia-body { padding: 8px 24px 26px; }
.ia-title {
  margin: 0 0 14px; font-family: var(--font-head);
  font-size: 1.6rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.15;
  color: var(--accent);
}

.ia-text { margin: 0 0 14px; font-size: 1.02rem; color: var(--text); line-height: 1.6; }
.ia-hint { margin: 0 0 20px; font-size: .92rem; }

/* CTA reaproveita .btn.btn-primary.btn-block (dourado) do styles.css */
.ia-card .btn-primary { padding: 14px 18px; font-size: 1rem; }

@media (max-width: 480px) {
  .ia-wrap { padding-top: 20px; }
  .ia-logo { padding: 24px 18px 4px; }
  .ia-logo img { width: 120px; height: 120px; }
  .ia-body { padding: 6px 18px 22px; }
  .ia-title { font-size: 1.4rem; }
}