:root{--azul:#2563eb;--morado:#7c3aed} body{margin:0;font-family:Segoe UI,sans-serif;background:#f8fafc}.navbar{display:flex;justify-content:center;gap:10px;padding:15px;background:linear-gradient(90deg,var(--azul),var(--morado))}.tab-btn{border:none;background:none;color:#fff;padding:12px 18px;border-radius:10px;cursor:pointer}.tab-btn.active{background:#fff;color:var(--azul)}.tab-content{display:none;max-width:1100px;margin:auto;padding:40px}.tab-content.active{display:block}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08);margin:10px 0}