:root{
  --bg:#1a1a1a;
  --card:#111;
  --accent:#3e5fb5;
  --muted:#a6a7ab;
  --text:#f5f5f5;
  --texture:url('/img/textura negro.jpg');
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Courier New', monospace;
  background:var(--bg) var(--texture);
  background-size:300px;
  color:var(--text);
  line-height:1.6;
}

/* HEADER */
header{
  text-align:center;
  padding:28px 20px;
  border-bottom:2px solid var(--accent);
  background:rgba(0,0,0,0.7);
}
header h1{
  margin:0;
  font-size:28px;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:2px;
}

/* NAVBAR */
nav{
  display:flex;
  justify-content:center;
  gap:20px;
  background:rgba(0,0,0,0.6);
  padding:10