/* central de ajuda local do clone badcat */
* { box-sizing: border-box; }
body {
  margin: 0; font-family: "Montserrat", -apple-system, "Segoe UI", Arial, sans-serif;
  color: #0d4350; background: #fafafa;
}
.hb-topo {
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 22px; background: #fff; border-bottom: 1px solid #eee;
  position: sticky; top: 0; z-index: 20;
}
.hb-logo { font-weight: 800; letter-spacing: 3px; font-size: 20px; color: #0d4350; text-decoration: none; }
.hb-nav { display: flex; gap: 18px; }
.hb-nav a { font-size: 12.5px; color: #7d7d7d; text-decoration: none; letter-spacing: .3px; }
.hb-nav a:hover, .hb-nav a.ativo { color: #e02487; }

.hb-hero { background: #0d4350; color: #fff; padding: 44px 22px 48px; text-align: center; }
.hb-hero h1 { font-size: 27px; margin: 0 0 10px; font-weight: 600; letter-spacing: .3px; }
.hb-hero p { margin: 0; font-size: 14px; opacity: .82; }

.hb-wrap { max-width: 1080px; margin: -26px auto 0; padding: 0 20px 70px; }
.hb-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 900px) { .hb-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .hb-cards { grid-template-columns: 1fr; } }
.hb-card {
  background: #fff; border: 1px solid #eee; border-radius: 12px;
  padding: 20px 16px; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; gap: 6px;
  transition: .18s ease; min-height: 132px;
}
.hb-card:hover { border-color: #e02487; box-shadow: 0 6px 20px rgba(224, 36, 135, .10); transform: translateY(-2px); }
.hb-ic {
  width: 34px; height: 34px; border-radius: 50%; background: #fdf1f7;
  color: #e02487; font-weight: 700; display: flex; align-items: center;
  justify-content: center; font-size: 16px; margin-bottom: 4px;
}
.hb-card b { font-size: 14px; font-weight: 600; }
.hb-card > span:last-child { font-size: 12px; color: #8a8a8a; line-height: 1.5; }

.hb-col2 { display: grid; grid-template-columns: 1.15fr .85fr; gap: 20px; margin-top: 22px; }
@media (max-width: 860px) { .hb-col2 { grid-template-columns: 1fr; } }

.hb-form-wrap, .hb-info {
  background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 22px;
}
.hb-form-wrap h2, .hb-info h2 { font-size: 17px; margin: 0 0 16px; font-weight: 600; }
.hb-form label { display: block; font-size: 12px; color: #6b6b6b; margin-bottom: 12px; }
.hb-form input, .hb-form select, .hb-form textarea {
  width: 100%; margin-top: 5px; padding: 11px 12px; border: 1px solid #dcdcdc;
  border-radius: 8px; font-family: inherit; font-size: 13.5px; color: #0d4350; background: #fff;
}
.hb-form textarea { resize: vertical; }
.hb-form input:focus, .hb-form select:focus, .hb-form textarea:focus { outline: none; border-color: #e02487; }
.hb-btn {
  width: 100%; padding: 14px; border: 0; border-radius: 26px; background: #e02487;
  color: #fff; font-family: inherit; font-size: 14px; font-weight: 600;
  letter-spacing: .4px; cursor: pointer;
}
.hb-btn:hover { background: #0d4350; }
.hb-ok {
  background: #eaf7ef; border: 1px solid #c7e8d3; color: #1d7a44;
  border-radius: 9px; padding: 16px; font-size: 13px; line-height: 1.6;
}
.hb-info p { font-size: 13px; line-height: 1.65; margin: 0 0 14px; color: #4a4a4a; }
.hb-info p b { color: #0d4350; font-weight: 600; }
.hb-info a { color: #e02487; text-decoration: none; }
.hb-info a:hover { text-decoration: underline; }
.hb-info hr { border: 0; border-top: 1px solid #f0f0f0; margin: 18px 0; }
.hb-info h3 { font-size: 13px; margin: 0 0 10px; font-weight: 600; }
.hb-info ul { list-style: none; margin: 0; padding: 0; }
.hb-info li { font-size: 12.5px; padding: 5px 0; }
.hb-aviso { font-size: 11px !important; color: #9a9a9a !important; margin-top: 18px !important; }