:root{--negro:#000;--dorado:#D4AF37;--gris:#111;--blanco:#fff}
*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,sans-serif}
body{background:var(--negro);color:var(--blanco)}
.announcement{background:var(--dorado);color:#000;text-align:center;padding:10px;font-weight:bold}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--dorado)}
.logo{font-size:28px;color:var(--dorado);font-weight:bold;letter-spacing:2px}
nav a{color:var(--blanco);margin-left:25px;text-decoration:none;font-weight:500}
nav a:hover{color:var(--dorado)}
.hero{height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#0a0a0a;padding:20px}
.hero h1{font-size:52px;color:var(--dorado);margin-bottom:20px}
.hero p{font-size:20px;margin-bottom:30px}
.btn{background:var(--dorado);color:#000;padding:14px 28px;text-decoration:none;font-weight:bold;display:inline-block}
.btn:hover{opacity:.85}
.catalogo{padding:80px 40px;text-align:center}
.catalogo h2{color:var(--dorado);margin-bottom:50px;font-size:36px}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.product-card{background:var(--gris);padding:25px;border:1px solid var(--dorado);transition:.3s}
.product-card:hover{transform:translateY(-8px)}
.product-card img{width:100%;height:320px;object-fit:cover;margin-bottom:15px;background:#222}
.price{color:var(--dorado);font-weight:bold;margin:10px 0}
.seguridad{padding:70px 40px;text-align:center;border-top:1px solid var(--dorado)}
.seguridad h3{color:var(--dorado);margin-bottom:20px}
.seguridad p{margin-bottom:10px}
footer{text-align:center;padding:40px;border-top:1px solid var(--dorado);margin-top:60px}