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

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

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

/* foto (banner) */
.consult-photo { position: relative; line-height: 0; }
.consult-photo img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center 22%;
  display: block;
}
/* gradiente suave da foto para o corpo escuro (profundidade, como no card original) */
.consult-photo::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 42%;
  background: linear-gradient(to bottom, rgba(23,21,19,0), var(--surface));
  pointer-events: none;
}

/* corpo */
.consult-body { padding: 22px 24px 26px; }
.consult-handle {
  margin: 0 0 14px; font-family: var(--font-head);
  font-size: 1.5rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.15;
}
.consult-handle a { color: var(--accent); text-decoration: none; }
.consult-handle a:hover { text-decoration: underline; }

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

/* botão WhatsApp */
.wa-btn { background: var(--wa); color: #04341a; padding: 14px 18px; font-size: 1rem; }
.wa-btn:hover { background: #1fc25c; color: #04341a; }
.wa-ico { width: 20px; height: 20px; }

@media (max-width: 480px) {
  .consult-wrap { padding-top: 20px; }
  .consult-body { padding: 20px 18px 22px; }
  .consult-handle { font-size: 1.35rem; }
}