:root{--oro:#d4af37;--oro2:#f1d27a;--fondo:#0b0b0b;--panel:#141414;--texto:#e9e6df;--suave:#a9a39a}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--oro2)}header{border-bottom:1px solid #222;padding:18px 20px}header .in,main,footer .in{max-width:880px;margin:0 auto}
.marca{font-weight:800;letter-spacing:.12em;color:var(--oro);font-size:20px;text-decoration:none}
nav{float:right}nav a{margin-left:16px;color:var(--suave);text-decoration:none;font-size:14px}nav a:hover{color:var(--oro2)}
main{padding:40px 20px}h1{font-size:34px;line-height:1.2;margin:0 0 12px;color:#fff}h2{color:var(--oro2);margin-top:32px;font-size:21px}
.lead{color:var(--suave);font-size:18px;max-width:640px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px}
.t{background:var(--panel);border:1px solid #262626;border-radius:14px;padding:18px}.t b{color:var(--oro2)}
footer{border-top:1px solid #222;padding:22px 20px;color:var(--suave);font-size:14px}
@media(max-width:600px){nav{float:none;display:block;margin-top:8px}nav a{margin:0 14px 0 0}h1{font-size:27px}}