/* =========================
   VARIABLES (TOCA AQUÍ)
   ========================= */

:root {
  --fondo: #f4efe9;
  --texto: #1e1e1e;
  --acento: #6b6b6b;

  --fuente-principal: Georgia, serif;
  --ancho: 720px;
}

/* ========================= */

body {
  background: var(--fondo);
  color: var(--texto);
  font-family: var(--fuente-principal);
  max-width: var(--ancho);
  margin: auto;
  padding: 60px 20px;
  line-height: 1.7;
}

header {
  margin-bottom: 80px;
}

h1 {
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.subtitulo {
  color: var(--acento);
  font-style: italic;
}

main {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.consola h2 {
  font-size: 1.6rem;
  margin-bottom: 5px;
}

.meta {
  color: var(--acento);
  font-size: 0.9rem;
  margin-bottom: 20px;
}

ul {
  padding-left: 20px;
}

footer {
  margin-top: 120px;
  font-size: 0.8rem;
  color: var(--acento);
  text-align: center;
}