:root {
  --bg:      #F0FDF4;
  --primary: #2D7D5A;
  --accent:  #4CAF82;
  --cta:     #059669;
  --text:    #1A3C2E;
  --radius:  20px;
  --shadow:  0 4px 20px rgba(45,125,90,0.10);
}

@media (max-width: 768px) {
  .hero-grid,
  .nosotros-grid {
    grid-template-columns: 1fr !important;
  }
  .pasos-grid {
    grid-template-columns: 1fr !important;
  }
  #menu-btn {
    display: flex !important;
  }
}

html {
  scroll-behavior: smooth;
}