/* ===== GeoPresencia HMG — estilos propios ===== */

.gp-hero{ padding-top: 180px; }
.gp-hero-note{
  text-align: center; font-size: 0.82rem; color: var(--muted); margin-top: 18px;
}
.gp-hero-visual{
  max-width: 240px; margin: 36px auto 0;
  border-radius: 26px; overflow: hidden;
  border: 1px solid var(--border-soft);
  box-shadow: 0 20px 45px rgba(0,0,0,0.4);
  line-height: 0;
}
.gp-hero-visual img{ width: 100%; 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; }
}

.gp-legal-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;
}
.gp-legal-icon{ font-size: 1.6rem; flex: none; }
.gp-legal-text{ font-size: 0.95rem; color: var(--white); line-height: 1.6; }
.gp-legal-text strong{ color: var(--gold-500); }

.gp-manual-banner{
  display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
  max-width: 860px; margin: 0 auto;
  background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: var(--radius);
  padding: 28px 32px;
}
.gp-manual-icon{ font-size: 2.2rem; flex: none; }
.gp-manual-text{ flex: 1; min-width: 220px; }
.gp-manual-text h3{ margin-bottom: 6px; }
.gp-manual-text p{ font-size: 0.9rem; color: var(--muted); line-height: 1.6; margin: 0; }
@media (max-width: 640px){
  .gp-manual-banner{ flex-direction: column; text-align: center; }
}