:root {
  --lcs-light: #64A7D2;     /* celeste suave */
  --lcs-medium: #4696C7;   /* celeste medio */
  --lcs-primary: #296B9F;  /* azul principal */
  --lcs-dark: #161D30;     /* azul marino */
  --lcs-gray: #AFB3BC;     /* plomo */
}

body {
  font-family: 'Poppins', sans-serif;
  padding-top: 70px;
  color: var(--dark);
}

.hero {
  padding: 110px 0;
  background: linear-gradient(
    135deg,
    #64A7D2 0%,
    #4696C7 40%,
    #296B9F 70%,
    #161D30 100%
  );
}

.section {
  padding: 80px 0;
}

.hero {
  box-shadow: inset 0 -80px 120px rgba(0,0,0,.15);
}


.hero h1 {
  color: #ffffff;
}

.hero p {
  color: var(--lcs-dark);
}

h1, h3 {
  color: var(--lcs-primary);
}

.footer {
  background: var(--lcs-dark);
  color: white;
  padding: 20px 0;
}