/* ===== CiteviaHMG — estilos propios ===== */

.cv-hero{ padding-top: 180px; }
.cv-hero-note{
  text-align: center; font-size: 0.82rem; color: var(--muted); margin-top: 18px;
}
.cv-hero-visual{
  max-width: 900px; margin: 36px auto 0;
  border-radius: 16px; overflow: hidden;
  border: 1px solid var(--border-soft);
  box-shadow: 0 20px 45px rgba(0,0,0,0.4);
  line-height: 0;
}
.cv-hero-visual img{ width: 100%; height: auto; display: block; }

.cv-problema-visual{
  max-width: 820px; margin: 36px auto 0;
  border-radius: 16px; overflow: hidden;
  border: 1px solid var(--border-soft);
  box-shadow: 0 20px 45px rgba(0,0,0,0.4);
  line-height: 0;
}
.cv-problema-visual img{ width: 100%; height: auto; display: block; }

#como-funciona .steps{ grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px){
  #como-funciona .steps{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  #como-funciona .steps{ grid-template-columns: 1fr; }
}

.cv-privacy-banner{
  display: flex; align-items: flex-start; gap: 16px;
  max-width: 860px; margin: 0 auto;
  background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: var(--radius);
  padding: 22px 26px;
}
.cv-privacy-icon{ font-size: 1.6rem; flex: none; }
.cv-privacy-text{ font-size: 0.95rem; color: var(--white); line-height: 1.6; }
.cv-privacy-text strong{ color: var(--gold-500); }