:root {
  --nit: #1D2550;
  --lluna: #FFD66E;
  --crema: #FFF7E8;
  --text: #2A2F4A;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 17px/1.6 "Nunito", system-ui, sans-serif;
  color: var(--text);
  background: var(--crema);
}
header {
  background: var(--nit);
  color: var(--crema);
  padding: 48px 16px 40px;
  text-align: center;
}
header a { color: inherit; text-decoration: none; }
h1, h2, h3 { font-family: "Fredoka", "Nunito", sans-serif; line-height: 1.2; }
header h1 { margin: 0; font-size: clamp(32px, 7vw, 52px); }
header h1 span { color: var(--lluna); }
header p { margin: 8px 0 0; opacity: .85; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 48px; }
main h2 { color: var(--nit); margin-top: 40px; }
a { color: var(--nit); }
.botons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 24px; }
.boto {
  display: inline-block; padding: 10px 20px; border-radius: 999px;
  background: var(--lluna); color: var(--nit); font-weight: 800; text-decoration: none;
}
.idioma { font-size: 14px; opacity: .7; }
hr { border: 0; border-top: 1px solid #e3d9c4; margin: 40px 0; }
footer {
  text-align: center; font-size: 14px; padding: 24px 16px 40px; color: #6b6f86;
}
footer a { margin: 0 8px; }