body{margin:0;font-family:Arial;background:#111;color:#fff}
.hero{background:linear-gradient(90deg,#8B0000,#FF6600);padding:20px}
.header-content{display:flex;justify-content:space-between;align-items:center}
.logo{width:100px}
nav{background:#000;text-align:center;padding:10px}
nav button{background:#FF6600;color:#fff;border:none;margin:5px;padding:10px;border-radius:6px;cursor:pointer}
main{padding:20px}
section{display:none;background:#1a1a1a;padding:20px;border-radius:10px}
.activa{display:block}
.btn{background:#8B0000;color:#fff;border:none;padding:10px;margin:5px;border-radius:6px}
footer{text-align:center;background:#000;color:#FF6600;padding:10px}