:root { --tinta:#1a1a1a; --suave:#6b6b72; --linea:#e4e4e7; --fondo:#fbfbfa; }
* { box-sizing:border-box; }
body { margin:0; background:var(--fondo); color:var(--tinta);
       font:16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
.aviso { margin:0; padding:10px 20px; background:#1a1a1a; color:#fff; font-size:13px; text-align:center; }
header { display:flex; justify-content:space-between; align-items:center; gap:20px;
         padding:20px; border-bottom:1px solid var(--linea); flex-wrap:wrap; }
.marca { font-size:20px; font-weight:700; text-decoration:none; color:inherit; letter-spacing:-.01em; }
nav a { margin-left:16px; color:var(--suave); text-decoration:none; font-size:14px; }
nav a:hover, .marca:hover { color:var(--tinta); }
main { max-width:900px; margin:0 auto; padding:40px 20px 60px; }
h1 { font-size:32px; margin:0 0 8px; letter-spacing:-.02em; }
.entrada { color:var(--suave); margin:0 0 32px; }
.rejilla { list-style:none; margin:0; padding:0; display:grid; gap:16px;
           grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); }
.rejilla a { display:block; padding:20px; background:#fff; border:1px solid var(--linea);
             border-radius:10px; text-decoration:none; color:inherit; }
.rejilla a:hover { border-color:var(--tinta); }
.nombre { display:block; font-weight:600; margin-bottom:6px; }
.precio { display:block; font-size:20px; }
.estado { display:block; color:var(--suave); font-size:13px; margin-top:4px; }
.ficha { background:#fff; border:1px solid var(--linea); border-radius:10px; padding:28px; }
.ficha .precio { font-size:28px; margin:12px 0; }
.comprar { display:inline-block; margin-top:16px; padding:12px 22px; background:var(--tinta);
           color:#fff; text-decoration:none; border-radius:8px; font-weight:600; }
dl { display:grid; grid-template-columns:auto 1fr; gap:6px 20px; margin:24px 0 0; font-size:14px; }
dt { color:var(--suave); }
dd { margin:0; }
footer { border-top:1px solid var(--linea); padding:24px 20px; text-align:center;
         color:var(--suave); font-size:13px; }
footer a { color:inherit; }