:root {
  --bg-nav: #0b192f;
  --green: #8bdc65;
  --green-dark: #6fbd4f;
  --text-dark: #171717;
  --text-gray: #5f6672;
  --text-soft: #c9d4e6;
  --white: #ffffff;
  --line: rgba(255,255,255,0.08);
  --line-light: rgba(23,23,23,0.08);
  --surface: #ffffff;
  --muted: #5f6672;
  --shadow: 0 12px 28px rgba(0,0,0,.05);
  --cyan: #6fbd4f;
  --cta-green: #6fbd4f;
  --cta-green-dark: #5f9f43;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: "Manrope", sans-serif;
  background:
    linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.88)),
    url('../img/fondo.jpg');
  background-size: 520px auto;
  background-repeat: repeat;
  color: var(--text-dark);
  overflow-x: hidden;
  line-height: 1.5;
}

.container {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 22px;
}